@bigbinary/neeto-team-members-frontend 5.0.29 → 5.0.31

package/dist/v2/Profile.js

@@ -0,0 +1,656 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useCallback, useEffect, memo, useState } from 'react';
+import { Spinner, Label, cn, Typography, Avatar, Button, Sheet, DropdownMenu } from '@bigbinary/neeto-atoms';
+import { Crown, EllipsisVertical } from 'lucide-react';
+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 { NeetoTimezoneSelector, ianaTimezoneToHumanReadable } from '@bigbinary/neeto-time-zones';
+import { findBy, noop, _findBy } from '@bigbinary/neeto-cist';
+import { DEFAULT_STALE_TIME, LANGUAGE_OPTIONS } from '@bigbinary/neeto-commons-frontend/constants';
+import { useProfileImageUpload } from '@bigbinary/neeto-image-uploader-frontend/hooks';
+import { isNotNil, isNil, is, trim } from 'ramda';
+import { toast } from 'sonner';
+import { Q as QUERY_KEYS, D as DATE_FORMAT_OPTIONS, T as TIME_FORMAT_OPTIONS } from '../constants-B1L6arSR.js';
+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 { useQuery } from '@tanstack/react-query';
+import { useMutationWithInvalidation } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { p as profileApi, u as useCountries, P as ProfileImage, C as CopyToClipboardButton } from '../useCountries-DePOPtue.js';
+import { t } from 'i18next';
+import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
+import * as yup from 'yup';
+import withImmutableActions from '@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions';
+import { create } from 'zustand';
+import { shallow } from 'zustand/shallow';
+import 'axios';
+
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useFetchProfile = function useFetchProfile(options) {
+  return useQuery(_objectSpread$1({
+    queryKey: [QUERY_KEYS.USER_PROFILE],
+    queryFn: profileApi.fetchUserDetails,
+    staleTime: DEFAULT_STALE_TIME
+  }, options));
+};
+var useUpdateProfileMutation = function useUpdateProfileMutation(options) {
+  return useMutationWithInvalidation(profileApi.updateUser, _objectSpread$1(_objectSpread$1({
+    keysToInvalidate: [[QUERY_KEYS.USER_PROFILE]]
+  }, options), {}, {
+    onSuccess: function onSuccess() {
+      return window.location.reload();
+    }
+  }));
+};
+
+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")),
+  dateFormat: yup.string().required(t("neetoTeamMembers.profile.form.isRequired.dateFormat"))
+});
+var MY_PROFILE_PATH = "/auth/profile/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$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,
+    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, {
+    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__*/jsx("div", {
+          className: "w-full flex-1 overflow-y-auto p-4",
+          children: /*#__PURE__*/jsxs("div", {
+            className: "w-full pb-6",
+            children: [/*#__PURE__*/jsx(ProfileImage, {}), /*#__PURE__*/jsxs("div", {
+              className: "mt-4 w-full space-y-4 border-t border-border pt-4",
+              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__*/jsxs("div", {
+              className: "mt-4 w-full space-y-4 border-t border-border pt-4",
+              children: [/*#__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(option) {
+                  var dependentFields = handleCountryChange(option);
+                  setFieldValue("dateFormat", dependentFields === null || dependentFields === void 0 ? void 0 : dependentFields.dateFormat);
+                  setFieldValue("countryId", option === null || option === void 0 ? void 0 : option.value);
+                }
+              }), /*#__PURE__*/jsx("div", {
+                className: "space-y-2",
+                children: /*#__PURE__*/jsx(FormikSelect, {
+                  required: true,
+                  "data-testid": "ntm-language-select",
+                  name: "language",
+                  options: LANGUAGE_OPTIONS,
+                  label: t("neetoTeamMembers.profile.inputs.label.language"),
+                  onChange: function onChange(option) {
+                    setFieldValue("language", option.value);
+                  }
+                })
+              }), /*#__PURE__*/jsxs("div", {
+                className: "space-y-2",
+                children: [/*#__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, {
+                  className: "text-xs leading-none text-destructive",
+                  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"),
+                onChange: function onChange(option) {
+                  setFieldValue("timeFormat", option.value);
+                }
+              }), /*#__PURE__*/jsx("div", {
+                className: "space-y-2",
+                children: /*#__PURE__*/jsx(FormikSelect, {
+                  required: true,
+                  "data-testid": "ntm-date-format-select",
+                  name: "dateFormat",
+                  options: DATE_FORMAT_OPTIONS,
+                  label: t("neetoTeamMembers.profile.inputs.label.preferredDateFormat"),
+                  onChange: function onChange(option) {
+                    setFieldValue("dateFormat", option.value);
+                  }
+                })
+              })]
+            })]
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: "border-t border-border p-4",
+          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 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, "-"),
+    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,
+    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__*/jsx("div", {
+    className: "w-full flex-1 overflow-y-auto bg-muted/50 p-4",
+    children: /*#__PURE__*/jsxs("div", {
+      className: "flex w-full flex-col gap-2",
+      children: [/*#__PURE__*/jsx("div", {
+        className: "neeto-ui-rounded-md bg-background p-3",
+        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, {
+              className: "text-base font-semibold",
+              "data-testid": "profile-full-name-field",
+              children: name
+            }), /*#__PURE__*/jsxs("div", {
+              className: "flex items-center gap-1",
+              children: [/*#__PURE__*/jsx(Typography, {
+                className: "text-sm text-muted-foreground",
+                "data-testid": "profile-email-field",
+                children: email
+              }), /*#__PURE__*/jsx(CopyToClipboardButton, {
+                size: "icon-xs",
+                value: email,
+                variant: "ghost"
+              })]
+            })]
+          })]
+        })
+      }), /*#__PURE__*/jsxs("div", {
+        className: "divide-y divide-border neeto-ui-rounded-md bg-background p-3",
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "flex flex-col gap-1 pb-3",
+          children: [/*#__PURE__*/jsx(Typography, {
+            className: "text-xs font-medium text-muted-foreground",
+            children: t("neetoTeamMembers.labels.firstName")
+          }), /*#__PURE__*/jsx(Typography, {
+            className: "text-[15px] text-foreground",
+            "data-testid": "profile-first-name-field",
+            children: firstName
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          className: "flex flex-col gap-1 py-3",
+          children: [/*#__PURE__*/jsx(Typography, {
+            className: "text-xs font-medium text-muted-foreground",
+            children: t("neetoTeamMembers.labels.lastName")
+          }), /*#__PURE__*/jsx(Typography, {
+            className: "text-[15px] text-foreground",
+            "data-testid": "profile-last-name-field",
+            children: lastName
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          className: "flex flex-col gap-1 py-3",
+          children: [/*#__PURE__*/jsx(Typography, {
+            className: "text-xs font-medium text-muted-foreground",
+            children: t("neetoTeamMembers.labels.country")
+          }), /*#__PURE__*/jsx(Typography, {
+            className: "text-[15px] text-foreground",
+            "data-testid": "profile-country-field",
+            children: countryName
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          className: "flex flex-col gap-1 py-3",
+          children: [/*#__PURE__*/jsx(Typography, {
+            className: "text-xs font-medium text-muted-foreground",
+            children: t("neetoTeamMembers.labels.language")
+          }), /*#__PURE__*/jsx(Typography, {
+            className: "text-[15px] text-foreground",
+            "data-testid": "profile-preferred-language-field",
+            children: ((_findBy2 = _findBy({
+              value: language
+            }, LANGUAGE_OPTIONS)) === null || _findBy2 === void 0 ? void 0 : _findBy2.label) || "-"
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          className: "flex flex-col gap-1 py-3",
+          children: [/*#__PURE__*/jsx(Typography, {
+            className: "text-xs font-medium text-muted-foreground",
+            children: t("neetoTeamMembers.labels.timeZone")
+          }), /*#__PURE__*/jsxs(Typography, {
+            className: "text-[15px] text-foreground",
+            "data-testid": "profile-time-zone-field",
+            children: [ianaTimezoneToHumanReadable(timeZone), timeZoneAbbreviation ? " (".concat(timeZoneAbbreviation, ")") : "", " ", time]
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          className: "flex flex-col gap-1 py-3",
+          children: [/*#__PURE__*/jsx(Typography, {
+            className: "text-xs font-medium text-muted-foreground",
+            children: t("neetoTeamMembers.labels.preferredTimeFormat")
+          }), /*#__PURE__*/jsx(Typography, {
+            className: "text-[15px] text-foreground",
+            "data-testid": "profile-preferred-time-format-field",
+            children: ((_findBy3 = _findBy({
+              value: timeFormat
+            }, TIME_FORMAT_OPTIONS)) === null || _findBy3 === void 0 ? void 0 : _findBy3.label) || "-"
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          className: "flex flex-col gap-1 pt-3",
+          children: [/*#__PURE__*/jsx(Typography, {
+            className: "text-xs font-medium text-muted-foreground",
+            children: t("neetoTeamMembers.labels.preferredDateFormat")
+          }), /*#__PURE__*/jsx(Typography, {
+            className: "text-[15px] text-foreground",
+            "data-testid": "profile-preferred-date-format-field",
+            children: ((_findBy4 = _findBy({
+              value: dateFormat
+            }, DATE_FORMAT_OPTIONS)) === null || _findBy4 === void 0 ? void 0 : _findBy4.label) || "-"
+          })]
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: "neeto-ui-rounded-md bg-background p-3",
+        children: /*#__PURE__*/jsxs("div", {
+          className: "flex items-center justify-between",
+          children: [/*#__PURE__*/jsxs("div", {
+            className: "flex flex-col gap-1",
+            children: [/*#__PURE__*/jsx(Typography, {
+              className: "text-xs font-medium text-muted-foreground",
+              children: t("neetoTeamMembers.labels.currentPlan")
+            }), /*#__PURE__*/jsx(Typography, {
+              className: "text-[15px] text-foreground",
+              "data-testid": "profile-subscription-type",
+              children: t("neetoTeamMembers.common.subscriptionType", {
+                subscription: subscription
+              })
+            })]
+          }), /*#__PURE__*/jsx(Button, {
+            asChild: true,
+            "data-testid": "profile-upgrade-button",
+            size: "sm",
+            children: /*#__PURE__*/jsxs("a", {
+              href: MY_PROFILE_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);
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: "w-full",
+    children: /*#__PURE__*/jsxs(Sheet, {
+      isOpen: isOpen,
+      onClose: onClose,
+      className: "max-w-96 bg-muted/50",
+      children: [/*#__PURE__*/jsx(Sheet.Header, {
+        className: "bg-muted/50",
+        children: /*#__PURE__*/jsxs("div", {
+          className: "flex justify-between",
+          children: [/*#__PURE__*/jsx(Sheet.Title, {
+            className: "text-xl font-semibold",
+            children: t("neetoTeamMembers.profile.common.myProfile")
+          }), !isEditMode && /*#__PURE__*/jsx(DropdownMenu, {
+            buttonSize: "small",
+            buttonStyle: "text",
+            icon: EllipsisVertical,
+            position: "bottom-end",
+            children: /*#__PURE__*/jsxs(DropdownMenu.Menu, {
+              children: [/*#__PURE__*/jsx(DropdownMenu.MenuItem, {
+                children: /*#__PURE__*/jsx(DropdownMenu.MenuItem.Button, {
+                  "data-testid": "edit-basic-info-menu-button",
+                  onClick: enableEditMode,
+                  children: t("neetoTeamMembers.buttons.editBasicInfo")
+                })
+              }), /*#__PURE__*/jsx(DropdownMenu.MenuItem, {
+                children: /*#__PURE__*/jsx(DropdownMenu.MenuItem.Button, {
+                  "data-testid": "update-email-menu-button",
+                  href: MY_PROFILE_PATH,
+                  children: t("neetoTeamMembers.buttons.updateEmail")
+                })
+              }), /*#__PURE__*/jsx(DropdownMenu.MenuItem, {
+                children: /*#__PURE__*/jsx(DropdownMenu.MenuItem.Button, {
+                  "data-testid": "manage-billing-subscriptions-menu-button",
+                  href: MY_PROFILE_PATH,
+                  children: t("neetoTeamMembers.buttons.manageBillingAndSubscriptions")
+                })
+              })]
+            })
+          })]
+        })
+      }), isEditMode ? /*#__PURE__*/jsx(ChangeProfile, {
+        onClose: onClose
+      }) : /*#__PURE__*/jsx(Preview, {})]
+    })
+  });
+};
+var index = {
+  Pane: Profile,
+  usePaneState: useProfileUpdatePaneState
+};
+
+export { index as default };
+//# sourceMappingURL=Profile.js.map