@bigbinary/neeto-team-members-frontend 5.1.1 → 5.1.2-beta1

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-09-24T13:09:50.263Z
+Built at 2026-09-24T14:51:47.620Z

package/dist/ManageMember.js

@@ -19,10 +19,10 @@ import '@bigbinary/neetoui/formik/Form';
 import 'ramda';
 import 'react-i18next';
 import './index-BISwUwuE.js';
-import './ProfileImage-DbLwreG6.js';
+import './ProfileImage-g_BVBsn6.js';
 import './useRolesApi-93OoRU1s.js';
 import './useTeamsApi-CGY9oJqn.js';
-export { M as default } from './index-BpVod2uP.js';
+export { M as default } from './index-DkYQBe1V.js';
 import './RolesRadioGroup-BefORc9L.js';
 import 'react/jsx-runtime';
 import '@babel/runtime/helpers/toConsumableArray';

package/dist/Profile.js

@@ -24,7 +24,7 @@ import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import { isNotNil, isNil, is, trim } from 'ramda';
 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 PROFILE_VALIDATION_SCHEMA, a as ProfileImage, M as MANAGE_BILLING_PATH, U as UPDATE_EMAIL_PATH } from './ProfileImage-DbLwreG6.js';
+import { u as useCountries, P as PROFILE_VALIDATION_SCHEMA, a as ProfileImage, M as MANAGE_BILLING_PATH, U as UPDATE_EMAIL_PATH } from './ProfileImage-g_BVBsn6.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import withImmutableActions from '@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions';
 import { create } from 'zustand';

package/dist/{ProfileImage-DIc2wajv.js → ProfileImage-BVGvRQVx.js}

@@ -8,7 +8,6 @@ var useCountriesApi = require('./useCountriesApi-CjhrbnjK.js');
 var neetoAtoms = require('@bigbinary/neeto-atoms');
 var formik = require('formik');
 var lucideReact = require('lucide-react');
-var initializers = require('@bigbinary/neeto-commons-frontend/v2/initializers');
 var reactI18next = require('react-i18next');
 var sonner = require('sonner');
 var jsxRuntime = require('react/jsx-runtime');
