import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
import { useRef, useCallback, useEffect, memo, useState } from 'react';
import { Spinner, Sheet, Label, cn, Typography, Avatar, Button } from '@bigbinary/neeto-atoms';
import MoreDropdown from '@bigbinary/neeto-molecules/v2/MoreDropdown';
import { useTranslation } from 'react-i18next';
import _defineProperty from '@babel/runtime/helpers/defineProperty';
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
import _regeneratorRuntime from '@babel/runtime/regenerator';
import { Input } from '@bigbinary/neeto-atoms/formik';
import { Card, CardContent, CardAction } from '@bigbinary/neeto-atoms/primitives/Card';
import { NeetoTimezoneSelector, ianaTimezoneToHumanReadable } from '@bigbinary/neeto-time-zones';
import { findBy, noop, _findBy } from '@bigbinary/neeto-cist';
import { LANGUAGE_OPTIONS } from '@bigbinary/neeto-commons-frontend/v2/constants';
import { useProfileImageUpload } from '@bigbinary/neeto-image-uploader-frontend/hooks';
import { validation, FormikPhoneNumberInput } from '@bigbinary/neeto-molecules/v2/PhoneNumber';
import { isNotNil, isNil, is, trim } from 'ramda';
import { toast } from 'sonner';
import { D as DATE_FORMAT_OPTIONS, T as TIME_FORMAT_OPTIONS } from '../constants-CXdiW8NZ.js';
import { u as useFetchProfile, a as useUpdateProfileMutation } from '../useProfileApi-Dkt6sE5p.js';
import { u as useCountries, P as ProfileImage } from '../ProfileImage-V240yfTY.js';
import { t } from 'i18next';
import { globalProps } from '@bigbinary/neeto-commons-frontend/v2/initializers';
import * as yup from 'yup';
import { F as FormikActionBlock } from '../ActionBlock-jgw1N-As.js';
import { a as FormikForm, b as FormikSelect } from '../Select-DZ56UG-l.js';
import 'formik';
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
import withImmutableActions from '@bigbinary/neeto-commons-frontend/v2/react-utils/withImmutableActions';
import { create } from 'zustand';
import { shallow } from 'zustand/shallow';
import { Crown } from 'lucide-react';
import CopyToClipboardButton from '@bigbinary/neeto-molecules/v2/CopyToClipboardButton';
import '@bigbinary/neeto-commons-frontend/constants';
import '@tanstack/react-query';
import '@bigbinary/neeto-commons-frontend/react-utils';
import '../useCountriesApi-DK00167T.js';
import 'axios';
import '../inject-css-C2dztUxs.js';

