@intlayer/design-system 9.0.0-canary.0 → 9.0.0-canary.1

package/dist/esm/api/hooks/ai.mjs

@@ -1,6 +1,7 @@
 'use client';
 
 import { useAiAPI } from "../useIntlayerAPI.mjs";
+import { useAppQuery } from "./utils.mjs";
 import { useMutation } from "@tanstack/react-query";
 
 //#region src/api/hooks/ai.ts
@@ -60,7 +61,25 @@ const useAutocomplete = () => {
 		mutationFn: (args) => aiAPI.autocomplete(args)
 	});
 };
+const useCustomQuery = () => {
+	const aiAPI = useAiAPI();
+	return useMutation({
+		mutationKey: ["ai-customQuery"],
+		mutationFn: (args) => aiAPI.customQuery(args)
+	});
+};
+const useGetAIStats = (options) => {
+	const aiAPI = useAiAPI();
+	return useAppQuery({
+		queryKey: ["ai", "stats"],
+		queryFn: ({ signal }) => aiAPI.getAIStats({ signal }),
+		requireUser: true,
+		requireOrganization: true,
+		requireProject: true,
+		...options
+	});
+};
 
 //#endregion
-export { useAskDocQuestion, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditTag, useAutocomplete, useChat, useTranslateJSONDeclaration };
+export { useAskDocQuestion, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditTag, useAutocomplete, useChat, useCustomQuery, useGetAIStats, useTranslateJSONDeclaration };
 //# sourceMappingURL=ai.mjs.map

package/dist/esm/api/hooks/ai.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ai.mjs","names":[],"sources":["../../../../src/api/hooks/ai.ts"],"sourcesContent":["'use client';\n\nimport type {\n  AskDocQuestionBody,\n  AuditContentDeclarationBody,\n  AuditContentDeclarationFieldBody,\n  AuditContentDeclarationMetadataBody,\n  AuditTagBody,\n  AutocompleteBody,\n  TranslateJSONBody,\n} from '@intlayer/backend';\nimport { useMutation } from '@tanstack/react-query';\nimport { useAiAPI } from '../useIntlayerAPI';\n\nexport const useTranslateJSONDeclaration = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: ['ai-translateJSON'],\n    mutationFn: (args: TranslateJSONBody) => aiAPI.translateJSON(args),\n  });\n};\n\nexport const useAuditContentDeclaration = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: ['ai-auditContentDeclaration'],\n    mutationFn: (args: AuditContentDeclarationBody) =>\n      aiAPI.auditContentDeclaration(args),\n  });\n};\n\nexport const useAuditContentDeclarationMetadata = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: ['ai-auditContentDeclarationMetadata'],\n    mutationFn: (args: AuditContentDeclarationMetadataBody) =>\n      aiAPI.auditContentDeclarationMetadata(args),\n  });\n};\n\nexport const useAuditContentDeclarationField = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: ['ai-auditContentDeclarationField'],\n    mutationFn: (args: AuditContentDeclarationFieldBody) =>\n      aiAPI.auditContentDeclarationField(args),\n  });\n};\n\nexport const useAuditTag = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: ['ai-auditTag'],\n    mutationFn: (args: AuditTagBody) => aiAPI.auditTag(args),\n  });\n};\n\nexport const useAskDocQuestion = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: [],\n    mutationFn: (args?: AskDocQuestionBody) => aiAPI.askDocQuestion(args),\n  });\n};\n\nexport const useChat = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: ['ai-chat'],\n    mutationFn: (args?: AskDocQuestionBody) => aiAPI.chat(args as any),\n  });\n};\n\nexport const useAutocomplete = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: ['ai-autocomplete'],\n    mutationFn: (args?: AutocompleteBody) => aiAPI.autocomplete(args),\n  });\n};\n"],"mappings":";;;;;;AAcA,MAAa,oCAAoC;CAC/C,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,CAAC,mBAAmB;EACjC,aAAa,SAA4B,MAAM,cAAc,KAAK;EACnE,CAAC;;AAGJ,MAAa,mCAAmC;CAC9C,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,CAAC,6BAA6B;EAC3C,aAAa,SACX,MAAM,wBAAwB,KAAK;EACtC,CAAC;;AAGJ,MAAa,2CAA2C;CACtD,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,CAAC,qCAAqC;EACnD,aAAa,SACX,MAAM,gCAAgC,KAAK;EAC9C,CAAC;;AAGJ,MAAa,wCAAwC;CACnD,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,CAAC,kCAAkC;EAChD,aAAa,SACX,MAAM,6BAA6B,KAAK;EAC3C,CAAC;;AAGJ,MAAa,oBAAoB;CAC/B,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,CAAC,cAAc;EAC5B,aAAa,SAAuB,MAAM,SAAS,KAAK;EACzD,CAAC;;AAGJ,MAAa,0BAA0B;CACrC,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,EAAE;EACf,aAAa,SAA8B,MAAM,eAAe,KAAK;EACtE,CAAC;;AAGJ,MAAa,gBAAgB;CAC3B,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,CAAC,UAAU;EACxB,aAAa,SAA8B,MAAM,KAAK,KAAY;EACnE,CAAC;;AAGJ,MAAa,wBAAwB;CACnC,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,CAAC,kBAAkB;EAChC,aAAa,SAA4B,MAAM,aAAa,KAAK;EAClE,CAAC"}
+{"version":3,"file":"ai.mjs","names":[],"sources":["../../../../src/api/hooks/ai.ts"],"sourcesContent":["'use client';\n\nimport type {\n  AskDocQuestionBody,\n  AuditContentDeclarationBody,\n  AuditContentDeclarationFieldBody,\n  AuditContentDeclarationMetadataBody,\n  AuditTagBody,\n  AutocompleteBody,\n  CustomQueryBody,\n  TranslateJSONBody,\n} from '@intlayer/backend';\nimport { type UseQueryOptions, useMutation } from '@tanstack/react-query';\nimport { useAiAPI } from '../useIntlayerAPI';\nimport { useAppQuery } from './utils';\n\nexport const useTranslateJSONDeclaration = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: ['ai-translateJSON'],\n    mutationFn: (args: TranslateJSONBody) => aiAPI.translateJSON(args),\n  });\n};\n\nexport const useAuditContentDeclaration = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: ['ai-auditContentDeclaration'],\n    mutationFn: (args: AuditContentDeclarationBody) =>\n      aiAPI.auditContentDeclaration(args),\n  });\n};\n\nexport const useAuditContentDeclarationMetadata = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: ['ai-auditContentDeclarationMetadata'],\n    mutationFn: (args: AuditContentDeclarationMetadataBody) =>\n      aiAPI.auditContentDeclarationMetadata(args),\n  });\n};\n\nexport const useAuditContentDeclarationField = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: ['ai-auditContentDeclarationField'],\n    mutationFn: (args: AuditContentDeclarationFieldBody) =>\n      aiAPI.auditContentDeclarationField(args),\n  });\n};\n\nexport const useAuditTag = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: ['ai-auditTag'],\n    mutationFn: (args: AuditTagBody) => aiAPI.auditTag(args),\n  });\n};\n\nexport const useAskDocQuestion = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: [],\n    mutationFn: (args?: AskDocQuestionBody) => aiAPI.askDocQuestion(args),\n  });\n};\n\nexport const useChat = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: ['ai-chat'],\n    mutationFn: (args?: AskDocQuestionBody) => aiAPI.chat(args as any),\n  });\n};\n\nexport const useAutocomplete = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: ['ai-autocomplete'],\n    mutationFn: (args?: AutocompleteBody) => aiAPI.autocomplete(args),\n  });\n};\n\nexport const useCustomQuery = () => {\n  const aiAPI = useAiAPI();\n\n  return useMutation({\n    mutationKey: ['ai-customQuery'],\n    mutationFn: (args: CustomQueryBody) => aiAPI.customQuery(args),\n  });\n};\n\nexport const useGetAIStats = (options?: Partial<UseQueryOptions>) => {\n  const aiAPI = useAiAPI();\n\n  return useAppQuery({\n    queryKey: ['ai', 'stats'],\n    queryFn: ({ signal }) => aiAPI.getAIStats({ signal }),\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n    ...options,\n  });\n};\n"],"mappings":";;;;;;;AAgBA,MAAa,oCAAoC;CAC/C,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,CAAC,mBAAmB;EACjC,aAAa,SAA4B,MAAM,cAAc,KAAK;EACnE,CAAC;;AAGJ,MAAa,mCAAmC;CAC9C,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,CAAC,6BAA6B;EAC3C,aAAa,SACX,MAAM,wBAAwB,KAAK;EACtC,CAAC;;AAGJ,MAAa,2CAA2C;CACtD,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,CAAC,qCAAqC;EACnD,aAAa,SACX,MAAM,gCAAgC,KAAK;EAC9C,CAAC;;AAGJ,MAAa,wCAAwC;CACnD,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,CAAC,kCAAkC;EAChD,aAAa,SACX,MAAM,6BAA6B,KAAK;EAC3C,CAAC;;AAGJ,MAAa,oBAAoB;CAC/B,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,CAAC,cAAc;EAC5B,aAAa,SAAuB,MAAM,SAAS,KAAK;EACzD,CAAC;;AAGJ,MAAa,0BAA0B;CACrC,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,EAAE;EACf,aAAa,SAA8B,MAAM,eAAe,KAAK;EACtE,CAAC;;AAGJ,MAAa,gBAAgB;CAC3B,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,CAAC,UAAU;EACxB,aAAa,SAA8B,MAAM,KAAK,KAAY;EACnE,CAAC;;AAGJ,MAAa,wBAAwB;CACnC,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,CAAC,kBAAkB;EAChC,aAAa,SAA4B,MAAM,aAAa,KAAK;EAClE,CAAC;;AAGJ,MAAa,uBAAuB;CAClC,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,aAAa,CAAC,iBAAiB;EAC/B,aAAa,SAA0B,MAAM,YAAY,KAAK;EAC/D,CAAC;;AAGJ,MAAa,iBAAiB,YAAuC;CACnE,MAAM,QAAQ,UAAU;AAExB,QAAO,YAAY;EACjB,UAAU,CAAC,MAAM,QAAQ;EACzB,UAAU,EAAE,aAAa,MAAM,WAAW,EAAE,QAAQ,CAAC;EACrD,aAAa;EACb,qBAAqB;EACrB,gBAAgB;EAChB,GAAG;EACJ,CAAC"}

package/dist/esm/api/hooks/asset.mjs