@@ -56,13 +55,14 @@ var useCountries = function useCountries() {
 };
 
 var ProfileImage = function ProfileImage() {
-  var _globalProps$user;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useField = formik.useField("avatar"),
     _useField2 = _slicedToArray__default.default(_useField, 3),
     field = _useField2[0],
     helpers = _useField2[2];
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values;
   var fileInputRef = React.useRef(null);
   var _ref = field.value || {},
     imageUrl = _ref.imageUrl,
@@ -94,7 +94,7 @@ var ProfileImage = function ProfileImage() {
       children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Avatar, {
         size: "xl",
         user: {
-          name: (_globalProps$user = initializers.globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.name,
+          name: [values.firstName, values.lastName].filter(Boolean).join(" "),
           imageUrl: displayUrl
         }
       }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenu, {
@@ -133,4 +133,4 @@ var ProfileImage = function ProfileImage() {
 
 exports.ProfileImage = ProfileImage;
 exports.useCountries = useCountries;
-//# sourceMappingURL=ProfileImage-DIc2wajv.js.map
+//# sourceMappingURL=ProfileImage-BVGvRQVx.js.map

package/dist/ProfileImage-BVGvRQVx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileImage-BVGvRQVx.js","sources":["../app/javascript/src/v2/components/Profile/hooks/useCountries.js","../app/javascript/src/v2/components/Profile/ProfileImage.jsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\n\nimport { findById } from \"neetocist\";\n\nimport { useFetchCountries } from \"hooks/profile/useCountriesApi\";\n\nconst useCountries = () => {\n  const [selectedCountryOption, setSelectedCountryOption] = useState(null);\n\n  const { data: { countries = [] } = {}, isLoading } = useFetchCountries();\n\n  const formatCountryOption = country => ({\n    label: country?.name,\n    value: country?.id,\n  });\n\n  const countryDropdownOptions = useMemo(\n    () => countries.map(formatCountryOption),\n    [countries]\n  );\n\n  const handleCountryChange = useCallback(\n    countryOption => {\n      setSelectedCountryOption(countryOption ?? null);\n\n      const selectedCountry = findById(countryOption?.value, countries);\n\n      return { dateFormat: selectedCountry?.dateFormat };\n    },\n    [countries]\n  );\n\n  return {\n    countryDropdownOptions,\n    selectedCountryOption,\n    isFetchingCountriesList: isLoading,\n    handleCountryChange,\n  };\n};\n\nexport default useCountries;\n","/* eslint-disable @bigbinary/neeto/no-missing-localization */\n// v2 ProfileImage — placeholder, full implementation in Phase 3.5\n// Used by ManageMember for member avatar editing\nimport { useRef } from \"react\";\n\nimport { Avatar, Button, DropdownMenu } from \"@bigbinary/neeto-atoms\";\nimport { useField, useFormikContext } from \"formik\";\nimport { Pencil } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { toast } from \"sonner\";\n\nconst ProfileImage = () => {\n  const { t } = useTranslation();\n  const [field, , helpers] = useField(\"avatar\");\n  const { values } = useFormikContext();\n  const fileInputRef = useRef(null);\n\n  const { imageUrl, file } = field.value || {};\n  const displayUrl =\n    file && file !== \"_destroy\" ? URL.createObjectURL(file) : imageUrl;\n\n  const handleFileSelect = event => {\n    const selectedFile = event.target.files[0];\n    if (!selectedFile) return;\n\n    const maxSize = 5 * 1024 * 1024;\n    if (selectedFile.size > maxSize) {\n      toast.error(\n        t(\n          \"neetoTeamMembers.common.fileSizeTooLarge\",\n          \"File size must be less than 5MB\"\n        )\n      );\n\n      return;\n    }\n\n    helpers.setValue({ imageUrl, file: selectedFile });\n  };\n\n  const handleRemove = () => {\n    helpers.setValue({ imageUrl: \"\", file: \"_destroy\" });\n  };\n\n  return (\n    <div className=\"flex items-center gap-4\">\n      <div className=\"relative\">\n        <Avatar\n          size=\"xl\"\n          user={{\n            name: [values.firstName, values.lastName].filter(Boolean).join(\" \"),\n            imageUrl: displayUrl,\n          }}\n        />\n        <DropdownMenu\n          customTarget={\n            <Button\n              className=\"absolute -bottom-1 -right-1 rounded-full\"\n              icon={Pencil}\n              size=\"icon-xs\"\n              variant=\"outline\"\n              aria-label={t(\n                \"neetoTeamMembers.common.changeProfileImage\",\n                \"Change profile image\"\n              )}\n            />\n          }\n        >\n          <DropdownMenu.Menu>\n            <DropdownMenu.MenuItem\n              data-testid=\"profile-image-upload-button\"\n              onClick={() => fileInputRef.current?.click()}\n            >\n              {t(\"neetoTeamMembers.common.upload\", \"Upload\")}\n            </DropdownMenu.MenuItem>\n            {displayUrl && (\n              <DropdownMenu.MenuItem\n                data-testid=\"profile-image-remove-button\"\n                onClick={handleRemove}\n              >\n                {t(\"neetoTeamMembers.common.remove\")}\n              </DropdownMenu.MenuItem>\n            )}\n          </DropdownMenu.Menu>\n        </DropdownMenu>\n      </div>\n      <input\n        accept=\"image/*\"\n        className=\"hidden\"\n        data-testid=\"profile-image-upload-file-field\"\n        ref={fileInputRef}\n        type=\"file\"\n        onChange={handleFileSelect}\n      />\n    </div>\n  );\n};\n\nexport default ProfileImage;\n"],"names":["useCountries","_useState","useState","_useState2","_slicedToArray","selectedCountryOption","setSelectedCountryOption","_useFetchCountries","useFetchCountries","_useFetchCountries$da","data","_useFetchCountries$da2","_useFetchCountries$da3","countries","isLoading","formatCountryOption","country","label","name","value","id","countryDropdownOptions","useMemo","map","handleCountryChange","useCallback","countryOption","selectedCountry","findById","dateFormat","isFetchingCountriesList","ProfileImage","_useTranslation","useTranslation","t","_useField","useField","_useField2","field","helpers","_useFormikContext","useFormikContext","values","fileInputRef","useRef","_ref","imageUrl","file","displayUrl","URL","createObjectURL","handleFileSelect","event","selectedFile","target","files","maxSize","size","toast","error","setValue","handleRemove","_jsxs","className","children","_jsx","Avatar","user","firstName","lastName","filter","Boolean","join","DropdownMenu","customTarget","Button","icon","Pencil","variant","Menu","MenuItem","onClick","_fileInputRef$current","current","click","accept","ref","type","onChange"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,GAAS;AACzB,EAAA,IAAAC,SAAA,GAA0DC,cAAQ,CAAC,IAAI,CAAC;IAAAC,UAAA,GAAAC,+BAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAjEI,IAAAA,qBAAqB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,wBAAwB,GAAAH,UAAA,CAAA,CAAA,CAAA;AAEtD,EAAA,IAAAI,kBAAA,GAAqDC,iCAAiB,EAAE;IAAAC,qBAAA,GAAAF,kBAAA,CAAhEG,IAAI;AAAAC,IAAAA,sBAAA,GAAAF,qBAAA,KAAA,MAAA,GAAuB,EAAE,GAAAA,qBAAA;IAAAG,sBAAA,GAAAD,sBAAA,CAArBE,SAAS;AAATA,IAAAA,SAAS,GAAAD,sBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,sBAAA;IAASE,SAAS,GAAAP,kBAAA,CAATO,SAAS;AAEhD,EAAA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAGC,OAAO,EAAA;IAAA,OAAK;AACtCC,MAAAA,KAAK,EAAED,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,MAAA,GAAA,MAAA,GAAPA,OAAO,CAAEE,IAAI;AACpBC,MAAAA,KAAK,EAAEH,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,MAAA,GAAA,MAAA,GAAPA,OAAO,CAAEI;KACjB;EAAA,CAAC;EAEF,IAAMC,sBAAsB,GAAGC,aAAO,CACpC,YAAA;AAAA,IAAA,OAAMT,SAAS,CAACU,GAAG,CAACR,mBAAmB,CAAC;EAAA,CAAA,EACxC,CAACF,SAAS,CACZ,CAAC;AAED,EAAA,IAAMW,mBAAmB,GAAGC,iBAAW,CACrC,UAAAC,aAAa,EAAI;IACfpB,wBAAwB,CAACoB,aAAa,KAAA,IAAA,IAAbA,aAAa,cAAbA,aAAa,GAAI,IAAI,CAAC;AAE/C,IAAA,IAAMC,eAAe,GAAGC,kBAAQ,CAACF,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,MAAA,GAAA,MAAA,GAAbA,aAAa,CAAEP,KAAK,EAAEN,SAAS,CAAC;IAEjE,OAAO;AAAEgB,MAAAA,UAAU,EAAEF,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAA,MAAA,GAAA,MAAA,GAAfA,eAAe,CAAEE;KAAY;AACpD,EAAA,CAAC,EACD,CAAChB,SAAS,CACZ,CAAC;EAED,OAAO;AACLQ,IAAAA,sBAAsB,EAAtBA,sBAAsB;AACtBhB,IAAAA,qBAAqB,EAArBA,qBAAqB;AACrByB,IAAAA,uBAAuB,EAAEhB,SAAS;AAClCU,IAAAA,mBAAmB,EAAnBA;GACD;AACH;;AC3BA,IAAMO,YAAY,GAAG,SAAfA,YAAYA,GAAS;AACzB,EAAA,IAAAC,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AACT,EAAA,IAAAC,SAAA,GAA2BC,eAAQ,CAAC,QAAQ,CAAC;IAAAC,UAAA,GAAAjC,+BAAA,CAAA+B,SAAA,EAAA,CAAA,CAAA;AAAtCG,IAAAA,KAAK,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAIE,IAAAA,OAAO,GAAAF,UAAA,CAAA,CAAA,CAAA;AACvB,EAAA,IAAAG,iBAAA,GAAmBC,uBAAgB,EAAE;IAA7BC,MAAM,GAAAF,iBAAA,CAANE,MAAM;AACd,EAAA,IAAMC,YAAY,GAAGC,YAAM,CAAC,IAAI,CAAC;AAEjC,EAAA,IAAAC,IAAA,GAA2BP,KAAK,CAACnB,KAAK,IAAI,EAAE;IAApC2B,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AACtB,EAAA,IAAMC,UAAU,GACdD,IAAI,IAAIA,IAAI,KAAK,UAAU,GAAGE,GAAG,CAACC,eAAe,CAACH,IAAI,CAAC,GAAGD,QAAQ;AAEpE,EAAA,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAGC,KAAK,EAAI;IAChC,IAAMC,YAAY,GAAGD,KAAK,CAACE,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC;IAC1C,IAAI,CAACF,YAAY,EAAE;AAEnB,IAAA,IAAMG,OAAO,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI;AAC/B,IAAA,IAAIH,YAAY,CAACI,IAAI,GAAGD,OAAO,EAAE;MAC/BE,YAAK,CAACC,KAAK,CACTzB,CAAC,CACC,0CAA0C,EAC1C,iCACF,CACF,CAAC;AAED,MAAA;AACF,IAAA;IAEAK,OAAO,CAACqB,QAAQ,CAAC;AAAEd,MAAAA,QAAQ,EAARA,QAAQ;AAAEC,MAAAA,IAAI,EAAEM;AAAa,KAAC,CAAC;EACpD,CAAC;AAED,EAAA,IAAMQ,YAAY,GAAG,SAAfA,YAAYA,GAAS;IACzBtB,OAAO,CAACqB,QAAQ,CAAC;AAAEd,MAAAA,QAAQ,EAAE,EAAE;AAAEC,MAAAA,IAAI,EAAE;AAAW,KAAC,CAAC;EACtD,CAAC;AAED,EAAA,oBACEe,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,yBAAyB;AAAAC,IAAAA,QAAA,gBACtCF,eAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,UAAU;MAAAC,QAAA,EAAA,cACvBC,cAAA,CAACC,iBAAM,EAAA;AACLT,QAAAA,IAAI,EAAC,IAAI;AACTU,QAAAA,IAAI,EAAE;AACJjD,UAAAA,IAAI,EAAE,CAACwB,MAAM,CAAC0B,SAAS,EAAE1B,MAAM,CAAC2B,QAAQ,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;AACnE1B,UAAAA,QAAQ,EAAEE;AACZ;AAAE,OACH,CAAC,eACFiB,cAAA,CAACQ,uBAAY,EAAA;QACXC,YAAY,eACVT,cAAA,CAACU,iBAAM,EAAA;AACLZ,UAAAA,SAAS,EAAC,0CAA0C;AACpDa,UAAAA,IAAI,EAAEC,kBAAO;AACbpB,UAAAA,IAAI,EAAC,SAAS;AACdqB,UAAAA,OAAO,EAAC,SAAS;AACjB,UAAA,YAAA,EAAY5C,CAAC,CACX,4CAA4C,EAC5C,sBACF;AAAE,SACH,CACF;AAAA8B,QAAAA,QAAA,eAEDF,eAAA,CAACW,uBAAY,CAACM,IAAI,EAAA;AAAAf,UAAAA,QAAA,EAAA,cAChBC,cAAA,CAACQ,uBAAY,CAACO,QAAQ,EAAA;AACpB,YAAA,aAAA,EAAY,6BAA6B;YACzCC,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,cAAA,IAAAC,qBAAA;AAAA,cAAA,OAAA,CAAAA,qBAAA,GAAQvC,YAAY,CAACwC,OAAO,MAAA,IAAA,IAAAD,qBAAA,KAAA,MAAA,GAAA,MAAA,GAApBA,qBAAA,CAAsBE,KAAK,EAAE;YAAA,CAAC;AAAApB,YAAAA,QAAA,EAE5C9B,CAAC,CAAC,gCAAgC,EAAE,QAAQ;WACxB,CAAC,EACvBc,UAAU,iBACTiB,cAAA,CAACQ,uBAAY,CAACO,QAAQ,EAAA;AACpB,YAAA,aAAA,EAAY,6BAA6B;AACzCC,YAAAA,OAAO,EAAEpB,YAAa;YAAAG,QAAA,EAErB9B,CAAC,CAAC,gCAAgC;AAAC,WACf,CACxB;SACgB;AAAC,OACR,CAAC;KACZ,CAAC,eACN+B,cAAA,CAAA,OAAA,EAAA;AACEoB,MAAAA,MAAM,EAAC,SAAS;AAChBtB,MAAAA,SAAS,EAAC,QAAQ;AAClB,MAAA,aAAA,EAAY,iCAAiC;AAC7CuB,MAAAA,GAAG,EAAE3C,YAAa;AAClB4C,MAAAA,IAAI,EAAC,MAAM;AACXC,MAAAA,QAAQ,EAAErC;AAAiB,KAC5B,CAAC;AAAA,GACC,CAAC;AAEV;;;;;"}

package/dist/{ProfileImage-7HtCnKc-.js → ProfileImage-D6FlUbTV.js}

@@ -4,9 +4,8 @@ import { useState, useMemo, useCallback, useRef } from 'react';
 import { findById } from '@bigbinary/neeto-cist';
 import { u as useFetchCountries } from './useCountriesApi-DK00167T.js';
 import { Avatar, DropdownMenu, Button } from '@bigbinary/neeto-atoms';
-import { useField } from 'formik';
+import { useField, useFormikContext } from 'formik';
 import { Pencil } from 'lucide-react';
-import { globalProps } from '@bigbinary/neeto-commons-frontend/v2/initializers';
 import { useTranslation } from 'react-i18next';
 import { toast } from 'sonner';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -50,13 +49,14 @@ var useCountries = function useCountries() {
 };
 
 var ProfileImage = function ProfileImage() {
-  var _globalProps$user;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useField = useField("avatar"),
     _useField2 = _slicedToArray(_useField, 3),
     field = _useField2[0],
     helpers = _useField2[2];
+  var _useFormikContext = useFormikContext(),
+    values = _useFormikContext.values;
   var fileInputRef = useRef(null);
   var _ref = field.value || {},
     imageUrl = _ref.imageUrl,
@@ -88,7 +88,7 @@ var ProfileImage = function ProfileImage() {
       children: [/*#__PURE__*/jsx(Avatar, {
         size: "xl",
         user: {
-          name: (_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.name,
+          name: [values.firstName, values.lastName].filter(Boolean).join(" "),
           imageUrl: displayUrl
         }
       }), /*#__PURE__*/jsx(DropdownMenu, {
@@ -126,4 +126,4 @@ var ProfileImage = function ProfileImage() {
 };
 
 export { ProfileImage as P, useCountries as u };
-//# sourceMappingURL=ProfileImage-7HtCnKc-.js.map
+//# sourceMappingURL=ProfileImage-D6FlUbTV.js.map

package/dist/ProfileImage-D6FlUbTV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileImage-D6FlUbTV.js","sources":["../app/javascript/src/v2/components/Profile/hooks/useCountries.js","../app/javascript/src/v2/components/Profile/ProfileImage.jsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\n\nimport { findById } from \"neetocist\";\n\nimport { useFetchCountries } from \"hooks/profile/useCountriesApi\";\n\nconst useCountries = () => {\n  const [selectedCountryOption, setSelectedCountryOption] = useState(null);\n\n  const { data: { countries = [] } = {}, isLoading } = useFetchCountries();\n\n  const formatCountryOption = country => ({\n    label: country?.name,\n    value: country?.id,\n  });\n\n  const countryDropdownOptions = useMemo(\n    () => countries.map(formatCountryOption),\n    [countries]\n  );\n\n  const handleCountryChange = useCallback(\n    countryOption => {\n      setSelectedCountryOption(countryOption ?? null);\n\n      const selectedCountry = findById(countryOption?.value, countries);\n\n      return { dateFormat: selectedCountry?.dateFormat };\n    },\n    [countries]\n  );\n\n  return {\n    countryDropdownOptions,\n    selectedCountryOption,\n    isFetchingCountriesList: isLoading,\n    handleCountryChange,\n  };\n};\n\nexport default useCountries;\n","/* eslint-disable @bigbinary/neeto/no-missing-localization */\n// v2 ProfileImage — placeholder, full implementation in Phase 3.5\n// Used by ManageMember for member avatar editing\nimport { useRef } from \"react\";\n\nimport { Avatar, Button, DropdownMenu } from \"@bigbinary/neeto-atoms\";\nimport { useField, useFormikContext } from \"formik\";\nimport { Pencil } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { toast } from \"sonner\";\n\nconst ProfileImage = () => {\n  const { t } = useTranslation();\n  const [field, , helpers] = useField(\"avatar\");\n  const { values } = useFormikContext();\n  const fileInputRef = useRef(null);\n\n  const { imageUrl, file } = field.value || {};\n  const displayUrl =\n    file && file !== \"_destroy\" ? URL.createObjectURL(file) : imageUrl;\n\n  const handleFileSelect = event => {\n    const selectedFile = event.target.files[0];\n    if (!selectedFile) return;\n\n    const maxSize = 5 * 1024 * 1024;\n    if (selectedFile.size > maxSize) {\n      toast.error(\n        t(\n          \"neetoTeamMembers.common.fileSizeTooLarge\",\n          \"File size must be less than 5MB\"\n        )\n      );\n\n      return;\n    }\n\n    helpers.setValue({ imageUrl, file: selectedFile });\n  };\n\n  const handleRemove = () => {\n    helpers.setValue({ imageUrl: \"\", file: \"_destroy\" });\n  };\n\n  return (\n    <div className=\"flex items-center gap-4\">\n      <div className=\"relative\">\n        <Avatar\n          size=\"xl\"\n          user={{\n            name: [values.firstName, values.lastName].filter(Boolean).join(\" \"),\n            imageUrl: displayUrl,\n          }}\n        />\n        <DropdownMenu\n          customTarget={\n            <Button\n              className=\"absolute -bottom-1 -right-1 rounded-full\"\n              icon={Pencil}\n              size=\"icon-xs\"\n              variant=\"outline\"\n              aria-label={t(\n                \"neetoTeamMembers.common.changeProfileImage\",\n                \"Change profile image\"\n              )}\n            />\n          }\n        >\n          <DropdownMenu.Menu>\n            <DropdownMenu.MenuItem\n              data-testid=\"profile-image-upload-button\"\n              onClick={() => fileInputRef.current?.click()}\n            >\n              {t(\"neetoTeamMembers.common.upload\", \"Upload\")}\n            </DropdownMenu.MenuItem>\n            {displayUrl && (\n              <DropdownMenu.MenuItem\n                data-testid=\"profile-image-remove-button\"\n                onClick={handleRemove}\n              >\n                {t(\"neetoTeamMembers.common.remove\")}\n              </DropdownMenu.MenuItem>\n            )}\n          </DropdownMenu.Menu>\n        </DropdownMenu>\n      </div>\n      <input\n        accept=\"image/*\"\n        className=\"hidden\"\n        data-testid=\"profile-image-upload-file-field\"\n        ref={fileInputRef}\n        type=\"file\"\n        onChange={handleFileSelect}\n      />\n    </div>\n  );\n};\n\nexport default ProfileImage;\n"],"names":["useCountries","_useState","useState","_useState2","_slicedToArray","selectedCountryOption","setSelectedCountryOption","_useFetchCountries","useFetchCountries","_useFetchCountries$da","data","_useFetchCountries$da2","_useFetchCountries$da3","countries","isLoading","formatCountryOption","country","label","name","value","id","countryDropdownOptions","useMemo","map","handleCountryChange","useCallback","countryOption","selectedCountry","findById","dateFormat","isFetchingCountriesList","ProfileImage","_useTranslation","useTranslation","t","_useField","useField","_useField2","field","helpers","_useFormikContext","useFormikContext","values","fileInputRef","useRef","_ref","imageUrl","file","displayUrl","URL","createObjectURL","handleFileSelect","event","selectedFile","target","files","maxSize","size","toast","error","setValue","handleRemove","_jsxs","className","children","_jsx","Avatar","user","firstName","lastName","filter","Boolean","join","DropdownMenu","customTarget","Button","icon","Pencil","variant","Menu","MenuItem","onClick","_fileInputRef$current","current","click","accept","ref","type","onChange"],"mappings":"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"}

package/dist/{ProfileImage-BXsTglvo.js → ProfileImage-DLWJaZ0H.js}

@@ -101,18 +101,28 @@ var useCountries = function useCountries() {
 var Menu = Dropdown__default.default.Menu,
   MenuItem = Dropdown__default.default.MenuItem;
 var ProfileImage = function ProfileImage() {
+  var _field$value;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var fileInputRef = React.useRef(null);
+  var blobUrlRef = React.useRef(null);
   var _useField = formik.useField("avatar"),
     _useField2 = _slicedToArray__default.default(_useField, 3),
     field = _useField2[0];
     _useField2[1];
     var helpers = _useField2[2];
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values;
   var setValue = helpers.setValue;
   var avatarDetails = {
-    imageUrl: field.value.imageUrl
+    name: [values.firstName, values.lastName].filter(Boolean).join(" "),
+    imageUrl: (_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.imageUrl
   };
+  React.useEffect(function () {
+    return function () {
+      if (blobUrlRef.current) URL.revokeObjectURL(blobUrlRef.current);
+    };
+  }, []);
   var onProfileImageChange = function onProfileImageChange(event) {
     var imageFile = event.target.files[0];
     var validationError = validateProfileImage(imageFile);
@@ -120,8 +130,10 @@ var ProfileImage = function ProfileImage() {
       Toastr__default.default.error(validationError);
       return validationError;
     }
+    if (blobUrlRef.current) URL.revokeObjectURL(blobUrlRef.current);
+    blobUrlRef.current = URL.createObjectURL(imageFile);
     return setValue({
-      imageUrl: URL.createObjectURL(imageFile),
+      imageUrl: blobUrlRef.current,
       file: imageFile
     });
   };
@@ -130,7 +142,11 @@ var ProfileImage = function ProfileImage() {
     return (_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 ? void 0 : _fileInputRef$current.click();
   };
   var handleRemoveImage = function handleRemoveImage() {
-    return setValue({
+    if (blobUrlRef.current) {
+      URL.revokeObjectURL(blobUrlRef.current);
+      blobUrlRef.current = null;
+    }
+    setValue({
       imageUrl: "",
       file: "_destroy"
     });
@@ -153,9 +169,7 @@ var ProfileImage = function ProfileImage() {
       className: "relative shrink-0",
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
         className: "absolute bottom-0 end-0 z-10",
-        children: /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default
-        // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes
-        , {
+        children: /*#__PURE__*/jsxRuntime.jsx(Dropdown__default.default, {
           buttonProps: {
             className: "rounded-full"
           },
@@ -182,7 +196,7 @@ var ProfileImage = function ProfileImage() {
       className: "flex flex-col items-center",
       children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default.default, {
         className: "neeto-ui-text-gray-600 text-center",
-        style: "body3",
+        style: "body2",
         children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
           i18nKey: "neetoTeamMembers.profile.avatar.profilePictureUploadMessage",
           values: {
@@ -191,7 +205,7 @@ var ProfileImage = function ProfileImage() {
         })
       }), /*#__PURE__*/jsxRuntime.jsx("input", {
         hidden: true,
-        accept: "image/*",
+        accept: ALLOWED_PROFILE_IMAGE_MIME_TYPES.join(","),
         "data-testid": "profile-image-upload-file-field",
         id: "uploadProfileImage",
         name: "profile_image_path",
@@ -208,4 +222,4 @@ exports.PROFILE_VALIDATION_SCHEMA = PROFILE_VALIDATION_SCHEMA;
 exports.ProfileImage = ProfileImage;
 exports.UPDATE_EMAIL_PATH = UPDATE_EMAIL_PATH;
 exports.useCountries = useCountries;
-//# sourceMappingURL=ProfileImage-BXsTglvo.js.map
+//# sourceMappingURL=ProfileImage-DLWJaZ0H.js.map

package/dist/ProfileImage-DLWJaZ0H.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileImage-DLWJaZ0H.js","sources":["../app/javascript/src/components/Profile/constants.js","../app/javascript/src/components/Profile/hooks/useCountries.js","../app/javascript/src/components/Profile/ProfileImage.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { validation as phoneNumberValidation } from \"neetomolecules/PhoneNumber\";\nimport * as yup from \"yup\";\n\nexport const PROFILE_VALIDATION_SCHEMA = yup.object().shape({\n  firstName: yup\n    .string()\n    .trim()\n    .required(t(\"neetoTeamMembers.profile.form.isRequired.firstName\"))\n    .matches(\n      /^[\\p{L}\\p{N} ,'-áéíóúÁÉÍÓÚ]+$/iu,\n      t(\"neetoTeamMembers.profile.form.invalidName\")\n    )\n    .matches(/^[^.]+$/i, t(\"neetoTeamMembers.profile.form.dotsNotAllowed\")),\n  lastName: yup\n    .string()\n    .trim()\n    .required(t(\"neetoTeamMembers.profile.form.isRequired.lastName\"))\n    .matches(\n      /^[\\p{L}\\p{N} ,'-áéíóúÁÉÍÓÚ]+$/iu,\n      t(\"neetoTeamMembers.profile.form.invalidName\")\n    )\n    .matches(/^[^.]+$/i, t(\"neetoTeamMembers.profile.form.dotsNotAllowed\")),\n  phonenumber: phoneNumberValidation(\n    t(\"neetoTeamMembers.profile.form.invalidPhoneNumber\")\n  ).nullable(),\n  dateFormat: yup\n    .string()\n    .required(t(\"neetoTeamMembers.profile.form.isRequired.dateFormat\")),\n});\n\nexport const UPDATE_EMAIL_PATH = \"/auth/email/edit\";\nexport const MANAGE_BILLING_PATH = \"/auth/billing/edit\";\n\nexport const ALLOWED_PROFILE_IMAGE_MIME_TYPES = [\"image/jpeg\", \"image/png\"];\nexport const IMAGE_DELETE_BUTTON_SIZE = 16;\nexport const STATIC_PROFILE_IMAGE_MAX_SIZE_IN_BYTES =\n  globalProps.endUserUploadedFileSizeLimitInMb * 1024 * 1024;\n\nexport const VALIDATION_ERRORS = {\n  invalid_type: t(\"neetoTeamMembers.profile.file.invalidType.image\"),\n  corrupted_file: t(\"neetoTeamMembers.profile.file.corrupted\"),\n  file_limit_exceeded: t(\"neetoTeamMembers.profile.file.limitExceeded\", {\n    maxSize: globalProps.endUserUploadedFileSizeLimitInMb,\n  }),\n};\n\nexport const DEFAULT_POPOVER_VALUES = {\n  preferredDateFormat: {},\n  preferredTimeFormat: {},\n  timeZone: {},\n};\n","import { useCallback, useMemo, useState } from \"react\";\n\nimport { findById } from \"neetocist\";\n\nimport { useFetchCountries } from \"hooks/profile/useCountriesApi\";\n\nconst useCountries = () => {\n  const [selectedCountryOption, setSelectedCountryOption] = useState(null);\n\n  const { data: { countries = [] } = {}, isLoading } = useFetchCountries();\n\n  const formatCountryOption = country => ({\n    label: country?.name,\n    value: country?.id,\n  });\n\n  const countryDropdownOptions = useMemo(\n    () => countries.map(formatCountryOption),\n    [countries]\n  );\n\n  const handleCountryChange = useCallback(\n    countryOption => {\n      setSelectedCountryOption(countryOption ?? null);\n\n      const selectedCountry = findById(countryOption?.value, countries);\n\n      return { dateFormat: selectedCountry?.dateFormat };\n    },\n    [countries]\n  );\n\n  return {\n    countryDropdownOptions,\n    selectedCountryOption,\n    isFetchingCountriesList: isLoading,\n    handleCountryChange,\n  };\n};\n\nexport default useCountries;\n","import { useEffect, useRef } from \"react\";\n\nimport { useField, useFormikContext } from \"formik\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { Edit } from \"neetoicons\";\nimport { Avatar, Dropdown, Toastr, Typography } from \"neetoui\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport {\n  ALLOWED_PROFILE_IMAGE_MIME_TYPES,\n  STATIC_PROFILE_IMAGE_MAX_SIZE_IN_BYTES,\n  VALIDATION_ERRORS,\n} from \"./constants\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst ProfileImage = () => {\n  const { t } = useTranslation();\n  const fileInputRef = useRef(null);\n  const blobUrlRef = useRef(null);\n\n  const [field, _, helpers] = useField(\"avatar\");\n  const { values } = useFormikContext();\n  const { setValue } = helpers;\n\n  const avatarDetails = {\n    name: [values.firstName, values.lastName].filter(Boolean).join(\" \"),\n    imageUrl: field.value?.imageUrl,\n  };\n\n  useEffect(\n    () => () => {\n      if (blobUrlRef.current) URL.revokeObjectURL(blobUrlRef.current);\n    },\n    []\n  );\n\n  const onProfileImageChange = event => {\n    const imageFile = event.target.files[0];\n    const validationError = validateProfileImage(imageFile);\n\n    if (validationError) {\n      Toastr.error(validationError);\n\n      return validationError;\n    }\n\n    if (blobUrlRef.current) URL.revokeObjectURL(blobUrlRef.current);\n    blobUrlRef.current = URL.createObjectURL(imageFile);\n\n    return setValue({\n      imageUrl: blobUrlRef.current,\n      file: imageFile,\n    });\n  };\n\n  const handleChangeImage = () => fileInputRef.current?.click();\n\n  const handleRemoveImage = () => {\n    if (blobUrlRef.current) {\n      URL.revokeObjectURL(blobUrlRef.current);\n      blobUrlRef.current = null;\n    }\n    setValue({ imageUrl: \"\", file: \"_destroy\" });\n  };\n\n  const validateProfileImage = imageFile => {\n    const { type, size } = imageFile;\n\n    if (!ALLOWED_PROFILE_IMAGE_MIME_TYPES.includes(type)) {\n      return VALIDATION_ERRORS.invalid_type;\n    }\n\n    if (size === 0) return VALIDATION_ERRORS.corrupted_file;\n\n    if (size > STATIC_PROFILE_IMAGE_MAX_SIZE_IN_BYTES) {\n      return VALIDATION_ERRORS.file_limit_exceeded;\n    }\n\n    return null;\n  };\n\n  return (\n    <div className=\"mb-4 flex flex-col items-center gap-2\">\n      <div className=\"relative shrink-0\">\n        <div className=\"absolute bottom-0 end-0 z-10\">\n          <Dropdown\n            buttonProps={{ className: \"rounded-full\" }}\n            buttonSize=\"small\"\n            buttonStyle=\"tertiary\"\n            icon={Edit}\n          >\n            <Menu>\n              <MenuItem.Button\n                data-testid=\"profile-image-upload-button\"\n                onClick={handleChangeImage}\n              >\n                {avatarDetails?.imageUrl\n                  ? t(\"neetoTeamMembers.profile.avatar.changeProfilePicture\")\n                  : t(\"neetoTeamMembers.profile.avatar.uploadProfilePicture\")}\n              </MenuItem.Button>\n              <MenuItem.Button\n                data-testid=\"profile-image-remove-button\"\n                onClick={handleRemoveImage}\n              >\n                {t(\"neetoTeamMembers.buttons.remove\")}\n              </MenuItem.Button>\n            </Menu>\n          </Dropdown>\n        </div>\n        <Avatar size=\"extraLarge\" user={avatarDetails} />\n      </div>\n      <div className=\"flex flex-col items-center\">\n        <Typography\n          className=\"neeto-ui-text-gray-600 text-center\"\n          style=\"body2\"\n        >\n          <Trans\n            i18nKey=\"neetoTeamMembers.profile.avatar.profilePictureUploadMessage\"\n            values={{\n              limit: globalProps.endUserUploadedFileSizeLimitInMb,\n            }}\n          />\n        </Typography>\n        <input\n          hidden\n          accept={ALLOWED_PROFILE_IMAGE_MIME_TYPES.join(\",\")}\n          data-testid=\"profile-image-upload-file-field\"\n          id=\"uploadProfileImage\"\n          key={avatarDetails?.imageUrl}\n          name=\"profile_image_path\"\n          ref={fileInputRef}\n          type=\"file\"\n          onChange={onProfileImageChange}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default ProfileImage;\n"],"names":["PROFILE_VALIDATION_SCHEMA","yup","object","shape","firstName","string","trim","required","t","matches","lastName","phonenumber","phoneNumberValidation","nullable","dateFormat","UPDATE_EMAIL_PATH","MANAGE_BILLING_PATH","ALLOWED_PROFILE_IMAGE_MIME_TYPES","STATIC_PROFILE_IMAGE_MAX_SIZE_IN_BYTES","globalProps","endUserUploadedFileSizeLimitInMb","VALIDATION_ERRORS","invalid_type","corrupted_file","file_limit_exceeded","maxSize","useCountries","_useState","useState","_useState2","_slicedToArray","selectedCountryOption","setSelectedCountryOption","_useFetchCountries","useFetchCountries","_useFetchCountries$da","data","_useFetchCountries$da2","_useFetchCountries$da3","countries","isLoading","formatCountryOption","country","label","name","value","id","countryDropdownOptions","useMemo","map","handleCountryChange","useCallback","countryOption","selectedCountry","findById","isFetchingCountriesList","Menu","Dropdown","MenuItem","ProfileImage","_field$value","_useTranslation","useTranslation","fileInputRef","useRef","blobUrlRef","_useField","useField","_useField2","field","_","helpers","_useFormikContext","useFormikContext","values","setValue","avatarDetails","filter","Boolean","join","imageUrl","useEffect","current","URL","revokeObjectURL","onProfileImageChange","event","imageFile","target","files","validationError","validateProfileImage","Toastr","error","createObjectURL","file","handleChangeImage","_fileInputRef$current","click","handleRemoveImage","type","size","includes","_jsxs","className","children","_jsx","buttonProps","buttonSize","buttonStyle","icon","Edit","Button","onClick","Avatar","user","Typography","style","Trans","i18nKey","limit","hidden","accept","ref","onChange"],"mappings":"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"}

package/dist/{ProfileImage-DbLwreG6.js → ProfileImage-g_BVBsn6.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useMemo, useCallback, useRef } from 'react';
+import { useState, useMemo, useCallback, useRef, useEffect } from 'react';
 import { findById } from '@bigbinary/neeto-cist';
 import { u as useFetchCountries } from './useCountriesApi-DK00167T.js';
-import { useField } from 'formik';
+import { useField, useFormikContext } from 'formik';
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import Edit from '@bigbinary/neeto-icons/Edit';
 import Avatar from '@bigbinary/neetoui/Avatar';
@@ -71,18 +71,28 @@ var useCountries = function useCountries() {
 var Menu = Dropdown.Menu,
   MenuItem = Dropdown.MenuItem;
 var ProfileImage = function ProfileImage() {
+  var _field$value;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var fileInputRef = useRef(null);
+  var blobUrlRef = useRef(null);
   var _useField = useField("avatar"),
     _useField2 = _slicedToArray(_useField, 3),
     field = _useField2[0];
     _useField2[1];
     var helpers = _useField2[2];
+  var _useFormikContext = useFormikContext(),
+    values = _useFormikContext.values;
   var setValue = helpers.setValue;
   var avatarDetails = {
-    imageUrl: field.value.imageUrl
+    name: [values.firstName, values.lastName].filter(Boolean).join(" "),
+    imageUrl: (_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.imageUrl
   };
+  useEffect(function () {
+    return function () {
+      if (blobUrlRef.current) URL.revokeObjectURL(blobUrlRef.current);
+    };
+  }, []);
   var onProfileImageChange = function onProfileImageChange(event) {
     var imageFile = event.target.files[0];
     var validationError = validateProfileImage(imageFile);
@@ -90,8 +100,10 @@ var ProfileImage = function ProfileImage() {
       Toastr.error(validationError);
       return validationError;
     }
+    if (blobUrlRef.current) URL.revokeObjectURL(blobUrlRef.current);
+    blobUrlRef.current = URL.createObjectURL(imageFile);
     return setValue({
-      imageUrl: URL.createObjectURL(imageFile),
+      imageUrl: blobUrlRef.current,
       file: imageFile
     });
   };
@@ -100,7 +112,11 @@ var ProfileImage = function ProfileImage() {
     return (_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 ? void 0 : _fileInputRef$current.click();
   };
   var handleRemoveImage = function handleRemoveImage() {
-    return setValue({
+    if (blobUrlRef.current) {
+      URL.revokeObjectURL(blobUrlRef.current);
+      blobUrlRef.current = null;
+    }
+    setValue({
       imageUrl: "",
       file: "_destroy"
     });
@@ -123,9 +139,7 @@ var ProfileImage = function ProfileImage() {
       className: "relative shrink-0",
       children: [/*#__PURE__*/jsx("div", {
         className: "absolute bottom-0 end-0 z-10",
-        children: /*#__PURE__*/jsx(Dropdown
-        // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes
-        , {
+        children: /*#__PURE__*/jsx(Dropdown, {
           buttonProps: {
             className: "rounded-full"
           },
@@ -152,7 +166,7 @@ var ProfileImage = function ProfileImage() {
       className: "flex flex-col items-center",
       children: [/*#__PURE__*/jsx(Typography, {
         className: "neeto-ui-text-gray-600 text-center",
-        style: "body3",
+        style: "body2",
         children: /*#__PURE__*/jsx(Trans, {
           i18nKey: "neetoTeamMembers.profile.avatar.profilePictureUploadMessage",
           values: {
@@ -161,7 +175,7 @@ var ProfileImage = function ProfileImage() {
         })
       }), /*#__PURE__*/jsx("input", {
         hidden: true,
-        accept: "image/*",
+        accept: ALLOWED_PROFILE_IMAGE_MIME_TYPES.join(","),
         "data-testid": "profile-image-upload-file-field",
         id: "uploadProfileImage",
         name: "profile_image_path",
@@ -174,4 +188,4 @@ var ProfileImage = function ProfileImage() {
 };
 
 export { MANAGE_BILLING_PATH as M, PROFILE_VALIDATION_SCHEMA as P, UPDATE_EMAIL_PATH as U, ProfileImage as a, useCountries as u };
-//# sourceMappingURL=ProfileImage-DbLwreG6.js.map
+//# sourceMappingURL=ProfileImage-g_BVBsn6.js.map

package/dist/ProfileImage-g_BVBsn6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileImage-g_BVBsn6.js","sources":["../app/javascript/src/components/Profile/constants.js","../app/javascript/src/components/Profile/hooks/useCountries.js","../app/javascript/src/components/Profile/ProfileImage.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { validation as phoneNumberValidation } from \"neetomolecules/PhoneNumber\";\nimport * as yup from \"yup\";\n\nexport const PROFILE_VALIDATION_SCHEMA = yup.object().shape({\n  firstName: yup\n    .string()\n    .trim()\n    .required(t(\"neetoTeamMembers.profile.form.isRequired.firstName\"))\n    .matches(\n      /^[\\p{L}\\p{N} ,'-áéíóúÁÉÍÓÚ]+$/iu,\n      t(\"neetoTeamMembers.profile.form.invalidName\")\n    )\n    .matches(/^[^.]+$/i, t(\"neetoTeamMembers.profile.form.dotsNotAllowed\")),\n  lastName: yup\n    .string()\n    .trim()\n    .required(t(\"neetoTeamMembers.profile.form.isRequired.lastName\"))\n    .matches(\n      /^[\\p{L}\\p{N} ,'-áéíóúÁÉÍÓÚ]+$/iu,\n      t(\"neetoTeamMembers.profile.form.invalidName\")\n    )\n    .matches(/^[^.]+$/i, t(\"neetoTeamMembers.profile.form.dotsNotAllowed\")),\n  phonenumber: phoneNumberValidation(\n    t(\"neetoTeamMembers.profile.form.invalidPhoneNumber\")\n  ).nullable(),\n  dateFormat: yup\n    .string()\n    .required(t(\"neetoTeamMembers.profile.form.isRequired.dateFormat\")),\n});\n\nexport const UPDATE_EMAIL_PATH = \"/auth/email/edit\";\nexport const MANAGE_BILLING_PATH = \"/auth/billing/edit\";\n\nexport const ALLOWED_PROFILE_IMAGE_MIME_TYPES = [\"image/jpeg\", \"image/png\"];\nexport const IMAGE_DELETE_BUTTON_SIZE = 16;\nexport const STATIC_PROFILE_IMAGE_MAX_SIZE_IN_BYTES =\n  globalProps.endUserUploadedFileSizeLimitInMb * 1024 * 1024;\n\nexport const VALIDATION_ERRORS = {\n  invalid_type: t(\"neetoTeamMembers.profile.file.invalidType.image\"),\n  corrupted_file: t(\"neetoTeamMembers.profile.file.corrupted\"),\n  file_limit_exceeded: t(\"neetoTeamMembers.profile.file.limitExceeded\", {\n    maxSize: globalProps.endUserUploadedFileSizeLimitInMb,\n  }),\n};\n\nexport const DEFAULT_POPOVER_VALUES = {\n  preferredDateFormat: {},\n  preferredTimeFormat: {},\n  timeZone: {},\n};\n","import { useCallback, useMemo, useState } from \"react\";\n\nimport { findById } from \"neetocist\";\n\nimport { useFetchCountries } from \"hooks/profile/useCountriesApi\";\n\nconst useCountries = () => {\n  const [selectedCountryOption, setSelectedCountryOption] = useState(null);\n\n  const { data: { countries = [] } = {}, isLoading } = useFetchCountries();\n\n  const formatCountryOption = country => ({\n    label: country?.name,\n    value: country?.id,\n  });\n\n  const countryDropdownOptions = useMemo(\n    () => countries.map(formatCountryOption),\n    [countries]\n  );\n\n  const handleCountryChange = useCallback(\n    countryOption => {\n      setSelectedCountryOption(countryOption ?? null);\n\n      const selectedCountry = findById(countryOption?.value, countries);\n\n      return { dateFormat: selectedCountry?.dateFormat };\n    },\n    [countries]\n  );\n\n  return {\n    countryDropdownOptions,\n    selectedCountryOption,\n    isFetchingCountriesList: isLoading,\n    handleCountryChange,\n  };\n};\n\nexport default useCountries;\n","import { useEffect, useRef } from \"react\";\n\nimport { useField, useFormikContext } from \"formik\";\nimport { globalProps } from \"neetocommons/initializers\";\nimport { Edit } from \"neetoicons\";\nimport { Avatar, Dropdown, Toastr, Typography } from \"neetoui\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport {\n  ALLOWED_PROFILE_IMAGE_MIME_TYPES,\n  STATIC_PROFILE_IMAGE_MAX_SIZE_IN_BYTES,\n  VALIDATION_ERRORS,\n} from \"./constants\";\n\nconst { Menu, MenuItem } = Dropdown;\n\nconst ProfileImage = () => {\n  const { t } = useTranslation();\n  const fileInputRef = useRef(null);\n  const blobUrlRef = useRef(null);\n\n  const [field, _, helpers] = useField(\"avatar\");\n  const { values } = useFormikContext();\n  const { setValue } = helpers;\n\n  const avatarDetails = {\n    name: [values.firstName, values.lastName].filter(Boolean).join(\" \"),\n    imageUrl: field.value?.imageUrl,\n  };\n\n  useEffect(\n    () => () => {\n      if (blobUrlRef.current) URL.revokeObjectURL(blobUrlRef.current);\n    },\n    []\n  );\n\n  const onProfileImageChange = event => {\n    const imageFile = event.target.files[0];\n    const validationError = validateProfileImage(imageFile);\n\n    if (validationError) {\n      Toastr.error(validationError);\n\n      return validationError;\n    }\n\n    if (blobUrlRef.current) URL.revokeObjectURL(blobUrlRef.current);\n    blobUrlRef.current = URL.createObjectURL(imageFile);\n\n    return setValue({\n      imageUrl: blobUrlRef.current,\n      file: imageFile,\n    });\n  };\n\n  const handleChangeImage = () => fileInputRef.current?.click();\n\n  const handleRemoveImage = () => {\n    if (blobUrlRef.current) {\n      URL.revokeObjectURL(blobUrlRef.current);\n      blobUrlRef.current = null;\n    }\n    setValue({ imageUrl: \"\", file: \"_destroy\" });\n  };\n\n  const validateProfileImage = imageFile => {\n    const { type, size } = imageFile;\n\n    if (!ALLOWED_PROFILE_IMAGE_MIME_TYPES.includes(type)) {\n      return VALIDATION_ERRORS.invalid_type;\n    }\n\n    if (size === 0) return VALIDATION_ERRORS.corrupted_file;\n\n    if (size > STATIC_PROFILE_IMAGE_MAX_SIZE_IN_BYTES) {\n      return VALIDATION_ERRORS.file_limit_exceeded;\n    }\n\n    return null;\n  };\n\n  return (\n    <div className=\"mb-4 flex flex-col items-center gap-2\">\n      <div className=\"relative shrink-0\">\n        <div className=\"absolute bottom-0 end-0 z-10\">\n          <Dropdown\n            buttonProps={{ className: \"rounded-full\" }}\n            buttonSize=\"small\"\n            buttonStyle=\"tertiary\"\n            icon={Edit}\n          >\n            <Menu>\n              <MenuItem.Button\n                data-testid=\"profile-image-upload-button\"\n                onClick={handleChangeImage}\n              >\n                {avatarDetails?.imageUrl\n                  ? t(\"neetoTeamMembers.profile.avatar.changeProfilePicture\")\n                  : t(\"neetoTeamMembers.profile.avatar.uploadProfilePicture\")}\n              </MenuItem.Button>\n              <MenuItem.Button\n                data-testid=\"profile-image-remove-button\"\n                onClick={handleRemoveImage}\n              >\n                {t(\"neetoTeamMembers.buttons.remove\")}\n              </MenuItem.Button>\n            </Menu>\n          </Dropdown>\n        </div>\n        <Avatar size=\"extraLarge\" user={avatarDetails} />\n      </div>\n      <div className=\"flex flex-col items-center\">\n        <Typography\n          className=\"neeto-ui-text-gray-600 text-center\"\n          style=\"body2\"\n        >\n          <Trans\n            i18nKey=\"neetoTeamMembers.profile.avatar.profilePictureUploadMessage\"\n            values={{\n              limit: globalProps.endUserUploadedFileSizeLimitInMb,\n            }}\n          />\n        </Typography>\n        <input\n          hidden\n          accept={ALLOWED_PROFILE_IMAGE_MIME_TYPES.join(\",\")}\n          data-testid=\"profile-image-upload-file-field\"\n          id=\"uploadProfileImage\"\n          key={avatarDetails?.imageUrl}\n          name=\"profile_image_path\"\n          ref={fileInputRef}\n          type=\"file\"\n          onChange={onProfileImageChange}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default ProfileImage;\n"],"names":["PROFILE_VALIDATION_SCHEMA","yup","object","shape","firstName","string","trim","required","t","matches","lastName","phonenumber","phoneNumberValidation","nullable","dateFormat","UPDATE_EMAIL_PATH","MANAGE_BILLING_PATH","ALLOWED_PROFILE_IMAGE_MIME_TYPES","STATIC_PROFILE_IMAGE_MAX_SIZE_IN_BYTES","globalProps","endUserUploadedFileSizeLimitInMb","VALIDATION_ERRORS","invalid_type","corrupted_file","file_limit_exceeded","maxSize","useCountries","_useState","useState","_useState2","_slicedToArray","selectedCountryOption","setSelectedCountryOption","_useFetchCountries","useFetchCountries","_useFetchCountries$da","data","_useFetchCountries$da2","_useFetchCountries$da3","countries","isLoading","formatCountryOption","country","label","name","value","id","countryDropdownOptions","useMemo","map","handleCountryChange","useCallback","countryOption","selectedCountry","findById","isFetchingCountriesList","Menu","Dropdown","MenuItem","ProfileImage","_field$value","_useTranslation","useTranslation","fileInputRef","useRef","blobUrlRef","_useField","useField","_useField2","field","_","helpers","_useFormikContext","useFormikContext","values","setValue","avatarDetails","filter","Boolean","join","imageUrl","useEffect","current","URL","revokeObjectURL","onProfileImageChange","event","imageFile","target","files","validationError","validateProfileImage","Toastr","error","createObjectURL","file","handleChangeImage","_fileInputRef$current","click","handleRemoveImage","type","size","includes","_jsxs","className","children","_jsx","buttonProps","buttonSize","buttonStyle","icon","Edit","Button","onClick","Avatar","user","Typography","style","Trans","i18nKey","limit","hidden","accept","ref","onChange"],"mappings":";;;;;;;;;;;;;;;;;AAKO,IAAMA,yBAAyB,GAAGC,GAAG,CAACC,MAAM,EAAE,CAACC,KAAK,CAAC;AAC1DC,EAAAA,SAAS,EAAEH,GAAG,CACXI,MAAM,EAAE,CACRC,IAAI,EAAE,CACNC,QAAQ,CAACC,CAAC,CAAC,oDAAoD,CAAC,CAAC,CACjEC,OAAO,CACN,qySAAiC,EACjCD,CAAC,CAAC,2CAA2C,CAC/C,CAAC,CACAC,OAAO,CAAC,UAAU,EAAED,CAAC,CAAC,8CAA8C,CAAC,CAAC;AACzEE,EAAAA,QAAQ,EAAET,GAAG,CACVI,MAAM,EAAE,CACRC,IAAI,EAAE,CACNC,QAAQ,CAACC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAChEC,OAAO,CACN,qySAAiC,EACjCD,CAAC,CAAC,2CAA2C,CAC/C,CAAC,CACAC,OAAO,CAAC,UAAU,EAAED,CAAC,CAAC,8CAA8C,CAAC,CAAC;EACzEG,WAAW,EAAEC,UAAqB,CAChCJ,CAAC,CAAC,kDAAkD,CACtD,CAAC,CAACK,QAAQ,EAAE;AACZC,EAAAA,UAAU,EAAEb,GAAG,CACZI,MAAM,EAAE,CACRE,QAAQ,CAACC,CAAC,CAAC,qDAAqD,CAAC;AACtE,CAAC;AAEM,IAAMO,iBAAiB,GAAG;AAC1B,IAAMC,mBAAmB,GAAG;AAE5B,IAAMC,gCAAgC,GAAG,CAAC,YAAY,EAAE,WAAW,CAAC;AAEpE,IAAMC,sCAAsC,GACjDC,WAAW,CAACC,gCAAgC,GAAG,IAAI,GAAG,IAAI;AAErD,IAAMC,iBAAiB,GAAG;AAC/BC,EAAAA,YAAY,EAAEd,CAAC,CAAC,iDAAiD,CAAC;AAClEe,EAAAA,cAAc,EAAEf,CAAC,CAAC,yCAAyC,CAAC;AAC5DgB,EAAAA,mBAAmB,EAAEhB,CAAC,CAAC,6CAA6C,EAAE;IACpEiB,OAAO,EAAEN,WAAW,CAACC;GACtB;AACH,CAAC;;ACxCD,IAAMM,YAAY,GAAG,SAAfA,YAAYA,GAAS;AACzB,EAAA,IAAAC,SAAA,GAA0DC,QAAQ,CAAC,IAAI,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAjEI,IAAAA,qBAAqB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,wBAAwB,GAAAH,UAAA,CAAA,CAAA,CAAA;AAEtD,EAAA,IAAAI,kBAAA,GAAqDC,iBAAiB,EAAE;IAAAC,qBAAA,GAAAF,kBAAA,CAAhEG,IAAI;AAAAC,IAAAA,sBAAA,GAAAF,qBAAA,KAAA,MAAA,GAAuB,EAAE,GAAAA,qBAAA;IAAAG,sBAAA,GAAAD,sBAAA,CAArBE,SAAS;AAATA,IAAAA,SAAS,GAAAD,sBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,sBAAA;IAASE,SAAS,GAAAP,kBAAA,CAATO,SAAS;AAEhD,EAAA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAGC,OAAO,EAAA;IAAA,OAAK;AACtCC,MAAAA,KAAK,EAAED,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,MAAA,GAAA,MAAA,GAAPA,OAAO,CAAEE,IAAI;AACpBC,MAAAA,KAAK,EAAEH,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,MAAA,GAAA,MAAA,GAAPA,OAAO,CAAEI;KACjB;EAAA,CAAC;EAEF,IAAMC,sBAAsB,GAAGC,OAAO,CACpC,YAAA;AAAA,IAAA,OAAMT,SAAS,CAACU,GAAG,CAACR,mBAAmB,CAAC;EAAA,CAAA,EACxC,CAACF,SAAS,CACZ,CAAC;AAED,EAAA,IAAMW,mBAAmB,GAAGC,WAAW,CACrC,UAAAC,aAAa,EAAI;IACfpB,wBAAwB,CAACoB,aAAa,KAAA,IAAA,IAAbA,aAAa,cAAbA,aAAa,GAAI,IAAI,CAAC;AAE/C,IAAA,IAAMC,eAAe,GAAGC,QAAQ,CAACF,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,MAAA,GAAA,MAAA,GAAbA,aAAa,CAAEP,KAAK,EAAEN,SAAS,CAAC;IAEjE,OAAO;AAAEzB,MAAAA,UAAU,EAAEuC,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAA,MAAA,GAAA,MAAA,GAAfA,eAAe,CAAEvC;KAAY;AACpD,EAAA,CAAC,EACD,CAACyB,SAAS,CACZ,CAAC;EAED,OAAO;AACLQ,IAAAA,sBAAsB,EAAtBA,sBAAsB;AACtBhB,IAAAA,qBAAqB,EAArBA,qBAAqB;AACrBwB,IAAAA,uBAAuB,EAAEf,SAAS;AAClCU,IAAAA,mBAAmB,EAAnBA;GACD;AACH;;ACxBA,IAAQM,IAAI,GAAeC,QAAQ,CAA3BD,IAAI;EAAEE,QAAQ,GAAKD,QAAQ,CAArBC,QAAQ;AAEtB,IAAMC,YAAY,GAAG,SAAfA,YAAYA,GAAS;AAAA,EAAA,IAAAC,YAAA;AACzB,EAAA,IAAAC,eAAA,GAAcC,cAAc,EAAE;IAAtBtD,CAAC,GAAAqD,eAAA,CAADrD,CAAC;AACT,EAAA,IAAMuD,YAAY,GAAGC,MAAM,CAAC,IAAI,CAAC;AACjC,EAAA,IAAMC,UAAU,GAAGD,MAAM,CAAC,IAAI,CAAC;AAE/B,EAAA,IAAAE,SAAA,GAA4BC,QAAQ,CAAC,QAAQ,CAAC;IAAAC,UAAA,GAAAtC,cAAA,CAAAoC,SAAA,EAAA,CAAA,CAAA;AAAvCG,IAAAA,KAAK,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAACF,UAAA,CAAA,CAAA,CAAA;AAAEG,QAAAA,OAAO,GAAAH,UAAA,CAAA,CAAA;AACxB,EAAA,IAAAI,iBAAA,GAAmBC,gBAAgB,EAAE;IAA7BC,MAAM,GAAAF,iBAAA,CAANE,MAAM;AACd,EAAA,IAAQC,QAAQ,GAAKJ,OAAO,CAApBI,QAAQ;AAEhB,EAAA,IAAMC,aAAa,GAAG;AACpBhC,IAAAA,IAAI,EAAE,CAAC8B,MAAM,CAACtE,SAAS,EAAEsE,MAAM,CAAChE,QAAQ,CAAC,CAACmE,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;IACnEC,QAAQ,EAAA,CAAApB,YAAA,GAAES,KAAK,CAACxB,KAAK,MAAA,IAAA,IAAAe,YAAA,KAAA,MAAA,GAAA,MAAA,GAAXA,YAAA,CAAaoB;GACxB;AAEDC,EAAAA,SAAS,CACP,YAAA;AAAA,IAAA,OAAM,YAAM;MACV,IAAIhB,UAAU,CAACiB,OAAO,EAAEC,GAAG,CAACC,eAAe,CAACnB,UAAU,CAACiB,OAAO,CAAC;IACjE,CAAC;AAAA,EAAA,CAAA,EACD,EACF,CAAC;AAED,EAAA,IAAMG,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAGC,KAAK,EAAI;IACpC,IAAMC,SAAS,GAAGD,KAAK,CAACE,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC;AACvC,IAAA,IAAMC,eAAe,GAAGC,oBAAoB,CAACJ,SAAS,CAAC;AAEvD,IAAA,IAAIG,eAAe,EAAE;AACnBE,MAAAA,MAAM,CAACC,KAAK,CAACH,eAAe,CAAC;AAE7B,MAAA,OAAOA,eAAe;AACxB,IAAA;IAEA,IAAIzB,UAAU,CAACiB,OAAO,EAAEC,GAAG,CAACC,eAAe,CAACnB,UAAU,CAACiB,OAAO,CAAC;IAC/DjB,UAAU,CAACiB,OAAO,GAAGC,GAAG,CAACW,eAAe,CAACP,SAAS,CAAC;AAEnD,IAAA,OAAOZ,QAAQ,CAAC;MACdK,QAAQ,EAAEf,UAAU,CAACiB,OAAO;AAC5Ba,MAAAA,IAAI,EAAER;AACR,KAAC,CAAC;EACJ,CAAC;AAED,EAAA,IAAMS,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAA;AAAA,IAAA,IAAAC,qBAAA;AAAA,IAAA,OAAA,CAAAA,qBAAA,GAASlC,YAAY,CAACmB,OAAO,MAAA,IAAA,IAAAe,qBAAA,KAAA,MAAA,GAAA,MAAA,GAApBA,qBAAA,CAAsBC,KAAK,EAAE;AAAA,EAAA,CAAA;AAE7D,EAAA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAS;IAC9B,IAAIlC,UAAU,CAACiB,OAAO,EAAE;AACtBC,MAAAA,GAAG,CAACC,eAAe,CAACnB,UAAU,CAACiB,OAAO,CAAC;MACvCjB,UAAU,CAACiB,OAAO,GAAG,IAAI;AAC3B,IAAA;AACAP,IAAAA,QAAQ,CAAC;AAAEK,MAAAA,QAAQ,EAAE,EAAE;AAAEe,MAAAA,IAAI,EAAE;AAAW,KAAC,CAAC;EAC9C,CAAC;AAED,EAAA,IAAMJ,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAGJ,SAAS,EAAI;AACxC,IAAA,IAAQa,IAAI,GAAWb,SAAS,CAAxBa,IAAI;MAAEC,IAAI,GAAKd,SAAS,CAAlBc,IAAI;AAElB,IAAA,IAAI,CAACpF,gCAAgC,CAACqF,QAAQ,CAACF,IAAI,CAAC,EAAE;MACpD,OAAO/E,iBAAiB,CAACC,YAAY;AACvC,IAAA;AAEA,IAAA,IAAI+E,IAAI,KAAK,CAAC,EAAE,OAAOhF,iBAAiB,CAACE,cAAc;IAEvD,IAAI8E,IAAI,GAAGnF,sCAAsC,EAAE;MACjD,OAAOG,iBAAiB,CAACG,mBAAmB;AAC9C,IAAA;AAEA,IAAA,OAAO,IAAI;EACb,CAAC;AAED,EAAA,oBACE+E,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,uCAAuC;AAAAC,IAAAA,QAAA,gBACpDF,IAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,mBAAmB;AAAAC,MAAAA,QAAA,gBAChCC,GAAA,CAAA,KAAA,EAAA;AAAKF,QAAAA,SAAS,EAAC,8BAA8B;QAAAC,QAAA,eAC3CC,GAAA,CAACjD,QAAQ,EAAA;AACPkD,UAAAA,WAAW,EAAE;AAAEH,YAAAA,SAAS,EAAE;WAAiB;AAC3CI,UAAAA,UAAU,EAAC,OAAO;AAClBC,UAAAA,WAAW,EAAC,UAAU;AACtBC,UAAAA,IAAI,EAAEC,IAAK;UAAAN,QAAA,eAEXF,IAAA,CAAC/C,IAAI,EAAA;AAAAiD,YAAAA,QAAA,EAAA,cACHC,GAAA,CAAChD,QAAQ,CAACsD,MAAM,EAAA;AACd,cAAA,aAAA,EAAY,6BAA6B;AACzCC,cAAAA,OAAO,EAAEjB,iBAAkB;AAAAS,cAAAA,QAAA,EAE1B7B,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,MAAA,IAAbA,aAAa,CAAEI,QAAQ,GACpBxE,CAAC,CAAC,sDAAsD,CAAC,GACzDA,CAAC,CAAC,sDAAsD;AAAC,aAC9C,CAAC,eAClBkG,GAAA,CAAChD,QAAQ,CAACsD,MAAM,EAAA;AACd,cAAA,aAAA,EAAY,6BAA6B;AACzCC,cAAAA,OAAO,EAAEd,iBAAkB;cAAAM,QAAA,EAE1BjG,CAAC,CAAC,iCAAiC;AAAC,aACtB,CAAC;WACd;SACE;AAAC,OACR,CAAC,eACNkG,GAAA,CAACQ,MAAM,EAAA;AAACb,QAAAA,IAAI,EAAC,YAAY;AAACc,QAAAA,IAAI,EAAEvC;AAAc,OAAE,CAAC;KAC9C,CAAC,eACN2B,IAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,4BAA4B;MAAAC,QAAA,EAAA,cACzCC,GAAA,CAACU,UAAU,EAAA;AACTZ,QAAAA,SAAS,EAAC,oCAAoC;AAC9Ca,QAAAA,KAAK,EAAC,OAAO;QAAAZ,QAAA,eAEbC,GAAA,CAACY,KAAK,EAAA;AACJC,UAAAA,OAAO,EAAC,6DAA6D;AACrE7C,UAAAA,MAAM,EAAE;YACN8C,KAAK,EAAErG,WAAW,CAACC;AACrB;SACD;OACS,CAAC,eACbsF,GAAA,CAAA,OAAA,EAAA;QACEe,MAAM,EAAA,IAAA;AACNC,QAAAA,MAAM,EAAEzG,gCAAgC,CAAC8D,IAAI,CAAC,GAAG,CAAE;AACnD,QAAA,aAAA,EAAY,iCAAiC;AAC7CjC,QAAAA,EAAE,EAAC,oBAAoB;AAEvBF,QAAAA,IAAI,EAAC,oBAAoB;AACzB+E,QAAAA,GAAG,EAAE5D,YAAa;AAClBqC,QAAAA,IAAI,EAAC,MAAM;AACXwB,QAAAA,QAAQ,EAAEvC;AAAqB,OAAA,EAJ1BT,aAAa,KAAA,IAAA,IAAbA,aAAa,uBAAbA,aAAa,CAAEI,QAKrB,CAAC;AAAA,KACC,CAAC;AAAA,GACH,CAAC;AAEV;;;;"}

package/dist/TeamMembers.js

@@ -23,7 +23,7 @@ import { b as useFetchFilterOptions, c as useBulkUpdateMembers, d as useExportMe
 import { TABLE_KEYS, EVENTS } from './constants.js';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { buildFiltersFromURL } from '@bigbinary/neeto-filters-frontend/utils';
-import { d as defaultNeetoFiltersColumns, D as DEFAULT_FILTER_VALUES, b as buildFilterColumns, a as DEFAULT_IS_OPEN_VALUES, c as DEFAULT_SELECTED_ROWS, h as handlePageChange, g as getFilteredRoles, e as getColumnData, f as generateNoDataContent, r as renderPaginationProps, i as DEFAULT_RADIX, M as ManageMember, j as renderUpdateAlert } from './index-BpVod2uP.js';
+import { d as defaultNeetoFiltersColumns, D as DEFAULT_FILTER_VALUES, b as buildFilterColumns, a as DEFAULT_IS_OPEN_VALUES, c as DEFAULT_SELECTED_ROWS, h as handlePageChange, g as getFilteredRoles, e as getColumnData, f as generateNoDataContent, r as renderPaginationProps, i as DEFAULT_RADIX, M as ManageMember, j as renderUpdateAlert } from './index-DkYQBe1V.js';
 import { n } from './inject-css-C2dztUxs.js';
 import { noop, isNotEmpty, hyphenate, findBy } from '@bigbinary/neeto-cist';
 import Button from '@bigbinary/neetoui/Button';
@@ -56,7 +56,7 @@ import '@bigbinary/neetoui/formik/ActionBlock';
 import '@bigbinary/neetoui/formik/Form';
 import './index-BISwUwuE.js';
 import 'formik';
-import './ProfileImage-DbLwreG6.js';
+import './ProfileImage-g_BVBsn6.js';
 import './useCountriesApi-DK00167T.js';
 import '@bigbinary/neeto-icons/Edit';
 import '@bigbinary/neetoui/Avatar';

package/dist/cjs/ManageMember.js

@@ -21,10 +21,10 @@ require('@bigbinary/neetoui/formik/Form');
 require('ramda');
 require('react-i18next');
 require('../index-4wQ9Y7v9.js');
-require('../ProfileImage-BXsTglvo.js');
+require('../ProfileImage-DLWJaZ0H.js');
 require('../useRolesApi-DuL4eCuF.js');
 require('../useTeamsApi-ClWGPxNW.js');
-var ManageMember = require('../index-D_6vJd6A.js');
+var ManageMember = require('../index-CCrDkOrb.js');
 require('../RolesRadioGroup-Y0ye4oSa.js');
 require('react/jsx-runtime');
 require('@babel/runtime/helpers/toConsumableArray');

package/dist/cjs/Profile.js

@@ -26,7 +26,7 @@ var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var ramda = require('ramda');
 var constants = require('../constants-D_H6M1Pm.js');
 var useProfileApi = require('../useProfileApi-BcuLCyms.js');
-var ProfileImage = require('../ProfileImage-BXsTglvo.js');
+var ProfileImage = require('../ProfileImage-DLWJaZ0H.js');
 var jsxRuntime = require('react/jsx-runtime');
 var withImmutableActions = require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
 var zustand = require('zustand');

package/dist/cjs/TeamMembers.js

@@ -25,7 +25,7 @@ var useTeamsApi = require('../useTeamsApi-ClWGPxNW.js');
 var constants$1 = require('./constants.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var utils = require('@bigbinary/neeto-filters-frontend/utils');
-var ManageMember = require('../index-D_6vJd6A.js');
+var ManageMember = require('../index-CCrDkOrb.js');
 var injectCss = require('../inject-css-B6qYtOJe.js');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Button = require('@bigbinary/neetoui/Button');
@@ -58,7 +58,7 @@ require('@bigbinary/neetoui/formik/ActionBlock');
 require('@bigbinary/neetoui/formik/Form');
 require('../index-4wQ9Y7v9.js');
 require('formik');
-require('../ProfileImage-BXsTglvo.js');
+require('../ProfileImage-DLWJaZ0H.js');
 require('../useCountriesApi-CjhrbnjK.js');
 require('@bigbinary/neeto-icons/Edit');
 require('@bigbinary/neetoui/Avatar');

package/dist/cjs/index.js

@@ -7,7 +7,7 @@ var Profile = require('./Profile.js');
 var Roles = require('./Roles.js');
 var Permissions = require('../Permissions-B6RRMTKS.js');
 var TeamMembers = require('./TeamMembers.js');
-var ManageMember = require('../index-D_6vJd6A.js');
+var ManageMember = require('../index-CCrDkOrb.js');
 var RolesRadioGroup = require('../RolesRadioGroup-Y0ye4oSa.js');
 var TeamsAndMembersDropdown = require('./TeamsAndMembersDropdown.js');
 var TeamsDropdown = require('./TeamsDropdown.js');
@@ -77,7 +77,7 @@ require('@bigbinary/neetoui/Label');
 require('@bigbinary/neetoui/Toastr');
 require('../useProfileApi-BcuLCyms.js');
 require('../useCountriesApi-CjhrbnjK.js');
-require('../ProfileImage-BXsTglvo.js');
+require('../ProfileImage-DLWJaZ0H.js');
 require('@bigbinary/neeto-icons/Edit');
 require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
 require('zustand');

package/dist/cjs/v2/ManageMember.js

@@ -16,7 +16,7 @@ require('react-i18next');
 require('sonner');
 require('../../useRolesApi-DuL4eCuF.js');
 require('../../useTeamsApi-ClWGPxNW.js');
-var v2_ManageMember = require('../../index-CHvbZfMI.js');
+var v2_ManageMember = require('../../index-BUDkqcf9.js');
 require('../../RolesRadioGroup-cRZea-gs.js');
 require('../../ActionBlock-DjypCjju.js');
 require('../../Select-CshPoN2b.js');
@@ -24,7 +24,7 @@ require('@babel/runtime/helpers/objectWithoutProperties');
 require('formik');
 require('react/jsx-runtime');
 require('../../index-BOQKf6as.js');
-require('../../ProfileImage-DIc2wajv.js');
+require('../../ProfileImage-BVGvRQVx.js');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-commons-frontend/react-utils');

package/dist/cjs/v2/Profile.js

@@ -20,7 +20,7 @@ var ramda = require('ramda');
 var sonner = require('sonner');
 var constants = require('../../constants-D_H6M1Pm.js');
 var useProfileApi = require('../../useProfileApi-BcuLCyms.js');
-var ProfileImage = require('../../ProfileImage-DIc2wajv.js');
+var ProfileImage = require('../../ProfileImage-BVGvRQVx.js');
 var i18next = require('i18next');
 var initializers = require('@bigbinary/neeto-commons-frontend/v2/initializers');
 var yup = require('yup');

package/dist/cjs/v2/TeamMembers.js

@@ -25,7 +25,7 @@ var i18next = require('i18next');
 var jsxRuntime = require('react/jsx-runtime');
 var constants$2 = require('../../constants-il7hAfM-.js');
 var NeetoHeader = require('@bigbinary/neeto-molecules/v2/Header');
-var v2_ManageMember = require('../../index-CHvbZfMI.js');
+var v2_ManageMember = require('../../index-BUDkqcf9.js');
 var withReactQuery = require('../../withReactQuery-DvSkXhEx.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@tanstack/react-query');
@@ -55,7 +55,7 @@ require('../utils.js');
 require('../../_commonjsHelpers-BJu3ubxk.js');
 require('@bigbinary/neeto-time-zones');
 require('@bigbinary/neeto-molecules/v2/PhoneNumber');
-require('../../ProfileImage-DIc2wajv.js');
+require('../../ProfileImage-BVGvRQVx.js');
 require('../../inject-css-B6qYtOJe.js');
 require('../../useCountriesApi-CjhrbnjK.js');
 require('../../ActionBlock-DjypCjju.js');

package/dist/cjs/v2/index.js

@@ -10,7 +10,7 @@ var v2_Profile = require('./Profile.js');
 var v2_Roles = require('./Roles.js');
 var v2_Permissions = require('../../Permissions-BH2pNPMx.js');
 var v2_TeamMembers = require('./TeamMembers.js');
-var v2_ManageMember = require('../../index-CHvbZfMI.js');
+var v2_ManageMember = require('../../index-BUDkqcf9.js');
 var v2_RolesRadioGroup = require('../../RolesRadioGroup-cRZea-gs.js');
 var v2_TeamsAndMembersDropdown = require('./TeamsAndMembersDropdown.js');
 var v2_TeamsDropdown = require('./TeamsDropdown.js');
@@ -63,7 +63,7 @@ require('@bigbinary/neeto-molecules/v2/PhoneNumber');
 require('sonner');
 require('../../useProfileApi-BcuLCyms.js');
 require('../../useCountriesApi-CjhrbnjK.js');
-require('../../ProfileImage-DIc2wajv.js');
+require('../../ProfileImage-BVGvRQVx.js');
 require('../../inject-css-B6qYtOJe.js');
 require('@bigbinary/neeto-commons-frontend/v2/react-utils/withImmutableActions');
 require('zustand');

package/dist/{index-CHvbZfMI.js → index-BUDkqcf9.js}

@@ -32,7 +32,7 @@ var utils = require('./cjs/utils.js');
 var neetoTimeZones = require('@bigbinary/neeto-time-zones');
 var PhoneNumber = require('@bigbinary/neeto-molecules/v2/PhoneNumber');
 var constants$1 = require('./constants-D_H6M1Pm.js');
-var ProfileImage = require('./ProfileImage-DIc2wajv.js');
+var ProfileImage = require('./ProfileImage-BVGvRQVx.js');
 var ActionBlock = require('./ActionBlock-DjypCjju.js');
 var index = require('./index-BOQKf6as.js');
 var primitives = require('@bigbinary/neeto-atoms/primitives');
@@ -1277,4 +1277,4 @@ exports.getColumnData = getColumnData;
 exports.getFilteredRoles = getFilteredRoles;
 exports.handlePageChange = handlePageChange;
 exports.renderUpdateAlert = renderUpdateAlert;
-//# sourceMappingURL=index-CHvbZfMI.js.map
+//# sourceMappingURL=index-BUDkqcf9.js.map