@verii/components-organizations-registrar 1.0.0-pre.1756100765 → 1.0.0-pre.1756224043

package/dist/pages/organizations.cjs

@@ -4,32 +4,31 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const reactAdmin = require("react-admin");
 const PropTypes = require("prop-types");
-const string = require("lodash/string");
-const Loading = require("../chunks/Loading.DYBk0Ktb.js");
+const lodashEs = require("lodash-es");
+const Loading = require("../chunks/Loading.cGHE59CV.js");
 const Popup = require("../chunks/Popup.H_MqnNtr.js");
 const serviceTypes = require("../chunks/serviceTypes.D7c4G5GY.js");
 const remoteDataProvider = require("../chunks/remoteDataProvider.BCiFSYnk.js");
-const index = require("../chunks/index.DZOVpocw.js");
-const index$1 = require("../chunks/index.Dir1xwV4.js");
+const index = require("../chunks/index.CYCWawJT.js");
+const index$1 = require("../chunks/index.DND10PiY.js");
 const useIsIssuingInspection = require("../chunks/useIsIssuingInspection.DavhBs5B.js");
 const reactRouter = require("react-router");
 const material = require("@mui/material");
-const Grid = require("@mui/material/Grid2");
 const InfoIcon = require("@mui/icons-material/Info");
 const selectedOrganizationState = require("../chunks/selectedOrganizationState.BR4G8K3M.js");
-const CreateOrganization_utils = require("../chunks/CreateOrganization.utils.C5C_r3Zp.js");
-const index$2 = require("../chunks/index.DlFajFTS.js");
+const CreateOrganizationUtils = require("../chunks/CreateOrganizationUtils.C5C_r3Zp.js");
+const index$2 = require("../chunks/index.DIizFYFZ.js");
 const PlusButtonBlock = require("../chunks/PlusButtonBlock.DxCg5qLP.js");
 const index$3 = require("../chunks/index.iexmV4Mr.js");
 const countryCodes = require("../chunks/countryCodes.B2bnzZrX.js");
 const AuthContext = require("../chunks/AuthContext.DCNVg-VT.js");
-const LinkedInRegistrationInput = require("../chunks/LinkedInRegistrationInput.DKRMHYRh.js");
+const LinkedInRegistrationInput = require("../chunks/LinkedInRegistrationInput.gnYgP1Hf.js");
 const reactHookForm = require("react-hook-form");
 const raCore = require("ra-core");
 const ConfigContext = require("../chunks/ConfigContext.CqbiiiBD.js");
 const constants = require("../constants.cjs");
 const EditIcon = require("@mui/icons-material/Edit");
