@intlayer/design-system 3.3.5 → 3.4.7

package/dist/.vite/manifest.json

@@ -75,6 +75,14 @@
     "file": "jsx-runtime-XHKiWCTo.cjs",
     "name": "jsx-runtime"
   },
+  "_shallow-lhDIFtEp.cjs": {
+    "file": "shallow-lhDIFtEp.cjs",
+    "name": "shallow"
+  },
+  "_shallow-m9BpCkKh.js": {
+    "file": "shallow-m9BpCkKh.js",
+    "name": "shallow"
+  },
   "_zod-BV4nCGJE.js": {
     "file": "zod-BV4nCGJE.js",
     "name": "zod"
@@ -567,6 +575,7 @@
     "isEntry": true,
     "imports": [
       "_jsx-runtime-XHKiWCTo.cjs",
+      "_shallow-lhDIFtEp.cjs",
       "_index-BtZWYJhL.cjs",
       "src/components/DictionaryEditor/useEditedContentStore.ts",
       "src/components/DictionaryEditor/useEditionPanelStore.ts",
@@ -657,6 +666,7 @@
     "isEntry": true,
     "imports": [
       "_jsx-runtime-XHKiWCTo.cjs",
+      "_shallow-lhDIFtEp.cjs",
       "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.ts",
       "src/hooks/intlayerAPIHooks.ts",
@@ -713,6 +723,7 @@
     "isEntry": true,
     "imports": [
       "_jsx-runtime-XHKiWCTo.cjs",
+      "_shallow-lhDIFtEp.cjs",
       "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.ts",
       "src/libs/intlayer-api/index.ts",
@@ -816,6 +827,7 @@
     "isEntry": true,
     "imports": [
       "_jsx-runtime-XHKiWCTo.cjs",
+      "_shallow-lhDIFtEp.cjs",
       "src/components/Button/Button.tsx",
       "src/components/Container/index.tsx",
       "src/components/DictionaryEditor/useEditedContentStore.ts",
@@ -845,6 +857,7 @@
     "isEntry": true,
     "imports": [
       "_jsx-runtime-XHKiWCTo.cjs",
+      "_shallow-lhDIFtEp.cjs",
       "src/components/EditableField/EditableFieldInput.tsx",
       "src/components/EditableField/EditableFieldTextArea.tsx",
       "src/utils/camelCase.ts",
@@ -874,6 +887,7 @@
     "isEntry": true,
     "imports": [
       "_jsx-runtime-XHKiWCTo.cjs",
+      "_shallow-lhDIFtEp.cjs",
       "src/utils/dictionary.ts",
       "src/utils/object.ts",
       "src/components/Button/Button.tsx",
@@ -916,6 +930,7 @@
     "isEntry": true,
     "imports": [
       "_jsx-runtime-XHKiWCTo.cjs",
+      "_shallow-lhDIFtEp.cjs",
       "src/components/ContentEditor/ContentEditorTextArea.tsx",
       "src/components/DictionaryEditor/useEditedContentStore.ts",
       "src/components/DictionaryEditor/useEditionPanelStore.ts",
@@ -950,6 +965,7 @@
     "isEntry": true,
     "imports": [
       "_jsx-runtime-XHKiWCTo.cjs",
+      "_shallow-lhDIFtEp.cjs",
       "src/utils/camelCase.ts",
       "src/utils/dictionary.ts",
       "src/components/Accordion/Accordion.tsx",
@@ -983,6 +999,7 @@
     "isEntry": true,
     "imports": [
       "_jsx-runtime-XHKiWCTo.cjs",
+      "_shallow-lhDIFtEp.cjs",
       "src/components/Container/index.tsx",
       "src/components/DictionaryEditor/useEditedContentStore.ts",
       "src/components/DictionaryEditor/useEditionPanelStore.ts",
@@ -1010,6 +1027,7 @@
     "isEntry": true,
     "imports": [
       "_jsx-runtime-XHKiWCTo.cjs",
+      "_shallow-lhDIFtEp.cjs",
       "src/utils/dictionary.ts",
       "src/components/DictionaryEditor/useEditedContentStore.ts",
       "src/components/DictionaryEditor/useEditionPanelStore.ts",
@@ -1036,6 +1054,7 @@
     "isEntry": true,
     "imports": [
       "_jsx-runtime-XHKiWCTo.cjs",
+      "_shallow-lhDIFtEp.cjs",
       "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.ts",
       "src/hooks/intlayerAPIHooks.ts",
@@ -1496,6 +1515,7 @@
     "isEntry": true,
     "imports": [
       "_jsx-runtime-XHKiWCTo.cjs",
+      "src/hooks/useIsMounted.ts",
       "src/utils/cn.ts",
       "src/components/Loader/index.tsx"
     ]
@@ -2007,6 +2027,7 @@
     "isEntry": true,
     "imports": [
       "_jsx-runtime-XHKiWCTo.cjs",
+      "_shallow-lhDIFtEp.cjs",
       "src/hooks/useDevice.ts",
       "src/hooks/useScrollBlockage/index.tsx",
       "src/utils/isElementAtTopAndNotCovered.tsx",
@@ -2364,6 +2385,7 @@
     "src": "src/hooks/useAsync/useAsync.ts",
     "isEntry": true,
     "imports": [
+      "_shallow-lhDIFtEp.cjs",
       "src/hooks/useAsync/useAsyncStateStore.ts"
     ]
   },
@@ -2437,6 +2459,7 @@
     "src": "src/hooks/useScrollBlockage/index.tsx",
     "isEntry": true,
     "imports": [
+      "_shallow-lhDIFtEp.cjs",
       "src/hooks/useGetElementOrWindow.ts",
       "src/hooks/useScrollBlockage/useScrollBlockageStore.ts"
     ]

package/dist/components/Auth/AuthModal/index.cjs

@@ -33,7 +33,7 @@ const AuthModal = ({
     email,
     password
   }).then(async (response) => {
-    if (response.data) {
+    if (response?.data) {
       await onSignInSuccess?.(response.data);
     }
   });
@@ -41,12 +41,12 @@ const AuthModal = ({
     email,
     password
   }).then(async (response) => {
-    if (response.data) {
+    if (response?.data) {
       await onSignUpSuccess?.(response.data);
     }
   });
   const onSubmitResetPasswordSuccess = async ({ email }) => await askResetPassword(email).then(async (response) => {
-    if (response.data) {
+    if (response?.data) {
       await onResetPasswordSuccess?.(response.data);
     }
   });
@@ -57,7 +57,7 @@ const AuthModal = ({
     oldPassword: currentPassword,
     newPassword
   }).then(async (response) => {
-    if (response.data) {
+    if (response?.data) {
       await onChangePasswordSuccess?.(response.data);
     }
   });

package/dist/components/Auth/AuthModal/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/Auth/AuthModal/index.tsx"],"sourcesContent":["'use client';\n\nimport type { UserAPI } from '@intlayer/backend';\nimport { useState, type FC } from 'react';\nimport {\n  useAskResetPassword,\n  useChangePassword,\n  useLogin,\n  useRegister,\n} from '../../../hooks';\nimport { Modal } from '../../Modal/Modal';\nimport { type ChangePassword, ChangePasswordForm } from '../ChangePasswordForm';\nimport { type ResetPassword, ResetPasswordForm } from '../ResetPasswordForm';\nimport { type SignIn, SignInForm } from '../SignInForm';\nimport { type SignUp, SignUpForm } from '../SignUpForm';\n\nenum AuthState {\n  SignIn,\n  SignUp,\n  ResetPassword,\n  ChangePassword,\n}\n\ntype AuthModalProps = {\n  onClose: () => void;\n  isOpen: boolean;\n  state?: AuthState.SignIn;\n  onSignInSuccess?: (data: UserAPI) => Promise<void>;\n  onSignUpSuccess?: (data: UserAPI) => Promise<void>;\n  onResetPasswordSuccess?: (data: UserAPI) => Promise<void>;\n  onChangePasswordSuccess?: (data: UserAPI) => Promise<void>;\n};\n\nexport const AuthModal: FC<AuthModalProps> = ({\n  onClose,\n  isOpen,\n  state: initialState = AuthState.SignIn,\n  onSignInSuccess,\n  onSignUpSuccess,\n  onResetPasswordSuccess,\n  onChangePasswordSuccess,\n}) => {\n  const [state, setState] = useState<AuthState>(initialState);\n  const { login } = useLogin();\n  const { register } = useRegister();\n  const { askResetPassword } = useAskResetPassword();\n  const { changePassword } = useChangePassword();\n\n  const onSubmitSignInSuccess = async ({ email, password }: SignIn) =>\n    await login({\n      email,\n      password,\n    }).then(async (response) => {\n      if (response.data) {\n        await onSignInSuccess?.(response.data);\n      }\n    });\n\n  const onSubmitSignUpSuccess = async ({ email, password }: SignUp) =>\n    await register({\n      email,\n      password,\n    }).then(async (response) => {\n      if (response.data) {\n        await onSignUpSuccess?.(response.data);\n      }\n    });\n\n  const onSubmitResetPasswordSuccess = async ({ email }: ResetPassword) =>\n    await askResetPassword(email).then(async (response) => {\n      if (response.data) {\n        await onResetPasswordSuccess?.(response.data);\n      }\n    });\n\n  const onSubmitChangePasswordSuccess = async ({\n    currentPassword,\n    newPassword,\n  }: ChangePassword) =>\n    await changePassword({\n      oldPassword: currentPassword,\n      newPassword,\n    }).then(async (response) => {\n      if (response.data) {\n        await onChangePasswordSuccess?.(response.data);\n      }\n    });\n\n  return (\n    <Modal onClose={onClose} isOpen={isOpen}>\n      {state === AuthState.SignIn && (\n        <SignInForm\n          onSubmitSuccess={onSubmitSignInSuccess}\n          onClickForgotPassword={() => setState(AuthState.ResetPassword)}\n          onClickSignUp={() => setState(AuthState.SignUp)}\n        />\n      )}\n      {state === AuthState.SignUp && (\n        <SignUpForm\n          onSubmitSuccess={onSubmitSignUpSuccess}\n          onClickBackToSignIn={() => setState(AuthState.SignIn)}\n        />\n      )}\n      {state === AuthState.ResetPassword && (\n        <ResetPasswordForm\n          onSubmitSuccess={onSubmitResetPasswordSuccess}\n          onClickBackToLogin={() => setState(AuthState.SignIn)}\n        />\n      )}\n      {state === AuthState.ChangePassword && (\n        <ChangePasswordForm\n          onSubmitSuccess={onSubmitChangePasswordSuccess}\n          onClickBackToHome={() => setState(AuthState.SignIn)}\n        />\n      )}\n    </Modal>\n  );\n};\n"],"names":["useState","useLogin","useRegister","useAskResetPassword","useChangePassword","jsxs","Modal","jsx","SignInForm","SignUpForm","ResetPasswordForm","ChangePasswordForm"],"mappings":";;;;;;;;;;;;;;;;;AAiCO,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,OAAO,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAIA,oBAAoB,YAAY;AACpD,QAAA,EAAE,UAAUC,uBAAAA;AACZ,QAAA,EAAE,aAAaC,uBAAAA;AACf,QAAA,EAAE,qBAAqBC,uBAAAA;AACvB,QAAA,EAAE,mBAAmBC,uBAAAA;AAE3B,QAAM,wBAAwB,OAAO,EAAE,OAAO,SAAS,MACrD,MAAM,MAAM;AAAA,IACV;AAAA,IACA;AAAA,EAAA,CACD,EAAE,KAAK,OAAO,aAAa;AAC1B,QAAI,SAAS,MAAM;AACX,YAAA,kBAAkB,SAAS,IAAI;AAAA,IACvC;AAAA,EAAA,CACD;AAEH,QAAM,wBAAwB,OAAO,EAAE,OAAO,SAAS,MACrD,MAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,EAAA,CACD,EAAE,KAAK,OAAO,aAAa;AAC1B,QAAI,SAAS,MAAM;AACX,YAAA,kBAAkB,SAAS,IAAI;AAAA,IACvC;AAAA,EAAA,CACD;AAEG,QAAA,+BAA+B,OAAO,EAAE,YAC5C,MAAM,iBAAiB,KAAK,EAAE,KAAK,OAAO,aAAa;AACrD,QAAI,SAAS,MAAM;AACX,YAAA,yBAAyB,SAAS,IAAI;AAAA,IAC9C;AAAA,EAAA,CACD;AAEH,QAAM,gCAAgC,OAAO;AAAA,IAC3C;AAAA,IACA;AAAA,EACF,MACE,MAAM,eAAe;AAAA,IACnB,aAAa;AAAA,IACb;AAAA,EAAA,CACD,EAAE,KAAK,OAAO,aAAa;AAC1B,QAAI,SAAS,MAAM;AACX,YAAA,0BAA0B,SAAS,IAAI;AAAA,IAC/C;AAAA,EAAA,CACD;AAGD,SAAAC,2BAAA,kBAAA,KAACC,uBAAM,OAAA,EAAA,SAAkB,QACtB,UAAA;AAAA,IAAA,UAAU,KACTC,2BAAA,kBAAA;AAAA,MAACC,sCAAA;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,uBAAuB,MAAM;AAAA,UAAS;AAAA;AAAA,QAAuB;AAAA,QAC7D,eAAe,MAAM;AAAA,UAAS;AAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IAChD;AAAA,IAED,UAAU,KACTD,2BAAA,kBAAA;AAAA,MAACE,sCAAA;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,qBAAqB,MAAM;AAAA,UAAS;AAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IACtD;AAAA,IAED,UAAU,KACTF,2BAAA,kBAAA;AAAA,MAACG,oDAAA;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,oBAAoB,MAAM;AAAA,UAAS;AAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IACrD;AAAA,IAED,UAAU,KACTH,2BAAA,kBAAA;AAAA,MAACI,sDAAA;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,mBAAmB,MAAM;AAAA,UAAS;AAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IACpD;AAAA,EAEJ,EAAA,CAAA;AAEJ;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Auth/AuthModal/index.tsx"],"sourcesContent":["'use client';\n\nimport type { UserAPI } from '@intlayer/backend';\nimport { useState, type FC } from 'react';\nimport {\n  useAskResetPassword,\n  useChangePassword,\n  useLogin,\n  useRegister,\n} from '../../../hooks';\nimport { Modal } from '../../Modal/Modal';\nimport { type ChangePassword, ChangePasswordForm } from '../ChangePasswordForm';\nimport { type ResetPassword, ResetPasswordForm } from '../ResetPasswordForm';\nimport { type SignIn, SignInForm } from '../SignInForm';\nimport { type SignUp, SignUpForm } from '../SignUpForm';\n\nenum AuthState {\n  SignIn,\n  SignUp,\n  ResetPassword,\n  ChangePassword,\n}\n\ntype AuthModalProps = {\n  onClose: () => void;\n  isOpen: boolean;\n  state?: AuthState.SignIn;\n  onSignInSuccess?: (data: UserAPI) => Promise<void>;\n  onSignUpSuccess?: (data: UserAPI) => Promise<void>;\n  onResetPasswordSuccess?: (data: UserAPI) => Promise<void>;\n  onChangePasswordSuccess?: (data: UserAPI) => Promise<void>;\n};\n\nexport const AuthModal: FC<AuthModalProps> = ({\n  onClose,\n  isOpen,\n  state: initialState = AuthState.SignIn,\n  onSignInSuccess,\n  onSignUpSuccess,\n  onResetPasswordSuccess,\n  onChangePasswordSuccess,\n}) => {\n  const [state, setState] = useState<AuthState>(initialState);\n  const { login } = useLogin();\n  const { register } = useRegister();\n  const { askResetPassword } = useAskResetPassword();\n  const { changePassword } = useChangePassword();\n\n  const onSubmitSignInSuccess = async ({ email, password }: SignIn) =>\n    await login({\n      email,\n      password,\n    }).then(async (response) => {\n      if (response?.data) {\n        await onSignInSuccess?.(response.data);\n      }\n    });\n\n  const onSubmitSignUpSuccess = async ({ email, password }: SignUp) =>\n    await register({\n      email,\n      password,\n    }).then(async (response) => {\n      if (response?.data) {\n        await onSignUpSuccess?.(response.data);\n      }\n    });\n\n  const onSubmitResetPasswordSuccess = async ({ email }: ResetPassword) =>\n    await askResetPassword(email).then(async (response) => {\n      if (response?.data) {\n        await onResetPasswordSuccess?.(response.data);\n      }\n    });\n\n  const onSubmitChangePasswordSuccess = async ({\n    currentPassword,\n    newPassword,\n  }: ChangePassword) =>\n    await changePassword({\n      oldPassword: currentPassword,\n      newPassword,\n    }).then(async (response) => {\n      if (response?.data) {\n        await onChangePasswordSuccess?.(response.data);\n      }\n    });\n\n  return (\n    <Modal onClose={onClose} isOpen={isOpen}>\n      {state === AuthState.SignIn && (\n        <SignInForm\n          onSubmitSuccess={onSubmitSignInSuccess}\n          onClickForgotPassword={() => setState(AuthState.ResetPassword)}\n          onClickSignUp={() => setState(AuthState.SignUp)}\n        />\n      )}\n      {state === AuthState.SignUp && (\n        <SignUpForm\n          onSubmitSuccess={onSubmitSignUpSuccess}\n          onClickBackToSignIn={() => setState(AuthState.SignIn)}\n        />\n      )}\n      {state === AuthState.ResetPassword && (\n        <ResetPasswordForm\n          onSubmitSuccess={onSubmitResetPasswordSuccess}\n          onClickBackToLogin={() => setState(AuthState.SignIn)}\n        />\n      )}\n      {state === AuthState.ChangePassword && (\n        <ChangePasswordForm\n          onSubmitSuccess={onSubmitChangePasswordSuccess}\n          onClickBackToHome={() => setState(AuthState.SignIn)}\n        />\n      )}\n    </Modal>\n  );\n};\n"],"names":["useState","useLogin","useRegister","useAskResetPassword","useChangePassword","jsxs","Modal","jsx","SignInForm","SignUpForm","ResetPasswordForm","ChangePasswordForm"],"mappings":";;;;;;;;;;;;;;;;;AAiCO,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,OAAO,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAIA,oBAAoB,YAAY;AACpD,QAAA,EAAE,UAAUC,uBAAAA;AACZ,QAAA,EAAE,aAAaC,uBAAAA;AACf,QAAA,EAAE,qBAAqBC,uBAAAA;AACvB,QAAA,EAAE,mBAAmBC,uBAAAA;AAE3B,QAAM,wBAAwB,OAAO,EAAE,OAAO,SAAS,MACrD,MAAM,MAAM;AAAA,IACV;AAAA,IACA;AAAA,EAAA,CACD,EAAE,KAAK,OAAO,aAAa;AAC1B,QAAI,UAAU,MAAM;AACZ,YAAA,kBAAkB,SAAS,IAAI;AAAA,IACvC;AAAA,EAAA,CACD;AAEH,QAAM,wBAAwB,OAAO,EAAE,OAAO,SAAS,MACrD,MAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,EAAA,CACD,EAAE,KAAK,OAAO,aAAa;AAC1B,QAAI,UAAU,MAAM;AACZ,YAAA,kBAAkB,SAAS,IAAI;AAAA,IACvC;AAAA,EAAA,CACD;AAEG,QAAA,+BAA+B,OAAO,EAAE,YAC5C,MAAM,iBAAiB,KAAK,EAAE,KAAK,OAAO,aAAa;AACrD,QAAI,UAAU,MAAM;AACZ,YAAA,yBAAyB,SAAS,IAAI;AAAA,IAC9C;AAAA,EAAA,CACD;AAEH,QAAM,gCAAgC,OAAO;AAAA,IAC3C;AAAA,IACA;AAAA,EACF,MACE,MAAM,eAAe;AAAA,IACnB,aAAa;AAAA,IACb;AAAA,EAAA,CACD,EAAE,KAAK,OAAO,aAAa;AAC1B,QAAI,UAAU,MAAM;AACZ,YAAA,0BAA0B,SAAS,IAAI;AAAA,IAC/C;AAAA,EAAA,CACD;AAGD,SAAAC,2BAAA,kBAAA,KAACC,uBAAM,OAAA,EAAA,SAAkB,QACtB,UAAA;AAAA,IAAA,UAAU,KACTC,2BAAA,kBAAA;AAAA,MAACC,sCAAA;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,uBAAuB,MAAM;AAAA,UAAS;AAAA;AAAA,QAAuB;AAAA,QAC7D,eAAe,MAAM;AAAA,UAAS;AAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IAChD;AAAA,IAED,UAAU,KACTD,2BAAA,kBAAA;AAAA,MAACE,sCAAA;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,qBAAqB,MAAM;AAAA,UAAS;AAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IACtD;AAAA,IAED,UAAU,KACTF,2BAAA,kBAAA;AAAA,MAACG,oDAAA;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,oBAAoB,MAAM;AAAA,UAAS;AAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IACrD;AAAA,IAED,UAAU,KACTH,2BAAA,kBAAA;AAAA,MAACI,sDAAA;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,mBAAmB,MAAM;AAAA,UAAS;AAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IACpD;AAAA,EAEJ,EAAA,CAAA;AAEJ;;"}

package/dist/components/Auth/AuthModal/index.mjs

@@ -31,7 +31,7 @@ const AuthModal = ({
     email,
     password
   }).then(async (response) => {
-    if (response.data) {
+    if (response?.data) {
       await onSignInSuccess?.(response.data);
     }
   });
@@ -39,12 +39,12 @@ const AuthModal = ({
     email,
     password
   }).then(async (response) => {
-    if (response.data) {
+    if (response?.data) {
       await onSignUpSuccess?.(response.data);
     }
   });
   const onSubmitResetPasswordSuccess = async ({ email }) => await askResetPassword(email).then(async (response) => {
-    if (response.data) {
+    if (response?.data) {
       await onResetPasswordSuccess?.(response.data);
     }
   });
@@ -55,7 +55,7 @@ const AuthModal = ({
     oldPassword: currentPassword,
     newPassword
   }).then(async (response) => {
-    if (response.data) {
+    if (response?.data) {
       await onChangePasswordSuccess?.(response.data);
     }
   });

package/dist/components/Auth/AuthModal/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../src/components/Auth/AuthModal/index.tsx"],"sourcesContent":["'use client';\n\nimport type { UserAPI } from '@intlayer/backend';\nimport { useState, type FC } from 'react';\nimport {\n  useAskResetPassword,\n  useChangePassword,\n  useLogin,\n  useRegister,\n} from '../../../hooks';\nimport { Modal } from '../../Modal/Modal';\nimport { type ChangePassword, ChangePasswordForm } from '../ChangePasswordForm';\nimport { type ResetPassword, ResetPasswordForm } from '../ResetPasswordForm';\nimport { type SignIn, SignInForm } from '../SignInForm';\nimport { type SignUp, SignUpForm } from '../SignUpForm';\n\nenum AuthState {\n  SignIn,\n  SignUp,\n  ResetPassword,\n  ChangePassword,\n}\n\ntype AuthModalProps = {\n  onClose: () => void;\n  isOpen: boolean;\n  state?: AuthState.SignIn;\n  onSignInSuccess?: (data: UserAPI) => Promise<void>;\n  onSignUpSuccess?: (data: UserAPI) => Promise<void>;\n  onResetPasswordSuccess?: (data: UserAPI) => Promise<void>;\n  onChangePasswordSuccess?: (data: UserAPI) => Promise<void>;\n};\n\nexport const AuthModal: FC<AuthModalProps> = ({\n  onClose,\n  isOpen,\n  state: initialState = AuthState.SignIn,\n  onSignInSuccess,\n  onSignUpSuccess,\n  onResetPasswordSuccess,\n  onChangePasswordSuccess,\n}) => {\n  const [state, setState] = useState<AuthState>(initialState);\n  const { login } = useLogin();\n  const { register } = useRegister();\n  const { askResetPassword } = useAskResetPassword();\n  const { changePassword } = useChangePassword();\n\n  const onSubmitSignInSuccess = async ({ email, password }: SignIn) =>\n    await login({\n      email,\n      password,\n    }).then(async (response) => {\n      if (response.data) {\n        await onSignInSuccess?.(response.data);\n      }\n    });\n\n  const onSubmitSignUpSuccess = async ({ email, password }: SignUp) =>\n    await register({\n      email,\n      password,\n    }).then(async (response) => {\n      if (response.data) {\n        await onSignUpSuccess?.(response.data);\n      }\n    });\n\n  const onSubmitResetPasswordSuccess = async ({ email }: ResetPassword) =>\n    await askResetPassword(email).then(async (response) => {\n      if (response.data) {\n        await onResetPasswordSuccess?.(response.data);\n      }\n    });\n\n  const onSubmitChangePasswordSuccess = async ({\n    currentPassword,\n    newPassword,\n  }: ChangePassword) =>\n    await changePassword({\n      oldPassword: currentPassword,\n      newPassword,\n    }).then(async (response) => {\n      if (response.data) {\n        await onChangePasswordSuccess?.(response.data);\n      }\n    });\n\n  return (\n    <Modal onClose={onClose} isOpen={isOpen}>\n      {state === AuthState.SignIn && (\n        <SignInForm\n          onSubmitSuccess={onSubmitSignInSuccess}\n          onClickForgotPassword={() => setState(AuthState.ResetPassword)}\n          onClickSignUp={() => setState(AuthState.SignUp)}\n        />\n      )}\n      {state === AuthState.SignUp && (\n        <SignUpForm\n          onSubmitSuccess={onSubmitSignUpSuccess}\n          onClickBackToSignIn={() => setState(AuthState.SignIn)}\n        />\n      )}\n      {state === AuthState.ResetPassword && (\n        <ResetPasswordForm\n          onSubmitSuccess={onSubmitResetPasswordSuccess}\n          onClickBackToLogin={() => setState(AuthState.SignIn)}\n        />\n      )}\n      {state === AuthState.ChangePassword && (\n        <ChangePasswordForm\n          onSubmitSuccess={onSubmitChangePasswordSuccess}\n          onClickBackToHome={() => setState(AuthState.SignIn)}\n        />\n      )}\n    </Modal>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;AAiCO,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,OAAO,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAoB,YAAY;AACpD,QAAA,EAAE,UAAU;AACZ,QAAA,EAAE,aAAa;AACf,QAAA,EAAE,qBAAqB;AACvB,QAAA,EAAE,mBAAmB;AAE3B,QAAM,wBAAwB,OAAO,EAAE,OAAO,SAAS,MACrD,MAAM,MAAM;AAAA,IACV;AAAA,IACA;AAAA,EAAA,CACD,EAAE,KAAK,OAAO,aAAa;AAC1B,QAAI,SAAS,MAAM;AACX,YAAA,kBAAkB,SAAS,IAAI;AAAA,IACvC;AAAA,EAAA,CACD;AAEH,QAAM,wBAAwB,OAAO,EAAE,OAAO,SAAS,MACrD,MAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,EAAA,CACD,EAAE,KAAK,OAAO,aAAa;AAC1B,QAAI,SAAS,MAAM;AACX,YAAA,kBAAkB,SAAS,IAAI;AAAA,IACvC;AAAA,EAAA,CACD;AAEG,QAAA,+BAA+B,OAAO,EAAE,YAC5C,MAAM,iBAAiB,KAAK,EAAE,KAAK,OAAO,aAAa;AACrD,QAAI,SAAS,MAAM;AACX,YAAA,yBAAyB,SAAS,IAAI;AAAA,IAC9C;AAAA,EAAA,CACD;AAEH,QAAM,gCAAgC,OAAO;AAAA,IAC3C;AAAA,IACA;AAAA,EACF,MACE,MAAM,eAAe;AAAA,IACnB,aAAa;AAAA,IACb;AAAA,EAAA,CACD,EAAE,KAAK,OAAO,aAAa;AAC1B,QAAI,SAAS,MAAM;AACX,YAAA,0BAA0B,SAAS,IAAI;AAAA,IAC/C;AAAA,EAAA,CACD;AAGD,SAAAA,kCAAA,KAAC,OAAM,EAAA,SAAkB,QACtB,UAAA;AAAA,IAAA,UAAU,KACTC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,uBAAuB,MAAM;AAAA,UAAS;AAAA;AAAA,QAAuB;AAAA,QAC7D,eAAe,MAAM;AAAA,UAAS;AAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IAChD;AAAA,IAED,UAAU,KACTA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,qBAAqB,MAAM;AAAA,UAAS;AAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IACtD;AAAA,IAED,UAAU,KACTA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,oBAAoB,MAAM;AAAA,UAAS;AAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IACrD;AAAA,IAED,UAAU,KACTA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,mBAAmB,MAAM;AAAA,UAAS;AAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IACpD;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.mjs","sources":["../../../../src/components/Auth/AuthModal/index.tsx"],"sourcesContent":["'use client';\n\nimport type { UserAPI } from '@intlayer/backend';\nimport { useState, type FC } from 'react';\nimport {\n  useAskResetPassword,\n  useChangePassword,\n  useLogin,\n  useRegister,\n} from '../../../hooks';\nimport { Modal } from '../../Modal/Modal';\nimport { type ChangePassword, ChangePasswordForm } from '../ChangePasswordForm';\nimport { type ResetPassword, ResetPasswordForm } from '../ResetPasswordForm';\nimport { type SignIn, SignInForm } from '../SignInForm';\nimport { type SignUp, SignUpForm } from '../SignUpForm';\n\nenum AuthState {\n  SignIn,\n  SignUp,\n  ResetPassword,\n  ChangePassword,\n}\n\ntype AuthModalProps = {\n  onClose: () => void;\n  isOpen: boolean;\n  state?: AuthState.SignIn;\n  onSignInSuccess?: (data: UserAPI) => Promise<void>;\n  onSignUpSuccess?: (data: UserAPI) => Promise<void>;\n  onResetPasswordSuccess?: (data: UserAPI) => Promise<void>;\n  onChangePasswordSuccess?: (data: UserAPI) => Promise<void>;\n};\n\nexport const AuthModal: FC<AuthModalProps> = ({\n  onClose,\n  isOpen,\n  state: initialState = AuthState.SignIn,\n  onSignInSuccess,\n  onSignUpSuccess,\n  onResetPasswordSuccess,\n  onChangePasswordSuccess,\n}) => {\n  const [state, setState] = useState<AuthState>(initialState);\n  const { login } = useLogin();\n  const { register } = useRegister();\n  const { askResetPassword } = useAskResetPassword();\n  const { changePassword } = useChangePassword();\n\n  const onSubmitSignInSuccess = async ({ email, password }: SignIn) =>\n    await login({\n      email,\n      password,\n    }).then(async (response) => {\n      if (response?.data) {\n        await onSignInSuccess?.(response.data);\n      }\n    });\n\n  const onSubmitSignUpSuccess = async ({ email, password }: SignUp) =>\n    await register({\n      email,\n      password,\n    }).then(async (response) => {\n      if (response?.data) {\n        await onSignUpSuccess?.(response.data);\n      }\n    });\n\n  const onSubmitResetPasswordSuccess = async ({ email }: ResetPassword) =>\n    await askResetPassword(email).then(async (response) => {\n      if (response?.data) {\n        await onResetPasswordSuccess?.(response.data);\n      }\n    });\n\n  const onSubmitChangePasswordSuccess = async ({\n    currentPassword,\n    newPassword,\n  }: ChangePassword) =>\n    await changePassword({\n      oldPassword: currentPassword,\n      newPassword,\n    }).then(async (response) => {\n      if (response?.data) {\n        await onChangePasswordSuccess?.(response.data);\n      }\n    });\n\n  return (\n    <Modal onClose={onClose} isOpen={isOpen}>\n      {state === AuthState.SignIn && (\n        <SignInForm\n          onSubmitSuccess={onSubmitSignInSuccess}\n          onClickForgotPassword={() => setState(AuthState.ResetPassword)}\n          onClickSignUp={() => setState(AuthState.SignUp)}\n        />\n      )}\n      {state === AuthState.SignUp && (\n        <SignUpForm\n          onSubmitSuccess={onSubmitSignUpSuccess}\n          onClickBackToSignIn={() => setState(AuthState.SignIn)}\n        />\n      )}\n      {state === AuthState.ResetPassword && (\n        <ResetPasswordForm\n          onSubmitSuccess={onSubmitResetPasswordSuccess}\n          onClickBackToLogin={() => setState(AuthState.SignIn)}\n        />\n      )}\n      {state === AuthState.ChangePassword && (\n        <ChangePasswordForm\n          onSubmitSuccess={onSubmitChangePasswordSuccess}\n          onClickBackToHome={() => setState(AuthState.SignIn)}\n        />\n      )}\n    </Modal>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;AAiCO,MAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,OAAO,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAoB,YAAY;AACpD,QAAA,EAAE,UAAU;AACZ,QAAA,EAAE,aAAa;AACf,QAAA,EAAE,qBAAqB;AACvB,QAAA,EAAE,mBAAmB;AAE3B,QAAM,wBAAwB,OAAO,EAAE,OAAO,SAAS,MACrD,MAAM,MAAM;AAAA,IACV;AAAA,IACA;AAAA,EAAA,CACD,EAAE,KAAK,OAAO,aAAa;AAC1B,QAAI,UAAU,MAAM;AACZ,YAAA,kBAAkB,SAAS,IAAI;AAAA,IACvC;AAAA,EAAA,CACD;AAEH,QAAM,wBAAwB,OAAO,EAAE,OAAO,SAAS,MACrD,MAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,EAAA,CACD,EAAE,KAAK,OAAO,aAAa;AAC1B,QAAI,UAAU,MAAM;AACZ,YAAA,kBAAkB,SAAS,IAAI;AAAA,IACvC;AAAA,EAAA,CACD;AAEG,QAAA,+BAA+B,OAAO,EAAE,YAC5C,MAAM,iBAAiB,KAAK,EAAE,KAAK,OAAO,aAAa;AACrD,QAAI,UAAU,MAAM;AACZ,YAAA,yBAAyB,SAAS,IAAI;AAAA,IAC9C;AAAA,EAAA,CACD;AAEH,QAAM,gCAAgC,OAAO;AAAA,IAC3C;AAAA,IACA;AAAA,EACF,MACE,MAAM,eAAe;AAAA,IACnB,aAAa;AAAA,IACb;AAAA,EAAA,CACD,EAAE,KAAK,OAAO,aAAa;AAC1B,QAAI,UAAU,MAAM;AACZ,YAAA,0BAA0B,SAAS,IAAI;AAAA,IAC/C;AAAA,EAAA,CACD;AAGD,SAAAA,kCAAA,KAAC,OAAM,EAAA,SAAkB,QACtB,UAAA;AAAA,IAAA,UAAU,KACTC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,uBAAuB,MAAM;AAAA,UAAS;AAAA;AAAA,QAAuB;AAAA,QAC7D,eAAe,MAAM;AAAA,UAAS;AAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IAChD;AAAA,IAED,UAAU,KACTA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,qBAAqB,MAAM;AAAA,UAAS;AAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IACtD;AAAA,IAED,UAAU,KACTA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,oBAAoB,MAAM;AAAA,UAAS;AAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IACrD;AAAA,IAED,UAAU,KACTA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,iBAAiB;AAAA,QACjB,mBAAmB,MAAM;AAAA,UAAS;AAAA;AAAA,QAAgB;AAAA,MAAA;AAAA,IACpD;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/components/Avatar/index.cjs

@@ -49,7 +49,7 @@ const Avatar = ({
         displayInitials && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
           "div",
           {
-            className: "flex size-full items-center justify-center gap-[0.1rem] text-sm font-bold",
+            className: "flex size-full items-center justify-center gap-[0.1rem] text-sm font-bold max-md:py-1",
             "aria-label": "Initials of user's name",
             children: capitals?.map((capital) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { children: capital }, capital))
           }

package/dist/components/Avatar/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Avatar/index.tsx"],"sourcesContent":["import { User } from 'lucide-react';\nimport type { ComponentProps, FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst getCapitals = (name: string): string[] =>\n  name\n    .split(' ') // split by space\n    .map((word) => word[0]) // get first letter of each word\n    .filter(Boolean) // remove empty strings\n    .map((char) => char.toUpperCase()); // convert to uppercase\n\nexport type AvatarProps = ComponentProps<'button'> & {\n  src?: string;\n  fullname?: string;\n  isLoading?: boolean;\n  isLoggedIn?: boolean;\n};\n\nexport const Avatar: FC<AvatarProps> = ({\n  fullname,\n  className,\n  isLoading,\n  isLoggedIn,\n  src,\n  onClick,\n  ...props\n}) => {\n  const isImageDefined = Boolean(src);\n  const isNameDefined = Boolean((fullname ?? '').length > 0);\n  const capitals = fullname ? getCapitals(fullname) : undefined;\n\n  const displayLoader = isLoading;\n  const displayAvatar =\n    isLoggedIn && !displayLoader && !displayLoader && isImageDefined;\n  const displayInitials =\n    isLoggedIn && !displayLoader && !displayAvatar && isNameDefined;\n  const displayUserIcon =\n    isLoggedIn && !displayLoader && !displayAvatar && !displayInitials;\n\n  const isClickable = onClick !== undefined;\n\n  // eslint-disable-next-line sonarjs/no-unstable-nested-components\n  const Container = (props: HTMLAttributes<HTMLElement>) =>\n    isClickable ? <button {...props} /> : <div {...props} />;\n\n  return (\n    <Container\n      className={cn(\n        `border-text dark:border-text-dark size-9 rounded-full border-[1.5px] p-[1.5px]`,\n        isClickable && `cursor-pointer`,\n        className\n      )}\n      onClick={onClick}\n      {...props}\n    >\n      <div className=\"relative flex size-full flex-row items-center justify-center\">\n        <div className=\"bg-text text-text-dark dark:bg-text-dark dark:text-text absolute left-0 top-0 flex size-full flex-col items-center justify-center rounded-full\">\n          {displayLoader && <Loader className=\"w-3/4\" />}\n          {displayAvatar && (\n            <img\n              className=\"size-full rounded-full\"\n              src={src}\n              srcSet={src}\n              alt={`avatar of ${fullname}`}\n              width={59}\n              height={59}\n            />\n          )}\n          {displayInitials && (\n            <div\n              className=\"flex size-full items-center justify-center gap-[0.1rem] text-sm font-bold\"\n              aria-label=\"Initials of user's name\"\n            >\n              {capitals?.map((capital) => <span key={capital}>{capital}</span>)}\n            </div>\n          )}\n          {displayUserIcon && <User size={25} />}\n        </div>\n      </div>\n    </Container>\n  );\n};\n"],"names":["props","jsx","cn","jsxs","Loader","User"],"mappings":";;;;;;AAKA,MAAM,cAAc,CAAC,SACnB,KACG,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,EACrB,OAAO,OAAO,EACd,IAAI,CAAC,SAAS,KAAK,YAAA,CAAa;AAS9B,MAAM,SAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,iBAAiB,QAAQ,GAAG;AAClC,QAAM,gBAAgB,SAAS,YAAY,IAAI,SAAS,CAAC;AACzD,QAAM,WAAW,WAAW,YAAY,QAAQ,IAAI;AAEpD,QAAM,gBAAgB;AACtB,QAAM,gBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB;AACpD,QAAM,kBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB;AACpD,QAAM,kBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC;AAErD,QAAM,cAAc,YAAY;AAGhC,QAAM,YAAY,CAACA,WACjB,cAAeC,2BAAAA,kBAAAA,IAAA,UAAA,EAAQ,GAAGD,OAAO,CAAA,IAAKC,2BAAAA,kBAAAA,IAAC,OAAK,EAAA,GAAGD,OAAO,CAAA;AAGtD,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,SAAA;AAAA,QACT;AAAA,QACA,eAAe;AAAA,QACf;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ,2DAAC,OAAI,EAAA,WAAU,gEACb,UAACC,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,kJACZ,UAAA;AAAA,QAAiB,iBAAAF,2BAAAA,kBAAAA,IAACG,wBAAAA,QAAO,EAAA,WAAU,QAAQ,CAAA;AAAA,QAC3C,iBACCH,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA,QAAQ;AAAA,YACR,KAAK,aAAa,QAAQ;AAAA,YAC1B,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,QAED,mBACCA,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAW;AAAA,YAEV,UAAA,UAAU,IAAI,CAAC,6DAAa,QAAoB,EAAA,UAAA,QAAA,GAAV,OAAkB,CAAO;AAAA,UAAA;AAAA,QAClE;AAAA,QAED,mBAAmBA,2BAAAA,kBAAAA,IAACI,YAAAA,MAAK,EAAA,MAAM,GAAI,CAAA;AAAA,MAAA,EAAA,CACtC,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Avatar/index.tsx"],"sourcesContent":["import { User } from 'lucide-react';\nimport type { ComponentProps, FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst getCapitals = (name: string): string[] =>\n  name\n    .split(' ') // split by space\n    .map((word) => word[0]) // get first letter of each word\n    .filter(Boolean) // remove empty strings\n    .map((char) => char.toUpperCase()); // convert to uppercase\n\nexport type AvatarProps = ComponentProps<'button'> & {\n  src?: string;\n  fullname?: string;\n  isLoading?: boolean;\n  isLoggedIn?: boolean;\n};\n\nexport const Avatar: FC<AvatarProps> = ({\n  fullname,\n  className,\n  isLoading,\n  isLoggedIn,\n  src,\n  onClick,\n  ...props\n}) => {\n  const isImageDefined = Boolean(src);\n  const isNameDefined = Boolean((fullname ?? '').length > 0);\n  const capitals = fullname ? getCapitals(fullname) : undefined;\n\n  const displayLoader = isLoading;\n  const displayAvatar =\n    isLoggedIn && !displayLoader && !displayLoader && isImageDefined;\n  const displayInitials =\n    isLoggedIn && !displayLoader && !displayAvatar && isNameDefined;\n  const displayUserIcon =\n    isLoggedIn && !displayLoader && !displayAvatar && !displayInitials;\n\n  const isClickable = onClick !== undefined;\n\n  const Container = (props: HTMLAttributes<HTMLElement>) =>\n    isClickable ? <button {...props} /> : <div {...props} />;\n\n  return (\n    <Container\n      className={cn(\n        `border-text dark:border-text-dark size-9 rounded-full border-[1.5px] p-[1.5px]`,\n        isClickable && `cursor-pointer`,\n        className\n      )}\n      onClick={onClick}\n      {...props}\n    >\n      <div className=\"relative flex size-full flex-row items-center justify-center\">\n        <div className=\"bg-text text-text-dark dark:bg-text-dark dark:text-text absolute left-0 top-0 flex size-full flex-col items-center justify-center rounded-full\">\n          {displayLoader && <Loader className=\"w-3/4\" />}\n          {displayAvatar && (\n            <img\n              className=\"size-full rounded-full\"\n              src={src}\n              srcSet={src}\n              alt={`avatar of ${fullname}`}\n              width={59}\n              height={59}\n            />\n          )}\n          {displayInitials && (\n            <div\n              className=\"flex size-full items-center justify-center gap-[0.1rem] text-sm font-bold max-md:py-1\"\n              aria-label=\"Initials of user's name\"\n            >\n              {capitals?.map((capital) => <span key={capital}>{capital}</span>)}\n            </div>\n          )}\n          {displayUserIcon && <User size={25} />}\n        </div>\n      </div>\n    </Container>\n  );\n};\n"],"names":["props","jsx","cn","jsxs","Loader","User"],"mappings":";;;;;;AAKA,MAAM,cAAc,CAAC,SACnB,KACG,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,EACrB,OAAO,OAAO,EACd,IAAI,CAAC,SAAS,KAAK,YAAA,CAAa;AAS9B,MAAM,SAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,iBAAiB,QAAQ,GAAG;AAClC,QAAM,gBAAgB,SAAS,YAAY,IAAI,SAAS,CAAC;AACzD,QAAM,WAAW,WAAW,YAAY,QAAQ,IAAI;AAEpD,QAAM,gBAAgB;AACtB,QAAM,gBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB;AACpD,QAAM,kBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB;AACpD,QAAM,kBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC;AAErD,QAAM,cAAc,YAAY;AAEhC,QAAM,YAAY,CAACA,WACjB,cAAeC,2BAAAA,kBAAAA,IAAA,UAAA,EAAQ,GAAGD,OAAO,CAAA,IAAKC,2BAAAA,kBAAAA,IAAC,OAAK,EAAA,GAAGD,OAAO,CAAA;AAGtD,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,SAAA;AAAA,QACT;AAAA,QACA,eAAe;AAAA,QACf;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ,2DAAC,OAAI,EAAA,WAAU,gEACb,UAACC,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,kJACZ,UAAA;AAAA,QAAiB,iBAAAF,2BAAAA,kBAAAA,IAACG,wBAAAA,QAAO,EAAA,WAAU,QAAQ,CAAA;AAAA,QAC3C,iBACCH,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA,QAAQ;AAAA,YACR,KAAK,aAAa,QAAQ;AAAA,YAC1B,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,QAED,mBACCA,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAW;AAAA,YAEV,UAAA,UAAU,IAAI,CAAC,6DAAa,QAAoB,EAAA,UAAA,QAAA,GAAV,OAAkB,CAAO;AAAA,UAAA;AAAA,QAClE;AAAA,QAED,mBAAmBA,2BAAAA,kBAAAA,IAACI,YAAAA,MAAK,EAAA,MAAM,GAAI,CAAA;AAAA,MAAA,EAAA,CACtC,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/components/Avatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAC;AAWhE,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACnD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA+DlC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAC;AAWhE,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACnD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA8DlC,CAAC"}

package/dist/components/Avatar/index.mjs

@@ -47,7 +47,7 @@ const Avatar = ({
         displayInitials && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: "flex size-full items-center justify-center gap-[0.1rem] text-sm font-bold",
+            className: "flex size-full items-center justify-center gap-[0.1rem] text-sm font-bold max-md:py-1",
             "aria-label": "Initials of user's name",
             children: capitals?.map((capital) => /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: capital }, capital))
           }

package/dist/components/Avatar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/Avatar/index.tsx"],"sourcesContent":["import { User } from 'lucide-react';\nimport type { ComponentProps, FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst getCapitals = (name: string): string[] =>\n  name\n    .split(' ') // split by space\n    .map((word) => word[0]) // get first letter of each word\n    .filter(Boolean) // remove empty strings\n    .map((char) => char.toUpperCase()); // convert to uppercase\n\nexport type AvatarProps = ComponentProps<'button'> & {\n  src?: string;\n  fullname?: string;\n  isLoading?: boolean;\n  isLoggedIn?: boolean;\n};\n\nexport const Avatar: FC<AvatarProps> = ({\n  fullname,\n  className,\n  isLoading,\n  isLoggedIn,\n  src,\n  onClick,\n  ...props\n}) => {\n  const isImageDefined = Boolean(src);\n  const isNameDefined = Boolean((fullname ?? '').length > 0);\n  const capitals = fullname ? getCapitals(fullname) : undefined;\n\n  const displayLoader = isLoading;\n  const displayAvatar =\n    isLoggedIn && !displayLoader && !displayLoader && isImageDefined;\n  const displayInitials =\n    isLoggedIn && !displayLoader && !displayAvatar && isNameDefined;\n  const displayUserIcon =\n    isLoggedIn && !displayLoader && !displayAvatar && !displayInitials;\n\n  const isClickable = onClick !== undefined;\n\n  // eslint-disable-next-line sonarjs/no-unstable-nested-components\n  const Container = (props: HTMLAttributes<HTMLElement>) =>\n    isClickable ? <button {...props} /> : <div {...props} />;\n\n  return (\n    <Container\n      className={cn(\n        `border-text dark:border-text-dark size-9 rounded-full border-[1.5px] p-[1.5px]`,\n        isClickable && `cursor-pointer`,\n        className\n      )}\n      onClick={onClick}\n      {...props}\n    >\n      <div className=\"relative flex size-full flex-row items-center justify-center\">\n        <div className=\"bg-text text-text-dark dark:bg-text-dark dark:text-text absolute left-0 top-0 flex size-full flex-col items-center justify-center rounded-full\">\n          {displayLoader && <Loader className=\"w-3/4\" />}\n          {displayAvatar && (\n            <img\n              className=\"size-full rounded-full\"\n              src={src}\n              srcSet={src}\n              alt={`avatar of ${fullname}`}\n              width={59}\n              height={59}\n            />\n          )}\n          {displayInitials && (\n            <div\n              className=\"flex size-full items-center justify-center gap-[0.1rem] text-sm font-bold\"\n              aria-label=\"Initials of user's name\"\n            >\n              {capitals?.map((capital) => <span key={capital}>{capital}</span>)}\n            </div>\n          )}\n          {displayUserIcon && <User size={25} />}\n        </div>\n      </div>\n    </Container>\n  );\n};\n"],"names":["props","jsx","jsxs"],"mappings":";;;;AAKA,MAAM,cAAc,CAAC,SACnB,KACG,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,EACrB,OAAO,OAAO,EACd,IAAI,CAAC,SAAS,KAAK,YAAA,CAAa;AAS9B,MAAM,SAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,iBAAiB,QAAQ,GAAG;AAClC,QAAM,gBAAgB,SAAS,YAAY,IAAI,SAAS,CAAC;AACzD,QAAM,WAAW,WAAW,YAAY,QAAQ,IAAI;AAEpD,QAAM,gBAAgB;AACtB,QAAM,gBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB;AACpD,QAAM,kBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB;AACpD,QAAM,kBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC;AAErD,QAAM,cAAc,YAAY;AAGhC,QAAM,YAAY,CAACA,WACjB,cAAeC,kCAAAA,IAAA,UAAA,EAAQ,GAAGD,OAAO,CAAA,IAAKC,kCAAAA,IAAC,OAAK,EAAA,GAAGD,OAAO,CAAA;AAGtD,SAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,eAAe;AAAA,QACf;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ,gDAAC,OAAI,EAAA,WAAU,gEACb,UAACC,kCAAAA,KAAA,OAAA,EAAI,WAAU,kJACZ,UAAA;AAAA,QAAiB,iBAAAD,kCAAAA,IAAC,QAAO,EAAA,WAAU,QAAQ,CAAA;AAAA,QAC3C,iBACCA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA,QAAQ;AAAA,YACR,KAAK,aAAa,QAAQ;AAAA,YAC1B,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,QAED,mBACCA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAW;AAAA,YAEV,UAAA,UAAU,IAAI,CAAC,kDAAa,QAAoB,EAAA,UAAA,QAAA,GAAV,OAAkB,CAAO;AAAA,UAAA;AAAA,QAClE;AAAA,QAED,mBAAmBA,kCAAAA,IAAC,MAAK,EAAA,MAAM,GAAI,CAAA;AAAA,MAAA,EAAA,CACtC,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/components/Avatar/index.tsx"],"sourcesContent":["import { User } from 'lucide-react';\nimport type { ComponentProps, FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Loader } from '../Loader';\n\nconst getCapitals = (name: string): string[] =>\n  name\n    .split(' ') // split by space\n    .map((word) => word[0]) // get first letter of each word\n    .filter(Boolean) // remove empty strings\n    .map((char) => char.toUpperCase()); // convert to uppercase\n\nexport type AvatarProps = ComponentProps<'button'> & {\n  src?: string;\n  fullname?: string;\n  isLoading?: boolean;\n  isLoggedIn?: boolean;\n};\n\nexport const Avatar: FC<AvatarProps> = ({\n  fullname,\n  className,\n  isLoading,\n  isLoggedIn,\n  src,\n  onClick,\n  ...props\n}) => {\n  const isImageDefined = Boolean(src);\n  const isNameDefined = Boolean((fullname ?? '').length > 0);\n  const capitals = fullname ? getCapitals(fullname) : undefined;\n\n  const displayLoader = isLoading;\n  const displayAvatar =\n    isLoggedIn && !displayLoader && !displayLoader && isImageDefined;\n  const displayInitials =\n    isLoggedIn && !displayLoader && !displayAvatar && isNameDefined;\n  const displayUserIcon =\n    isLoggedIn && !displayLoader && !displayAvatar && !displayInitials;\n\n  const isClickable = onClick !== undefined;\n\n  const Container = (props: HTMLAttributes<HTMLElement>) =>\n    isClickable ? <button {...props} /> : <div {...props} />;\n\n  return (\n    <Container\n      className={cn(\n        `border-text dark:border-text-dark size-9 rounded-full border-[1.5px] p-[1.5px]`,\n        isClickable && `cursor-pointer`,\n        className\n      )}\n      onClick={onClick}\n      {...props}\n    >\n      <div className=\"relative flex size-full flex-row items-center justify-center\">\n        <div className=\"bg-text text-text-dark dark:bg-text-dark dark:text-text absolute left-0 top-0 flex size-full flex-col items-center justify-center rounded-full\">\n          {displayLoader && <Loader className=\"w-3/4\" />}\n          {displayAvatar && (\n            <img\n              className=\"size-full rounded-full\"\n              src={src}\n              srcSet={src}\n              alt={`avatar of ${fullname}`}\n              width={59}\n              height={59}\n            />\n          )}\n          {displayInitials && (\n            <div\n              className=\"flex size-full items-center justify-center gap-[0.1rem] text-sm font-bold max-md:py-1\"\n              aria-label=\"Initials of user's name\"\n            >\n              {capitals?.map((capital) => <span key={capital}>{capital}</span>)}\n            </div>\n          )}\n          {displayUserIcon && <User size={25} />}\n        </div>\n      </div>\n    </Container>\n  );\n};\n"],"names":["props","jsx","jsxs"],"mappings":";;;;AAKA,MAAM,cAAc,CAAC,SACnB,KACG,MAAM,GAAG,EACT,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,EACrB,OAAO,OAAO,EACd,IAAI,CAAC,SAAS,KAAK,YAAA,CAAa;AAS9B,MAAM,SAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,iBAAiB,QAAQ,GAAG;AAClC,QAAM,gBAAgB,SAAS,YAAY,IAAI,SAAS,CAAC;AACzD,QAAM,WAAW,WAAW,YAAY,QAAQ,IAAI;AAEpD,QAAM,gBAAgB;AACtB,QAAM,gBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB;AACpD,QAAM,kBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB;AACpD,QAAM,kBACJ,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC;AAErD,QAAM,cAAc,YAAY;AAEhC,QAAM,YAAY,CAACA,WACjB,cAAeC,kCAAAA,IAAA,UAAA,EAAQ,GAAGD,OAAO,CAAA,IAAKC,kCAAAA,IAAC,OAAK,EAAA,GAAGD,OAAO,CAAA;AAGtD,SAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,eAAe;AAAA,QACf;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ,gDAAC,OAAI,EAAA,WAAU,gEACb,UAACC,kCAAAA,KAAA,OAAA,EAAI,WAAU,kJACZ,UAAA;AAAA,QAAiB,iBAAAD,kCAAAA,IAAC,QAAO,EAAA,WAAU,QAAQ,CAAA;AAAA,QAC3C,iBACCA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA,QAAQ;AAAA,YACR,KAAK,aAAa,QAAQ;AAAA,YAC1B,OAAO;AAAA,YACP,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,QAED,mBACCA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAW;AAAA,YAEV,UAAA,UAAU,IAAI,CAAC,kDAAa,QAAoB,EAAA,UAAA,QAAA,GAAV,OAAkB,CAAO;AAAA,UAAA;AAAA,QAClE;AAAA,QAED,mBAAmBA,kCAAAA,IAAC,MAAK,EAAA,MAAM,GAAI,CAAA;AAAA,MAAA,EAAA,CACtC,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/DictionaryEditor/DictionaryEditor.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
 const require$$0 = require("react");
+const shallow = require("../../shallow-lhDIFtEp.cjs");
 const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../index-BtZWYJhL.cjs");
 const components_DictionaryEditor_useEditedContentStore = require("./useEditedContentStore.cjs");
 const components_DictionaryEditor_useEditionPanelStore = require("./useEditionPanelStore.cjs");
@@ -11,15 +12,17 @@ const DictionaryEditor = ({
   dictionary,
   ...props
 }) => {
-  const { addEditedContent, editedContent } = components_DictionaryEditor_useEditedContentStore.useEditedContentStore((s) => ({
-    addEditedContent: s.addEditedContent,
-    editedContent: s.editedContent
-  }));
+  const { addEditedContent, editedContent } = components_DictionaryEditor_useEditedContentStore.useEditedContentStore(
+    shallow.useShallow((s) => ({
+      addEditedContent: s.addEditedContent,
+      editedContent: s.editedContent
+    }))
+  );
   const { focusedContent, setFocusedContentKeyPath } = components_DictionaryEditor_useEditionPanelStore.useEditionPanelStore(
-    (s) => ({
+    shallow.useShallow((s) => ({
       focusedContent: s.focusedContent,
       setFocusedContentKeyPath: s.setFocusedContentKeyPath
-    })
+    }))
   );
   const focusedKeyPath = focusedContent?.keyPath;
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col justify-between gap-2", children: [

package/dist/components/DictionaryEditor/DictionaryEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryEditor.cjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { useEditionPanelStore } from './useEditionPanelStore';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  ...props\n}) => {\n  const { addEditedContent, editedContent } = useEditedContentStore((s) => ({\n    addEditedContent: s.addEditedContent,\n    editedContent: s.editedContent,\n  }));\n  const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(\n    (s) => ({\n      focusedContent: s.focusedContent,\n      setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n    })\n  );\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex h-full flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          key={JSON.stringify(\n            (editedContent[dictionary.key] ?? dictionary).content\n          )}\n          editedContent={editedContent[dictionary.key]?.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) => {\n            addEditedContent(dictionary.key, content.newValue, content.keyPath);\n          }}\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <ValidDictionaryChangeButtons dictionary={dictionary} />\n    </div>\n  );\n};\n"],"names":["useEditedContentStore","useEditionPanelStore","jsxs","jsx","createElement","NodeWrapper","ValidDictionaryChangeButtons"],"mappings":";;;;;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,kBAAkB,cAAkB,IAAAA,kDAAA,sBAAsB,CAAC,OAAO;AAAA,IACxE,kBAAkB,EAAE;AAAA,IACpB,eAAe,EAAE;AAAA,EACjB,EAAA;AACI,QAAA,EAAE,gBAAgB,yBAAA,IAA6BC,iDAAA;AAAA,IACnD,CAAC,OAAO;AAAA,MACN,gBAAgB,EAAE;AAAA,MAClB,0BAA0B,EAAE;AAAA,IAAA;AAAA,EAC9B;AAGF,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAC,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,iDAAC,OACC,EAAA,UAAAC,2BAAA;AAAA,MAACC,qDAAA;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,KAAK,KAAK;AAAA,WACP,cAAc,WAAW,GAAG,KAAK,YAAY;AAAA,QAChD;AAAA,QACA,eAAe,cAAc,WAAW,GAAG,GAAG;AAAA,QAC9C;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAAY;AAC5B,2BAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QACpE;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAF,iDAACG,yDAAAA,gCAA6B,YAAwB;AAAA,EACxD,EAAA,CAAA;AAEJ;;"}
+{"version":3,"file":"DictionaryEditor.cjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { NodeWrapper } from './NodeWrapper';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { useEditionPanelStore } from './useEditionPanelStore';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  ...props\n}) => {\n  const { addEditedContent, editedContent } = useEditedContentStore(\n    useShallow((s) => ({\n      addEditedContent: s.addEditedContent,\n      editedContent: s.editedContent,\n    }))\n  );\n  const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(\n    useShallow((s) => ({\n      focusedContent: s.focusedContent,\n      setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n    }))\n  );\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex h-full flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          key={JSON.stringify(\n            (editedContent[dictionary.key] ?? dictionary).content\n          )}\n          editedContent={editedContent[dictionary.key]?.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) => {\n            addEditedContent(dictionary.key, content.newValue, content.keyPath);\n          }}\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <ValidDictionaryChangeButtons dictionary={dictionary} />\n    </div>\n  );\n};\n"],"names":["useEditedContentStore","useShallow","useEditionPanelStore","jsxs","jsx","createElement","NodeWrapper","ValidDictionaryChangeButtons"],"mappings":";;;;;;;;;;AAiBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,EAAE,kBAAkB,cAAA,IAAkBA,kDAAA;AAAA,IAC1CC,QAAA,WAAW,CAAC,OAAO;AAAA,MACjB,kBAAkB,EAAE;AAAA,MACpB,eAAe,EAAE;AAAA,IAAA,EACjB;AAAA,EAAA;AAEE,QAAA,EAAE,gBAAgB,yBAAA,IAA6BC,iDAAA;AAAA,IACnDD,QAAA,WAAW,CAAC,OAAO;AAAA,MACjB,gBAAgB,EAAE;AAAA,MAClB,0BAA0B,EAAE;AAAA,IAAA,EAC5B;AAAA,EAAA;AAGJ,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAE,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,iDAAC,OACC,EAAA,UAAAC,2BAAA;AAAA,MAACC,qDAAA;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,KAAK,KAAK;AAAA,WACP,cAAc,WAAW,GAAG,KAAK,YAAY;AAAA,QAChD;AAAA,QACA,eAAe,cAAc,WAAW,GAAG,GAAG;AAAA,QAC9C;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAAY;AAC5B,2BAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QACpE;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAF,iDAACG,yDAAAA,gCAA6B,YAAwB;AAAA,EACxD,EAAA,CAAA;AAEJ;;"}

package/dist/components/DictionaryEditor/DictionaryEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAsCtD,CAAC"}
+{"version":3,"file":"DictionaryEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAwCtD,CAAC"}

package/dist/components/DictionaryEditor/DictionaryEditor.mjs

@@ -1,6 +1,7 @@
 "use client";
 import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import { createElement } from "react";
+import { u as useShallow } from "../../shallow-m9BpCkKh.js";
 import { N as NodeWrapper } from "../../index-D9oaKvKC.js";
 import { useEditedContentStore } from "./useEditedContentStore.mjs";
 import { useEditionPanelStore } from "./useEditionPanelStore.mjs";
@@ -9,15 +10,17 @@ const DictionaryEditor = ({
   dictionary,
   ...props
 }) => {
-  const { addEditedContent, editedContent } = useEditedContentStore((s) => ({
-    addEditedContent: s.addEditedContent,
-    editedContent: s.editedContent
-  }));
+  const { addEditedContent, editedContent } = useEditedContentStore(
+    useShallow((s) => ({
+      addEditedContent: s.addEditedContent,
+      editedContent: s.editedContent
+    }))
+  );
   const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(
-    (s) => ({
+    useShallow((s) => ({
       focusedContent: s.focusedContent,
       setFocusedContentKeyPath: s.setFocusedContentKeyPath
-    })
+    }))
   );
   const focusedKeyPath = focusedContent?.keyPath;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col justify-between gap-2", children: [

package/dist/components/DictionaryEditor/DictionaryEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DictionaryEditor.mjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { useEditionPanelStore } from './useEditionPanelStore';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  ...props\n}) => {\n  const { addEditedContent, editedContent } = useEditedContentStore((s) => ({\n    addEditedContent: s.addEditedContent,\n    editedContent: s.editedContent,\n  }));\n  const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(\n    (s) => ({\n      focusedContent: s.focusedContent,\n      setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n    })\n  );\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex h-full flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          key={JSON.stringify(\n            (editedContent[dictionary.key] ?? dictionary).content\n          )}\n          editedContent={editedContent[dictionary.key]?.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) => {\n            addEditedContent(dictionary.key, content.newValue, content.keyPath);\n          }}\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <ValidDictionaryChangeButtons dictionary={dictionary} />\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,kBAAkB,cAAkB,IAAA,sBAAsB,CAAC,OAAO;AAAA,IACxE,kBAAkB,EAAE;AAAA,IACpB,eAAe,EAAE;AAAA,EACjB,EAAA;AACI,QAAA,EAAE,gBAAgB,yBAAA,IAA6B;AAAA,IACnD,CAAC,OAAO;AAAA,MACN,gBAAgB,EAAE;AAAA,MAClB,0BAA0B,EAAE;AAAA,IAAA;AAAA,EAC9B;AAGF,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAA,kCAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,sCAAC,OACC,EAAA,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,KAAK,KAAK;AAAA,WACP,cAAc,WAAW,GAAG,KAAK,YAAY;AAAA,QAChD;AAAA,QACA,eAAe,cAAc,WAAW,GAAG,GAAG;AAAA,QAC9C;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAAY;AAC5B,2BAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QACpE;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAA,sCAAC,gCAA6B,YAAwB;AAAA,EACxD,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"DictionaryEditor.mjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { NodeWrapper } from './NodeWrapper';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { useEditionPanelStore } from './useEditionPanelStore';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  ...props\n}) => {\n  const { addEditedContent, editedContent } = useEditedContentStore(\n    useShallow((s) => ({\n      addEditedContent: s.addEditedContent,\n      editedContent: s.editedContent,\n    }))\n  );\n  const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(\n    useShallow((s) => ({\n      focusedContent: s.focusedContent,\n      setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n    }))\n  );\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex h-full flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          key={JSON.stringify(\n            (editedContent[dictionary.key] ?? dictionary).content\n          )}\n          editedContent={editedContent[dictionary.key]?.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) => {\n            addEditedContent(dictionary.key, content.newValue, content.keyPath);\n          }}\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <ValidDictionaryChangeButtons dictionary={dictionary} />\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;;AAiBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,EAAE,kBAAkB,cAAA,IAAkB;AAAA,IAC1C,WAAW,CAAC,OAAO;AAAA,MACjB,kBAAkB,EAAE;AAAA,MACpB,eAAe,EAAE;AAAA,IAAA,EACjB;AAAA,EAAA;AAEE,QAAA,EAAE,gBAAgB,yBAAA,IAA6B;AAAA,IACnD,WAAW,CAAC,OAAO;AAAA,MACjB,gBAAgB,EAAE;AAAA,MAClB,0BAA0B,EAAE;AAAA,IAAA,EAC5B;AAAA,EAAA;AAGJ,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAA,kCAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,sCAAC,OACC,EAAA,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,KAAK,KAAK;AAAA,WACP,cAAc,WAAW,GAAG,KAAK,YAAY;AAAA,QAChD;AAAA,QACA,eAAe,cAAc,WAAW,GAAG,GAAG;AAAA,QAC9C;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAAY;AAC5B,2BAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QACpE;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAA,sCAAC,gCAA6B,YAAwB;AAAA,EACxD,EAAA,CAAA;AAEJ;"}

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.cjs

@@ -5,6 +5,7 @@ const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
 const lucideReact = require("lucide-react");
 const require$$0 = require("react");
 const reactIntlayer = require("react-intlayer");
+const shallow = require("../../shallow-lhDIFtEp.cjs");
 require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../hooks/useAsync/useAsyncStateStore.cjs");
 const hooks_intlayerAPIHooks = require("../../hooks/intlayerAPIHooks.cjs");
@@ -23,10 +24,10 @@ const ValidDictionaryChangeButtons = ({ dictionary }) => {
   );
   const { pushDictionaries } = hooks_intlayerAPIHooks.usePushDictionaries();
   const { editedContent, restoreEditedContent } = components_DictionaryEditor_useEditedContentStore.useEditedContentStore(
-    (s) => ({
+    shallow.useShallow((s) => ({
       editedContent: s.editedContent,
       restoreEditedContent: s.restoreEditedContent
-    })
+    }))
   );
   const { form, isSubmitting } = components_Form_FormBase.useForm(
     ValidDictionaryChangeButtonsSchemaSchema

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ValidDictionaryChangeButtons.cjs","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport { ArrowUpFromLine, RotateCcw, Save } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n  dictionary: Dictionary;\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n  ValidDictionaryChangeButtonsProps\n> = ({ dictionary }) => {\n  const ValidDictionaryChangeButtonsSchemaSchema =\n    getValidDictionaryChangeButtonsSchemaSchema();\n\n  const { resetButton, saveButton, publishButton } = useDictionary(\n    validDictionaryChangeButtonsContent\n  );\n\n  const { pushDictionaries } = usePushDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContentStore(\n    (s) => ({\n      editedContent: s.editedContent,\n      restoreEditedContent: s.restoreEditedContent,\n    })\n  );\n  const { form, isSubmitting } = useForm(\n    ValidDictionaryChangeButtonsSchemaSchema\n  );\n\n  const editedDictionary = useMemo(\n    () => editedContent[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      JSON.stringify(editedDictionary?.content) !==\n        JSON.stringify(dictionary?.content),\n    [editedDictionary, dictionary]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = async () => {\n    await pushDictionaries([\n      {\n        ...dictionary,\n        ...editedContent[dictionary.key],\n      },\n    ]);\n  };\n\n  return (\n    <div className=\"mb-4\">\n      <Form\n        className=\"flex w-full flex-row flex-wrap justify-end gap-3\"\n        {...form}\n        schema={ValidDictionaryChangeButtonsSchemaSchema}\n        onSubmitSuccess={onSubmitSuccess}\n      >\n        {isEdited && (\n          <Form.Button\n            type=\"button\"\n            label={resetButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            className=\"ml-auto\"\n            Icon={RotateCcw}\n            variant=\"outline\"\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n            onClick={() => restoreEditedContent(dictionary.key)}\n          >\n            {resetButton.text}\n          </Form.Button>\n        )}\n        {isLocalDictionary ? (\n          <Form.Button\n            type=\"submit\"\n            label={publishButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            Icon={ArrowUpFromLine}\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n          >\n            {publishButton.text}\n          </Form.Button>\n        ) : (\n          isEdited && (\n            <Form.Button\n              type=\"submit\"\n              label={saveButton.label.value}\n              disabled={!isEdited || isSubmitting}\n              Icon={Save}\n              color=\"text\"\n              isFullWidth\n              isLoading={isSubmitting}\n            >\n              {saveButton.text}\n            </Form.Button>\n          )\n        )}\n      </Form>\n    </div>\n  );\n};\n"],"names":["getValidDictionaryChangeButtonsSchemaSchema","useDictionary","validDictionaryChangeButtonsContent","usePushDictionaries","useEditedContentStore","useForm","useMemo","jsx","jsxs","Form","RotateCcw","ArrowUpFromLine","Save"],"mappings":";;;;;;;;;;;;;;;;;;AAiBO,MAAM,+BAET,CAAC,EAAE,iBAAiB;AACtB,QAAM,2CACJA,+DAAAA;AAEF,QAAM,EAAE,aAAa,YAAY,cAAkB,IAAAC,cAAA;AAAA,IACjDC,iEAAA;AAAA,EAAA;AAGI,QAAA,EAAE,qBAAqBC,uBAAAA;AAEvB,QAAA,EAAE,eAAe,qBAAA,IAAyBC,kDAAA;AAAA,IAC9C,CAAC,OAAO;AAAA,MACN,eAAe,EAAE;AAAA,MACjB,sBAAsB,EAAE;AAAA,IAAA;AAAA,EAC1B;AAEI,QAAA,EAAE,MAAM,aAAA,IAAiBC,yBAAA;AAAA,IAC7B;AAAA,EAAA;AAGF,QAAM,mBAAmBC,WAAA;AAAA,IACvB,MAAM,cAAc,WAAW,GAAG;AAAA,IAClC,CAAC,eAAe,WAAW,GAAG;AAAA,EAAA;AAGhC,QAAM,WAAWA,WAAA;AAAA,IACf,MACE,oBACA,KAAK,UAAU,kBAAkB,OAAO,MACtC,KAAK,UAAU,YAAY,OAAO;AAAA,IACtC,CAAC,kBAAkB,UAAU;AAAA,EAAA;AAG/B,QAAM,oBAAoBA,WAAA;AAAA,IACxB,MAAM,OAAQ,YAAkC,QAAQ;AAAA,IACxD,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,kBAAkB,YAAY;AAClC,UAAM,iBAAiB;AAAA,MACrB;AAAA,QACE,GAAG;AAAA,QACH,GAAG,cAAc,WAAW,GAAG;AAAA,MACjC;AAAA,IAAA,CACD;AAAA,EAAA;AAID,SAAAC,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,QACb,UAAAC,2BAAA,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEC,UAAA;AAAA,QACC,YAAAF,2BAAA,kBAAA;AAAA,UAACE,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,YAAY,MAAM;AAAA,YACzB,UAAU,CAAC,YAAY;AAAA,YACvB,WAAU;AAAA,YACV,MAAMC,YAAA;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YACX,SAAS,MAAM,qBAAqB,WAAW,GAAG;AAAA,YAEjD,UAAY,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,QAED,oBACCH,2BAAA,kBAAA;AAAA,UAACE,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc,MAAM;AAAA,YAC3B,UAAU,CAAC,YAAY;AAAA,YACvB,MAAME,YAAA;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAc,cAAA;AAAA,UAAA;AAAA,YAGjB,YACEJ,2BAAA,kBAAA;AAAA,UAACE,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW,MAAM;AAAA,YACxB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAMG,YAAA;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR,EAAA,CAAA;AAEJ;;"}
+{"version":3,"file":"ValidDictionaryChangeButtons.cjs","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport { ArrowUpFromLine, RotateCcw, Save } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { useShallow } from 'zustand/react/shallow';\nimport { usePushDictionaries } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n  dictionary: Dictionary;\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n  ValidDictionaryChangeButtonsProps\n> = ({ dictionary }) => {\n  const ValidDictionaryChangeButtonsSchemaSchema =\n    getValidDictionaryChangeButtonsSchemaSchema();\n\n  const { resetButton, saveButton, publishButton } = useDictionary(\n    validDictionaryChangeButtonsContent\n  );\n\n  const { pushDictionaries } = usePushDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContentStore(\n    useShallow((s) => ({\n      editedContent: s.editedContent,\n      restoreEditedContent: s.restoreEditedContent,\n    }))\n  );\n  const { form, isSubmitting } = useForm(\n    ValidDictionaryChangeButtonsSchemaSchema\n  );\n\n  const editedDictionary = useMemo(\n    () => editedContent[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      JSON.stringify(editedDictionary?.content) !==\n        JSON.stringify(dictionary?.content),\n    [editedDictionary, dictionary]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = async () => {\n    await pushDictionaries([\n      {\n        ...dictionary,\n        ...editedContent[dictionary.key],\n      },\n    ]);\n  };\n\n  return (\n    <div className=\"mb-4\">\n      <Form\n        className=\"flex w-full flex-row flex-wrap justify-end gap-3\"\n        {...form}\n        schema={ValidDictionaryChangeButtonsSchemaSchema}\n        onSubmitSuccess={onSubmitSuccess}\n      >\n        {isEdited && (\n          <Form.Button\n            type=\"button\"\n            label={resetButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            className=\"ml-auto\"\n            Icon={RotateCcw}\n            variant=\"outline\"\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n            onClick={() => restoreEditedContent(dictionary.key)}\n          >\n            {resetButton.text}\n          </Form.Button>\n        )}\n        {isLocalDictionary ? (\n          <Form.Button\n            type=\"submit\"\n            label={publishButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            Icon={ArrowUpFromLine}\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n          >\n            {publishButton.text}\n          </Form.Button>\n        ) : (\n          isEdited && (\n            <Form.Button\n              type=\"submit\"\n              label={saveButton.label.value}\n              disabled={!isEdited || isSubmitting}\n              Icon={Save}\n              color=\"text\"\n              isFullWidth\n              isLoading={isSubmitting}\n            >\n              {saveButton.text}\n            </Form.Button>\n          )\n        )}\n      </Form>\n    </div>\n  );\n};\n"],"names":["getValidDictionaryChangeButtonsSchemaSchema","useDictionary","validDictionaryChangeButtonsContent","usePushDictionaries","useEditedContentStore","useShallow","useForm","useMemo","jsx","jsxs","Form","RotateCcw","ArrowUpFromLine","Save"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBO,MAAM,+BAET,CAAC,EAAE,iBAAiB;AACtB,QAAM,2CACJA,+DAAAA;AAEF,QAAM,EAAE,aAAa,YAAY,cAAkB,IAAAC,cAAA;AAAA,IACjDC,iEAAA;AAAA,EAAA;AAGI,QAAA,EAAE,qBAAqBC,uBAAAA;AAEvB,QAAA,EAAE,eAAe,qBAAA,IAAyBC,kDAAA;AAAA,IAC9CC,QAAA,WAAW,CAAC,OAAO;AAAA,MACjB,eAAe,EAAE;AAAA,MACjB,sBAAsB,EAAE;AAAA,IAAA,EACxB;AAAA,EAAA;AAEE,QAAA,EAAE,MAAM,aAAA,IAAiBC,yBAAA;AAAA,IAC7B;AAAA,EAAA;AAGF,QAAM,mBAAmBC,WAAA;AAAA,IACvB,MAAM,cAAc,WAAW,GAAG;AAAA,IAClC,CAAC,eAAe,WAAW,GAAG;AAAA,EAAA;AAGhC,QAAM,WAAWA,WAAA;AAAA,IACf,MACE,oBACA,KAAK,UAAU,kBAAkB,OAAO,MACtC,KAAK,UAAU,YAAY,OAAO;AAAA,IACtC,CAAC,kBAAkB,UAAU;AAAA,EAAA;AAG/B,QAAM,oBAAoBA,WAAA;AAAA,IACxB,MAAM,OAAQ,YAAkC,QAAQ;AAAA,IACxD,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,kBAAkB,YAAY;AAClC,UAAM,iBAAiB;AAAA,MACrB;AAAA,QACE,GAAG;AAAA,QACH,GAAG,cAAc,WAAW,GAAG;AAAA,MACjC;AAAA,IAAA,CACD;AAAA,EAAA;AAID,SAAAC,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,QACb,UAAAC,2BAAA,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEC,UAAA;AAAA,QACC,YAAAF,2BAAA,kBAAA;AAAA,UAACE,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,YAAY,MAAM;AAAA,YACzB,UAAU,CAAC,YAAY;AAAA,YACvB,WAAU;AAAA,YACV,MAAMC,YAAA;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YACX,SAAS,MAAM,qBAAqB,WAAW,GAAG;AAAA,YAEjD,UAAY,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,QAED,oBACCH,2BAAA,kBAAA;AAAA,UAACE,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc,MAAM;AAAA,YAC3B,UAAU,CAAC,YAAY;AAAA,YACvB,MAAME,YAAA;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAc,cAAA;AAAA,UAAA;AAAA,YAGjB,YACEJ,2BAAA,kBAAA;AAAA,UAACE,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW,MAAM;AAAA,YACxB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAMG,YAAA;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR,EAAA,CAAA;AAEJ;;"}

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ValidDictionaryChangeButtons.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAQzC,KAAK,iCAAiC,GAAG;IACvC,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAC3C,iCAAiC,CAsGlC,CAAC"}
+{"version":3,"file":"ValidDictionaryChangeButtons.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AASzC,KAAK,iCAAiC,GAAG;IACvC,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAC3C,iCAAiC,CAsGlC,CAAC"}

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.mjs

@@ -3,6 +3,7 @@ import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import { RotateCcw, ArrowUpFromLine, Save } from "lucide-react";
 import { useMemo } from "react";
 import { useDictionary } from "react-intlayer";
+import { u as useShallow } from "../../shallow-m9BpCkKh.js";
 import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import { usePushDictionaries } from "../../hooks/intlayerAPIHooks.mjs";
@@ -21,10 +22,10 @@ const ValidDictionaryChangeButtons = ({ dictionary }) => {
   );
   const { pushDictionaries } = usePushDictionaries();
   const { editedContent, restoreEditedContent } = useEditedContentStore(
-    (s) => ({
+    useShallow((s) => ({
       editedContent: s.editedContent,
       restoreEditedContent: s.restoreEditedContent
-    })
+    }))
   );
   const { form, isSubmitting } = useForm(
     ValidDictionaryChangeButtonsSchemaSchema

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ValidDictionaryChangeButtons.mjs","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport { ArrowUpFromLine, RotateCcw, Save } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n  dictionary: Dictionary;\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n  ValidDictionaryChangeButtonsProps\n> = ({ dictionary }) => {\n  const ValidDictionaryChangeButtonsSchemaSchema =\n    getValidDictionaryChangeButtonsSchemaSchema();\n\n  const { resetButton, saveButton, publishButton } = useDictionary(\n    validDictionaryChangeButtonsContent\n  );\n\n  const { pushDictionaries } = usePushDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContentStore(\n    (s) => ({\n      editedContent: s.editedContent,\n      restoreEditedContent: s.restoreEditedContent,\n    })\n  );\n  const { form, isSubmitting } = useForm(\n    ValidDictionaryChangeButtonsSchemaSchema\n  );\n\n  const editedDictionary = useMemo(\n    () => editedContent[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      JSON.stringify(editedDictionary?.content) !==\n        JSON.stringify(dictionary?.content),\n    [editedDictionary, dictionary]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = async () => {\n    await pushDictionaries([\n      {\n        ...dictionary,\n        ...editedContent[dictionary.key],\n      },\n    ]);\n  };\n\n  return (\n    <div className=\"mb-4\">\n      <Form\n        className=\"flex w-full flex-row flex-wrap justify-end gap-3\"\n        {...form}\n        schema={ValidDictionaryChangeButtonsSchemaSchema}\n        onSubmitSuccess={onSubmitSuccess}\n      >\n        {isEdited && (\n          <Form.Button\n            type=\"button\"\n            label={resetButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            className=\"ml-auto\"\n            Icon={RotateCcw}\n            variant=\"outline\"\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n            onClick={() => restoreEditedContent(dictionary.key)}\n          >\n            {resetButton.text}\n          </Form.Button>\n        )}\n        {isLocalDictionary ? (\n          <Form.Button\n            type=\"submit\"\n            label={publishButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            Icon={ArrowUpFromLine}\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n          >\n            {publishButton.text}\n          </Form.Button>\n        ) : (\n          isEdited && (\n            <Form.Button\n              type=\"submit\"\n              label={saveButton.label.value}\n              disabled={!isEdited || isSubmitting}\n              Icon={Save}\n              color=\"text\"\n              isFullWidth\n              isLoading={isSubmitting}\n            >\n              {saveButton.text}\n            </Form.Button>\n          )\n        )}\n      </Form>\n    </div>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;;AAiBO,MAAM,+BAET,CAAC,EAAE,iBAAiB;AACtB,QAAM,2CACJ;AAEF,QAAM,EAAE,aAAa,YAAY,cAAkB,IAAA;AAAA,IACjD;AAAA,EAAA;AAGI,QAAA,EAAE,qBAAqB;AAEvB,QAAA,EAAE,eAAe,qBAAA,IAAyB;AAAA,IAC9C,CAAC,OAAO;AAAA,MACN,eAAe,EAAE;AAAA,MACjB,sBAAsB,EAAE;AAAA,IAAA;AAAA,EAC1B;AAEI,QAAA,EAAE,MAAM,aAAA,IAAiB;AAAA,IAC7B;AAAA,EAAA;AAGF,QAAM,mBAAmB;AAAA,IACvB,MAAM,cAAc,WAAW,GAAG;AAAA,IAClC,CAAC,eAAe,WAAW,GAAG;AAAA,EAAA;AAGhC,QAAM,WAAW;AAAA,IACf,MACE,oBACA,KAAK,UAAU,kBAAkB,OAAO,MACtC,KAAK,UAAU,YAAY,OAAO;AAAA,IACtC,CAAC,kBAAkB,UAAU;AAAA,EAAA;AAG/B,QAAM,oBAAoB;AAAA,IACxB,MAAM,OAAQ,YAAkC,QAAQ;AAAA,IACxD,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,kBAAkB,YAAY;AAClC,UAAM,iBAAiB;AAAA,MACrB;AAAA,QACE,GAAG;AAAA,QACH,GAAG,cAAc,WAAW,GAAG;AAAA,MACjC;AAAA,IAAA,CACD;AAAA,EAAA;AAID,SAAAA,kCAAAA,IAAC,OAAI,EAAA,WAAU,QACb,UAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEC,UAAA;AAAA,QACC,YAAAD,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,YAAY,MAAM;AAAA,YACzB,UAAU,CAAC,YAAY;AAAA,YACvB,WAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YACX,SAAS,MAAM,qBAAqB,WAAW,GAAG;AAAA,YAEjD,UAAY,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,QAED,oBACCA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc,MAAM;AAAA,YAC3B,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAc,cAAA;AAAA,UAAA;AAAA,YAGjB,YACEA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW,MAAM;AAAA,YACxB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"ValidDictionaryChangeButtons.mjs","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport { ArrowUpFromLine, RotateCcw, Save } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { useShallow } from 'zustand/react/shallow';\nimport { usePushDictionaries } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n  dictionary: Dictionary;\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n  ValidDictionaryChangeButtonsProps\n> = ({ dictionary }) => {\n  const ValidDictionaryChangeButtonsSchemaSchema =\n    getValidDictionaryChangeButtonsSchemaSchema();\n\n  const { resetButton, saveButton, publishButton } = useDictionary(\n    validDictionaryChangeButtonsContent\n  );\n\n  const { pushDictionaries } = usePushDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContentStore(\n    useShallow((s) => ({\n      editedContent: s.editedContent,\n      restoreEditedContent: s.restoreEditedContent,\n    }))\n  );\n  const { form, isSubmitting } = useForm(\n    ValidDictionaryChangeButtonsSchemaSchema\n  );\n\n  const editedDictionary = useMemo(\n    () => editedContent[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      JSON.stringify(editedDictionary?.content) !==\n        JSON.stringify(dictionary?.content),\n    [editedDictionary, dictionary]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = async () => {\n    await pushDictionaries([\n      {\n        ...dictionary,\n        ...editedContent[dictionary.key],\n      },\n    ]);\n  };\n\n  return (\n    <div className=\"mb-4\">\n      <Form\n        className=\"flex w-full flex-row flex-wrap justify-end gap-3\"\n        {...form}\n        schema={ValidDictionaryChangeButtonsSchemaSchema}\n        onSubmitSuccess={onSubmitSuccess}\n      >\n        {isEdited && (\n          <Form.Button\n            type=\"button\"\n            label={resetButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            className=\"ml-auto\"\n            Icon={RotateCcw}\n            variant=\"outline\"\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n            onClick={() => restoreEditedContent(dictionary.key)}\n          >\n            {resetButton.text}\n          </Form.Button>\n        )}\n        {isLocalDictionary ? (\n          <Form.Button\n            type=\"submit\"\n            label={publishButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            Icon={ArrowUpFromLine}\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n          >\n            {publishButton.text}\n          </Form.Button>\n        ) : (\n          isEdited && (\n            <Form.Button\n              type=\"submit\"\n              label={saveButton.label.value}\n              disabled={!isEdited || isSubmitting}\n              Icon={Save}\n              color=\"text\"\n              isFullWidth\n              isLoading={isSubmitting}\n            >\n              {saveButton.text}\n            </Form.Button>\n          )\n        )}\n      </Form>\n    </div>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;;;AAkBO,MAAM,+BAET,CAAC,EAAE,iBAAiB;AACtB,QAAM,2CACJ;AAEF,QAAM,EAAE,aAAa,YAAY,cAAkB,IAAA;AAAA,IACjD;AAAA,EAAA;AAGI,QAAA,EAAE,qBAAqB;AAEvB,QAAA,EAAE,eAAe,qBAAA,IAAyB;AAAA,IAC9C,WAAW,CAAC,OAAO;AAAA,MACjB,eAAe,EAAE;AAAA,MACjB,sBAAsB,EAAE;AAAA,IAAA,EACxB;AAAA,EAAA;AAEE,QAAA,EAAE,MAAM,aAAA,IAAiB;AAAA,IAC7B;AAAA,EAAA;AAGF,QAAM,mBAAmB;AAAA,IACvB,MAAM,cAAc,WAAW,GAAG;AAAA,IAClC,CAAC,eAAe,WAAW,GAAG;AAAA,EAAA;AAGhC,QAAM,WAAW;AAAA,IACf,MACE,oBACA,KAAK,UAAU,kBAAkB,OAAO,MACtC,KAAK,UAAU,YAAY,OAAO;AAAA,IACtC,CAAC,kBAAkB,UAAU;AAAA,EAAA;AAG/B,QAAM,oBAAoB;AAAA,IACxB,MAAM,OAAQ,YAAkC,QAAQ;AAAA,IACxD,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,kBAAkB,YAAY;AAClC,UAAM,iBAAiB;AAAA,MACrB;AAAA,QACE,GAAG;AAAA,QACH,GAAG,cAAc,WAAW,GAAG;AAAA,MACjC;AAAA,IAAA,CACD;AAAA,EAAA;AAID,SAAAA,kCAAAA,IAAC,OAAI,EAAA,WAAU,QACb,UAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEC,UAAA;AAAA,QACC,YAAAD,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,YAAY,MAAM;AAAA,YACzB,UAAU,CAAC,YAAY;AAAA,YACvB,WAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YACX,SAAS,MAAM,qBAAqB,WAAW,GAAG;AAAA,YAEjD,UAAY,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,QAED,oBACCA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc,MAAM;AAAA,YAC3B,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAc,cAAA;AAAA,UAAA;AAAA,YAGjB,YACEA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW,MAAM;AAAA,YACxB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR,EAAA,CAAA;AAEJ;"}

package/dist/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../../jsx-runtime-XHKiWCTo.cjs");
 const require$$0 = require("react");
 const reactIntlayer = require("react-intlayer");
+const shallow = require("../../../shallow-lhDIFtEp.cjs");
 require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 require("../../../libs/intlayer-api/index.cjs");
@@ -31,9 +32,11 @@ const DictionariesSelector = ({
   onClickDictionaryList
 }) => {
   const { online, locale, isLoading } = hooks_useGetAllDictionaries.useGetAllDictionaries();
-  const { focusedContent } = components_DictionaryEditor_useEditionPanelStore.useEditionPanelStore((s) => ({
-    focusedContent: s.focusedContent
-  }));
+  const { focusedContent } = components_DictionaryEditor_useEditionPanelStore.useEditionPanelStore(
+    shallow.useShallow((s) => ({
+      focusedContent: s.focusedContent
+    }))
+  );
   const { noDictionaryMessage, dictionaryNotFoundMessage } = reactIntlayer.useDictionary(
     components_DictionaryFieldEditor_DictionariesSelector_dictionariesSelector_content.dictionariesSelectorContent
   );

package/dist/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DictionariesSelector.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useGetAllDictionaries } from '../../../hooks';\nimport { useEditionPanelStore } from '../../DictionaryEditor';\nimport { Loader } from '../../Loader';\nimport { DictionaryFieldEditor } from '../DictionaryFieldEditor';\nimport { dictionariesSelectorContent } from './dictionariesSelector.content';\n\ntype DictionariesSelectorProps = {\n  onClickDictionaryList: () => void;\n};\n\nexport const DictionariesSelector: FC<DictionariesSelectorProps> = ({\n  onClickDictionaryList,\n}) => {\n  const { online, locale, isLoading } = useGetAllDictionaries();\n  const { focusedContent } = useEditionPanelStore((s) => ({\n    focusedContent: s.focusedContent,\n  }));\n  const { noDictionaryMessage, dictionaryNotFoundMessage } = useDictionary(\n    dictionariesSelectorContent\n  );\n  const dictionary = useMemo(\n    () =>\n      focusedContent?.dictionaryId\n        ? (online?.[focusedContent?.dictionaryId] ??\n          locale?.[focusedContent?.dictionaryId])\n        : null,\n    [online, locale, focusedContent?.dictionaryId]\n  );\n\n  if (isLoading) return <Loader />;\n\n  if (!focusedContent?.dictionaryId) return noDictionaryMessage;\n\n  if (!dictionary) return dictionaryNotFoundMessage;\n\n  return (\n    <DictionaryFieldEditor\n      dictionary={dictionary}\n      onClickDictionaryList={onClickDictionaryList}\n    />\n  );\n};\n"],"names":["useGetAllDictionaries","useEditionPanelStore","useDictionary","dictionariesSelectorContent","useMemo","jsx","Loader","DictionaryFieldEditor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,uBAAsD,CAAC;AAAA,EAClE;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAQ,cAAcA,4BAAsB,sBAAA;AAC5D,QAAM,EAAE,eAAA,IAAmBC,iDAAA,qBAAqB,CAAC,OAAO;AAAA,IACtD,gBAAgB,EAAE;AAAA,EAClB,EAAA;AACI,QAAA,EAAE,qBAAqB,0BAAA,IAA8BC,cAAA;AAAA,IACzDC,mFAAA;AAAA,EAAA;AAEF,QAAM,aAAaC,WAAA;AAAA,IACjB,MACE,gBAAgB,eACX,SAAS,gBAAgB,YAAY,KACtC,SAAS,gBAAgB,YAAY,IACrC;AAAA,IACN,CAAC,QAAQ,QAAQ,gBAAgB,YAAY;AAAA,EAAA;AAG3C,MAAA,UAAkB,QAAAC,2BAAAA,kBAAAA,IAACC,wBAAO,QAAA,CAAA,CAAA;AAE1B,MAAA,CAAC,gBAAgB,aAAqB,QAAA;AAEtC,MAAA,CAAC,WAAmB,QAAA;AAGtB,SAAAD,2BAAA,kBAAA;AAAA,IAACE,uDAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"DictionariesSelector.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useGetAllDictionaries } from '../../../hooks';\nimport { useEditionPanelStore } from '../../DictionaryEditor';\nimport { Loader } from '../../Loader';\nimport { DictionaryFieldEditor } from '../DictionaryFieldEditor';\nimport { dictionariesSelectorContent } from './dictionariesSelector.content';\n\ntype DictionariesSelectorProps = {\n  onClickDictionaryList: () => void;\n};\n\nexport const DictionariesSelector: FC<DictionariesSelectorProps> = ({\n  onClickDictionaryList,\n}) => {\n  const { online, locale, isLoading } = useGetAllDictionaries();\n  const { focusedContent } = useEditionPanelStore(\n    useShallow((s) => ({\n      focusedContent: s.focusedContent,\n    }))\n  );\n  const { noDictionaryMessage, dictionaryNotFoundMessage } = useDictionary(\n    dictionariesSelectorContent\n  );\n  const dictionary = useMemo(\n    () =>\n      focusedContent?.dictionaryId\n        ? (online?.[focusedContent?.dictionaryId] ??\n          locale?.[focusedContent?.dictionaryId])\n        : null,\n    [online, locale, focusedContent?.dictionaryId]\n  );\n\n  if (isLoading) return <Loader />;\n\n  if (!focusedContent?.dictionaryId) return noDictionaryMessage;\n\n  if (!dictionary) return dictionaryNotFoundMessage;\n\n  return (\n    <DictionaryFieldEditor\n      dictionary={dictionary}\n      onClickDictionaryList={onClickDictionaryList}\n    />\n  );\n};\n"],"names":["useGetAllDictionaries","useEditionPanelStore","useShallow","useDictionary","dictionariesSelectorContent","useMemo","jsx","Loader","DictionaryFieldEditor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,uBAAsD,CAAC;AAAA,EAClE;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAQ,cAAcA,4BAAsB,sBAAA;AACtD,QAAA,EAAE,mBAAmBC,iDAAA;AAAA,IACzBC,QAAA,WAAW,CAAC,OAAO;AAAA,MACjB,gBAAgB,EAAE;AAAA,IAAA,EAClB;AAAA,EAAA;AAEE,QAAA,EAAE,qBAAqB,0BAAA,IAA8BC,cAAA;AAAA,IACzDC,mFAAA;AAAA,EAAA;AAEF,QAAM,aAAaC,WAAA;AAAA,IACjB,MACE,gBAAgB,eACX,SAAS,gBAAgB,YAAY,KACtC,SAAS,gBAAgB,YAAY,IACrC;AAAA,IACN,CAAC,QAAQ,QAAQ,gBAAgB,YAAY;AAAA,EAAA;AAG3C,MAAA,UAAkB,QAAAC,2BAAAA,kBAAAA,IAACC,wBAAO,QAAA,CAAA,CAAA;AAE1B,MAAA,CAAC,gBAAgB,aAAqB,QAAA;AAEtC,MAAA,CAAC,WAAmB,QAAA;AAGtB,SAAAD,2BAAA,kBAAA;AAAA,IAACE,uDAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DictionariesSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AASzC,KAAK,yBAAyB,GAAG;IAC/B,qBAAqB,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA+B9D,CAAC"}
+{"version":3,"file":"DictionariesSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAUzC,KAAK,yBAAyB,GAAG;IAC/B,qBAAqB,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAiC9D,CAAC"}