@@ -0,0 +1,78 @@
+'use client';
+
+import { useAssetAPI } from "../useIntlayerAPI.mjs";
+import { useAuthEnable } from "./utils.mjs";
+import { useMutation, useQuery } from "@tanstack/react-query";
+
+//#region src/api/hooks/asset.ts
+/**
+* Query hook — returns all assets for the current session project.
+*/
+const useGetAssets = (page, pageSize, options) => {
+	const assetAPI = useAssetAPI();
+	const { enable } = useAuthEnable({ requireUser: true });
+	return useQuery({
+		queryKey: [
+			"assets",
+			page,
+			pageSize
+		],
+		queryFn: () => assetAPI.getAssets(page, pageSize),
+		enabled: options?.enabled === false ? false : enable,
+		...options
+	});
+};
+/**
+* Query hook — returns a single asset by ID.
+*/
+const useGetAssetById = (assetId, options) => {
+	const assetAPI = useAssetAPI();
+	const { enable } = useAuthEnable({ requireUser: true });
+	return useQuery({
+		queryKey: ["assets", assetId],
+		queryFn: () => assetAPI.getAssetById(assetId),
+		enabled: options?.enabled === false ? false : enable,
+		...options
+	});
+};
+/**
+* Mutation hook — uploads a new asset image.
+*/
+const useUploadAsset = () => {
+	const assetAPI = useAssetAPI();
+	return useMutation({
+		mutationKey: ["assets", "upload"],
+		mutationFn: ({ file, alt, caption }) => assetAPI.uploadAsset(file, alt, caption),
+		meta: { invalidateQueries: [["assets"]] }
+	});
+};
+/**
+* Mutation hook — updates asset metadata (name, alt text, caption).
+*/
+const useUpdateAsset = () => {
+	const assetAPI = useAssetAPI();
+	return useMutation({
+		mutationKey: ["assets", "update"],
+		mutationFn: ({ assetId, originalName, alt, caption }) => assetAPI.updateAsset(assetId, {
+			originalName,
+			alt,
+			caption
+		}),
+		meta: { invalidateQueries: [["assets"]] }
+	});
+};
+/**
+* Mutation hook — deletes an asset by ID.
+*/
+const useDeleteAsset = () => {
+	const assetAPI = useAssetAPI();
+	return useMutation({
+		mutationKey: ["assets"],
+		mutationFn: (assetId) => assetAPI.deleteAsset(assetId),
+		meta: { invalidateQueries: [["assets"]] }
+	});
+};
+
+//#endregion
+export { useDeleteAsset, useGetAssetById, useGetAssets, useUpdateAsset, useUploadAsset };
+//# sourceMappingURL=asset.mjs.map

package/dist/esm/api/hooks/asset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset.mjs","names":[],"sources":["../../../../src/api/hooks/asset.ts"],"sourcesContent":["'use client';\n\nimport type {\n  AssetAPI,\n  GetAssetByIdResult,\n  GetAssetsResult,\n} from '@intlayer/backend';\nimport {\n  type UseQueryOptions,\n  useMutation,\n  useQuery,\n} from '@tanstack/react-query';\nimport { useAssetAPI } from '../useIntlayerAPI';\nimport { useAuthEnable } from './utils';\n\n/**\n * Query hook — returns all assets for the current session project.\n */\nexport const useGetAssets = (\n  page?: number,\n  pageSize?: number,\n  options?: Partial<UseQueryOptions<GetAssetsResult>>\n) => {\n  const assetAPI = useAssetAPI();\n  const { enable } = useAuthEnable({ requireUser: true });\n\n  return useQuery<GetAssetsResult>({\n    queryKey: ['assets', page, pageSize],\n    queryFn: () => assetAPI.getAssets(page, pageSize),\n    enabled: options?.enabled === false ? false : enable,\n    ...options,\n  });\n};\n\n/**\n * Query hook — returns a single asset by ID.\n */\nexport const useGetAssetById = (\n  assetId: string,\n  options?: Partial<UseQueryOptions<GetAssetByIdResult>>\n) => {\n  const assetAPI = useAssetAPI();\n  const { enable } = useAuthEnable({ requireUser: true });\n\n  return useQuery<GetAssetByIdResult>({\n    queryKey: ['assets', assetId],\n    queryFn: () => assetAPI.getAssetById(assetId),\n    enabled: options?.enabled === false ? false : enable,\n    ...options,\n  });\n};\n\n/**\n * Mutation hook — uploads a new asset image.\n */\nexport const useUploadAsset = () => {\n  const assetAPI = useAssetAPI();\n\n  return useMutation({\n    mutationKey: ['assets', 'upload'],\n    mutationFn: ({\n      file,\n      alt,\n      caption,\n    }: {\n      file: File;\n      alt?: string;\n      caption?: string;\n    }) => assetAPI.uploadAsset(file, alt, caption),\n    meta: {\n      invalidateQueries: [['assets']],\n    },\n  });\n};\n\n/**\n * Mutation hook — updates asset metadata (name, alt text, caption).\n */\nexport const useUpdateAsset = () => {\n  const assetAPI = useAssetAPI();\n\n  return useMutation({\n    mutationKey: ['assets', 'update'],\n    mutationFn: ({\n      assetId,\n      originalName,\n      alt,\n      caption,\n    }: {\n      assetId: string;\n      originalName?: string;\n      alt?: string;\n      caption?: string;\n    }) => assetAPI.updateAsset(assetId, { originalName, alt, caption }),\n    meta: {\n      invalidateQueries: [['assets']],\n    },\n  });\n};\n\n/**\n * Mutation hook — deletes an asset by ID.\n */\nexport const useDeleteAsset = () => {\n  const assetAPI = useAssetAPI();\n\n  return useMutation({\n    mutationKey: ['assets'],\n    mutationFn: (assetId: string) => assetAPI.deleteAsset(assetId),\n    meta: {\n      invalidateQueries: [['assets']],\n    },\n  });\n};\n"],"mappings":";;;;;;;;;;AAkBA,MAAa,gBACX,MACA,UACA,YACG;CACH,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,WAAW,cAAc,EAAE,aAAa,MAAM,CAAC;AAEvD,QAAO,SAA0B;EAC/B,UAAU;GAAC;GAAU;GAAM;GAAS;EACpC,eAAe,SAAS,UAAU,MAAM,SAAS;EACjD,SAAS,SAAS,YAAY,QAAQ,QAAQ;EAC9C,GAAG;EACJ,CAAC;;;;;AAMJ,MAAa,mBACX,SACA,YACG;CACH,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,WAAW,cAAc,EAAE,aAAa,MAAM,CAAC;AAEvD,QAAO,SAA6B;EAClC,UAAU,CAAC,UAAU,QAAQ;EAC7B,eAAe,SAAS,aAAa,QAAQ;EAC7C,SAAS,SAAS,YAAY,QAAQ,QAAQ;EAC9C,GAAG;EACJ,CAAC;;;;;AAMJ,MAAa,uBAAuB;CAClC,MAAM,WAAW,aAAa;AAE9B,QAAO,YAAY;EACjB,aAAa,CAAC,UAAU,SAAS;EACjC,aAAa,EACX,MACA,KACA,cAKI,SAAS,YAAY,MAAM,KAAK,QAAQ;EAC9C,MAAM,EACJ,mBAAmB,CAAC,CAAC,SAAS,CAAC,EAChC;EACF,CAAC;;;;;AAMJ,MAAa,uBAAuB;CAClC,MAAM,WAAW,aAAa;AAE9B,QAAO,YAAY;EACjB,aAAa,CAAC,UAAU,SAAS;EACjC,aAAa,EACX,SACA,cACA,KACA,cAMI,SAAS,YAAY,SAAS;GAAE;GAAc;GAAK;GAAS,CAAC;EACnE,MAAM,EACJ,mBAAmB,CAAC,CAAC,SAAS,CAAC,EAChC;EACF,CAAC;;;;;AAMJ,MAAa,uBAAuB;CAClC,MAAM,WAAW,aAAa;AAE9B,QAAO,YAAY;EACjB,aAAa,CAAC,SAAS;EACvB,aAAa,YAAoB,SAAS,YAAY,QAAQ;EAC9D,MAAM,EACJ,mBAAmB,CAAC,CAAC,SAAS,CAAC,EAChC;EACF,CAAC"}

package/dist/esm/api/index.mjs

@@ -1,10 +1,12 @@
 import { useOAuth2 } from "./useAuth/useOAuth2.mjs";
 import { useSession } from "./useAuth/useSession.mjs";
 import { useAuth } from "./useAuth/useAuth.mjs";
-import { useAiAPI, useAuditAPI, useBitbucketAPI, useDictionaryAPI, useEditorAPI, useEnvironmentAPI, useGithubAPI, useGitlabAPI, useIntlayerAuth, useIntlayerOAuth, useIntlayerOAuthOptions, useNewsletterAPI, useOAuthAPI, useOrganizationAPI, useProjectAPI, useReviewerAPI, useSearchAPI, useShowcaseProjectAPI, useStripeAPI, useTagAPI, useTranslateAPI, useUserAPI } from "./useIntlayerAPI.mjs";
-import { useAskDocQuestion, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditTag, useAutocomplete, useChat, useTranslateJSONDeclaration } from "./hooks/ai.mjs";
-import { useAuditScan, useGetRecursiveAuditStatus, useStartRecursiveAudit } from "./hooks/audit.mjs";
+import { useAiAPI, useAssetAPI, useAuditAPI, useBitbucketAPI, useDictionaryAPI, useEditorAPI, useEnvironmentAPI, useGithubAPI, useGitlabAPI, useIntlayerAuth, useIntlayerOAuth, useIntlayerOAuthOptions, useNewsletterAPI, useOAuthAPI, useOrganizationAPI, useProjectAPI, useReviewerAPI, useSearchAPI, useShowcaseProjectAPI, useStripeAPI, useTagAPI, useTranslateAPI, useUserAPI } from "./useIntlayerAPI.mjs";
 import { useAddPasskey, useAskResetPassword, useChangePassword, useDeletePasskey, useDeleteSSOProvider, useDisableTwoFactor, useEnableTwoFactor, useGetUserByAccount, useGetVerifyEmailStatus, useLinkSocial, useListAccounts, useListPasskeys, useListSSOProviders, useLogin, useLogout, useRegister, useRegisterSSO, useResetPassword, useSignInMagicLink, useSignInPasskey, useSignInSSO, useUnlinkAccount, useVerifyBackupCode, useVerifyEmail, useVerifyTotp } from "./hooks/auth.mjs";