var PROFILE_VALIDATION_SCHEMA = yup.object().shape({
  firstName: yup.string().trim().required(t("neetoTeamMembers.profile.form.isRequired.firstName")).matches(/^(?:[ '-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0560-\u0588\u05D0-\u05EA\u05EF-\u05F2\u0620-\u064A\u0660-\u0669\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07C0-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u0870-\u0887\u0889-\u088E\u08A0-\u08C9\u0904-\u0939\u093D\u0950\u0958-\u0961\u0966-\u096F\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09E6-\u09F1\u09F4-\u09F9\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A66-\u0A6F\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AE6-\u0AEF\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B66-\u0B6F\u0B71-\u0B77\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0BE6-\u0BF2\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C5D\u0C60\u0C61\u0C66-\u0C6F\u0C78-\u0C7E\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDD\u0CDE\u0CE0\u0CE1\u0CE6-\u0CEF\u0CF1\u0CF2\u0D04-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D58-\u0D61\u0D66-\u0D78\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DE6-\u0DEF\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E50-\u0E59\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0ED0-\u0ED9\u0EDC-\u0EDF\u0F00\u0F20-\u0F33\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F-\u1049\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u1090-\u1099\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1369-\u137C\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u1711\u171F-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1820-\u1878\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1946-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u19D0-\u19DA\u1A00-\u1A16\u1A20-\u1A54\u1A80-\u1A89\u1A90-\u1A99\u1AA7\u1B05-\u1B33\u1B45-\u1B4C\u1B50-\u1B59\u1B83-\u1BA0\u1BAE-\u1BE5\u1C00-\u1C23\u1C40-\u1C49\u1C4D-\u1C7D\u1C80-\u1C8A\u1C90-\u1CBA\u1CBD-\u1CBF\u1CE9-\u1CEC\u1CEE-\u1CF3\u1CF5\u1CF6\u1CFA\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2070\u2071\u2074-\u2079\u207F-\u2089\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2150-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2C00-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2CFD\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u3192-\u3195\u31A0-\u31BF\u31F0-\u31FF\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\u3400-\u4DBF\u4E00-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA7CD\uA7D0\uA7D1\uA7D3\uA7D5-\uA7DC\uA7F2-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA830-\uA835\uA840-\uA873\uA882-\uA8B3\uA8D0-\uA8D9\uA8F2-\uA8F7\uA8FB\uA8FD\uA8FE\uA900-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF-\uA9D9\uA9E0-\uA9E4\uA9E6-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA50-\uAA59\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB69\uAB70-\uABE2\uABF0-\uABF9\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF10-\uFF19\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDE80-\uDE9C\uDEA0-\uDED0\uDEE1-\uDEFB\uDF00-\uDF23\uDF2D-\uDF4A\uDF50-\uDF75\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF\uDFD1-\uDFD5]|\uD801[\uDC00-\uDC9D\uDCA0-\uDCA9\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDD70-\uDD7A\uDD7C-\uDD8A\uDD8C-\uDD92\uDD94\uDD95\uDD97-\uDDA1\uDDA3-\uDDB1\uDDB3-\uDDB9\uDDBB\uDDBC\uDDC0-\uDDF3\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67\uDF80-\uDF85\uDF87-\uDFB0\uDFB2-\uDFBA]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC58-\uDC76\uDC79-\uDC9E\uDCA7-\uDCAF\uDCE0-\uDCF2\uDCF4\uDCF5\uDCFB-\uDD1B\uDD20-\uDD39\uDD80-\uDDB7\uDDBC-\uDDCF\uDDD2-\uDE00\uDE10-\uDE13\uDE15-\uDE17\uDE19-\uDE35\uDE40-\uDE48\uDE60-\uDE7E\uDE80-\uDE9F\uDEC0-\uDEC7\uDEC9-\uDEE4\uDEEB-\uDEEF\uDF00-\uDF35\uDF40-\uDF55\uDF58-\uDF72\uDF78-\uDF91\uDFA9-\uDFAF]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2\uDCFA-\uDD23\uDD30-\uDD39\uDD40-\uDD65\uDD6F-\uDD85\uDE60-\uDE7E\uDE80-\uDEA9\uDEB0\uDEB1\uDEC2-\uDEC4\uDF00-\uDF27\uDF30-\uDF45\uDF51-\uDF54\uDF70-\uDF81\uDFB0-\uDFCB\uDFE0-\uDFF6]|\uD804[\uDC03-\uDC37\uDC52-\uDC6F\uDC71\uDC72\uDC75\uDC83-\uDCAF\uDCD0-\uDCE8\uDCF0-\uDCF9\uDD03-\uDD26\uDD36-\uDD3F\uDD44\uDD47\uDD50-\uDD72\uDD76\uDD83-\uDDB2\uDDC1-\uDDC4\uDDD0-\uDDDA\uDDDC\uDDE1-\uDDF4\uDE00-\uDE11\uDE13-\uDE2B\uDE3F\uDE40\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEDE\uDEF0-\uDEF9\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3D\uDF50\uDF5D-\uDF61\uDF80-\uDF89\uDF8B\uDF8E\uDF90-\uDFB5\uDFB7\uDFD1\uDFD3]|\uD805[\uDC00-\uDC34\uDC47-\uDC4A\uDC50-\uDC59\uDC5F-\uDC61\uDC80-\uDCAF\uDCC4\uDCC5\uDCC7\uDCD0-\uDCD9\uDD80-\uDDAE\uDDD8-\uDDDB\uDE00-\uDE2F\uDE44\uDE50-\uDE59\uDE80-\uDEAA\uDEB8\uDEC0-\uDEC9\uDED0-\uDEE3\uDF00-\uDF1A\uDF30-\uDF3B\uDF40-\uDF46]|\uD806[\uDC00-\uDC2B\uDCA0-\uDCF2\uDCFF-\uDD06\uDD09\uDD0C-\uDD13\uDD15\uDD16\uDD18-\uDD2F\uDD3F\uDD41\uDD50-\uDD59\uDDA0-\uDDA7\uDDAA-\uDDD0\uDDE1\uDDE3\uDE00\uDE0B-\uDE32\uDE3A\uDE50\uDE5C-\uDE89\uDE9D\uDEB0-\uDEF8\uDFC0-\uDFE0\uDFF0-\uDFF9]|\uD807[\uDC00-\uDC08\uDC0A-\uDC2E\uDC40\uDC50-\uDC6C\uDC72-\uDC8F\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD30\uDD46\uDD50-\uDD59\uDD60-\uDD65\uDD67\uDD68\uDD6A-\uDD89\uDD98\uDDA0-\uDDA9\uDEE0-\uDEF2\uDF02\uDF04-\uDF10\uDF12-\uDF33\uDF50-\uDF59\uDFB0\uDFC0-\uDFD4]|\uD808[\uDC00-\uDF99]|\uD809[\uDC00-\uDC6E\uDC80-\uDD43]|\uD80B[\uDF90-\uDFF0]|[\uD80C\uD80E\uD80F\uD81C-\uD820\uD822\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879\uD880-\uD883\uD885-\uD887][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2F\uDC41-\uDC46\uDC60-\uDFFF]|\uD810[\uDC00-\uDFFA]|\uD811[\uDC00-\uDE46]|\uD818[\uDD00-\uDD1D\uDD30-\uDD39]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDE60-\uDE69\uDE70-\uDEBE\uDEC0-\uDEC9\uDED0-\uDEED\uDF00-\uDF2F\uDF40-\uDF43\uDF50-\uDF59\uDF5B-\uDF61\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDD40-\uDD6C\uDD70-\uDD79\uDE40-\uDE96\uDF00-\uDF4A\uDF50\uDF93-\uDF9F\uDFE0\uDFE1\uDFE3]|\uD821[\uDC00-\uDFF7]|\uD823[\uDC00-\uDCD5\uDCFF-\uDD08]|\uD82B[\uDFF0-\uDFF3\uDFF5-\uDFFB\uDFFD\uDFFE]|\uD82C[\uDC00-\uDD22\uDD32\uDD50-\uDD52\uDD55\uDD64-\uDD67\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99]|\uD833[\uDCF0-\uDCF9]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB\uDFCE-\uDFFF]|\uD837[\uDF00-\uDF1E\uDF25-\uDF2A]|\uD838[\uDC30-\uDC6D\uDD00-\uDD2C\uDD37-\uDD3D\uDD40-\uDD49\uDD4E\uDE90-\uDEAD\uDEC0-\uDEEB\uDEF0-\uDEF9]|\uD839[\uDCD0-\uDCEB\uDCF0-\uDCF9\uDDD0-\uDDED\uDDF0-\uDDFA\uDFE0-\uDFE6\uDFE8-\uDFEB\uDFED\uDFEE\uDFF0-\uDFFE]|\uD83A[\uDC00-\uDCC4\uDCC7-\uDCCF\uDD00-\uDD43\uDD4B\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9]|\uD869[\uDC00-\uDEDF\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF39\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0\uDFF0-\uDFFF]|\uD87B[\uDC00-\uDE5D]|\uD87E[\uDC00-\uDE1D]|\uD884[\uDC00-\uDF4A\uDF50-\uDFFF]|\uD888[\uDC00-\uDFAF])+$/i, t("neetoTeamMembers.profile.form.invalidName")).matches(/^[^.]+$/i, t("neetoTeamMembers.profile.form.dotsNotAllowed")),
  lastName: yup.string().trim().required(t("neetoTeamMembers.profile.form.isRequired.lastName")).matches(/^(?:[ '-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0560-\u0588\u05D0-\u05EA\u05EF-\u05F2\u0620-\u064A\u0660-\u0669\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07C0-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u0870-\u0887\u0889-\u088E\u08A0-\u08C9\u0904-\u0939\u093D\u0950\u0958-\u0961\u0966-\u096F\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09E6-\u09F1\u09F4-\u09F9\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A66-\u0A6F\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AE6-\u0AEF\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B66-\u0B6F\u0B71-\u0B77\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0BE6-\u0BF2\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C5D\u0C60\u0C61\u0C66-\u0C6F\u0C78-\u0C7E\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDD\u0CDE\u0CE0\u0CE1\u0CE6-\u0CEF\u0CF1\u0CF2\u0D04-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D58-\u0D61\u0D66-\u0D78\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DE6-\u0DEF\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E50-\u0E59\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0ED0-\u0ED9\u0EDC-\u0EDF\u0F00\u0F20-\u0F33\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F-\u1049\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u1090-\u1099\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1369-\u137C\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u1711\u171F-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1820-\u1878\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1946-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u19D0-\u19DA\u1A00-\u1A16\u1A20-\u1A54\u1A80-\u1A89\u1A90-\u1A99\u1AA7\u1B05-\u1B33\u1B45-\u1B4C\u1B50-\u1B59\u1B83-\u1BA0\u1BAE-\u1BE5\u1C00-\u1C23\u1C40-\u1C49\u1C4D-\u1C7D\u1C80-\u1C8A\u1C90-\u1CBA\u1CBD-\u1CBF\u1CE9-\u1CEC\u1CEE-\u1CF3\u1CF5\u1CF6\u1CFA\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2070\u2071\u2074-\u2079\u207F-\u2089\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2150-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2C00-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2CFD\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u3192-\u3195\u31A0-\u31BF\u31F0-\u31FF\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\u3400-\u4DBF\u4E00-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA7CD\uA7D0\uA7D1\uA7D3\uA7D5-\uA7DC\uA7F2-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA830-\uA835\uA840-\uA873\uA882-\uA8B3\uA8D0-\uA8D9\uA8F2-\uA8F7\uA8FB\uA8FD\uA8FE\uA900-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF-\uA9D9\uA9E0-\uA9E4\uA9E6-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA50-\uAA59\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB69\uAB70-\uABE2\uABF0-\uABF9\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF10-\uFF19\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDE80-\uDE9C\uDEA0-\uDED0\uDEE1-\uDEFB\uDF00-\uDF23\uDF2D-\uDF4A\uDF50-\uDF75\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF\uDFD1-\uDFD5]|\uD801[\uDC00-\uDC9D\uDCA0-\uDCA9\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDD70-\uDD7A\uDD7C-\uDD8A\uDD8C-\uDD92\uDD94\uDD95\uDD97-\uDDA1\uDDA3-\uDDB1\uDDB3-\uDDB9\uDDBB\uDDBC\uDDC0-\uDDF3\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67\uDF80-\uDF85\uDF87-\uDFB0\uDFB2-\uDFBA]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC58-\uDC76\uDC79-\uDC9E\uDCA7-\uDCAF\uDCE0-\uDCF2\uDCF4\uDCF5\uDCFB-\uDD1B\uDD20-\uDD39\uDD80-\uDDB7\uDDBC-\uDDCF\uDDD2-\uDE00\uDE10-\uDE13\uDE15-\uDE17\uDE19-\uDE35\uDE40-\uDE48\uDE60-\uDE7E\uDE80-\uDE9F\uDEC0-\uDEC7\uDEC9-\uDEE4\uDEEB-\uDEEF\uDF00-\uDF35\uDF40-\uDF55\uDF58-\uDF72\uDF78-\uDF91\uDFA9-\uDFAF]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2\uDCFA-\uDD23\uDD30-\uDD39\uDD40-\uDD65\uDD6F-\uDD85\uDE60-\uDE7E\uDE80-\uDEA9\uDEB0\uDEB1\uDEC2-\uDEC4\uDF00-\uDF27\uDF30-\uDF45\uDF51-\uDF54\uDF70-\uDF81\uDFB0-\uDFCB\uDFE0-\uDFF6]|\uD804[\uDC03-\uDC37\uDC52-\uDC6F\uDC71\uDC72\uDC75\uDC83-\uDCAF\uDCD0-\uDCE8\uDCF0-\uDCF9\uDD03-\uDD26\uDD36-\uDD3F\uDD44\uDD47\uDD50-\uDD72\uDD76\uDD83-\uDDB2\uDDC1-\uDDC4\uDDD0-\uDDDA\uDDDC\uDDE1-\uDDF4\uDE00-\uDE11\uDE13-\uDE2B\uDE3F\uDE40\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEDE\uDEF0-\uDEF9\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3D\uDF50\uDF5D-\uDF61\uDF80-\uDF89\uDF8B\uDF8E\uDF90-\uDFB5\uDFB7\uDFD1\uDFD3]|\uD805[\uDC00-\uDC34\uDC47-\uDC4A\uDC50-\uDC59\uDC5F-\uDC61\uDC80-\uDCAF\uDCC4\uDCC5\uDCC7\uDCD0-\uDCD9\uDD80-\uDDAE\uDDD8-\uDDDB\uDE00-\uDE2F\uDE44\uDE50-\uDE59\uDE80-\uDEAA\uDEB8\uDEC0-\uDEC9\uDED0-\uDEE3\uDF00-\uDF1A\uDF30-\uDF3B\uDF40-\uDF46]|\uD806[\uDC00-\uDC2B\uDCA0-\uDCF2\uDCFF-\uDD06\uDD09\uDD0C-\uDD13\uDD15\uDD16\uDD18-\uDD2F\uDD3F\uDD41\uDD50-\uDD59\uDDA0-\uDDA7\uDDAA-\uDDD0\uDDE1\uDDE3\uDE00\uDE0B-\uDE32\uDE3A\uDE50\uDE5C-\uDE89\uDE9D\uDEB0-\uDEF8\uDFC0-\uDFE0\uDFF0-\uDFF9]|\uD807[\uDC00-\uDC08\uDC0A-\uDC2E\uDC40\uDC50-\uDC6C\uDC72-\uDC8F\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD30\uDD46\uDD50-\uDD59\uDD60-\uDD65\uDD67\uDD68\uDD6A-\uDD89\uDD98\uDDA0-\uDDA9\uDEE0-\uDEF2\uDF02\uDF04-\uDF10\uDF12-\uDF33\uDF50-\uDF59\uDFB0\uDFC0-\uDFD4]|\uD808[\uDC00-\uDF99]|\uD809[\uDC00-\uDC6E\uDC80-\uDD43]|\uD80B[\uDF90-\uDFF0]|[\uD80C\uD80E\uD80F\uD81C-\uD820\uD822\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879\uD880-\uD883\uD885-\uD887][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2F\uDC41-\uDC46\uDC60-\uDFFF]|\uD810[\uDC00-\uDFFA]|\uD811[\uDC00-\uDE46]|\uD818[\uDD00-\uDD1D\uDD30-\uDD39]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDE60-\uDE69\uDE70-\uDEBE\uDEC0-\uDEC9\uDED0-\uDEED\uDF00-\uDF2F\uDF40-\uDF43\uDF50-\uDF59\uDF5B-\uDF61\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDD40-\uDD6C\uDD70-\uDD79\uDE40-\uDE96\uDF00-\uDF4A\uDF50\uDF93-\uDF9F\uDFE0\uDFE1\uDFE3]|\uD821[\uDC00-\uDFF7]|\uD823[\uDC00-\uDCD5\uDCFF-\uDD08]|\uD82B[\uDFF0-\uDFF3\uDFF5-\uDFFB\uDFFD\uDFFE]|\uD82C[\uDC00-\uDD22\uDD32\uDD50-\uDD52\uDD55\uDD64-\uDD67\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99]|\uD833[\uDCF0-\uDCF9]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB\uDFCE-\uDFFF]|\uD837[\uDF00-\uDF1E\uDF25-\uDF2A]|\uD838[\uDC30-\uDC6D\uDD00-\uDD2C\uDD37-\uDD3D\uDD40-\uDD49\uDD4E\uDE90-\uDEAD\uDEC0-\uDEEB\uDEF0-\uDEF9]|\uD839[\uDCD0-\uDCEB\uDCF0-\uDCF9\uDDD0-\uDDED\uDDF0-\uDDFA\uDFE0-\uDFE6\uDFE8-\uDFEB\uDFED\uDFEE\uDFF0-\uDFFE]|\uD83A[\uDC00-\uDCC4\uDCC7-\uDCCF\uDD00-\uDD43\uDD4B\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9]|\uD869[\uDC00-\uDEDF\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF39\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0\uDFF0-\uDFFF]|\uD87B[\uDC00-\uDE5D]|\uD87E[\uDC00-\uDE1D]|\uD884[\uDC00-\uDF4A\uDF50-\uDFFF]|\uD888[\uDC00-\uDFAF])+$/i, t("neetoTeamMembers.profile.form.invalidName")).matches(/^[^.]+$/i, t("neetoTeamMembers.profile.form.dotsNotAllowed")),
  phonenumber: validation(t("neetoTeamMembers.profile.form.invalidPhoneNumber")).nullable(),
  dateFormat: yup.string().required(t("neetoTeamMembers.profile.form.isRequired.dateFormat"))
});
var UPDATE_EMAIL_PATH = "/auth/email/edit";
var MANAGE_BILLING_PATH = "/auth/billing/edit";
globalProps.endUserUploadedFileSizeLimitInMb * 1024 * 1024;
({
  invalid_type: t("neetoTeamMembers.profile.file.invalidType.image"),
  corrupted_file: t("neetoTeamMembers.profile.file.corrupted"),
  file_limit_exceeded: t("neetoTeamMembers.profile.file.limitExceeded", {
    maxSize: globalProps.endUserUploadedFileSizeLimitInMb
  })
});

var _excluded = ["countryId"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var ChangeProfile = function ChangeProfile(_ref) {
  var onClose = _ref.onClose;
  var _useTranslation = useTranslation(),
    t = _useTranslation.t;
  var _useProfileImageUploa = useProfileImageUpload({
      uploadConfig: {
        folder: "Auth",
        customMetadata: {
          appName: "neetoAuth"
        }
      }
    }),
    uploadImage = _useProfileImageUploa.uploadImage,
    isUploading = _useProfileImageUploa.isUploading;
  var handleUploadImage = function handleUploadImage(image) {
    return new Promise(function (resolve) {
      uploadImage(image, function (uploadedImageData) {
        resolve(uploadedImageData);
      });
    });
  };
  var _useFetchProfile = useFetchProfile(),
    _useFetchProfile$data = _useFetchProfile.data,
    _useFetchProfile$data2 = _useFetchProfile$data === void 0 ? {} : _useFetchProfile$data,
    _useFetchProfile$data3 = _useFetchProfile$data2.user,
    user = _useFetchProfile$data3 === void 0 ? {} : _useFetchProfile$data3,
    isFetchingUserDetails = _useFetchProfile.isFetching;
  var _user$firstName = user.firstName,
    firstName = _user$firstName === void 0 ? "" : _user$firstName,
    _user$lastName = user.lastName,
    lastName = _user$lastName === void 0 ? "" : _user$lastName,
    _user$phonenumber = user.phonenumber,
    phonenumber = _user$phonenumber === void 0 ? "" : _user$phonenumber,
    _user$dateFormat = user.dateFormat,
    dateFormat = _user$dateFormat === void 0 ? DATE_FORMAT_OPTIONS[0].value : _user$dateFormat,
    _user$timeZone = user.timeZone,
    timeZone = _user$timeZone === void 0 ? "" : _user$timeZone,
    _user$profileImageUrl = user.profileImageUrl,
    profileImageUrl = _user$profileImageUrl === void 0 ? "" : _user$profileImageUrl,
    _user$countryId = user.countryId,
    countryId = _user$countryId === void 0 ? "" : _user$countryId,
    _user$timeFormat = user.timeFormat,
    timeFormat = _user$timeFormat === void 0 ? TIME_FORMAT_OPTIONS[0].value : _user$timeFormat,
    _user$isOwner = user.isOwner,
    isOwner = _user$isOwner === void 0 ? false : _user$isOwner,
    _user$timezoneChangeE = user.timezoneChangeEnabled,
    timezoneChangeEnabled = _user$timezoneChangeE === void 0 ? true : _user$timezoneChangeE,
    _user$language = user.language,
    language = _user$language === void 0 ? "" : _user$language;
  var isTimezoneFieldDisabled = !isOwner && !timezoneChangeEnabled;
  var setFieldValueRef = useRef(null);
  var _useCountries = useCountries(),
    countryDropdownOptions = _useCountries.countryDropdownOptions,
    selectedCountryOption = _useCountries.selectedCountryOption,
    isFetchingCountriesList = _useCountries.isFetchingCountriesList,
    _useCountries$handleC = _useCountries.handleCountryChange,
    handleCountryChange = _useCountries$handleC === void 0 ? noop : _useCountries$handleC;
  var _useUpdateProfileMuta = useUpdateProfileMutation(),
    updateProfile = _useUpdateProfileMuta.mutate,
    isUpdatingProfile = _useUpdateProfileMuta.isPending;
  var timezoneRef = useCallback(function (node) {
    if (isNotNil(node)) {
      new NeetoTimezoneSelector(node, {
        isTimeFormat24H: timeFormat === "24h",
        className: "w-full z-10",
        position: "bottom",
        initialValue: timeZone,
        onChange: function onChange(_ref2) {
          var main = _ref2.main;
          return setFieldValueRef.current("timeZone", main);
        },
        disabled: isTimezoneFieldDisabled
      });
    }
  }, [timeZone, timeFormat, isTimezoneFieldDisabled]);
  var initialFormValues = {
    firstName: firstName,
    lastName: lastName,
    phonenumber: phonenumber,
    timeZone: timeZone,
    dateFormat: dateFormat,
    timeFormat: timeFormat,
    language: language,
    avatar: {
      imageUrl: profileImageUrl,
      file: null
    }
  };
  var handleSubmit = /*#__PURE__*/function () {
    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
      var avatar, _yield$handleUploadIm, fileId, filePath, url, updatedCountryId, rest, payload;
      return _regeneratorRuntime.wrap(function _callee$(_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            _context.prev = 0;
            avatar = {};
            if (!(values.avatar.file === "_destroy")) {
              _context.next = 6;
              break;
            }
            avatar = {
              fileId: "_destroy",
              filePath: "",
              url: ""
            };
            _context.next = 14;
            break;
          case 6:
            if (!values.avatar.file) {
              _context.next = 14;
              break;
            }
            _context.next = 9;
            return handleUploadImage(values.avatar.file);
          case 9:
            _yield$handleUploadIm = _context.sent;
            fileId = _yield$handleUploadIm.fileId;
            filePath = _yield$handleUploadIm.filePath;
            url = _yield$handleUploadIm.url;
            avatar = {
              fileId: fileId,
              filePath: filePath,
              url: url
            };
          case 14:
            updatedCountryId = values.countryId, rest = _objectWithoutProperties(values, _excluded);
            payload = _objectSpread(_objectSpread({}, rest), {}, {
              avatar: avatar,
              countryIdentifier: updatedCountryId !== countryId ? updatedCountryId : undefined
            });
            updateProfile({
              id: user.id,
              payload: payload
            });
            _context.next = 22;
            break;
          case 19:
            _context.prev = 19;
            _context.t0 = _context["catch"](0);
            toast.error(_context.t0.message);
          case 22:
          case "end":
            return _context.stop();
        }
      }, _callee, null, [[0, 19]]);
    }));
    return function handleSubmit(_x) {
      return _ref3.apply(this, arguments);
    };
  }();
  useEffect(function () {
    var country = findBy({
      value: countryId
    }, countryDropdownOptions);
    if (country) {
      handleCountryChange(country);
    }
  }, [countryId, countryDropdownOptions, handleCountryChange]);
  if (isUpdatingProfile || isFetchingCountriesList || isFetchingUserDetails) {
    return /*#__PURE__*/jsx("div", {
      className: "flex h-full w-full items-center justify-center",
      children: /*#__PURE__*/jsx(Spinner, {})
    });
  }
  return /*#__PURE__*/jsx(FormikForm, {
    className: "flex flex-col h-full flex-1 overflow-y-auto",
    formProps: {
      "data-testid": "ntm-profile-form"
    },
    formikProps: {
      initialValues: initialFormValues,
      validationSchema: PROFILE_VALIDATION_SCHEMA,
      onSubmit: handleSubmit
    },
    children: function children(_ref4) {
      var setFieldValue = _ref4.setFieldValue,
        errors = _ref4.errors,
        touched = _ref4.touched;
      setFieldValueRef.current = setFieldValue;
      return /*#__PURE__*/jsxs(Fragment, {
        children: [/*#__PURE__*/jsxs(Sheet.Body, {
          className: "flex min-h-0 w-full flex-1 flex-col gap-2 overflow-y-auto px-6 pb-4",
          children: [/*#__PURE__*/jsx(Card, {
            className: "w-full shrink-0 ring-0",
            size: "sm",
            children: /*#__PURE__*/jsx(CardContent, {
              children: /*#__PURE__*/jsx(ProfileImage, {})
            })
          }), /*#__PURE__*/jsx(Card, {
            className: "w-full shrink-0 ring-0",
            size: "sm",
            children: /*#__PURE__*/jsxs(CardContent, {
              className: "space-y-6",
              children: [/*#__PURE__*/jsx(Input, {
                autoFocus: true,
                required: true,
                "data-testid": "profile-first-name-text-field",
                label: t("neetoTeamMembers.profile.inputs.label.firstName"),
                name: "firstName",
                type: "text",
                placeholder: t("neetoTeamMembers.profile.inputs.placeholder.firstName")
              }), /*#__PURE__*/jsx(Input, {
                required: true,
                "data-testid": "profile-last-name-text-field",
                label: t("neetoTeamMembers.profile.inputs.label.lastName"),
                name: "lastName",
                type: "text",
                placeholder: t("neetoTeamMembers.profile.inputs.placeholder.lastName")
              }), /*#__PURE__*/jsx(FormikPhoneNumberInput, {
                "data-testid": "profile-phonenumber-text-field",
                name: "phonenumber",
                label: t("neetoTeamMembers.profile.inputs.label.phonenumber")
              }), /*#__PURE__*/jsx(FormikSelect, {
                required: true,
                "data-testid": "ntm-profile-country-select",
                label: t("neetoTeamMembers.profile.inputs.label.country"),
                name: "countryId",
                options: countryDropdownOptions,
                value: selectedCountryOption,
                onChange: function onChange(value) {
                  var option = findBy({
                    value: value
                  }, countryDropdownOptions);
                  var dependentFields = handleCountryChange(option);
                  setFieldValue("dateFormat", dependentFields === null || dependentFields === void 0 ? void 0 : dependentFields.dateFormat);
                }
              }), /*#__PURE__*/jsx(FormikSelect, {
                required: true,
                "data-testid": "ntm-language-select",
                label: t("neetoTeamMembers.profile.inputs.label.language"),
                name: "language",
                options: LANGUAGE_OPTIONS
              }), /*#__PURE__*/jsxs("div", {
                className: "space-y-2",
                children: [/*#__PURE__*/jsxs(Label, {
                  children: [t("neetoTeamMembers.profile.inputs.label.timeZone"), /*#__PURE__*/jsx("span", {
                    className: "text-destructive",
                    children: " *"
                  })]
                }), /*#__PURE__*/jsx("div", {
                  "data-testid": "ntm-profile-time-zone-select",
                  ref: timezoneRef,
                  className: cn("w-full grow", {
                    "pointer-events-none bg-muted": isTimezoneFieldDisabled
                  })
                }), touched.timeZone && errors.timeZone && /*#__PURE__*/jsx(Typography, {
                  color: "destructive",
                  variant: "caption",
                  children: errors.timeZone
                })]
              }), /*#__PURE__*/jsx(FormikSelect, {
                required: true,
                "data-testid": "ntm-time-format-select",
                name: "timeFormat",
                options: TIME_FORMAT_OPTIONS,
                label: t("neetoTeamMembers.profile.inputs.label.preferredTimeFormat")
              }), /*#__PURE__*/jsx(FormikSelect, {
                required: true,
                "data-testid": "ntm-date-format-select",
                name: "dateFormat",
                options: DATE_FORMAT_OPTIONS,
                label: t("neetoTeamMembers.profile.inputs.label.preferredDateFormat")
              })]
            })
          })]
        }), /*#__PURE__*/jsx(Sheet.Footer, {
          className: "border-t border-border",
          children: /*#__PURE__*/jsx(FormikActionBlock, {
            isSubmitting: isUpdatingProfile || isUploading,
            cancelButtonProps: {
              "data-testid": "ntm-profile-cancel-button",
              onClick: onClose
            },
            submitButtonProps: {
              "data-testid": "ntm-profile-submit-button"
            }
          })
        })]
      });
    }
  });
};

/* eslint-disable @bigbinary/neeto/ensure-zustand-stores-are-type-annotated */
var useProfileUpdateStore = create(withImmutableActions(function (set) {
  return {
    isOpen: false,
    setIsOpen: function setIsOpen(arg) {
      if (typeof arg === "function") {
        set(function (state) {
          return {
            isOpen: arg(state.isOpen)
          };
        });
      } else {
        set({
          isOpen: arg
        });
      }
    }
  };
}));
var useProfileUpdatePaneState = function useProfileUpdatePaneState() {
  return useProfileUpdateStore(function (_ref) {
    var isOpen = _ref.isOpen,
      setIsOpen = _ref.setIsOpen;
    return [isOpen, setIsOpen];
  }, shallow);
};

var sanitizeValue = function sanitizeValue(value, defaultValue) {
  return isNil(value) || is(String, value) && trim(value) === "" ? defaultValue : value;
};

var Field = function Field(_ref) {
  var label = _ref.label,
    children = _ref.children,
    testId = _ref.testId;
  return /*#__PURE__*/jsxs("div", {
    className: "flex flex-col gap-1 py-3 first:pt-0 last:pb-0",
    children: [/*#__PURE__*/jsx(Typography, {
      color: "muted",
      variant: "caption",
      weight: "medium",
      children: label
    }), /*#__PURE__*/jsx(Typography, {
      "data-testid": testId,
      variant: "body2",
      children: children
    })]
  });
};
var Preview$1 = function Preview() {
  var _globalProps$user, _Intl$DateTimeFormat$, _findBy2, _findBy3, _findBy4;
  var _useTranslation = useTranslation(),
    t = _useTranslation.t;
  var _useFetchProfile = useFetchProfile(),
    _useFetchProfile$data = _useFetchProfile.data,
    _useFetchProfile$data2 = _useFetchProfile$data === void 0 ? {} : _useFetchProfile$data,
    _useFetchProfile$data3 = _useFetchProfile$data2.user,
    user = _useFetchProfile$data3 === void 0 ? {} : _useFetchProfile$data3,
    isFetchingUserDetails = _useFetchProfile.isFetching;
  var sanitizedUser = {
    countryName: sanitizeValue(user.countryName, "-"),
    dateFormat: sanitizeValue(user.dateFormat, ""),
    email: sanitizeValue(user.email, "-"),
    firstName: sanitizeValue(user.firstName, "-"),
    lastName: sanitizeValue(user.lastName, "-"),
    language: sanitizeValue(user.language, "-"),
    phonenumber: sanitizeValue(user.phonenumber, "-"),
    profileImageUrl: sanitizeValue(user.profileImageUrl, ""),
    timeFormat: sanitizeValue(user.timeFormat, ""),
    timeZone: sanitizeValue(user.timeZone, "Etc/UTC")
  };
  var countryName = sanitizedUser.countryName,
    dateFormat = sanitizedUser.dateFormat,
    email = sanitizedUser.email,
    firstName = sanitizedUser.firstName,
    lastName = sanitizedUser.lastName,
    language = sanitizedUser.language,
    phonenumber = sanitizedUser.phonenumber,
    profileImageUrl = sanitizedUser.profileImageUrl,
    timeFormat = sanitizedUser.timeFormat,
    timeZone = sanitizedUser.timeZone;
  var name = "".concat(firstName, " ").concat(lastName).trim();
  var subscription = sanitizeValue((_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.subscriptionPlan, t("neetoTeamMembers.common.free"));
  var isHour12 = (timeFormat || TIME_FORMAT_OPTIONS[0].value) === "12h";
  var time = new Intl.DateTimeFormat("en-US", {
    timeZone: timeZone,
    hour: "2-digit",
    minute: "2-digit",
    hour12: isHour12
  }).format(new Date());
  var timeZoneAbbreviation = (_Intl$DateTimeFormat$ = new Intl.DateTimeFormat("en-US", {
    timeZone: timeZone,
    timeZoneName: "short"
  }).formatToParts(new Date()).find(function (part) {
    return part.type === "timeZoneName";
  })) === null || _Intl$DateTimeFormat$ === void 0 ? void 0 : _Intl$DateTimeFormat$.value;
  if (isFetchingUserDetails) {
    return /*#__PURE__*/jsx("div", {
      className: "flex h-full w-full items-center justify-center",
      children: /*#__PURE__*/jsx(Spinner, {})
    });
  }
  return /*#__PURE__*/jsxs(Sheet.Body, {
    className: "flex min-h-0 w-full flex-1 flex-col gap-2 overflow-y-auto px-6 pb-4",
    children: [/*#__PURE__*/jsx(Card, {
      className: "w-full shrink-0 ring-0",
      size: "sm",
      children: /*#__PURE__*/jsx(CardContent, {
        children: /*#__PURE__*/jsxs("div", {
          className: "flex items-center gap-3",
          children: [/*#__PURE__*/jsx(Avatar, {
            className: "size-12",
            user: {
              name: name,
              imageUrl: profileImageUrl
            }
          }), /*#__PURE__*/jsxs("div", {
            className: "flex flex-col",
            children: [/*#__PURE__*/jsx(Typography, {
              "data-testid": "profile-full-name-field",
              variant: "h6",
              children: name
            }), /*#__PURE__*/jsxs("div", {
              className: "flex items-center gap-1",
              children: [/*#__PURE__*/jsx(Typography, {
                color: "muted",
                "data-testid": "profile-email-field",
                variant: "body3",
                children: email
              }), /*#__PURE__*/jsx(CopyToClipboardButton, {
                size: "icon-xs",
                value: email,
                variant: "ghost"
              })]
            })]
          })]
        })
      })
    }), /*#__PURE__*/jsx(Card, {
      className: "w-full shrink-0 ring-0",
      size: "sm",
      children: /*#__PURE__*/jsxs(CardContent, {
        className: "divide-y divide-border",
        children: [/*#__PURE__*/jsx(Field, {
          label: t("neetoTeamMembers.labels.firstName"),
          testId: "profile-first-name-field",
          children: firstName
        }), /*#__PURE__*/jsx(Field, {
          label: t("neetoTeamMembers.labels.lastName"),
          testId: "profile-last-name-field",
          children: lastName
        }), /*#__PURE__*/jsx(Field, {
          label: t("neetoTeamMembers.profile.inputs.label.phonenumber"),
          testId: "profile-phonenumber-field",
          children: phonenumber
        }), /*#__PURE__*/jsx(Field, {
          label: t("neetoTeamMembers.labels.country"),
          testId: "profile-country-field",
          children: countryName
        }), /*#__PURE__*/jsx(Field, {
          label: t("neetoTeamMembers.labels.language"),
          testId: "profile-preferred-language-field",
          children: ((_findBy2 = _findBy({
            value: language
          }, LANGUAGE_OPTIONS)) === null || _findBy2 === void 0 ? void 0 : _findBy2.label) || "-"
        }), /*#__PURE__*/jsxs(Field, {
          label: t("neetoTeamMembers.labels.timeZone"),
          testId: "profile-time-zone-field",
          children: [ianaTimezoneToHumanReadable(timeZone), timeZoneAbbreviation ? " (".concat(timeZoneAbbreviation, ")") : "", " ", time]
        }), /*#__PURE__*/jsx(Field, {
          label: t("neetoTeamMembers.labels.preferredTimeFormat"),
          testId: "profile-preferred-time-format-field",
          children: ((_findBy3 = _findBy({
            value: timeFormat
          }, TIME_FORMAT_OPTIONS)) === null || _findBy3 === void 0 ? void 0 : _findBy3.label) || "-"
        }), /*#__PURE__*/jsx(Field, {
          label: t("neetoTeamMembers.labels.preferredDateFormat"),
          testId: "profile-preferred-date-format-field",
          children: ((_findBy4 = _findBy({
            value: dateFormat
          }, DATE_FORMAT_OPTIONS)) === null || _findBy4 === void 0 ? void 0 : _findBy4.label) || "-"
        })]
      })
    }), /*#__PURE__*/jsx(Card, {
      className: "w-full shrink-0 ring-0",
      size: "sm",
      children: /*#__PURE__*/jsxs(CardContent, {
        className: "grid grid-cols-[1fr_auto] items-center gap-2",
        children: [/*#__PURE__*/jsxs("div", {
          className: "flex flex-col gap-1",
          children: [/*#__PURE__*/jsx(Typography, {
            color: "muted",
            variant: "caption",
            weight: "medium",
            children: t("neetoTeamMembers.labels.currentPlan")
          }), /*#__PURE__*/jsx(Typography, {
            "data-testid": "profile-subscription-type",
            variant: "body2",
            children: t("neetoTeamMembers.common.subscriptionType", {
              subscription: subscription
            })
          })]
        }), /*#__PURE__*/jsx(CardAction, {
          children: /*#__PURE__*/jsx(Button, {
            asChild: true,
            "data-testid": "profile-upgrade-button",
            size: "sm",
            children: /*#__PURE__*/jsxs("a", {
              href: MANAGE_BILLING_PATH,
              children: [/*#__PURE__*/jsx(Crown, {
                className: "size-4"
              }), t("neetoTeamMembers.buttons.upgrade")]
            })
          })
        })]
      })
    })]
  });
};
var Preview = /*#__PURE__*/memo(Preview$1);

var Profile = function Profile() {
  var _useTranslation = useTranslation(),
    t = _useTranslation.t;
  var _useProfileUpdatePane = useProfileUpdatePaneState(),
    _useProfileUpdatePane2 = _slicedToArray(_useProfileUpdatePane, 2),
    isOpen = _useProfileUpdatePane2[0],
    setIsOpen = _useProfileUpdatePane2[1];
  var _useState = useState(false),
    _useState2 = _slicedToArray(_useState, 2),
    isEditMode = _useState2[0],
    setIsEditMode = _useState2[1];
  var onClose = function onClose() {
    setIsOpen(false);
    setIsEditMode(false);
  };
  var enableEditMode = function enableEditMode() {
    return setIsEditMode(true);
  };
  var menuItems = [{
    key: "edit-basic-info",
    "data-testid": "edit-basic-info-menu-button",
    label: t("neetoTeamMembers.buttons.editBasicInfo"),
    onClick: enableEditMode
  }, {
    key: "update-email",
    "data-testid": "update-email-menu-button",
    label: t("neetoTeamMembers.buttons.updateEmail"),
    onClick: function onClick() {
      return window.open(UPDATE_EMAIL_PATH, "_self");
    }
  }, {
    key: "manage-billing-subscriptions",
    "data-testid": "manage-billing-subscriptions-menu-button",
    label: t("neetoTeamMembers.buttons.manageBillingAndSubscriptions"),
    onClick: function onClick() {
      return window.open(MANAGE_BILLING_PATH, "_self");
    }
  }];
  return /*#__PURE__*/jsx("div", {
    className: "w-full",
    children: /*#__PURE__*/jsxs(Sheet, {
      isOpen: isOpen,
      onClose: onClose,
      className: "ntm-timezone-shadcn-overrides max-w-96 gap-0 bg-sidebar",
      children: [/*#__PURE__*/jsxs(Sheet.Header, {
        children: [/*#__PURE__*/jsx(Sheet.Title, {
          asChild: true,
          children: /*#__PURE__*/jsx(Typography, {
            variant: "h3",
            children: t("neetoTeamMembers.profile.common.myProfile")
          })
        }), !isEditMode && /*#__PURE__*/jsx(MoreDropdown, {
          menuItems: menuItems,
          isVertical: true,
          dropdownProps: {
            position: "bottom-end"
          },
          dropdownButtonProps: {
            "data-testid": "profile-more-dropdown-button",
            size: "icon-sm",
            className: "absolute top-3 end-12"
          }
        })]
      }), isEditMode ? /*#__PURE__*/jsx(ChangeProfile, {
        onClose: onClose
      }) : /*#__PURE__*/jsx(Preview, {})]
    })
  });
};
var index = {
  Pane: Profile,
  usePaneState: useProfileUpdatePaneState
};

export { index as default };
//# sourceMappingURL=Profile.js.map
