@trii/components 2.0.51 → 2.0.52

package/dist/cjs/index.js

@@ -15467,7 +15467,8 @@ const resources = {
     en: { translation: en },
     es: { translation: es },
 };
-i18n.use(reactI18next.initReactI18next).init({
+const i18nInstance = i18n.createInstance();
+i18nInstance.use(reactI18next.initReactI18next).init({
     resources,
     lng: 'en',
     fallbackLng: 'en',
@@ -15506,7 +15507,7 @@ const PopupContainer = material.styled(material.Box)(({ theme }) => ({
         background: '#616161',
     },
 }));
-const ContactInfoPopup = ({ open, anchorEl, onClose, contactData, avatarImgUrl, navigate, language = 'en', }) => {
+const ContactInfoPopupContent = ({ open, anchorEl, onClose, contactData, avatarImgUrl, navigate, language = 'en', }) => {
     const { t: i18nT, i18n } = reactI18next.useTranslation();
     React$1.useEffect(() => {
         if (language) {
@@ -15566,6 +15567,9 @@ const ContactInfoPopup = ({ open, anchorEl, onClose, contactData, avatarImgUrl,
     }, [open, onClose]);
     return (jsxRuntimeExports.jsx(material.Popper, { sx: { zIndex: 1300 }, open: open, anchorEl: anchorEl, placement: "bottom-start", "data-popper-child": "true", children: jsxRuntimeExports.jsx(material.ClickAwayListener, { onClickAway: onClose, children: jsxRuntimeExports.jsx(PopupContainer, { children: jsxRuntimeExports.jsxs(material.CardContent, { children: [jsxRuntimeExports.jsx(Header$1, { navigate: navigate, contactId: contactData?.id, imgUrl: avatarImgUrl, name: contactData?.name, onClose: onClose, isBusiness: dataIsBusiness }), jsxRuntimeExports.jsx(LabelsSection, { contactData: contactData, title: t('labels') }), dataIsContact && jsxRuntimeExports.jsx(BusinessSection, { contactData: contactData, title: t('business') }), dataIsBusiness && (jsxRuntimeExports.jsx(MembersSection, { contactData: contactData, title: t('businessMembers'), navigate: navigate })), contactMethods.map((method, index) => (jsxRuntimeExports.jsx(ContactMethod$1, { icon: method.icon, title: method.title, contactList: method.contactList, showTitle: method.showTitle }, index))), jsxRuntimeExports.jsx(Properties, { properties: contactData?.properties, title: t('properties') })] }) }) }) }));
 };
+const ContactInfoPopup = (props) => {
+    return (jsxRuntimeExports.jsx(reactI18next.I18nextProvider, { i18n: i18nInstance, children: jsxRuntimeExports.jsx(ContactInfoPopupContent, { ...props }) }));
+};
 
 var Close = {};
 
@@ -58314,7 +58318,7 @@ const BusinessSelectEditor = ({ baseUrl, spaceId, contactId, initialBusiness, on
                         } })] })] }));
 };
 
-const EditContactModal = ({ open, onClose, baseUrl, spaceId, contactId, sx, language = 'en', navigate, }) => {
+const EditContactModalContent = ({ open, onClose, baseUrl, spaceId, contactId, sx, language = 'en', navigate, }) => {
     const { t: i18nT, i18n } = reactI18next.useTranslation();
     const modalContentRef = React$1.useRef(null);
     React$1.useEffect(() => {
@@ -58408,8 +58412,11 @@ const EditContactModal = ({ open, onClose, baseUrl, spaceId, contactId, sx, lang
                                                                 }
                                                                 : null, onBack: () => setView('main'), onEntityUpdated: handleEntityUpdated, currentUser: selectors.userTrii }) }) })] }) }) })) : null] }) }) }) }) }) }));
 };
+const EditContactModal = (props) => {
+    return (jsxRuntimeExports.jsx(reactI18next.I18nextProvider, { i18n: i18nInstance, children: jsxRuntimeExports.jsx(EditContactModalContent, { ...props }) }));
+};
 
-exports.i18n = i18n;
 exports.ContactInfoPopup = ContactInfoPopup;
 exports.EditContactModal = EditContactModal;
+exports.i18n = i18nInstance;
 //# sourceMappingURL=index.js.map