+import { useUser } from "./useUser/index.mjs";
+import { useAskDocQuestion, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditTag, useAutocomplete, useChat, useCustomQuery, useGetAIStats, useTranslateJSONDeclaration } from "./hooks/ai.mjs";
+import { useDeleteAsset, useGetAssetById, useGetAssets, useUpdateAsset, useUploadAsset } from "./hooks/asset.mjs";
+import { useAuditScan, useGetRecursiveAuditStatus, useStartRecursiveAudit } from "./hooks/audit.mjs";
 import { useBitbucketAuth, useBitbucketCheckConfig, useBitbucketGetConfigFile, useBitbucketRepos } from "./hooks/bitbucket.mjs";
 import { useAddDictionary, useDeleteDictionary, useGetDictionaries, useGetDictionariesKeys, useGetDictionary, useInfiniteGetDictionaries, usePushDictionaries, useUpdateDictionary } from "./hooks/dictionary.mjs";
 import { useGetDiscussions, useGetDiscussionsData } from "./hooks/discussions.mjs";
@@ -22,6 +24,5 @@ import { useAcceptAffiliateInvitation, useCancelSubscription, useCreatePortalSes
 import { useAddTag, useDeleteTag, useGetTags, useUpdateTag } from "./hooks/tag.mjs";
 import { useFillAllTranslations, usePauseTranslationJob, useResumeTranslationJob, useStopTranslationJob } from "./hooks/translate.mjs";
 import { useCreateUser, useDeleteUser, useGetUserById, useGetUsers, useUpdateUser, useUploadUserAvatar } from "./hooks/user.mjs";
-import { useUser } from "./useUser/index.mjs";
 
-export { useAcceptAffiliateInvitation, useAddDictionary, useAddEnvironment, useAddNewAccessKey, useAddOrganization, useAddOrganizationMember, useAddPasskey, useAddProject, useAddTag, useAiAPI, useAskDocQuestion, useAskResetPassword, useAuditAPI, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditScan, useAuditTag, useAuth, useAutocomplete, useBitbucketAPI, useBitbucketAuth, useBitbucketCheckConfig, useBitbucketGetConfigFile, useBitbucketRepos, useCancelSubscription, useChangePassword, useChat, useContactReviewer, useCreateMission, useCreatePortalSession, useCreatePromoCode, useCreateUser, useDeleteAccessKey, useDeleteDictionary, useDeleteEnvironment, useDeleteOrganization, useDeleteOrganizationById, useDeletePasskey, useDeleteProject, useDeleteProjectById, useDeletePromoCode, useDeleteReviewerProfile, useDeleteSSOProvider, useDeleteShowcaseProject, useDeleteTag, useDeleteUser, useDictionaryAPI, useDisableTwoFactor, useEditorAPI, useEnableTwoFactor, useEnvironmentAPI, useEstimateMission, useFillAllTranslations, useGetAdminReviewers, useGetAffiliate, useGetAffiliateAccountSession, useGetAffiliateById, useGetAffiliateInvitation, useGetAffiliateInvitations, useGetAffiliateOnboardingLink, useGetAffiliatePromoCode, useGetAffiliateStats, useGetAffiliates, useGetCIConfig, useGetChatHistory, useGetDictionaries, useGetDictionariesKeys, useGetDictionary, useGetDiscussions, useGetDiscussionsData, useGetEditorDictionaries, useGetInvoices, useGetMissionById, useGetMyMissions, useGetMyReviewerProfile, useGetNewsletterStatus, useGetOrganizations, useGetOtherShowcaseProjects, useGetPaymentMethod, useGetPricing, useGetProjectInsights, useGetProjects, useGetPromoCodeById, useGetPromoCodes, useGetRecursiveAuditStatus, useGetReviewerById, useGetReviewerMarketplace, useGetReviewerPriceDistribution, useGetReviewerReviews, useGetShowcaseProjectById, useGetShowcaseProjects, useGetSubscription, useGetTags, useGetUserByAccount, useGetUserById, useGetUsers, useGetVerifyEmailStatus, useGithubAPI, useGithubAuth, useGithubCheckConfig, useGithubGetAuthUrl, useGithubGetConfigFile, useGithubRepos, useGithubToken, useGitlabAPI, useGitlabAuth, useGitlabCheckConfig, useGitlabGetConfigFile, useGitlabProjects, useGrantAffiliateAccess, useInfiniteGetDictionaries, useIntlayerAuth, useIntlayerOAuth, useIntlayerOAuthOptions, useLinkSocial, useListAccounts, useListPasskeys, useListSSOProviders, useLogin, useLogout, useMigrateEnvironment, useNewsletterAPI, useOAuth2, useOAuthAPI, useOrganizationAPI, usePauseTranslationJob, useProjectAPI, usePushCIConfig, usePushDictionaries, usePushProjectConfiguration, useRefreshAccessKey, useRegister, useRegisterAsReviewer, useRegisterSSO, useResetPassword, useResetToProductionEnvironment, useResumeTranslationJob, useReviewerAPI, useSearchAPI, useSearchDoc, useSelectEnvironment, useSelectOrganization, useSelectProject, useSendAffiliateInvitation, useSendReviewerMessage, useSession, useShowcaseProjectAPI, useSignInMagicLink, useSignInPasskey, useSignInSSO, useStartRecursiveAudit, useStopTranslationJob, useStripeAPI, useSubmitReview, useSubmitShowcaseProject, useSubscribeToNewsletter, useTagAPI, useToggleShowcaseDownvote, useToggleShowcaseUpvote, useTranslateAPI, useTranslateJSONDeclaration, useTriggerBuild, useTriggerWebhook, useUnlinkAccount, useUnselectOrganization, useUnselectProject, useUnsubscribeFromNewsletter, useUpdateAffiliateStatus, useUpdateDictionary, useUpdateEnvironment, useUpdateMemberAccess, useUpdateMissionStatus, useUpdateOrganization, useUpdateOrganizationMembers, useUpdateOrganizationMembersById, useUpdateProject, useUpdateProjectMembers, useUpdatePromoCode, useUpdateReviewerProfile, useUpdateShowcaseProject, useUpdateTag, useUpdateUser, useUploadReviewerCoverPicture, useUploadReviewerMainPicture, useUploadUserAvatar, useUser, useUserAPI, useValidateReviewerProfile, useVerifyBackupCode, useVerifyEmail, useVerifyTotp, useWriteDictionary };
+export { useAcceptAffiliateInvitation, useAddDictionary, useAddEnvironment, useAddNewAccessKey, useAddOrganization, useAddOrganizationMember, useAddPasskey, useAddProject, useAddTag, useAiAPI, useAskDocQuestion, useAskResetPassword, useAssetAPI, useAuditAPI, useAuditContentDeclaration, useAuditContentDeclarationField, useAuditContentDeclarationMetadata, useAuditScan, useAuditTag, useAuth, useAutocomplete, useBitbucketAPI, useBitbucketAuth, useBitbucketCheckConfig, useBitbucketGetConfigFile, useBitbucketRepos, useCancelSubscription, useChangePassword, useChat, useContactReviewer, useCreateMission, useCreatePortalSession, useCreatePromoCode, useCreateUser, useCustomQuery, useDeleteAccessKey, useDeleteAsset, useDeleteDictionary, useDeleteEnvironment, useDeleteOrganization, useDeleteOrganizationById, useDeletePasskey, useDeleteProject, useDeleteProjectById, useDeletePromoCode, useDeleteReviewerProfile, useDeleteSSOProvider, useDeleteShowcaseProject, useDeleteTag, useDeleteUser, useDictionaryAPI, useDisableTwoFactor, useEditorAPI, useEnableTwoFactor, useEnvironmentAPI, useEstimateMission, useFillAllTranslations, useGetAIStats, useGetAdminReviewers, useGetAffiliate, useGetAffiliateAccountSession, useGetAffiliateById, useGetAffiliateInvitation, useGetAffiliateInvitations, useGetAffiliateOnboardingLink, useGetAffiliatePromoCode, useGetAffiliateStats, useGetAffiliates, useGetAssetById, useGetAssets, useGetCIConfig, useGetChatHistory, useGetDictionaries, useGetDictionariesKeys, useGetDictionary, useGetDiscussions, useGetDiscussionsData, useGetEditorDictionaries, useGetInvoices, useGetMissionById, useGetMyMissions, useGetMyReviewerProfile, useGetNewsletterStatus, useGetOrganizations, useGetOtherShowcaseProjects, useGetPaymentMethod, useGetPricing, useGetProjectInsights, useGetProjects, useGetPromoCodeById, useGetPromoCodes, useGetRecursiveAuditStatus, useGetReviewerById, useGetReviewerMarketplace, useGetReviewerPriceDistribution, useGetReviewerReviews, useGetShowcaseProjectById, useGetShowcaseProjects, useGetSubscription, useGetTags, useGetUserByAccount, useGetUserById, useGetUsers, useGetVerifyEmailStatus, useGithubAPI, useGithubAuth, useGithubCheckConfig, useGithubGetAuthUrl, useGithubGetConfigFile, useGithubRepos, useGithubToken, useGitlabAPI, useGitlabAuth, useGitlabCheckConfig, useGitlabGetConfigFile, useGitlabProjects, useGrantAffiliateAccess, useInfiniteGetDictionaries, useIntlayerAuth, useIntlayerOAuth, useIntlayerOAuthOptions, useLinkSocial, useListAccounts, useListPasskeys, useListSSOProviders, useLogin, useLogout, useMigrateEnvironment, useNewsletterAPI, useOAuth2, useOAuthAPI, useOrganizationAPI, usePauseTranslationJob, useProjectAPI, usePushCIConfig, usePushDictionaries, usePushProjectConfiguration, useRefreshAccessKey, useRegister, useRegisterAsReviewer, useRegisterSSO, useResetPassword, useResetToProductionEnvironment, useResumeTranslationJob, useReviewerAPI, useSearchAPI, useSearchDoc, useSelectEnvironment, useSelectOrganization, useSelectProject, useSendAffiliateInvitation, useSendReviewerMessage, useSession, useShowcaseProjectAPI, useSignInMagicLink, useSignInPasskey, useSignInSSO, useStartRecursiveAudit, useStopTranslationJob, useStripeAPI, useSubmitReview, useSubmitShowcaseProject, useSubscribeToNewsletter, useTagAPI, useToggleShowcaseDownvote, useToggleShowcaseUpvote, useTranslateAPI, useTranslateJSONDeclaration, useTriggerBuild, useTriggerWebhook, useUnlinkAccount, useUnselectOrganization, useUnselectProject, useUnsubscribeFromNewsletter, useUpdateAffiliateStatus, useUpdateAsset, useUpdateDictionary, useUpdateEnvironment, useUpdateMemberAccess, useUpdateMissionStatus, useUpdateOrganization, useUpdateOrganizationMembers, useUpdateOrganizationMembersById, useUpdateProject, useUpdateProjectMembers, useUpdatePromoCode, useUpdateReviewerProfile, useUpdateShowcaseProject, useUpdateTag, useUpdateUser, useUploadAsset, useUploadReviewerCoverPicture, useUploadReviewerMainPicture, useUploadUserAvatar, useUser, useUserAPI, useValidateReviewerProfile, useVerifyBackupCode, useVerifyEmail, useVerifyTotp, useWriteDictionary };

package/dist/esm/api/useIntlayerAPI.mjs

@@ -4,6 +4,7 @@ import { getAuthAPI } from "../libs/auth.mjs";
 import { useAuth } from "./useAuth/useAuth.mjs";
 import { getIntlayerAPI } from "@intlayer/api";
 import { getAiAPI } from "@intlayer/api/ai";
+import { getAssetAPI } from "@intlayer/api/asset";
 import { getAuditAPI } from "@intlayer/api/audit";
 import { getBitbucketAPI } from "@intlayer/api/bitbucket";
 import { getDictionaryAPI } from "@intlayer/api/dictionary";
@@ -122,7 +123,11 @@ const useEnvironmentAPI = (props) => {
 	const { options, resolvedConfig } = useIntlayerOAuthOptions(props);
 	return getEnvironmentAPI(options, resolvedConfig);
 };
+const useAssetAPI = (props) => {
+	const { options, resolvedConfig } = useIntlayerOAuthOptions(props);
+	return getAssetAPI(options, resolvedConfig);
+};
 
 //#endregion
-export { useAiAPI, useAuditAPI, useBitbucketAPI, useDictionaryAPI, useEditorAPI, useEnvironmentAPI, useGithubAPI, useGitlabAPI, useIntlayerAuth, useIntlayerOAuth, useIntlayerOAuthOptions, useNewsletterAPI, useOAuthAPI, useOrganizationAPI, useProjectAPI, useReviewerAPI, useSearchAPI, useShowcaseProjectAPI, useStripeAPI, useTagAPI, useTranslateAPI, useUserAPI };
+export { useAiAPI, useAssetAPI, useAuditAPI, useBitbucketAPI, useDictionaryAPI, useEditorAPI, useEnvironmentAPI, useGithubAPI, useGitlabAPI, useIntlayerAuth, useIntlayerOAuth, useIntlayerOAuthOptions, useNewsletterAPI, useOAuthAPI, useOrganizationAPI, useProjectAPI, useReviewerAPI, useSearchAPI, useShowcaseProjectAPI, useStripeAPI, useTagAPI, useTranslateAPI, useUserAPI };
 //# sourceMappingURL=useIntlayerAPI.mjs.map

package/dist/esm/api/useIntlayerAPI.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIntlayerAPI.mjs","names":["getOAuthAPI"],"sources":["../../../src/api/useIntlayerAPI.ts"],"sourcesContent":["'use client';\n\nimport {\n  type FetcherOptions,\n  getIntlayerAPI,\n  type IntlayerAPI,\n} from '@intlayer/api';\nimport { getAiAPI } from '@intlayer/api/ai';\nimport { getAuditAPI } from '@intlayer/api/audit';\nimport { getBitbucketAPI } from '@intlayer/api/bitbucket';\nimport { getDictionaryAPI } from '@intlayer/api/dictionary';\nimport { getEditorAPI } from '@intlayer/api/editor';\nimport { getEnvironmentAPI } from '@intlayer/api/environment';\nimport { getGithubAPI } from '@intlayer/api/github';\nimport { getGitlabAPI } from '@intlayer/api/gitlab';\nimport { getNewsletterAPI } from '@intlayer/api/newsletter';\nimport { getOAuthAPI } from '@intlayer/api/oAuth';\nimport { getOrganizationAPI } from '@intlayer/api/organization';\nimport { getProjectAPI } from '@intlayer/api/project';\nimport { getReviewerAPI } from '@intlayer/api/reviewer';\nimport { getSearchAPI } from '@intlayer/api/search';\nimport { getShowcaseProjectAPI } from '@intlayer/api/showcaseProject';\nimport { getStripeAPI } from '@intlayer/api/stripe';\nimport { getTagAPI } from '@intlayer/api/tag';\nimport { getTranslateAPI } from '@intlayer/api/translate';\nimport { getUserAPI } from '@intlayer/api/user';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { type AuthAPI, getAuthAPI } from '../libs/auth';\nimport { useAuth } from './useAuth';\n\nexport type UseIntlayerAuthProps = {\n  options?: FetcherOptions;\n  intlayerConfiguration?: IntlayerConfig;\n};\n\nexport const useIntlayerOAuthOptions = (props?: UseIntlayerAuthProps) => {\n  const configuration = useConfiguration();\n  const { oAuth2AccessToken } = useAuth();\n\n  const options = {\n    ...(oAuth2AccessToken && {\n      headers: {\n        Authorization: `Bearer ${oAuth2AccessToken.accessToken}`,\n      },\n    }),\n    ...(props?.options ?? {}),\n  };\n\n  const rawConfig = props?.intlayerConfiguration ?? configuration;\n  // Only use the config if it's fully populated; an empty object (e.g. while\n  // the session is still loading) has no `editor` key and would crash API\n  // getters that do `intlayerConfig.editor.backendURL`.\n  const resolvedConfig = rawConfig?.editor ? rawConfig : undefined;\n\n  return { options, resolvedConfig };\n};\n\nexport const useIntlayerOAuth = (props?: UseIntlayerAuthProps): IntlayerAPI => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getIntlayerAPI(options, resolvedConfig);\n};\n\nexport const useIntlayerAuth = (props?: UseIntlayerAuthProps): AuthAPI => {\n  const configuration = useConfiguration();\n\n  return getAuthAPI(props?.intlayerConfiguration ?? configuration);\n};\n\nexport const useOrganizationAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getOrganizationAPI(options, resolvedConfig);\n};\n\nexport const useProjectAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getProjectAPI(options, resolvedConfig);\n};\n\nexport const useUserAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getUserAPI(options, resolvedConfig);\n};\n\nexport const useOAuthAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getOAuthAPI(options, resolvedConfig);\n};\n\nexport const useDictionaryAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getDictionaryAPI(options, resolvedConfig);\n};\n\nexport const useStripeAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getStripeAPI(options, resolvedConfig);\n};\n\nexport const useAiAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getAiAPI(options, resolvedConfig);\n};\n\nexport const useAuditAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getAuditAPI(options, resolvedConfig);\n};\n\nexport const useTagAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getTagAPI(options, resolvedConfig);\n};\n\nexport const useSearchAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getSearchAPI(options, resolvedConfig);\n};\n\nexport const useEditorAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getEditorAPI(options, resolvedConfig);\n};\n\nexport const useNewsletterAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getNewsletterAPI(options, resolvedConfig);\n};\n\nexport const useGithubAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getGithubAPI(options, resolvedConfig);\n};\n\nexport const useGitlabAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getGitlabAPI(options, resolvedConfig);\n};\n\nexport const useBitbucketAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getBitbucketAPI(options, resolvedConfig);\n};\n\nexport const useShowcaseProjectAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getShowcaseProjectAPI(options, resolvedConfig);\n};\n\nexport const useTranslateAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getTranslateAPI(options, resolvedConfig);\n};\n\nexport const useReviewerAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getReviewerAPI(options, resolvedConfig);\n};\n\nexport const useEnvironmentAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getEnvironmentAPI(options, resolvedConfig);\n};\n"],"mappings":"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"}
+{"version":3,"file":"useIntlayerAPI.mjs","names":["getOAuthAPI"],"sources":["../../../src/api/useIntlayerAPI.ts"],"sourcesContent":["'use client';\n\nimport {\n  type FetcherOptions,\n  getIntlayerAPI,\n  type IntlayerAPI,\n} from '@intlayer/api';\nimport { getAiAPI } from '@intlayer/api/ai';\nimport { getAssetAPI } from '@intlayer/api/asset';\nimport { getAuditAPI } from '@intlayer/api/audit';\nimport { getBitbucketAPI } from '@intlayer/api/bitbucket';\nimport { getDictionaryAPI } from '@intlayer/api/dictionary';\nimport { getEditorAPI } from '@intlayer/api/editor';\nimport { getEnvironmentAPI } from '@intlayer/api/environment';\nimport { getGithubAPI } from '@intlayer/api/github';\nimport { getGitlabAPI } from '@intlayer/api/gitlab';\nimport { getNewsletterAPI } from '@intlayer/api/newsletter';\nimport { getOAuthAPI } from '@intlayer/api/oAuth';\nimport { getOrganizationAPI } from '@intlayer/api/organization';\nimport { getProjectAPI } from '@intlayer/api/project';\nimport { getReviewerAPI } from '@intlayer/api/reviewer';\nimport { getSearchAPI } from '@intlayer/api/search';\nimport { getShowcaseProjectAPI } from '@intlayer/api/showcaseProject';\nimport { getStripeAPI } from '@intlayer/api/stripe';\nimport { getTagAPI } from '@intlayer/api/tag';\nimport { getTranslateAPI } from '@intlayer/api/translate';\nimport { getUserAPI } from '@intlayer/api/user';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport type { IntlayerConfig } from '@intlayer/types/config';\nimport { type AuthAPI, getAuthAPI } from '../libs/auth';\nimport { useAuth } from './useAuth';\n\nexport type UseIntlayerAuthProps = {\n  options?: FetcherOptions;\n  intlayerConfiguration?: IntlayerConfig;\n};\n\nexport const useIntlayerOAuthOptions = (props?: UseIntlayerAuthProps) => {\n  const configuration = useConfiguration();\n  const { oAuth2AccessToken } = useAuth();\n\n  const options = {\n    ...(oAuth2AccessToken && {\n      headers: {\n        Authorization: `Bearer ${oAuth2AccessToken.accessToken}`,\n      },\n    }),\n    ...(props?.options ?? {}),\n  };\n\n  const rawConfig = props?.intlayerConfiguration ?? configuration;\n  // Only use the config if it's fully populated; an empty object (e.g. while\n  // the session is still loading) has no `editor` key and would crash API\n  // getters that do `intlayerConfig.editor.backendURL`.\n  const resolvedConfig = rawConfig?.editor ? rawConfig : undefined;\n\n  return { options, resolvedConfig };\n};\n\nexport const useIntlayerOAuth = (props?: UseIntlayerAuthProps): IntlayerAPI => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getIntlayerAPI(options, resolvedConfig);\n};\n\nexport const useIntlayerAuth = (props?: UseIntlayerAuthProps): AuthAPI => {\n  const configuration = useConfiguration();\n\n  return getAuthAPI(props?.intlayerConfiguration ?? configuration);\n};\n\nexport const useOrganizationAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getOrganizationAPI(options, resolvedConfig);\n};\n\nexport const useProjectAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getProjectAPI(options, resolvedConfig);\n};\n\nexport const useUserAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getUserAPI(options, resolvedConfig);\n};\n\nexport const useOAuthAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getOAuthAPI(options, resolvedConfig);\n};\n\nexport const useDictionaryAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getDictionaryAPI(options, resolvedConfig);\n};\n\nexport const useStripeAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getStripeAPI(options, resolvedConfig);\n};\n\nexport const useAiAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getAiAPI(options, resolvedConfig);\n};\n\nexport const useAuditAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getAuditAPI(options, resolvedConfig);\n};\n\nexport const useTagAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getTagAPI(options, resolvedConfig);\n};\n\nexport const useSearchAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getSearchAPI(options, resolvedConfig);\n};\n\nexport const useEditorAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getEditorAPI(options, resolvedConfig);\n};\n\nexport const useNewsletterAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getNewsletterAPI(options, resolvedConfig);\n};\n\nexport const useGithubAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getGithubAPI(options, resolvedConfig);\n};\n\nexport const useGitlabAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getGitlabAPI(options, resolvedConfig);\n};\n\nexport const useBitbucketAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getBitbucketAPI(options, resolvedConfig);\n};\n\nexport const useShowcaseProjectAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getShowcaseProjectAPI(options, resolvedConfig);\n};\n\nexport const useTranslateAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getTranslateAPI(options, resolvedConfig);\n};\n\nexport const useReviewerAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getReviewerAPI(options, resolvedConfig);\n};\n\nexport const useEnvironmentAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getEnvironmentAPI(options, resolvedConfig);\n};\n\nexport const useAssetAPI = (props?: UseIntlayerAuthProps) => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getAssetAPI(options, resolvedConfig);\n};\n"],"mappings":"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"}

package/dist/esm/components/Command/index.mjs

@@ -8,7 +8,7 @@ import { Command as Command$1 } from "cmdk";
 
 //#region src/components/Command/index.tsx
 const CommandRoot = ({ className, ...props }) => /* @__PURE__ */ jsx(Command$1, {
-	className: cn("flex flex-col overflow-hidden rounded-md", className),
+	className: cn("flex flex-col overflow-hidden rounded-md px-3 py-2", className),
 	...props
 });
 const CommandDialog = ({ children, ...props }) => /* @__PURE__ */ jsx(Dialog, {
@@ -22,10 +22,10 @@ const CommandDialog = ({ children, ...props }) => /* @__PURE__ */ jsx(Dialog, {
 	})
 });
 const CommandInput = ({ className, ...props }) => /* @__PURE__ */ jsxs("div", {
-	className: "flex w-full items-center",
+	className: cn("flex flex-1 items-center gap-2 px-3 py-2", "rounded-2xl supports-[corner-shape:squircle]:rounded-4xl", "bg-neutral-50 dark:bg-neutral-950", "ring-1 ring-neutral-100 dark:ring-neutral-700", "transition-shadow duration-100 focus-within:ring-3 hover:ring-3", className),
 	"cmdk-input-wrapper": "",
-	children: [/* @__PURE__ */ jsx(Search, { className: "mr-2 size-4 shrink-0 opacity-50" }), /* @__PURE__ */ jsx(Command$1.Input, {
-		className: cn("flex w-full rounded-md bg-transparent text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className),
+	children: [/* @__PURE__ */ jsx(Search, { className: "size-4 shrink-0 opacity-50" }), /* @__PURE__ */ jsx(Command$1.Input, {
+		className: "flex-1 bg-transparent text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
 		...props
 	})]
 });
@@ -33,7 +33,7 @@ const CommandList = ({ className, ...props }) => /* @__PURE__ */ jsx(Command$1.L
 	className: cn("max-h-75 overflow-y-auto overflow-x-hidden", className),
 	...props
 });
-const CommandEmpty = (props) => /* @__PURE__ */ jsx(Command$1.Empty, {
+const CommandEmpty$1 = (props) => /* @__PURE__ */ jsx(Command$1.Empty, {
 	className: "py-6 text-center text-sm",
 	...props
 });
@@ -45,7 +45,7 @@ const CommandSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Comman
 	className: cn("-mx-1 h-px bg-border", className),
 	...props
 });
-const CommandItem = ({ className, ...props }) => /* @__PURE__ */ jsx(Command$1.Item, {
+const CommandItem$1 = ({ className, ...props }) => /* @__PURE__ */ jsx(Command$1.Item, {
 	className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50", className),
 	...props
 });
@@ -77,10 +77,10 @@ const Command = {
 	Dialog: CommandDialog,
 	Input: CommandInput,
 	List: CommandList,
-	Empty: CommandEmpty,
+	Empty: CommandEmpty$1,
 	Group: CommandGroup,
 	Separator: CommandSeparator,
-	Item: CommandItem,
+	Item: CommandItem$1,
 	Shortcut: CommandShortcut
 };
 

package/dist/esm/components/Command/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["CommandPrimitive"],"sources":["../../../../src/components/Command/index.tsx"],"sourcesContent":["/* eslint-disable react/no-unknown-property */\n'use client';\n\nimport {\n  Dialog,\n  DialogContent,\n  type DialogProps,\n} from '@radix-ui/react-dialog';\nimport { cn } from '@utils/cn';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\nimport type { ComponentProps, FC, HTMLAttributes } from 'react';\n\nexport const CommandRoot: FC<ComponentProps<typeof CommandPrimitive>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive\n    className={cn('flex flex-col overflow-hidden rounded-md', className)}\n    {...props}\n  />\n);\n\ntype CommandDialogProps = DialogProps;\n\nconst CommandDialog: FC<CommandDialogProps> = ({ children, ...props }) => (\n  <Dialog {...props}>\n    <DialogContent className=\"overflow-hidden p-0\">\n      <CommandRoot className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]_svg]:size-5\">\n        {children}\n      </CommandRoot>\n    </DialogContent>\n  </Dialog>\n);\n\nconst CommandInput: FC<ComponentProps<typeof CommandPrimitive.Input>> = ({\n  className,\n  ...props\n}) => (\n  <div className=\"flex w-full items-center\" cmdk-input-wrapper=\"\">\n    <Search className=\"mr-2 size-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      className={cn(\n        'flex w-full rounded-md bg-transparent text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  </div>\n);\n\nconst CommandList: FC<ComponentProps<typeof CommandPrimitive.List>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.List\n    className={cn('max-h-75 overflow-y-auto overflow-x-hidden', className)}\n    {...props}\n  />\n);\n\nconst CommandEmpty: FC<ComponentProps<typeof CommandPrimitive.Empty>> = (\n  props\n) => <CommandPrimitive.Empty className=\"py-6 text-center text-sm\" {...props} />;\n\nconst CommandGroup: FC<ComponentProps<typeof CommandPrimitive.Group>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.Group\n    className={cn(\n      'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst CommandSeparator: FC<\n  ComponentProps<typeof CommandPrimitive.Separator>\n> = ({ className, ...props }) => (\n  <CommandPrimitive.Separator\n    className={cn('-mx-1 h-px bg-border', className)}\n    {...props}\n  />\n);\n\nconst CommandItem: FC<ComponentProps<typeof CommandPrimitive.Item>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.Item\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst CommandShortcut = ({\n  className,\n  ...props\n}: HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\n        'ml-auto text-muted-foreground text-xs tracking-widest',\n        className\n      )}\n      {...props}\n    />\n  );\n};\n\n/**\n * Usage example:\n * ```jsx\n * <Command>\n *   <Command.Trigger>\n *     <Command.Input placeholder=\"Search...\" />\n *   </Command.Trigger>\n *   <Command.Dialog>\n *     <Command.List>\n *       <Command.Item>Item 1</Command.Item>\n *       <Command.Item>Item 2</Command.Item>\n *       <Command.Item>Item 3</Command.Item>\n *     </Command.List>\n *   </Command.Dialog>\n * </Command>\n * ```\n */\nexport const Command = {\n  ...CommandRoot,\n  Dialog: CommandDialog,\n  Input: CommandInput,\n  List: CommandList,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Separator: CommandSeparator,\n  Item: CommandItem,\n  Shortcut: CommandShortcut,\n};\n"],"mappings":";;;;;;;;;AAaA,MAAa,eAA4D,EACvE,WACA,GAAG,YAEH,oBAACA,WAAD;CACE,WAAW,GAAG,4CAA4C,UAAU;CACpE,GAAI;CACJ;AAKJ,MAAM,iBAAyC,EAAE,UAAU,GAAG,YAC5D,oBAAC,QAAD;CAAQ,GAAI;WACV,oBAAC,eAAD;EAAe,WAAU;YACvB,oBAAC,aAAD;GAAa,WAAU;GACpB;GACW;EACA;CACT;AAGX,MAAM,gBAAmE,EACvE,WACA,GAAG,YAEH,qBAAC,OAAD;CAAK,WAAU;CAA2B,sBAAmB;WAA7D,CACE,oBAAC,QAAD,EAAQ,WAAU,mCAAoC,GACtD,oBAACA,UAAiB,OAAlB;EACE,WAAW,GACT,kJACA,UACD;EACD,GAAI;EACJ,EACE;;AAGR,MAAM,eAAiE,EACrE,WACA,GAAG,YAEH,oBAACA,UAAiB,MAAlB;CACE,WAAW,GAAG,8CAA8C,UAAU;CACtE,GAAI;CACJ;AAGJ,MAAM,gBACJ,UACG,oBAACA,UAAiB,OAAlB;CAAwB,WAAU;CAA2B,GAAI;CAAS;AAE/E,MAAM,gBAAmE,EACvE,WACA,GAAG,YAEH,oBAACA,UAAiB,OAAlB;CACE,WAAW,GACT,0NACA,UACD;CACD,GAAI;CACJ;AAGJ,MAAM,oBAED,EAAE,WAAW,GAAG,YACnB,oBAACA,UAAiB,WAAlB;CACE,WAAW,GAAG,wBAAwB,UAAU;CAChD,GAAI;CACJ;AAGJ,MAAM,eAAiE,EACrE,WACA,GAAG,YAEH,oBAACA,UAAiB,MAAlB;CACE,WAAW,GACT,2PACA,UACD;CACD,GAAI;CACJ;AAGJ,MAAM,mBAAmB,EACvB,WACA,GAAG,YACkC;AACrC,QACE,oBAAC,QAAD;EACE,WAAW,GACT,yDACA,UACD;EACD,GAAI;EACJ;;;;;;;;;;;;;;;;;;;AAqBN,MAAa,UAAU;CACrB,GAAG;CACH,QAAQ;CACR,OAAO;CACP,MAAM;CACN,OAAO;CACP,OAAO;CACP,WAAW;CACX,MAAM;CACN,UAAU;CACX"}
+{"version":3,"file":"index.mjs","names":["CommandPrimitive","CommandEmpty","CommandItem"],"sources":["../../../../src/components/Command/index.tsx"],"sourcesContent":["/* eslint-disable react/no-unknown-property */\n'use client';\n\nimport {\n  Dialog,\n  DialogContent,\n  type DialogProps,\n} from '@radix-ui/react-dialog';\nimport { cn } from '@utils/cn';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\nimport type { ComponentProps, FC, HTMLAttributes } from 'react';\n\nexport const CommandRoot: FC<ComponentProps<typeof CommandPrimitive>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive\n    className={cn(\n      'flex flex-col overflow-hidden rounded-md px-3 py-2',\n      className\n    )}\n    {...props}\n  />\n);\n\ntype CommandDialogProps = DialogProps;\n\nconst CommandDialog: FC<CommandDialogProps> = ({ children, ...props }) => (\n  <Dialog {...props}>\n    <DialogContent className=\"overflow-hidden p-0\">\n      <CommandRoot className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]_svg]:size-5\">\n        {children}\n      </CommandRoot>\n    </DialogContent>\n  </Dialog>\n);\n\nconst CommandInput: FC<ComponentProps<typeof CommandPrimitive.Input>> = ({\n  className,\n  ...props\n}) => (\n  <div\n    className={cn(\n      'flex flex-1 items-center gap-2 px-3 py-2',\n      'rounded-2xl supports-[corner-shape:squircle]:rounded-4xl',\n      'bg-neutral-50 dark:bg-neutral-950',\n      'ring-1 ring-neutral-100 dark:ring-neutral-700',\n      'transition-shadow duration-100 focus-within:ring-3 hover:ring-3',\n      className\n    )}\n    cmdk-input-wrapper=\"\"\n  >\n    <Search className=\"size-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      className=\"flex-1 bg-transparent text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\"\n      {...props}\n    />\n  </div>\n);\n\nconst CommandList: FC<ComponentProps<typeof CommandPrimitive.List>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.List\n    className={cn('max-h-75 overflow-y-auto overflow-x-hidden', className)}\n    {...props}\n  />\n);\n\nconst CommandEmpty: FC<ComponentProps<typeof CommandPrimitive.Empty>> = (\n  props\n) => <CommandPrimitive.Empty className=\"py-6 text-center text-sm\" {...props} />;\n\nconst CommandGroup: FC<ComponentProps<typeof CommandPrimitive.Group>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.Group\n    className={cn(\n      'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst CommandSeparator: FC<\n  ComponentProps<typeof CommandPrimitive.Separator>\n> = ({ className, ...props }) => (\n  <CommandPrimitive.Separator\n    className={cn('-mx-1 h-px bg-border', className)}\n    {...props}\n  />\n);\n\nconst CommandItem: FC<ComponentProps<typeof CommandPrimitive.Item>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.Item\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst CommandShortcut = ({\n  className,\n  ...props\n}: HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\n        'ml-auto text-muted-foreground text-xs tracking-widest',\n        className\n      )}\n      {...props}\n    />\n  );\n};\n\n/**\n * Usage example:\n * ```jsx\n * <Command>\n *   <Command.Trigger>\n *     <Command.Input placeholder=\"Search...\" />\n *   </Command.Trigger>\n *   <Command.Dialog>\n *     <Command.List>\n *       <Command.Item>Item 1</Command.Item>\n *       <Command.Item>Item 2</Command.Item>\n *       <Command.Item>Item 3</Command.Item>\n *     </Command.List>\n *   </Command.Dialog>\n * </Command>\n * ```\n */\nexport const Command = {\n  ...CommandRoot,\n  Dialog: CommandDialog,\n  Input: CommandInput,\n  List: CommandList,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Separator: CommandSeparator,\n  Item: CommandItem,\n  Shortcut: CommandShortcut,\n};\n"],"mappings":";;;;;;;;;AAaA,MAAa,eAA4D,EACvE,WACA,GAAG,YAEH,oBAACA,WAAD;CACE,WAAW,GACT,sDACA,UACD;CACD,GAAI;CACJ;AAKJ,MAAM,iBAAyC,EAAE,UAAU,GAAG,YAC5D,oBAAC,QAAD;CAAQ,GAAI;WACV,oBAAC,eAAD;EAAe,WAAU;YACvB,oBAAC,aAAD;GAAa,WAAU;GACpB;GACW;EACA;CACT;AAGX,MAAM,gBAAmE,EACvE,WACA,GAAG,YAEH,qBAAC,OAAD;CACE,WAAW,GACT,4CACA,4DACA,qCACA,iDACA,mEACA,UACD;CACD,sBAAmB;WATrB,CAWE,oBAAC,QAAD,EAAQ,WAAU,8BAA+B,GACjD,oBAACA,UAAiB,OAAlB;EACE,WAAU;EACV,GAAI;EACJ,EACE;;AAGR,MAAM,eAAiE,EACrE,WACA,GAAG,YAEH,oBAACA,UAAiB,MAAlB;CACE,WAAW,GAAG,8CAA8C,UAAU;CACtE,GAAI;CACJ;AAGJ,MAAMC,kBACJ,UACG,oBAACD,UAAiB,OAAlB;CAAwB,WAAU;CAA2B,GAAI;CAAS;AAE/E,MAAM,gBAAmE,EACvE,WACA,GAAG,YAEH,oBAACA,UAAiB,OAAlB;CACE,WAAW,GACT,0NACA,UACD;CACD,GAAI;CACJ;AAGJ,MAAM,oBAED,EAAE,WAAW,GAAG,YACnB,oBAACA,UAAiB,WAAlB;CACE,WAAW,GAAG,wBAAwB,UAAU;CAChD,GAAI;CACJ;AAGJ,MAAME,iBAAiE,EACrE,WACA,GAAG,YAEH,oBAACF,UAAiB,MAAlB;CACE,WAAW,GACT,2PACA,UACD;CACD,GAAI;CACJ;AAGJ,MAAM,mBAAmB,EACvB,WACA,GAAG,YACkC;AACrC,QACE,oBAAC,QAAD;EACE,WAAW,GACT,yDACA,UACD;EACD,GAAI;EACJ;;;;;;;;;;;;;;;;;;;AAqBN,MAAa,UAAU;CACrB,GAAG;CACH,QAAQ;CACR,OAAO;CACP,MAAM;CACN,OAAOC;CACP,OAAO;CACP,WAAW;CACX,MAAMC;CACN,UAAU;CACX"}

package/dist/esm/components/ContentEditor/ContentEditorTextArea.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import { useUser } from "../../api/useUser/index.mjs";
 import { Button } from "../Button/Button.mjs";
+import { useUser } from "../../api/useUser/index.mjs";
 import { AutoCompleteTextarea } from "../TextArea/AutocompleteTextArea.mjs";
 import { useEffect, useState } from "react";
 import { Check, X } from "lucide-react";

package/dist/esm/components/DictionaryFieldEditor/ContentEditor.mjs

@@ -1,23 +1,50 @@
 'use client';
 
 import { Container } from "../Container/index.mjs";
+import { useGetDictionaries } from "../../api/hooks/dictionary.mjs";
 import { LocaleSwitcherContent } from "../LocaleSwitcherContentDropDown/LocaleSwitcherContent.mjs";
+import { Pagination } from "../Pagination/Pagination.mjs";
 import { TextEditorContainer } from "./ContentEditorView/TextEditor.mjs";
 import { getIsEditableSection } from "./getIsEditableSection.mjs";
 import { KeyPathBreadcrumb } from "./KeyPathBreadcrumb.mjs";
 import { NavigationViewNode } from "./NavigationView/NavigationViewNode.mjs";
-import { useDeferredValue, useEffect, useTransition } from "react";
+import { useCallback, useDeferredValue, useEffect, useMemo, useState, useTransition } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useIntlayer } from "react-intlayer";
 import { useEditedContent, useEditorLocale, useFocusUnmergedDictionary } from "@intlayer/editor-react";
 import { getContentNodeByKeyPath } from "@intlayer/core/dictionaryManipulator";
 
 //#region src/components/DictionaryFieldEditor/ContentEditor.tsx
 const ContentEditor = ({ dictionary, isDarkMode }) => {
-	const { content, key, localId } = dictionary;
+	const { itemPagination, variantSwitcher, metaSwitcher } = useIntlayer("content-editor");
 	const { editedContent } = useEditedContent();
 	const { focusedContent, setFocusedContentKeyPath: _setFocusedContentKeyPath } = useFocusUnmergedDictionary();
 	const [, startTransition] = useTransition();
 	const setFocusedContentKeyPath = (keyPath) => startTransition(() => _setFocusedContentKeyPath(keyPath));
+	const [activeDictionary, setActiveDictionary] = useState(dictionary);
+	useEffect(() => {
+		setActiveDictionary(dictionary);
+	}, [dictionary.localId]);
+	const hasQualifier = dictionary.item !== void 0 || dictionary.variant !== void 0 || dictionary.meta !== void 0;
+	const { data: siblingsData } = useGetDictionaries({ keys: [dictionary.key] }, { enabled: hasQualifier && !!dictionary.key });
+	const allSiblings = useMemo(() => siblingsData?.data ?? [], [siblingsData]);
+	const itemDicts = useMemo(() => {
+		if (dictionary.item === void 0) return [];
+		return allSiblings.filter((d) => d.item !== void 0).sort((a, b) => (a.item ?? 0) - (b.item ?? 0));
+	}, [dictionary, allSiblings]);
+	const variantDicts = useMemo(() => {
+		if (dictionary.variant === void 0) return [];
+		return allSiblings.filter((d) => d.variant !== void 0);
+	}, [dictionary, allSiblings]);
+	const metaDicts = useMemo(() => {
+		if (dictionary.meta === void 0) return [];
+		return allSiblings.filter((d) => d.meta !== void 0);
+	}, [dictionary, allSiblings]);
+	const switchSibling = useCallback((sibling) => {
+		setActiveDictionary(sibling);
+		setFocusedContentKeyPath([]);
+	}, [setFocusedContentKeyPath]);
+	const { content, key, localId } = activeDictionary;
 	const focusedKeyPath = focusedContent?.keyPath;
 	const section = typeof editedContent?.[localId]?.content === "undefined" ? content : editedContent?.[localId]?.content;
 	const currentLocale = useEditorLocale();
@@ -30,39 +57,109 @@ const ContentEditor = ({ dictionary, isDarkMode }) => {
 	useEffect(() => {
 		if (typeof focusedSection === "undefined") setFocusedContentKeyPath(focusedContent?.keyPath?.slice(0, -1) ?? []);
 	}, []);
-	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
-		className: "mb-6 flex items-center justify-between gap-2",
-		children: [/* @__PURE__ */ jsx(KeyPathBreadcrumb, {
-			dictionaryKey: key,
-			keyPath: focusedKeyPath ?? [],
-			onClickKeyPath: setFocusedContentKeyPath
-		}), /* @__PURE__ */ jsx("div", {
-			className: "flex items-center gap-2",
-			children: /* @__PURE__ */ jsx(LocaleSwitcherContent, {})
-		})]
-	}), /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-1 gap-2 overflow-visible max-md:flex-col",
-		children: [typeof section === "object" && section && !isEditableBaseSection && Object.keys(section).length > 0 && /* @__PURE__ */ jsx(Container, {
-			border: true,
-			background: "none",
-			className: "top-10 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]",
-			roundedSize: "2xl",
-			transparency: "xs",
-			children: /* @__PURE__ */ jsx(NavigationViewNode, {
-				keyPath: [],
-				section,
-				dictionary
-			})
-		}), (isEditableFocusedSection || (deferredKeyPath ?? []).length > 0) && /* @__PURE__ */ jsx("div", {
-			className: isStale ? "pointer-events-none flex-1 opacity-50 transition-opacity" : "flex-1 transition-opacity",
-			children: /* @__PURE__ */ jsx(TextEditorContainer, {
-				keyPath: deferredKeyPath ?? [],
-				section: deferredSection,
-				dictionary,
-				isDarkMode
-			})
-		})]
-	})] });
+	const currentItemIndex = itemDicts.findIndex((dictionary) => dictionary.localId === activeDictionary.localId);
+	const currentVariant = activeDictionary.variant;
+	const currentMetaId = activeDictionary.meta?.id;
+	return /* @__PURE__ */ jsxs("div", { children: [
+		hasQualifier && /* @__PURE__ */ jsxs("div", {
+			className: "mb-4 flex flex-wrap items-center gap-4",
+			children: [
+				itemDicts.length > 0 && /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "font-medium text-muted text-xs",
+						children: itemPagination.label
+					}), /* @__PURE__ */ jsx(Pagination, {
+						currentPage: currentItemIndex >= 0 ? currentItemIndex + 1 : 1,
+						totalPages: itemDicts.length,
+						onPageChange: (page) => {
+							const target = itemDicts[page - 1];
+							if (target) switchSibling(target);
+						},
+						size: "sm"
+					})]
+				}),
+				variantDicts.length > 0 && /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsxs("span", {
+							className: "font-medium text-muted text-xs",
+							children: [variantSwitcher.label, ":"]
+						}),
+						variantDicts.map((sibling) => {
+							const isActive = sibling.localId === activeDictionary.localId;
+							return /* @__PURE__ */ jsx("button", {
+								type: "button",
+								onClick: () => !isActive && switchSibling(sibling),
+								className: `rounded-lg px-3 py-1 text-xs transition-colors ${isActive ? "bg-text font-semibold text-text-opposite" : "cursor-pointer border border-border hover:bg-text/10"}`,
+								children: sibling.variant
+							}, sibling.localId);
+						}),
+						currentVariant !== void 0 && !variantDicts.some((d) => d.localId === dictionary.localId) && /* @__PURE__ */ jsx("span", {
+							className: "rounded-lg bg-text px-3 py-1 font-semibold text-text-opposite text-xs",
+							children: currentVariant
+						})
+					]
+				}),
+				metaDicts.length > 0 && /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsxs("span", {
+							className: "font-medium text-muted text-xs",
+							children: [metaSwitcher.label, ":"]
+						}),
+						metaDicts.map((sibling) => {
+							const isActive = sibling.localId === activeDictionary.localId;
+							return /* @__PURE__ */ jsx("button", {
+								type: "button",
+								onClick: () => !isActive && switchSibling(sibling),
+								className: `rounded-lg px-3 py-1 text-xs transition-colors ${isActive ? "bg-text font-semibold text-text-opposite" : "cursor-pointer border border-border hover:bg-text/10"}`,
+								children: sibling.meta?.id
+							}, sibling.localId);
+						}),
+						currentMetaId !== void 0 && !metaDicts.some((d) => d.localId === dictionary.localId) && /* @__PURE__ */ jsx("span", {
+							className: "rounded-lg bg-text px-3 py-1 font-semibold text-text-opposite text-xs",
+							children: currentMetaId
+						})
+					]
+				})
+			]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "mb-6 flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ jsx(KeyPathBreadcrumb, {
+				dictionaryKey: key,
+				keyPath: focusedKeyPath ?? [],
+				onClickKeyPath: setFocusedContentKeyPath
+			}), /* @__PURE__ */ jsx("div", {
+				className: "flex items-center gap-2",
+				children: /* @__PURE__ */ jsx(LocaleSwitcherContent, {})
+			})]
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-1 gap-2 overflow-visible max-md:flex-col",
+			children: [typeof section === "object" && section && !isEditableBaseSection && Object.keys(section).length > 0 && /* @__PURE__ */ jsx(Container, {
+				border: true,
+				background: "none",
+				className: "top-10 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]",
+				roundedSize: "2xl",
+				transparency: "xs",
+				children: /* @__PURE__ */ jsx(NavigationViewNode, {
+					keyPath: [],
+					section,
+					dictionary: activeDictionary
+				})
+			}), (isEditableFocusedSection || (deferredKeyPath ?? []).length > 0) && /* @__PURE__ */ jsx("div", {
+				className: isStale ? "pointer-events-none flex-1 opacity-50 transition-opacity" : "flex-1 transition-opacity",
+				children: /* @__PURE__ */ jsx(TextEditorContainer, {
+					keyPath: deferredKeyPath ?? [],
+					section: deferredSection,
+					dictionary: activeDictionary,
+					isDarkMode
+				})
+			})]
+		})
+	] });
 };
 
 //#endregion