-const OrganizationAvatar = require("../chunks/OrganizationAvatar.BEwRZ9tC.js");
+const OrganizationAvatar = require("../chunks/OrganizationAvatar.BXW4diDT.js");
 const DataItem = require("../chunks/DataItem.fy6hQQ6O.js");
 const OrganizationAddService = ({
   isModalOpened,
@@ -51,7 +50,7 @@ const OrganizationAddService = ({
   const serviceId = React.useMemo(() => {
     if (selectedServiceType) {
       const type = selectedServiceType.id.match(/.+v1/);
-      return `${string.kebabCase(type[0])}-1`;
+      return `${lodashEs.kebabCase(type[0])}-1`;
     }
     return "";
   }, [selectedServiceType]);
@@ -377,7 +376,7 @@ const OrganizationCreate = ({
       ...organization,
       serviceEndpoints: serviceData ? [
         {
-          id: `${did}#${string.kebabCase(serviceData.type)}-1`,
+          id: `${did}#${lodashEs.kebabCase(serviceData.type)}-1`,
           serviceEndpoint: serviceData.serviceEndpoint,
           type: serviceData.type,
           credentialTypes: serviceTypes.credentialTypesByServiceTypes[serviceData.type]
@@ -392,9 +391,9 @@ const OrganizationCreate = ({
     MockOrganization && /* @__PURE__ */ jsxRuntime.jsx(MockOrganization, { setInitialRecord }),
     /* @__PURE__ */ jsxRuntime.jsx(OrganizationCreateTitle, {}),
     /* @__PURE__ */ jsxRuntime.jsx(reactAdmin.Form, { record: initialRecord, onSubmit: goToCreateServiceStep, noValidate: true, mode: "onTouched", children: /* @__PURE__ */ jsxRuntime.jsx(reactAdmin.FormDataConsumer, { children: ({ formData }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Grid, { container: true, spacing: 4, rowSpacing: 1, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { container: true, flex: 1, flexDirection: "column", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { flexDirection: "row", gap: 1.75, children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 4, rowSpacing: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { container: true, flex: 1, flexDirection: "column", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { flexDirection: "row", gap: 1.75, children: /* @__PURE__ */ jsxRuntime.jsx(
             reactAdmin.TextInput,
             {
               fullWidth: true,
@@ -403,19 +402,19 @@ const OrganizationCreate = ({
               validate: validateName
             }
           ) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               reactAdmin.TextInput,
               {
                 fullWidth: true,
                 label: "Website",
                 source: "profile.website",
-                validate: [...CreateOrganization_utils.validateWebsiteStrict, reactAdmin.required()]
+                validate: [...CreateOrganizationUtils.validateWebsiteStrict, reactAdmin.required()]
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(material.Box, { mt: 2, children: /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: index$3.WEBSITE_HINT, children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { color: "info", fontSize: "small", cursor: "pointer" }) }) })
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
             reactAdmin.TextInput,
             {
               fullWidth: true,
@@ -424,7 +423,7 @@ const OrganizationCreate = ({
               validate: [reactAdmin.required(), reactAdmin.maxLength(1024)]
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
             reactAdmin.AutocompleteInput,
             {
               label: "Country",
@@ -434,24 +433,24 @@ const OrganizationCreate = ({
             }
           ) })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, pb: 1, children: /* @__PURE__ */ jsxRuntime.jsx(index$2.CustomImageInput, { label: false, editMode: true, addTo: "profile" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, pb: 1, children: /* @__PURE__ */ jsxRuntime.jsx(index$2.CustomImageInput, { label: false, editMode: true, addTo: "profile" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
           reactAdmin.TextInput,
           {
             fullWidth: true,
             label: "LinkedIn Page",
             source: "profile.linkedInProfile",
-            validate: [...CreateOrganization_utils.validateWebsite, reactAdmin.required()]
+            validate: [...CreateOrganizationUtils.validateWebsite, reactAdmin.required()]
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
           LinkedInRegistrationInput.LinkedInRegistrationInput,
           {
             formData: formData.profile,
             source: "profile.registrationNumbers"
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             reactAdmin.TextInput,
             {
@@ -463,7 +462,7 @@ const OrganizationCreate = ({
           ),
           /* @__PURE__ */ jsxRuntime.jsx(material.Box, { mt: 2, children: /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: index$3.SUPPORT_EMAIL_HINT, children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { color: "info", fontSize: "small", cursor: "pointer" }) }) })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             reactAdmin.TextInput,
             {
@@ -482,7 +481,7 @@ const OrganizationCreate = ({
             orientation: "horizontal"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
           reactAdmin.TextInput,
           {
             fullWidth: true,
@@ -493,16 +492,16 @@ const OrganizationCreate = ({
             validate: reactAdmin.required()
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h5", children: "Key individuals" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h5", children: "Key individuals" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
           /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", my: 2, sx: sx$2.sectionTitle, children: "Administrator’s Details" }),
           /* @__PURE__ */ jsxRuntime.jsx(material.Box, { mt: 2, children: /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: index$3.ADMINISTRATOR_DETAILS_HINT, children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { color: "info", fontSize: "small", cursor: "pointer" }) }) })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
           /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", my: 2, sx: sx$2.sectionTitle, children: "Signatory Authority’s Details" }),
           /* @__PURE__ */ jsxRuntime.jsx(material.Box, { mt: 2, children: /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: index$3.SIGNATORY_DETAILS_HINT, children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { color: "info", fontSize: "small", cursor: "pointer" }) }) })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Grid, { size: { xs: 6 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { size: { xs: 6 }, children: [
           /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { flexDirection: "row", gap: 1.75, children: /* @__PURE__ */ jsxRuntime.jsx(
             reactAdmin.TextInput,
             {
@@ -524,7 +523,7 @@ const OrganizationCreate = ({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Grid, { size: { xs: 6 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { size: { xs: 6 }, children: [
           /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { flexDirection: "row", gap: 1.75, children: /* @__PURE__ */ jsxRuntime.jsx(
             reactAdmin.TextInput,
             {
@@ -544,7 +543,7 @@ const OrganizationCreate = ({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { flexDirection: "row", gap: 1.75, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { flexDirection: "row", gap: 1.75, children: /* @__PURE__ */ jsxRuntime.jsx(
           reactAdmin.TextInput,
           {
             fullWidth: true,
@@ -553,7 +552,7 @@ const OrganizationCreate = ({
             validate: [reactAdmin.maxLength(1024), reactAdmin.required()]
           }
         ) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { flexDirection: "row", gap: 1.75, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { flexDirection: "row", gap: 1.75, children: /* @__PURE__ */ jsxRuntime.jsx(
           reactAdmin.TextInput,
           {
             fullWidth: true,
@@ -562,7 +561,7 @@ const OrganizationCreate = ({
             validate: [reactAdmin.maxLength(1024), reactAdmin.required()]
           }
         ) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { flexDirection: "row", gap: 1.75, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { flexDirection: "row", gap: 1.75, children: /* @__PURE__ */ jsxRuntime.jsx(
           reactAdmin.TextInput,
           {
             fullWidth: true,
@@ -572,7 +571,7 @@ const OrganizationCreate = ({
             defaultValue: userData ? userData.email : ""
           }
         ) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             reactAdmin.TextInput,
             {
@@ -584,8 +583,8 @@ const OrganizationCreate = ({
           ),
           /* @__PURE__ */ jsxRuntime.jsx(material.Box, { mt: 2, children: /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: index$3.SIGNATORY_EMAIL_HINT, children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { color: "info", fontSize: "small", cursor: "pointer" }) }) })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", mb: 2, mt: 4, children: "Commercial Names" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", mb: 2, mt: 4, children: "Commercial Names" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
           reactAdmin.ArrayInput,
           {
             source: "profile.commercialEntities",
@@ -754,9 +753,9 @@ const OrganizationEdit = () => {
         sx: sx$1.formContainer,
         transform: (data) => transform(data),
         children: /* @__PURE__ */ jsxRuntime.jsx(reactAdmin.Form, { record: modifyRecord(record), mode: "onTouched", children: /* @__PURE__ */ jsxRuntime.jsx(reactAdmin.FormDataConsumer, { children: ({ formData }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Grid, { container: true, spacing: 5, rowSpacing: 1.25, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { container: true, flex: 1, flexDirection: "column", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 5, rowSpacing: 1.25, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { container: true, flex: 1, flexDirection: "column", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
                 reactAdmin.TextInput,
                 {
                   fullWidth: true,
@@ -766,20 +765,20 @@ const OrganizationEdit = () => {
                   readOnly: true
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   reactAdmin.TextInput,
                   {
                     fullWidth: true,
                     label: "Website",
                     source: "profile.website",
-                    validate: [...CreateOrganization_utils.validateWebsiteStrict, reactAdmin.required()],
+                    validate: [...CreateOrganizationUtils.validateWebsiteStrict, reactAdmin.required()],
                     disabled: true
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(material.Box, { mt: 2, children: /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: index$3.WEBSITE_HINT_SHORT, children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { color: "info", fontSize: "small", cursor: "pointer" }) }) })
               ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
                 reactAdmin.TextInput,
                 {
                   fullWidth: true,
@@ -788,7 +787,7 @@ const OrganizationEdit = () => {
                   validate: reactAdmin.required()
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
                 reactAdmin.AutocompleteInput,
                 {
                   fullWidth: true,
@@ -799,7 +798,7 @@ const OrganizationEdit = () => {
                 }
               ) })
             ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, p: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, p: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
               index$2.CustomImageInput,
               {
                 label: false,
@@ -809,23 +808,23 @@ const OrganizationEdit = () => {
                 addTo: "profile"
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { flexDirection: "row", gap: 1.75, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { flexDirection: "row", gap: 1.75, children: /* @__PURE__ */ jsxRuntime.jsx(
               reactAdmin.TextInput,
               {
                 fullWidth: true,
                 label: "LinkedIn Page",
                 source: "profile.linkedInProfile",
-                validate: [...CreateOrganization_utils.validateWebsite, reactAdmin.required()]
+                validate: [...CreateOrganizationUtils.validateWebsite, reactAdmin.required()]
               }
             ) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
               LinkedInRegistrationInput.LinkedInRegistrationInput,
               {
                 formData: { ...record, ...formData.profile },
                 source: "profile.registrationNumbers"
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 reactAdmin.TextInput,
                 {
@@ -837,7 +836,7 @@ const OrganizationEdit = () => {
               ),
               /* @__PURE__ */ jsxRuntime.jsx(material.Box, { mt: 2, children: /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: index$3.SUPPORT_EMAIL_HINT, children: /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, { color: "info", fontSize: "small", cursor: "pointer" }) }) })
             ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { flexDirection: "row", gap: 1.75, children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 reactAdmin.TextInput,
                 {
@@ -856,8 +855,8 @@ const OrganizationEdit = () => {
                 orientation: "horizontal"
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(reactAdmin.TextInput, { fullWidth: true, disabled: true, label: "DID", source: "id" }) }),
-            formData.didDoc?.alsoKnownAs && /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(reactAdmin.TextInput, { fullWidth: true, disabled: true, label: "DID", source: "id" }) }),
+            formData.didDoc?.alsoKnownAs && /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
               reactAdmin.TextInput,
               {
                 fullWidth: true,
@@ -869,7 +868,7 @@ const OrganizationEdit = () => {
                 format: (value) => Array.isArray(value) ? value.join("\n") : value
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
               reactAdmin.TextInput,
               {
                 fullWidth: true,
@@ -880,8 +879,8 @@ const OrganizationEdit = () => {
                 sx: sx$1.description
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", mb: 2, mt: 4, children: "Commercial Names" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", mb: 2, mt: 4, children: "Commercial Names" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
               reactAdmin.ArrayInput,
               {
                 source: "profile.commercialEntities",
@@ -932,7 +931,7 @@ const OrganizationEdit = () => {
               label: "Update profile"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { flexDirection: "row", mt: 2, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", sx: { color: "primary.main" }, children: errorMessage }) }) })
+          /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { flexDirection: "row", mt: 2, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "subtitle2", sx: { color: "primary.main" }, children: errorMessage }) }) })
         ] }) }) })
       }
     )
@@ -1034,16 +1033,16 @@ const OrganizationShow = () => {
       )
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(material.Paper, { elevation: 2, sx: { p: 6 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Grid, { container: true, spacing: 4, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Grid, { size: { xs: 4 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { size: { xs: 4 }, children: [
           /* @__PURE__ */ jsxRuntime.jsx(material.Box, { display: "flex", alignItems: "flex-start", mb: 5, children: /* @__PURE__ */ jsxRuntime.jsx(OrganizationAvatar.OrganizationAvatar, { name: record.profile.name, logo: record.profile.logo, size: 66 }) }),
           /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { component: "div", mb: 1.5, variant: "h4", sx: [sx.value, sx.header], children: record.profile.name }),
           /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { component: "div", mb: 1.5, variant: "pm", children: getCountryNameByCode(record.profile.location.countryCode) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Grid, { size: { xs: 8 }, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Grid, { sx: sx.dataRow, container: true, spacing: 4, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(DataItem.DataItem, { title: "Legal Name", value: record.profile.name, sxValue: sx.value }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { size: { xs: 8 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { sx: sx.dataRow, container: true, spacing: 4, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(DataItem.DataItem, { title: "Legal Name", value: record.profile.name, sxValue: sx.value }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
               DataItem.DataItem,
               {
                 title: "Website",
@@ -1052,7 +1051,7 @@ const OrganizationShow = () => {
                 hint: index$3.WEBSITE_HINT_SHORT
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
               DataItem.DataItem,
               {
                 title: "Address",
@@ -1060,7 +1059,7 @@ const OrganizationShow = () => {
                 sxValue: sx.value
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
               DataItem.DataItem,
               {
                 title: "Country",
@@ -1068,7 +1067,7 @@ const OrganizationShow = () => {
                 sxValue: sx.value
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
               DataItem.DataItem,
               {
                 title: "LinkedIn Page",
@@ -1076,7 +1075,7 @@ const OrganizationShow = () => {
                 sxValue: sx.value
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
               DataItemRegistrationNumbers,
               {
                 hint: index$3.LINKEDIN_ORGANIZATION_ID,
@@ -1086,7 +1085,7 @@ const OrganizationShow = () => {
                 fieldType: "LinkedIn"
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
               DataItem.DataItem,
               {
                 title: "Support Email",
@@ -1095,7 +1094,7 @@ const OrganizationShow = () => {
                 hint: index$3.SUPPORT_EMAIL_HINT
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
               DataItem.DataItem,
               {
                 title: "Technical Contact Email",
@@ -1104,7 +1103,7 @@ const OrganizationShow = () => {
                 hint: index$3.TECHNICAL_EMAIL_HINT
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
               DataItemRegistrationNumbers,
               {
                 hint: index$3.DUNS_HINT,
@@ -1114,7 +1113,7 @@ const OrganizationShow = () => {
                 fieldType: constants.Authorities.DunnAndBradstreet
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
               DataItemRegistrationNumbers,
               {
                 hint: index$3.LEI_HINT,
@@ -1124,7 +1123,7 @@ const OrganizationShow = () => {
                 fieldType: constants.Authorities.GLEIF
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
               DataItemRegistrationNumbers,
               {
                 hint: index$3.NATIONAL_AUTHORITY_HINT,
@@ -1134,7 +1133,7 @@ const OrganizationShow = () => {
                 fieldType: constants.Authorities.NationalAuthority
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx(
               DataItemRegistrationNumbers,
               {
                 hint: "",
@@ -1145,8 +1144,8 @@ const OrganizationShow = () => {
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, sx: sx.dataRow, children: /* @__PURE__ */ jsxRuntime.jsx(DataItem.DataItem, { title: "DID", value: record.id, hint: index$3.DID_HINT, sxValue: sx.value }) }),
-          record.didDoc?.alsoKnownAs && /* @__PURE__ */ jsxRuntime.jsx(Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, sx: sx.dataRow, children: /* @__PURE__ */ jsxRuntime.jsx(DataItem.DataItem, { title: "DID", value: record.id, hint: index$3.DID_HINT, sxValue: sx.value }) }),
+          record.didDoc?.alsoKnownAs && /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { size: { xs: 12 }, children: /* @__PURE__ */ jsxRuntime.jsx(
             DataItem.DataItem,
             {
               title: "Also known as",
@@ -1165,8 +1164,8 @@ const OrganizationShow = () => {
       !!record.profile?.commercialEntities?.length && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { component: "div", mt: 4, textTransform: "uppercase", variant: "pm", children: "Commercial Names" }),
         /* @__PURE__ */ jsxRuntime.jsx(material.Divider, { sx: { mt: 2, mb: 5 } }),
-        /* @__PURE__ */ jsxRuntime.jsx(Grid, { container: true, spacing: 4, children: record.profile.commercialEntities.map((commercial) => /* @__PURE__ */ jsxRuntime.jsxs(
-          Grid,
+        /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { container: true, spacing: 4, children: record.profile.commercialEntities.map((commercial) => /* @__PURE__ */ jsxRuntime.jsxs(
+          material.Grid,
           {
             item: true,
             size: { xs: 4 },