package/dist/esm/components/DictionaryFieldEditor/ContentEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/ContentEditor.tsx"],"sourcesContent":["'use client';\n\nimport { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport {\n  useEditedContent,\n  useEditorLocale,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { Dictionary, LocalDictionaryId } from '@intlayer/types/dictionary';\nimport { type FC, useDeferredValue, useEffect, useTransition } from 'react';\nimport { Container } from '../Container';\nimport { LocaleSwitcherContent } from '../LocaleSwitcherContentDropDown';\nimport { TextEditorContainer } from './ContentEditorView/TextEditor';\nimport { getIsEditableSection } from './getIsEditableSection';\nimport { KeyPathBreadcrumb } from './KeyPathBreadcrumb';\nimport { NavigationViewNode } from './NavigationView/NavigationViewNode';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n  isDarkMode?: boolean;\n};\n\nexport const ContentEditor: FC<NodeEditorProps> = ({\n  dictionary,\n  isDarkMode,\n}) => {\n  const { content, key, localId } = dictionary;\n  const { editedContent } = useEditedContent();\n  const {\n    focusedContent,\n    setFocusedContentKeyPath: _setFocusedContentKeyPath,\n  } = useFocusUnmergedDictionary();\n  const [, startTransition] = useTransition();\n  const setFocusedContentKeyPath: typeof _setFocusedContentKeyPath = (\n    keyPath\n  ) => startTransition(() => _setFocusedContentKeyPath(keyPath));\n\n  const focusedKeyPath = focusedContent?.keyPath;\n  const section =\n    typeof editedContent?.[localId as LocalDictionaryId]?.content ===\n    'undefined'\n      ? content\n      : editedContent?.[localId as LocalDictionaryId]?.content;\n\n  const currentLocale = useEditorLocale();\n  const focusedSection = getContentNodeByKeyPath(\n    section,\n    focusedKeyPath ?? [],\n    currentLocale\n  );\n\n  // Defer the expensive right-panel render so navigation clicks feel instant.\n  // The stale section stays visible while React computes the new one in background.\n  const deferredKeyPath = useDeferredValue(focusedKeyPath);\n  const deferredSection = useDeferredValue(focusedSection);\n  const isStale = deferredSection !== focusedSection;\n\n  const isEditableBaseSection = getIsEditableSection(section);\n  const isEditableFocusedSection = getIsEditableSection(deferredSection);\n\n  useEffect(() => {\n    if (typeof focusedSection === 'undefined') {\n      setFocusedContentKeyPath(focusedContent?.keyPath?.slice(0, -1) ?? []);\n    }\n  }, []);\n\n  return (\n    <div>\n      <div className=\"mb-6 flex items-center justify-between gap-2\">\n        <KeyPathBreadcrumb\n          dictionaryKey={key}\n          keyPath={focusedKeyPath ?? []}\n          onClickKeyPath={setFocusedContentKeyPath}\n        />\n        <div className=\"flex items-center gap-2\">\n          <LocaleSwitcherContent />\n        </div>\n      </div>\n      <div className=\"flex flex-1 gap-2 overflow-visible max-md:flex-col\">\n        {typeof section === 'object' &&\n          section &&\n          !isEditableBaseSection &&\n          Object.keys(section).length > 0 && (\n            <Container\n              border\n              background=\"none\"\n              className=\"top-10 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]\"\n              roundedSize=\"2xl\"\n              transparency=\"xs\"\n            >\n              <NavigationViewNode\n                keyPath={[]}\n                section={section}\n                dictionary={dictionary}\n              />\n            </Container>\n          )}\n        {(isEditableFocusedSection || (deferredKeyPath ?? []).length > 0) && (\n          <div\n            className={\n              isStale\n                ? 'pointer-events-none flex-1 opacity-50 transition-opacity'\n                : 'flex-1 transition-opacity'\n            }\n          >\n            <TextEditorContainer\n              keyPath={deferredKeyPath ?? []}\n              section={deferredSection}\n              dictionary={dictionary}\n              isDarkMode={isDarkMode}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAa,iBAAsC,EACjD,YACA,iBACI;CACJ,MAAM,EAAE,SAAS,KAAK,YAAY;CAClC,MAAM,EAAE,kBAAkB,kBAAkB;CAC5C,MAAM,EACJ,gBACA,0BAA0B,8BACxB,4BAA4B;CAChC,MAAM,GAAG,mBAAmB,eAAe;CAC3C,MAAM,4BACJ,YACG,sBAAsB,0BAA0B,QAAQ,CAAC;CAE9D,MAAM,iBAAiB,gBAAgB;CACvC,MAAM,UACJ,OAAO,gBAAgB,UAA+B,YACtD,cACI,UACA,gBAAgB,UAA+B;CAErD,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,iBAAiB,wBACrB,SACA,kBAAkB,EAAE,EACpB,cACD;CAID,MAAM,kBAAkB,iBAAiB,eAAe;CACxD,MAAM,kBAAkB,iBAAiB,eAAe;CACxD,MAAM,UAAU,oBAAoB;CAEpC,MAAM,wBAAwB,qBAAqB,QAAQ;CAC3D,MAAM,2BAA2B,qBAAqB,gBAAgB;AAEtE,iBAAgB;AACd,MAAI,OAAO,mBAAmB,YAC5B,0BAAyB,gBAAgB,SAAS,MAAM,GAAG,GAAG,IAAI,EAAE,CAAC;IAEtE,EAAE,CAAC;AAEN,QACE,qBAAC,OAAD,aACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,mBAAD;GACE,eAAe;GACf,SAAS,kBAAkB,EAAE;GAC7B,gBAAgB;GAChB,GACF,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,uBAAD,EAAyB;GACrB,EACF;KACN,qBAAC,OAAD;EAAK,WAAU;YAAf,CACG,OAAO,YAAY,YAClB,WACA,CAAC,yBACD,OAAO,KAAK,QAAQ,CAAC,SAAS,KAC5B,oBAAC,WAAD;GACE;GACA,YAAW;GACX,WAAU;GACV,aAAY;GACZ,cAAa;aAEb,oBAAC,oBAAD;IACE,SAAS,EAAE;IACF;IACG;IACZ;GACQ,IAEd,6BAA6B,mBAAmB,EAAE,EAAE,SAAS,MAC7D,oBAAC,OAAD;GACE,WACE,UACI,6DACA;aAGN,oBAAC,qBAAD;IACE,SAAS,mBAAmB,EAAE;IAC9B,SAAS;IACG;IACA;IACZ;GACE,EAEJ;IACF"}
+{"version":3,"file":"ContentEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/ContentEditor.tsx"],"sourcesContent":["'use client';\n\nimport { useGetDictionaries } from '@api/index';\nimport { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport {\n  useEditedContent,\n  useEditorLocale,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { Dictionary, LocalDictionaryId } from '@intlayer/types/dictionary';\nimport {\n  type FC,\n  useCallback,\n  useDeferredValue,\n  useEffect,\n  useMemo,\n  useState,\n  useTransition,\n} from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { Container } from '../Container';\nimport { LocaleSwitcherContent } from '../LocaleSwitcherContentDropDown';\nimport { Pagination } from '../Pagination';\nimport { TextEditorContainer } from './ContentEditorView/TextEditor';\nimport { getIsEditableSection } from './getIsEditableSection';\nimport { KeyPathBreadcrumb } from './KeyPathBreadcrumb';\nimport { NavigationViewNode } from './NavigationView/NavigationViewNode';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n  isDarkMode?: boolean;\n};\n\nexport const ContentEditor: FC<NodeEditorProps> = ({\n  dictionary,\n  isDarkMode,\n}) => {\n  const { itemPagination, variantSwitcher, metaSwitcher } =\n    useIntlayer('content-editor');\n  const { editedContent } = useEditedContent();\n  const {\n    focusedContent,\n    setFocusedContentKeyPath: _setFocusedContentKeyPath,\n  } = useFocusUnmergedDictionary();\n  const [, startTransition] = useTransition();\n  const setFocusedContentKeyPath: typeof _setFocusedContentKeyPath = (\n    keyPath\n  ) => startTransition(() => _setFocusedContentKeyPath(keyPath));\n\n  const [activeDictionary, setActiveDictionary] =\n    useState<Dictionary>(dictionary);\n\n  useEffect(() => {\n    setActiveDictionary(dictionary);\n  }, [dictionary.localId]);\n\n  const hasQualifier =\n    dictionary.item !== undefined ||\n    dictionary.variant !== undefined ||\n    dictionary.meta !== undefined;\n\n  const { data: siblingsData } = useGetDictionaries(\n    { keys: [dictionary.key] },\n    { enabled: hasQualifier && !!dictionary.key }\n  );\n\n  const allSiblings = useMemo<Dictionary[]>(\n    () => (siblingsData?.data ?? []) as unknown as Dictionary[],\n    [siblingsData]\n  );\n\n  const itemDicts = useMemo<Dictionary[]>(() => {\n    if (dictionary.item === undefined) return [];\n    return allSiblings\n      .filter((d) => d.item !== undefined)\n      .sort((a, b) => (a.item ?? 0) - (b.item ?? 0));\n  }, [dictionary, allSiblings]);\n\n  const variantDicts = useMemo<Dictionary[]>(() => {\n    if (dictionary.variant === undefined) return [];\n    return allSiblings.filter((d) => d.variant !== undefined);\n  }, [dictionary, allSiblings]);\n\n  const metaDicts = useMemo<Dictionary[]>(() => {\n    if (dictionary.meta === undefined) return [];\n    return allSiblings.filter((d) => d.meta !== undefined);\n  }, [dictionary, allSiblings]);\n\n  const switchSibling = useCallback(\n    (sibling: Dictionary) => {\n      setActiveDictionary(sibling);\n      setFocusedContentKeyPath([]);\n    },\n    [setFocusedContentKeyPath]\n  );\n\n  const { content, key, localId } = activeDictionary;\n  const focusedKeyPath = focusedContent?.keyPath;\n  const section =\n    typeof editedContent?.[localId as LocalDictionaryId]?.content ===\n    'undefined'\n      ? content\n      : editedContent?.[localId as LocalDictionaryId]?.content;\n\n  const currentLocale = useEditorLocale();\n  const focusedSection = getContentNodeByKeyPath(\n    section,\n    focusedKeyPath ?? [],\n    currentLocale\n  );\n\n  const deferredKeyPath = useDeferredValue(focusedKeyPath);\n  const deferredSection = useDeferredValue(focusedSection);\n  const isStale = deferredSection !== focusedSection;\n\n  const isEditableBaseSection = getIsEditableSection(section);\n  const isEditableFocusedSection = getIsEditableSection(deferredSection);\n\n  useEffect(() => {\n    if (typeof focusedSection === 'undefined') {\n      setFocusedContentKeyPath(focusedContent?.keyPath?.slice(0, -1) ?? []);\n    }\n  }, []);\n\n  const currentItemIndex = itemDicts.findIndex(\n    (dictionary) => dictionary.localId === activeDictionary.localId\n  );\n  const currentVariant = activeDictionary.variant;\n  const currentMetaId = activeDictionary.meta?.id;\n\n  return (\n    <div>\n      {/* Qualifier navigation controls */}\n      {hasQualifier && (\n        <div className=\"mb-4 flex flex-wrap items-center gap-4\">\n          {itemDicts.length > 0 && (\n            <div className=\"flex items-center gap-2\">\n              <span className=\"font-medium text-muted text-xs\">\n                {itemPagination.label}\n              </span>\n              <Pagination\n                currentPage={currentItemIndex >= 0 ? currentItemIndex + 1 : 1}\n                totalPages={itemDicts.length}\n                onPageChange={(page) => {\n                  const target = itemDicts[page - 1];\n                  if (target) switchSibling(target);\n                }}\n                size=\"sm\"\n              />\n            </div>\n          )}\n\n          {variantDicts.length > 0 && (\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"font-medium text-muted text-xs\">\n                {variantSwitcher.label}:\n              </span>\n              {variantDicts.map((sibling) => {\n                const isActive = sibling.localId === activeDictionary.localId;\n                return (\n                  <button\n                    key={sibling.localId}\n                    type=\"button\"\n                    onClick={() => !isActive && switchSibling(sibling)}\n                    className={`rounded-lg px-3 py-1 text-xs transition-colors ${\n                      isActive\n                        ? 'bg-text font-semibold text-text-opposite'\n                        : 'cursor-pointer border border-border hover:bg-text/10'\n                    }`}\n                  >\n                    {sibling.variant}\n                  </button>\n                );\n              })}\n              {currentVariant !== undefined &&\n                !variantDicts.some((d) => d.localId === dictionary.localId) && (\n                  <span className=\"rounded-lg bg-text px-3 py-1 font-semibold text-text-opposite text-xs\">\n                    {currentVariant}\n                  </span>\n                )}\n            </div>\n          )}\n\n          {metaDicts.length > 0 && (\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"font-medium text-muted text-xs\">\n                {metaSwitcher.label}:\n              </span>\n              {metaDicts.map((sibling) => {\n                const isActive = sibling.localId === activeDictionary.localId;\n                return (\n                  <button\n                    key={sibling.localId}\n                    type=\"button\"\n                    onClick={() => !isActive && switchSibling(sibling)}\n                    className={`rounded-lg px-3 py-1 text-xs transition-colors ${\n                      isActive\n                        ? 'bg-text font-semibold text-text-opposite'\n                        : 'cursor-pointer border border-border hover:bg-text/10'\n                    }`}\n                  >\n                    {sibling.meta?.id}\n                  </button>\n                );\n              })}\n              {currentMetaId !== undefined &&\n                !metaDicts.some((d) => d.localId === dictionary.localId) && (\n                  <span className=\"rounded-lg bg-text px-3 py-1 font-semibold text-text-opposite text-xs\">\n                    {currentMetaId}\n                  </span>\n                )}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div className=\"mb-6 flex items-center justify-between gap-2\">\n        <KeyPathBreadcrumb\n          dictionaryKey={key}\n          keyPath={focusedKeyPath ?? []}\n          onClickKeyPath={setFocusedContentKeyPath}\n        />\n        <div className=\"flex items-center gap-2\">\n          <LocaleSwitcherContent />\n        </div>\n      </div>\n      <div className=\"flex flex-1 gap-2 overflow-visible max-md:flex-col\">\n        {typeof section === 'object' &&\n          section &&\n          !isEditableBaseSection &&\n          Object.keys(section).length > 0 && (\n            <Container\n              border\n              background=\"none\"\n              className=\"top-10 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]\"\n              roundedSize=\"2xl\"\n              transparency=\"xs\"\n            >\n              <NavigationViewNode\n                keyPath={[]}\n                section={section}\n                dictionary={activeDictionary}\n              />\n            </Container>\n          )}\n        {(isEditableFocusedSection || (deferredKeyPath ?? []).length > 0) && (\n          <div\n            className={\n              isStale\n                ? 'pointer-events-none flex-1 opacity-50 transition-opacity'\n                : 'flex-1 transition-opacity'\n            }\n          >\n            <TextEditorContainer\n              keyPath={deferredKeyPath ?? []}\n              section={deferredSection}\n              dictionary={activeDictionary}\n              isDarkMode={isDarkMode}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}