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

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

@@ -80,7 +80,11 @@ const usePushDictionaries = () => {
 	return useMutation({
 		mutationKey: ["dictionaries"],
 		mutationFn: (args) => dictionaryAPI.pushDictionaries(args.dictionaries),
-		meta: { invalidateQueries: [["dictionaries"], ["dictionariesKeys"]] }
+		meta: { invalidateQueries: [
+			["dictionaries"],
+			["dictionary"],
+			["dictionariesKeys"]
+		] }
 	});
 };
 const useUpdateDictionary = () => {
@@ -88,7 +92,11 @@ const useUpdateDictionary = () => {
 	return useMutation({
 		mutationKey: ["dictionaries"],
 		mutationFn: (args) => dictionaryAPI.updateDictionary(args),
-		meta: { invalidateQueries: [["dictionaries"], ["dictionariesKeys"]] }
+		meta: { invalidateQueries: [
+			["dictionaries"],
+			["dictionary"],
+			["dictionariesKeys"]
+		] }
 	});
 };
 const useDeleteDictionary = () => {
@@ -96,7 +104,11 @@ const useDeleteDictionary = () => {
 	return useMutation({
 		mutationKey: ["dictionaries"],
 		mutationFn: (args) => dictionaryAPI.deleteDictionary(args.dictionaryId),
-		meta: { invalidateQueries: [["dictionaries"], ["dictionariesKeys"]] }
+		meta: { invalidateQueries: [
+			["dictionaries"],
+			["dictionary"],
+			["dictionariesKeys"]
+		] }
 	});
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"dictionary.mjs","names":[],"sources":["../../../../src/api/hooks/dictionary.ts"],"sourcesContent":["'use client';\n\nimport type {\n  AddDictionaryBody,\n  DeleteDictionaryParam,\n  GetDictionariesParams,\n  GetDictionaryParams,\n  GetDictionaryQuery,\n  PushDictionariesBody,\n  UpdateDictionaryBody,\n} from '@intlayer/backend';\nimport {\n  type UseQueryOptions,\n  useInfiniteQuery,\n  useMutation,\n} from '@tanstack/react-query';\nimport { useDictionaryAPI } from '../useIntlayerAPI';\nimport { useAppQuery, useAuthEnable } from './utils';\n\nexport const useGetDictionaries = (\n  filters?: GetDictionariesParams,\n  options?: Partial<UseQueryOptions>\n) => {\n  const dictionaryAPI = useDictionaryAPI();\n\n  return useAppQuery({\n    queryKey: ['dictionaries', filters],\n    queryFn: ({ signal }) => dictionaryAPI.getDictionaries(filters, { signal }),\n    // placeholderData: keepPreviousData,\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n    ...options,\n  });\n};\n\nexport const useInfiniteGetDictionaries = (\n  filters?: Omit<GetDictionariesParams, 'page'>,\n  options?: Partial<UseQueryOptions>\n) => {\n  const dictionaryAPI = useDictionaryAPI();\n  const { enable } = useAuthEnable({\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n  });\n\n  return useInfiniteQuery({\n    queryKey: ['dictionaries', 'infinite', filters],\n    queryFn: async ({ pageParam = 1, signal }) => {\n      const res = await dictionaryAPI.getDictionaries(\n        { ...filters, page: pageParam },\n        { signal }\n      );\n      return res;\n    },\n    getNextPageParam: (lastPage) => {\n      if (lastPage.data.length === 0) return undefined;\n      const currentPage = lastPage.page ?? 1;\n      const totalPages = lastPage.total_pages ?? 1;\n      return currentPage < totalPages ? currentPage + 1 : undefined;\n    },\n    initialPageParam: 1,\n    enabled: options?.enabled === false ? false : enable,\n    ...options,\n  });\n};\n\nexport const useGetDictionariesKeys = (options?: Partial<UseQueryOptions>) => {\n  const dictionaryAPI = useDictionaryAPI();\n\n  return useAppQuery({\n    queryKey: ['dictionariesKeys'],\n    queryFn: () => dictionaryAPI.getDictionariesKeys(),\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n    ...options,\n  });\n};\n\nexport const useGetDictionary = (\n  dictionaryKey: GetDictionaryParams['dictionaryKey'],\n  version?: GetDictionaryQuery['version'],\n  options?: Partial<UseQueryOptions>\n) => {\n  const dictionaryAPI = useDictionaryAPI();\n\n  return useAppQuery({\n    queryKey: ['dictionary', dictionaryKey],\n    queryFn: ({ signal }) =>\n      dictionaryAPI.getDictionary(dictionaryKey, version, {\n        signal,\n      }),\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n    ...options,\n  });\n};\n\nexport const useAddDictionary = () => {\n  const dictionaryAPI = useDictionaryAPI();\n\n  return useMutation({\n    mutationKey: ['dictionaries'],\n    mutationFn: (args: AddDictionaryBody) => dictionaryAPI.addDictionary(args),\n    meta: {\n      invalidateQueries: [['dictionaries'], ['dictionariesKeys']],\n    },\n  });\n};\n\nexport const usePushDictionaries = () => {\n  const dictionaryAPI = useDictionaryAPI();\n\n  return useMutation({\n    mutationKey: ['dictionaries'],\n    mutationFn: (args: PushDictionariesBody) =>\n      dictionaryAPI.pushDictionaries(args.dictionaries),\n    meta: {\n      invalidateQueries: [['dictionaries'], ['dictionariesKeys']],\n    },\n  });\n};\n\nexport const useUpdateDictionary = () => {\n  const dictionaryAPI = useDictionaryAPI();\n\n  return useMutation({\n    mutationKey: ['dictionaries'],\n    mutationFn: (args: UpdateDictionaryBody) =>\n      dictionaryAPI.updateDictionary(args),\n    meta: {\n      invalidateQueries: [['dictionaries'], ['dictionariesKeys']],\n    },\n  });\n};\n\nexport const useDeleteDictionary = () => {\n  const dictionaryAPI = useDictionaryAPI();\n\n  return useMutation({\n    mutationKey: ['dictionaries'],\n    mutationFn: (args: DeleteDictionaryParam) =>\n      dictionaryAPI.deleteDictionary(args.dictionaryId),\n    meta: {\n      invalidateQueries: [['dictionaries'], ['dictionariesKeys']],\n    },\n  });\n};\n"],"mappings":";;;;;;;AAmBA,MAAa,sBACX,SACA,YACG;CACH,MAAM,gBAAgB,kBAAkB;AAExC,QAAO,YAAY;EACjB,UAAU,CAAC,gBAAgB,QAAQ;EACnC,UAAU,EAAE,aAAa,cAAc,gBAAgB,SAAS,EAAE,QAAQ,CAAC;EAE3E,aAAa;EACb,qBAAqB;EACrB,gBAAgB;EAChB,GAAG;EACJ,CAAC;;AAGJ,MAAa,8BACX,SACA,YACG;CACH,MAAM,gBAAgB,kBAAkB;CACxC,MAAM,EAAE,WAAW,cAAc;EAC/B,aAAa;EACb,qBAAqB;EACrB,gBAAgB;EACjB,CAAC;AAEF,QAAO,iBAAiB;EACtB,UAAU;GAAC;GAAgB;GAAY;GAAQ;EAC/C,SAAS,OAAO,EAAE,YAAY,GAAG,aAAa;AAK5C,UAAO,MAJW,cAAc,gBAC9B;IAAE,GAAG;IAAS,MAAM;IAAW,EAC/B,EAAE,QAAQ,CACX;;EAGH,mBAAmB,aAAa;AAC9B,OAAI,SAAS,KAAK,WAAW,EAAG,QAAO;GACvC,MAAM,cAAc,SAAS,QAAQ;AAErC,UAAO,eADY,SAAS,eAAe,KACT,cAAc,IAAI;;EAEtD,kBAAkB;EAClB,SAAS,SAAS,YAAY,QAAQ,QAAQ;EAC9C,GAAG;EACJ,CAAC;;AAGJ,MAAa,0BAA0B,YAAuC;CAC5E,MAAM,gBAAgB,kBAAkB;AAExC,QAAO,YAAY;EACjB,UAAU,CAAC,mBAAmB;EAC9B,eAAe,cAAc,qBAAqB;EAClD,aAAa;EACb,qBAAqB;EACrB,gBAAgB;EAChB,GAAG;EACJ,CAAC;;AAGJ,MAAa,oBACX,eACA,SACA,YACG;CACH,MAAM,gBAAgB,kBAAkB;AAExC,QAAO,YAAY;EACjB,UAAU,CAAC,cAAc,cAAc;EACvC,UAAU,EAAE,aACV,cAAc,cAAc,eAAe,SAAS,EAClD,QACD,CAAC;EACJ,aAAa;EACb,qBAAqB;EACrB,gBAAgB;EAChB,GAAG;EACJ,CAAC;;AAGJ,MAAa,yBAAyB;CACpC,MAAM,gBAAgB,kBAAkB;AAExC,QAAO,YAAY;EACjB,aAAa,CAAC,eAAe;EAC7B,aAAa,SAA4B,cAAc,cAAc,KAAK;EAC1E,MAAM,EACJ,mBAAmB,CAAC,CAAC,eAAe,EAAE,CAAC,mBAAmB,CAAC,EAC5D;EACF,CAAC;;AAGJ,MAAa,4BAA4B;CACvC,MAAM,gBAAgB,kBAAkB;AAExC,QAAO,YAAY;EACjB,aAAa,CAAC,eAAe;EAC7B,aAAa,SACX,cAAc,iBAAiB,KAAK,aAAa;EACnD,MAAM,EACJ,mBAAmB,CAAC,CAAC,eAAe,EAAE,CAAC,mBAAmB,CAAC,EAC5D;EACF,CAAC;;AAGJ,MAAa,4BAA4B;CACvC,MAAM,gBAAgB,kBAAkB;AAExC,QAAO,YAAY;EACjB,aAAa,CAAC,eAAe;EAC7B,aAAa,SACX,cAAc,iBAAiB,KAAK;EACtC,MAAM,EACJ,mBAAmB,CAAC,CAAC,eAAe,EAAE,CAAC,mBAAmB,CAAC,EAC5D;EACF,CAAC;;AAGJ,MAAa,4BAA4B;CACvC,MAAM,gBAAgB,kBAAkB;AAExC,QAAO,YAAY;EACjB,aAAa,CAAC,eAAe;EAC7B,aAAa,SACX,cAAc,iBAAiB,KAAK,aAAa;EACnD,MAAM,EACJ,mBAAmB,CAAC,CAAC,eAAe,EAAE,CAAC,mBAAmB,CAAC,EAC5D;EACF,CAAC"}
+{"version":3,"file":"dictionary.mjs","names":[],"sources":["../../../../src/api/hooks/dictionary.ts"],"sourcesContent":["'use client';\n\nimport type {\n  AddDictionaryBody,\n  DeleteDictionaryParam,\n  GetDictionariesParams,\n  GetDictionaryParams,\n  GetDictionaryQuery,\n  PushDictionariesBody,\n  UpdateDictionaryBody,\n} from '@intlayer/backend';\nimport {\n  type UseQueryOptions,\n  useInfiniteQuery,\n  useMutation,\n} from '@tanstack/react-query';\nimport { useDictionaryAPI } from '../useIntlayerAPI';\nimport { useAppQuery, useAuthEnable } from './utils';\n\nexport const useGetDictionaries = (\n  filters?: GetDictionariesParams,\n  options?: Partial<UseQueryOptions>\n) => {\n  const dictionaryAPI = useDictionaryAPI();\n\n  return useAppQuery({\n    queryKey: ['dictionaries', filters],\n    queryFn: ({ signal }) => dictionaryAPI.getDictionaries(filters, { signal }),\n    // placeholderData: keepPreviousData,\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n    ...options,\n  });\n};\n\nexport const useInfiniteGetDictionaries = (\n  filters?: Omit<GetDictionariesParams, 'page'>,\n  options?: Partial<UseQueryOptions>\n) => {\n  const dictionaryAPI = useDictionaryAPI();\n  const { enable } = useAuthEnable({\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n  });\n\n  return useInfiniteQuery({\n    queryKey: ['dictionaries', 'infinite', filters],\n    queryFn: async ({ pageParam = 1, signal }) => {\n      const res = await dictionaryAPI.getDictionaries(\n        { ...filters, page: pageParam },\n        { signal }\n      );\n      return res;\n    },\n    getNextPageParam: (lastPage) => {\n      if (lastPage.data.length === 0) return undefined;\n      const currentPage = lastPage.page ?? 1;\n      const totalPages = lastPage.total_pages ?? 1;\n      return currentPage < totalPages ? currentPage + 1 : undefined;\n    },\n    initialPageParam: 1,\n    enabled: options?.enabled === false ? false : enable,\n    ...options,\n  });\n};\n\nexport const useGetDictionariesKeys = (options?: Partial<UseQueryOptions>) => {\n  const dictionaryAPI = useDictionaryAPI();\n\n  return useAppQuery({\n    queryKey: ['dictionariesKeys'],\n    queryFn: () => dictionaryAPI.getDictionariesKeys(),\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n    ...options,\n  });\n};\n\nexport const useGetDictionary = (\n  dictionaryKey: GetDictionaryParams['dictionaryKey'],\n  version?: GetDictionaryQuery['version'],\n  options?: Partial<UseQueryOptions>\n) => {\n  const dictionaryAPI = useDictionaryAPI();\n\n  return useAppQuery({\n    queryKey: ['dictionary', dictionaryKey],\n    queryFn: ({ signal }) =>\n      dictionaryAPI.getDictionary(dictionaryKey, version, {\n        signal,\n      }),\n    requireUser: true,\n    requireOrganization: true,\n    requireProject: true,\n    ...options,\n  });\n};\n\nexport const useAddDictionary = () => {\n  const dictionaryAPI = useDictionaryAPI();\n\n  return useMutation({\n    mutationKey: ['dictionaries'],\n    mutationFn: (args: AddDictionaryBody) => dictionaryAPI.addDictionary(args),\n    meta: {\n      invalidateQueries: [['dictionaries'], ['dictionariesKeys']],\n    },\n  });\n};\n\nexport const usePushDictionaries = () => {\n  const dictionaryAPI = useDictionaryAPI();\n\n  return useMutation({\n    mutationKey: ['dictionaries'],\n    mutationFn: (args: PushDictionariesBody) =>\n      dictionaryAPI.pushDictionaries(args.dictionaries),\n    meta: {\n      invalidateQueries: [\n        ['dictionaries'],\n        ['dictionary'],\n        ['dictionariesKeys'],\n      ],\n    },\n  });\n};\n\nexport const useUpdateDictionary = () => {\n  const dictionaryAPI = useDictionaryAPI();\n\n  return useMutation({\n    mutationKey: ['dictionaries'],\n    mutationFn: (args: UpdateDictionaryBody) =>\n      dictionaryAPI.updateDictionary(args),\n    meta: {\n      invalidateQueries: [\n        ['dictionaries'],\n        ['dictionary'],\n        ['dictionariesKeys'],\n      ],\n    },\n  });\n};\n\nexport const useDeleteDictionary = () => {\n  const dictionaryAPI = useDictionaryAPI();\n\n  return useMutation({\n    mutationKey: ['dictionaries'],\n    mutationFn: (args: DeleteDictionaryParam) =>\n      dictionaryAPI.deleteDictionary(args.dictionaryId),\n    meta: {\n      invalidateQueries: [\n        ['dictionaries'],\n        ['dictionary'],\n        ['dictionariesKeys'],\n      ],\n    },\n  });\n};\n"],"mappings":";;;;;;;AAmBA,MAAa,sBACX,SACA,YACG;CACH,MAAM,gBAAgB,kBAAkB;AAExC,QAAO,YAAY;EACjB,UAAU,CAAC,gBAAgB,QAAQ;EACnC,UAAU,EAAE,aAAa,cAAc,gBAAgB,SAAS,EAAE,QAAQ,CAAC;EAE3E,aAAa;EACb,qBAAqB;EACrB,gBAAgB;EAChB,GAAG;EACJ,CAAC;;AAGJ,MAAa,8BACX,SACA,YACG;CACH,MAAM,gBAAgB,kBAAkB;CACxC,MAAM,EAAE,WAAW,cAAc;EAC/B,aAAa;EACb,qBAAqB;EACrB,gBAAgB;EACjB,CAAC;AAEF,QAAO,iBAAiB;EACtB,UAAU;GAAC;GAAgB;GAAY;GAAQ;EAC/C,SAAS,OAAO,EAAE,YAAY,GAAG,aAAa;AAK5C,UAAO,MAJW,cAAc,gBAC9B;IAAE,GAAG;IAAS,MAAM;IAAW,EAC/B,EAAE,QAAQ,CACX;;EAGH,mBAAmB,aAAa;AAC9B,OAAI,SAAS,KAAK,WAAW,EAAG,QAAO;GACvC,MAAM,cAAc,SAAS,QAAQ;AAErC,UAAO,eADY,SAAS,eAAe,KACT,cAAc,IAAI;;EAEtD,kBAAkB;EAClB,SAAS,SAAS,YAAY,QAAQ,QAAQ;EAC9C,GAAG;EACJ,CAAC;;AAGJ,MAAa,0BAA0B,YAAuC;CAC5E,MAAM,gBAAgB,kBAAkB;AAExC,QAAO,YAAY;EACjB,UAAU,CAAC,mBAAmB;EAC9B,eAAe,cAAc,qBAAqB;EAClD,aAAa;EACb,qBAAqB;EACrB,gBAAgB;EAChB,GAAG;EACJ,CAAC;;AAGJ,MAAa,oBACX,eACA,SACA,YACG;CACH,MAAM,gBAAgB,kBAAkB;AAExC,QAAO,YAAY;EACjB,UAAU,CAAC,cAAc,cAAc;EACvC,UAAU,EAAE,aACV,cAAc,cAAc,eAAe,SAAS,EAClD,QACD,CAAC;EACJ,aAAa;EACb,qBAAqB;EACrB,gBAAgB;EAChB,GAAG;EACJ,CAAC;;AAGJ,MAAa,yBAAyB;CACpC,MAAM,gBAAgB,kBAAkB;AAExC,QAAO,YAAY;EACjB,aAAa,CAAC,eAAe;EAC7B,aAAa,SAA4B,cAAc,cAAc,KAAK;EAC1E,MAAM,EACJ,mBAAmB,CAAC,CAAC,eAAe,EAAE,CAAC,mBAAmB,CAAC,EAC5D;EACF,CAAC;;AAGJ,MAAa,4BAA4B;CACvC,MAAM,gBAAgB,kBAAkB;AAExC,QAAO,YAAY;EACjB,aAAa,CAAC,eAAe;EAC7B,aAAa,SACX,cAAc,iBAAiB,KAAK,aAAa;EACnD,MAAM,EACJ,mBAAmB;GACjB,CAAC,eAAe;GAChB,CAAC,aAAa;GACd,CAAC,mBAAmB;GACrB,EACF;EACF,CAAC;;AAGJ,MAAa,4BAA4B;CACvC,MAAM,gBAAgB,kBAAkB;AAExC,QAAO,YAAY;EACjB,aAAa,CAAC,eAAe;EAC7B,aAAa,SACX,cAAc,iBAAiB,KAAK;EACtC,MAAM,EACJ,mBAAmB;GACjB,CAAC,eAAe;GAChB,CAAC,aAAa;GACd,CAAC,mBAAmB;GACrB,EACF;EACF,CAAC;;AAGJ,MAAa,4BAA4B;CACvC,MAAM,gBAAgB,kBAAkB;AAExC,QAAO,YAAY;EACjB,aAAa,CAAC,eAAe;EAC7B,aAAa,SACX,cAAc,iBAAiB,KAAK,aAAa;EACnD,MAAM,EACJ,mBAAmB;GACjB,CAAC,eAAe;GAChB,CAAC,aAAa;GACd,CAAC,mBAAmB;GACrB,EACF;EACF,CAAC"}

package/dist/esm/api/useAuth/useOAuth2.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import { editor } from "@intlayer/config/built";
 import { useQuery } from "@tanstack/react-query";
+import { editor } from "@intlayer/config/built";
 import { getOAuthAPI } from "@intlayer/api";
 import { useConfiguration } from "@intlayer/editor-react";
 import { defu } from "defu";

package/dist/esm/api/useAuth/useSession.mjs

@@ -1,8 +1,8 @@
 'use client';
 
 import { getAuthAPI } from "../../libs/auth.mjs";
-import { editor } from "@intlayer/config/built";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { editor } from "@intlayer/config/built";
 import { useConfiguration } from "@intlayer/editor-react";
 
 //#region src/api/useAuth/useSession.ts

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 { 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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"}
+{"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 = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getOrganizationAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getOrganizationAPI(options, resolvedConfig);\n};\n\nexport const useProjectAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getProjectAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getProjectAPI(options, resolvedConfig);\n};\n\nexport const useUserAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getUserAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getUserAPI(options, resolvedConfig);\n};\n\nexport const useOAuthAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getOAuthAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getOAuthAPI(options, resolvedConfig);\n};\n\nexport const useDictionaryAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getDictionaryAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getDictionaryAPI(options, resolvedConfig);\n};\n\nexport const useStripeAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getStripeAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getStripeAPI(options, resolvedConfig);\n};\n\nexport const useAiAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getAiAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getAiAPI(options, resolvedConfig);\n};\n\nexport const useAuditAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getAuditAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getAuditAPI(options, resolvedConfig);\n};\n\nexport const useTagAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getTagAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getTagAPI(options, resolvedConfig);\n};\n\nexport const useSearchAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getSearchAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getSearchAPI(options, resolvedConfig);\n};\n\nexport const useEditorAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getEditorAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getEditorAPI(options, resolvedConfig);\n};\n\nexport const useNewsletterAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getNewsletterAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getNewsletterAPI(options, resolvedConfig);\n};\n\nexport const useGithubAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getGithubAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getGithubAPI(options, resolvedConfig);\n};\n\nexport const useGitlabAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getGitlabAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getGitlabAPI(options, resolvedConfig);\n};\n\nexport const useBitbucketAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getBitbucketAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getBitbucketAPI(options, resolvedConfig);\n};\n\nexport const useShowcaseProjectAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getShowcaseProjectAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getShowcaseProjectAPI(options, resolvedConfig);\n};\n\nexport const useTranslateAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getTranslateAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getTranslateAPI(options, resolvedConfig);\n};\n\nexport const useReviewerAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getReviewerAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getReviewerAPI(options, resolvedConfig);\n};\n\nexport const useEnvironmentAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getEnvironmentAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getEnvironmentAPI(options, resolvedConfig);\n};\n\nexport const useAssetAPI = (\n  props?: UseIntlayerAuthProps\n): ReturnType<typeof getAssetAPI> => {\n  const { options, resolvedConfig } = useIntlayerOAuthOptions(props);\n  return getAssetAPI(options, resolvedConfig);\n};\n"],"mappings":"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"}

package/dist/esm/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx"],"sourcesContent":["import type { MarkdownContent } from '@intlayer/core/transpiler';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\n\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype MarkdownWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: MarkdownContent<ContentNode>;\n};\n\nexport const MarkdownWrapper: FC<MarkdownWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeTypes.MARKDOWN,\n    },\n  ];\n\n  const subSection = section[NodeTypes.MARKDOWN] as ContentNode;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAYA,MAAa,mBAA6C,UAAU;CAClE,MAAM,EAAE,SAAS,YAAY;CAE7B,MAAM,aAAwB,CAC5B,GAAG,SACH,EACE,MAAM,UAAU,UACjB,CACF;CAED,MAAM,aAAa,QAAQ,UAAU;AAErC,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,aAAD;GAAa,GAAI;GAAO,SAAS;GAAY,SAAS;GAAc;EAChE"}
+{"version":3,"file":"MarkdownWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx"],"sourcesContent":["import type { MarkdownContent } from '@intlayer/core/transpiler';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype MarkdownWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: MarkdownContent<ContentNode>;\n};\n\nexport const MarkdownWrapper: FC<MarkdownWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeTypes.MARKDOWN,\n    },\n  ];\n\n  const subSection = section[NodeTypes.MARKDOWN] as ContentNode;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAWA,MAAa,mBAA6C,UAAU;CAClE,MAAM,EAAE,SAAS,YAAY;CAE7B,MAAM,aAAwB,CAC5B,GAAG,SACH,EACE,MAAM,UAAU,UACjB,CACF;CAED,MAAM,aAAa,QAAQ,UAAU;AAErC,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,aAAD;GAAa,GAAI;GAAO,SAAS;GAAY,SAAS;GAAc;EAChE"}

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

@@ -15,8 +15,10 @@ import { useEditedContent, useEditorLocale, useFocusUnmergedDictionary } from "@
 import { getContentNodeByKeyPath } from "@intlayer/core/dictionaryManipulator";
 
 //#region src/components/DictionaryFieldEditor/ContentEditor.tsx
+/** Render a variant (named string or structured object) for display. */
+const formatVariant = (variant) => variant !== null && typeof variant === "object" ? JSON.stringify(variant) : variant ?? "";
 const ContentEditor = ({ dictionary, isDarkMode }) => {
-	const { itemPagination, variantSwitcher, metaSwitcher } = useIntlayer("content-editor");
+	const { itemPagination, variantSwitcher } = useIntlayer("content-editor");
 	const { editedContent } = useEditedContent();
 	const { focusedContent, setFocusedContentKeyPath: _setFocusedContentKeyPath } = useFocusUnmergedDictionary();
 	const [, startTransition] = useTransition();
@@ -24,8 +26,8 @@ const ContentEditor = ({ dictionary, isDarkMode }) => {
 	const [activeDictionary, setActiveDictionary] = useState(dictionary);
 	useEffect(() => {
 		setActiveDictionary(dictionary);
-	}, [dictionary.localId]);
-	const hasQualifier = dictionary.item !== void 0 || dictionary.variant !== void 0 || dictionary.meta !== void 0;
+	}, [dictionary]);
+	const hasQualifier = dictionary.item !== void 0 || dictionary.variant !== void 0;
 	const { data: siblingsData } = useGetDictionaries({ keys: [dictionary.key] }, { enabled: hasQualifier && !!dictionary.key });
 	const allSiblings = useMemo(() => siblingsData?.data ?? [], [siblingsData]);
 	const itemDicts = useMemo(() => {
@@ -36,10 +38,6 @@ const ContentEditor = ({ dictionary, isDarkMode }) => {
 		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([]);
@@ -59,71 +57,45 @@ const ContentEditor = ({ 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", {
+			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: 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
-						})
-					]
-				})
-			]
+						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: formatVariant(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: formatVariant(currentVariant)
+					})
+				]
+			})]
 		}),
 		/* @__PURE__ */ jsxs("div", {
 			className: "mb-6 flex items-center justify-between gap-2",

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 { 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":";;;;;;;;;;;;;;;;;AAiCA,MAAa,iBAAsC,EACjD,YACA,iBACI;CACJ,MAAM,EAAE,gBAAgB,iBAAiB,iBACvC,YAAY,iBAAiB;CAC/B,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,CAAC,kBAAkB,uBACvB,SAAqB,WAAW;AAElC,iBAAgB;AACd,sBAAoB,WAAW;IAC9B,CAAC,WAAW,QAAQ,CAAC;CAExB,MAAM,eACJ,WAAW,SAAS,UACpB,WAAW,YAAY,UACvB,WAAW,SAAS;CAEtB,MAAM,EAAE,MAAM,iBAAiB,mBAC7B,EAAE,MAAM,CAAC,WAAW,IAAI,EAAE,EAC1B,EAAE,SAAS,gBAAgB,CAAC,CAAC,WAAW,KAAK,CAC9C;CAED,MAAM,cAAc,cACX,cAAc,QAAQ,EAAE,EAC/B,CAAC,aAAa,CACf;CAED,MAAM,YAAY,cAA4B;AAC5C,MAAI,WAAW,SAAS,OAAW,QAAO,EAAE;AAC5C,SAAO,YACJ,QAAQ,MAAM,EAAE,SAAS,OAAU,CACnC,MAAM,GAAG,OAAO,EAAE,QAAQ,MAAM,EAAE,QAAQ,GAAG;IAC/C,CAAC,YAAY,YAAY,CAAC;CAE7B,MAAM,eAAe,cAA4B;AAC/C,MAAI,WAAW,YAAY,OAAW,QAAO,EAAE;AAC/C,SAAO,YAAY,QAAQ,MAAM,EAAE,YAAY,OAAU;IACxD,CAAC,YAAY,YAAY,CAAC;CAE7B,MAAM,YAAY,cAA4B;AAC5C,MAAI,WAAW,SAAS,OAAW,QAAO,EAAE;AAC5C,SAAO,YAAY,QAAQ,MAAM,EAAE,SAAS,OAAU;IACrD,CAAC,YAAY,YAAY,CAAC;CAE7B,MAAM,gBAAgB,aACnB,YAAwB;AACvB,sBAAoB,QAAQ;AAC5B,2BAAyB,EAAE,CAAC;IAE9B,CAAC,yBAAyB,CAC3B;CAED,MAAM,EAAE,SAAS,KAAK,YAAY;CAClC,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;CAED,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;CAEN,MAAM,mBAAmB,UAAU,WAChC,eAAe,WAAW,YAAY,iBAAiB,QACzD;CACD,MAAM,iBAAiB,iBAAiB;CACxC,MAAM,gBAAgB,iBAAiB,MAAM;AAE7C,QACE,qBAAC,OAAD;EAEG,gBACC,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,UAAU,SAAS,KAClB,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,QAAD;MAAM,WAAU;gBACb,eAAe;MACX,GACP,oBAAC,YAAD;MACE,aAAa,oBAAoB,IAAI,mBAAmB,IAAI;MAC5D,YAAY,UAAU;MACtB,eAAe,SAAS;OACtB,MAAM,SAAS,UAAU,OAAO;AAChC,WAAI,OAAQ,eAAc,OAAO;;MAEnC,MAAK;MACL,EACE;;IAGP,aAAa,SAAS,KACrB,qBAAC,OAAD;KAAK,WAAU;eAAf;MACE,qBAAC,QAAD;OAAM,WAAU;iBAAhB,CACG,gBAAgB,OAAM,IAClB;;MACN,aAAa,KAAK,YAAY;OAC7B,MAAM,WAAW,QAAQ,YAAY,iBAAiB;AACtD,cACE,oBAAC,UAAD;QAEE,MAAK;QACL,eAAe,CAAC,YAAY,cAAc,QAAQ;QAClD,WAAW,kDACT,WACI,6CACA;kBAGL,QAAQ;QACF,EAVF,QAAQ,QAUN;QAEX;MACD,mBAAmB,UAClB,CAAC,aAAa,MAAM,MAAM,EAAE,YAAY,WAAW,QAAQ,IACzD,oBAAC,QAAD;OAAM,WAAU;iBACb;OACI;MAEP;;IAGP,UAAU,SAAS,KAClB,qBAAC,OAAD;KAAK,WAAU;eAAf;MACE,qBAAC,QAAD;OAAM,WAAU;iBAAhB,CACG,aAAa,OAAM,IACf;;MACN,UAAU,KAAK,YAAY;OAC1B,MAAM,WAAW,QAAQ,YAAY,iBAAiB;AACtD,cACE,oBAAC,UAAD;QAEE,MAAK;QACL,eAAe,CAAC,YAAY,cAAc,QAAQ;QAClD,WAAW,kDACT,WACI,6CACA;kBAGL,QAAQ,MAAM;QACR,EAVF,QAAQ,QAUN;QAEX;MACD,kBAAkB,UACjB,CAAC,UAAU,MAAM,MAAM,EAAE,YAAY,WAAW,QAAQ,IACtD,oBAAC,QAAD;OAAM,WAAU;iBACb;OACI;MAEP;;IAEJ;;EAGR,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,mBAAD;IACE,eAAe;IACf,SAAS,kBAAkB,EAAE;IAC7B,gBAAgB;IAChB,GACF,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,uBAAD,EAAyB;IACrB,EACF;;EACN,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,OAAO,YAAY,YAClB,WACA,CAAC,yBACD,OAAO,KAAK,QAAQ,CAAC,SAAS,KAC5B,oBAAC,WAAD;IACE;IACA,YAAW;IACX,WAAU;IACV,aAAY;IACZ,cAAa;cAEb,oBAAC,oBAAD;KACE,SAAS,EAAE;KACF;KACT,YAAY;KACZ;IACQ,IAEd,6BAA6B,mBAAmB,EAAE,EAAE,SAAS,MAC7D,oBAAC,OAAD;IACE,WACE,UACI,6DACA;cAGN,oBAAC,qBAAD;KACE,SAAS,mBAAmB,EAAE;KAC9B,SAAS;KACT,YAAY;KACA;KACZ;IACE,EAEJ;;EACF"}
+{"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\n/** Render a variant (named string or structured object) for display. */\nconst formatVariant = (\n  variant: string | Record<string, string | number> | undefined\n): string =>\n  variant !== null && typeof variant === 'object'\n    ? JSON.stringify(variant)\n    : (variant ?? '');\n\nexport const ContentEditor: FC<NodeEditorProps> = ({\n  dictionary,\n  isDarkMode,\n}) => {\n  const { itemPagination, variantSwitcher } = 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  // Re-sync the locally tracked dictionary whenever the incoming prop changes\n  // identity — not only when its `localId` changes. After a save, the query\n  // refetches and hands back the same `localId` with fresh content; keying the\n  // effect on `localId` alone left `activeDictionary` (the render source) stale\n  // until a full page reload. The prop reference is stable across unrelated\n  // re-renders (query data / store entry), so sibling switches made via\n  // `switchSibling` are preserved.\n  useEffect(() => {\n    setActiveDictionary(dictionary);\n  }, [dictionary]);\n\n  const hasQualifier =\n    dictionary.item !== undefined || dictionary.variant !== 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 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\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                    {formatVariant(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                    {formatVariant(currentVariant)}\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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"}

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

@@ -22,7 +22,7 @@ import { AnimatePresence, motion } from "framer-motion";
 * Inner component rendered inside Form's FormProvider context so useWatch works.
 */
 const DictionaryCreationFormFields = ({ isSubmitting, isPending, projectsData }) => {
-	const { keyInput, createDictionaryButton, projectInput, qualifierTypeSelect, itemInput, variantInput, metaIdInput } = useIntlayer("dictionary-form");
+	const { keyInput, createDictionaryButton, projectInput, qualifierTypeSelect, itemInput, variantInput } = useIntlayer("dictionary-form");
 	const qualifierType = useWatch({ name: "qualifierType" }) ?? "none";
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx(InputElement, {
@@ -53,76 +53,51 @@ const DictionaryCreationFormFields = ({ isSubmitting, isPending, projectsData })
 		}),
 		/* @__PURE__ */ jsxs(AnimatePresence, {
 			mode: "wait",
-			children: [
-				qualifierType === "item" && /* @__PURE__ */ jsx(motion.div, {
-					initial: {
-						opacity: 0,
-						height: 0
-					},
-					animate: {
-						opacity: 1,
-						height: "auto"
-					},
-					exit: {
-						opacity: 0,
-						height: 0
-					},
-					transition: { duration: .2 },
-					className: "overflow-hidden",
-					children: /* @__PURE__ */ jsx(InputElement, {
-						name: "item",
-						type: "number",
-						label: itemInput.label.value,
-						placeholder: itemInput.placeholder.value,
-						description: itemInput.description.value,
-						min: 1
-					})
-				}, "item-input"),
-				qualifierType === "variant" && /* @__PURE__ */ jsx(motion.div, {
-					initial: {
-						opacity: 0,
-						height: 0
-					},
-					animate: {
-						opacity: 1,
-						height: "auto"
-					},
-					exit: {
-						opacity: 0,
-						height: 0
-					},
-					transition: { duration: .2 },
-					className: "overflow-hidden",
-					children: /* @__PURE__ */ jsx(InputElement, {
-						name: "variant",
-						label: variantInput.label.value,
-						placeholder: variantInput.placeholder.value,
-						description: variantInput.description.value
-					})
-				}, "variant-input"),
-				qualifierType === "meta" && /* @__PURE__ */ jsx(motion.div, {
-					initial: {
-						opacity: 0,
-						height: 0
-					},
-					animate: {
-						opacity: 1,
-						height: "auto"
-					},
-					exit: {
-						opacity: 0,
-						height: 0
-					},
-					transition: { duration: .2 },
-					className: "overflow-hidden",
-					children: /* @__PURE__ */ jsx(InputElement, {
-						name: "metaId",
-						label: metaIdInput.label.value,
-						placeholder: metaIdInput.placeholder.value,
-						description: metaIdInput.description.value
-					})
-				}, "meta-input")
-			]
+			children: [qualifierType === "item" && /* @__PURE__ */ jsx(motion.div, {
+				initial: {
+					opacity: 0,
+					height: 0
+				},
+				animate: {
+					opacity: 1,
+					height: "auto"
+				},
+				exit: {
+					opacity: 0,
+					height: 0
+				},
+				transition: { duration: .2 },
+				className: "overflow-hidden",
+				children: /* @__PURE__ */ jsx(InputElement, {
+					name: "item",
+					type: "number",
+					label: itemInput.label.value,
+					placeholder: itemInput.placeholder.value,
+					description: itemInput.description.value,
+					min: 1
+				})
+			}, "item-input"), qualifierType === "variant" && /* @__PURE__ */ jsx(motion.div, {
+				initial: {
+					opacity: 0,
+					height: 0
+				},
+				animate: {
+					opacity: 1,
+					height: "auto"
+				},
+				exit: {
+					opacity: 0,
+					height: 0
+				},
+				transition: { duration: .2 },
+				className: "overflow-hidden",
+				children: /* @__PURE__ */ jsx(InputElement, {
+					name: "variant",
+					label: variantInput.label.value,
+					placeholder: variantInput.placeholder.value,
+					description: variantInput.description.value
+				})
+			}, "variant-input")]
 		}),
 		/* @__PURE__ */ jsx(Button, {
 			className: "mt-12 ml-auto",
@@ -149,7 +124,6 @@ const DictionaryCreationForm = ({ onDictionaryCreated }) => {
 		const qualifiers = {};
 		if (data.qualifierType === "item" && data.item !== void 0) qualifiers.item = data.item;
 		else if (data.qualifierType === "variant" && data.variant) qualifiers.variant = data.variant;
-		else if (data.qualifierType === "meta" && data.metaId) qualifiers.meta = { id: data.metaId };
 		addDictionary({ dictionary: {
 			key: data.key,
 			projectIds: data.projectIds,

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryCreationForm.mjs","names":["FormInput","FormMultiSelect","FormSelect","FormButton","useForm"],"sources":["../../../../../src/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.tsx"],"sourcesContent":["'use client';\n\nimport { useAddDictionary, useGetProjects } from '@api/index';\nimport { useSession } from '@api/useAuth';\nimport {\n  Form,\n  FormButton,\n  FormInput,\n  FormMultiSelect,\n  FormSelect,\n  useForm,\n} from '@components/Form';\nimport { MultiSelect, Select } from '@components/Select';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport type { FC } from 'react';\nimport { useWatch } from 'react-hook-form';\nimport { useIntlayer } from 'react-intlayer';\nimport {\n  type DictionaryFormData,\n  QUALIFIER_TYPES,\n  type QualifierType,\n  useDictionarySchema,\n} from './useDictionaryFormSchema';\n\ntype DictionaryCreationFormProps = {\n  onDictionaryCreated?: () => void;\n};\n\n/**\n * Inner component rendered inside Form's FormProvider context so useWatch works.\n */\nconst DictionaryCreationFormFields: FC<{\n  isSubmitting: boolean;\n  isPending: boolean;\n  projectsData: ReturnType<typeof useGetProjects>['data'];\n}> = ({ isSubmitting, isPending, projectsData }) => {\n  const {\n    keyInput,\n    createDictionaryButton,\n    projectInput,\n    qualifierTypeSelect,\n    itemInput,\n    variantInput,\n    metaIdInput,\n  } = useIntlayer('dictionary-form');\n\n  const qualifierType = (useWatch({ name: 'qualifierType' }) ??\n    'none') as QualifierType;\n\n  return (\n    <>\n      <FormInput\n        name=\"key\"\n        label={keyInput.label.value}\n        placeholder={keyInput.placeholder.value}\n        isRequired\n      />\n\n      <FormMultiSelect name=\"projectIds\" label={projectInput.label.value}>\n        <MultiSelect.Trigger\n          getBadgeValue={(value) =>\n            projectsData?.data?.find((project) => String(project.id) === value)\n              ?.name ?? value\n          }\n        >\n          <MultiSelect.Input placeholder={projectInput.placeholder.value} />\n        </MultiSelect.Trigger>\n        <MultiSelect.Content>\n          <MultiSelect.List>\n            {projectsData?.data?.map((project) => (\n              <MultiSelect.Item\n                key={String(project.id)}\n                value={String(project.id)}\n              >\n                {project.name}\n              </MultiSelect.Item>\n            ))}\n          </MultiSelect.List>\n        </MultiSelect.Content>\n      </FormMultiSelect>\n\n      <FormSelect\n        name=\"qualifierType\"\n        label={qualifierTypeSelect.label.value}\n        description={qualifierTypeSelect.description.value}\n      >\n        <Select.Trigger>\n          <Select.Value />\n        </Select.Trigger>\n        <Select.Content>\n          {QUALIFIER_TYPES.map((type) => (\n            <Select.Item key={type} value={type}>\n              {\n                (\n                  qualifierTypeSelect as Record<\n                    string,\n                    { value: string } | string\n                  >\n                )[type]\n              }\n            </Select.Item>\n          ))}\n        </Select.Content>\n      </FormSelect>\n\n      <AnimatePresence mode=\"wait\">\n        {qualifierType === 'item' && (\n          <motion.div\n            key=\"item-input\"\n            initial={{ opacity: 0, height: 0 }}\n            animate={{ opacity: 1, height: 'auto' }}\n            exit={{ opacity: 0, height: 0 }}\n            transition={{ duration: 0.2 }}\n            className=\"overflow-hidden\"\n          >\n            <FormInput\n              name=\"item\"\n              type=\"number\"\n              label={itemInput.label.value}\n              placeholder={itemInput.placeholder.value}\n              description={itemInput.description.value}\n              min={1}\n            />\n          </motion.div>\n        )}\n\n        {qualifierType === 'variant' && (\n          <motion.div\n            key=\"variant-input\"\n            initial={{ opacity: 0, height: 0 }}\n            animate={{ opacity: 1, height: 'auto' }}\n            exit={{ opacity: 0, height: 0 }}\n            transition={{ duration: 0.2 }}\n            className=\"overflow-hidden\"\n          >\n            <FormInput\n              name=\"variant\"\n              label={variantInput.label.value}\n              placeholder={variantInput.placeholder.value}\n              description={variantInput.description.value}\n            />\n          </motion.div>\n        )}\n\n        {qualifierType === 'meta' && (\n          <motion.div\n            key=\"meta-input\"\n            initial={{ opacity: 0, height: 0 }}\n            animate={{ opacity: 1, height: 'auto' }}\n            exit={{ opacity: 0, height: 0 }}\n            transition={{ duration: 0.2 }}\n            className=\"overflow-hidden\"\n          >\n            <FormInput\n              name=\"metaId\"\n              label={metaIdInput.label.value}\n              placeholder={metaIdInput.placeholder.value}\n              description={metaIdInput.description.value}\n            />\n          </motion.div>\n        )}\n      </AnimatePresence>\n\n      <FormButton\n        className=\"mt-12 ml-auto\"\n        type=\"submit\"\n        color=\"text\"\n        isLoading={isSubmitting || isPending}\n        label={createDictionaryButton.ariaLabel.value}\n        isFullWidth\n      >\n        {createDictionaryButton.text}\n      </FormButton>\n    </>\n  );\n};\n\nexport const DictionaryCreationForm: FC<DictionaryCreationFormProps> = ({\n  onDictionaryCreated,\n}) => {\n  const { session } = useSession();\n  const { project } = session ?? {};\n  const { mutate: addDictionary, isPending } = useAddDictionary();\n  const { data: projectsData } = useGetProjects();\n  const DictionarySchema = useDictionarySchema(String(project?.id));\n  const { form, isSubmitting } = useForm(DictionarySchema, {\n    defaultValues: {\n      projectIds: [project?.id],\n      qualifierType: 'none',\n    },\n  });\n\n  const onSubmitSuccess = (data: DictionaryFormData) => {\n    const qualifiers: Record<string, unknown> = {};\n    if (data.qualifierType === 'item' && data.item !== undefined) {\n      qualifiers.item = data.item;\n    } else if (data.qualifierType === 'variant' && data.variant) {\n      qualifiers.variant = data.variant;\n    } else if (data.qualifierType === 'meta' && data.metaId) {\n      qualifiers.meta = { id: data.metaId };\n    }\n\n    addDictionary(\n      {\n        dictionary: {\n          key: data.key,\n          projectIds: data.projectIds,\n          ...qualifiers,\n        },\n      },\n      {\n        onSuccess: () => {\n          onDictionaryCreated?.();\n        },\n      }\n    );\n  };\n\n  return (\n    <Form\n      schema={DictionarySchema}\n      onSubmitSuccess={onSubmitSuccess}\n      className=\"m-auto w-full max-w-100\"\n      {...form}\n    >\n      <DictionaryCreationFormFields\n        isSubmitting={isSubmitting}\n        isPending={isPending}\n        projectsData={projectsData}\n      />\n    </Form>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"DictionaryCreationForm.mjs","names":["FormInput","FormMultiSelect","FormSelect","FormButton","useForm"],"sources":["../../../../../src/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.tsx"],"sourcesContent":["'use client';\n\nimport { useAddDictionary, useGetProjects } from '@api/index';\nimport { useSession } from '@api/useAuth';\nimport {\n  Form,\n  FormButton,\n  FormInput,\n  FormMultiSelect,\n  FormSelect,\n  useForm,\n} from '@components/Form';\nimport { MultiSelect, Select } from '@components/Select';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport type { FC } from 'react';\nimport { useWatch } from 'react-hook-form';\nimport { useIntlayer } from 'react-intlayer';\nimport {\n  type DictionaryFormData,\n  QUALIFIER_TYPES,\n  type QualifierType,\n  useDictionarySchema,\n} from './useDictionaryFormSchema';\n\ntype DictionaryCreationFormProps = {\n  onDictionaryCreated?: () => void;\n};\n\n/**\n * Inner component rendered inside Form's FormProvider context so useWatch works.\n */\nconst DictionaryCreationFormFields: FC<{\n  isSubmitting: boolean;\n  isPending: boolean;\n  projectsData: ReturnType<typeof useGetProjects>['data'];\n}> = ({ isSubmitting, isPending, projectsData }) => {\n  const {\n    keyInput,\n    createDictionaryButton,\n    projectInput,\n    qualifierTypeSelect,\n    itemInput,\n    variantInput,\n  } = useIntlayer('dictionary-form');\n\n  const qualifierType = (useWatch({ name: 'qualifierType' }) ??\n    'none') as QualifierType;\n\n  return (\n    <>\n      <FormInput\n        name=\"key\"\n        label={keyInput.label.value}\n        placeholder={keyInput.placeholder.value}\n        isRequired\n      />\n\n      <FormMultiSelect name=\"projectIds\" label={projectInput.label.value}>\n        <MultiSelect.Trigger\n          getBadgeValue={(value) =>\n            projectsData?.data?.find((project) => String(project.id) === value)\n              ?.name ?? value\n          }\n        >\n          <MultiSelect.Input placeholder={projectInput.placeholder.value} />\n        </MultiSelect.Trigger>\n        <MultiSelect.Content>\n          <MultiSelect.List>\n            {projectsData?.data?.map((project) => (\n              <MultiSelect.Item\n                key={String(project.id)}\n                value={String(project.id)}\n              >\n                {project.name}\n              </MultiSelect.Item>\n            ))}\n          </MultiSelect.List>\n        </MultiSelect.Content>\n      </FormMultiSelect>\n\n      <FormSelect\n        name=\"qualifierType\"\n        label={qualifierTypeSelect.label.value}\n        description={qualifierTypeSelect.description.value}\n      >\n        <Select.Trigger>\n          <Select.Value />\n        </Select.Trigger>\n        <Select.Content>\n          {QUALIFIER_TYPES.map((type) => (\n            <Select.Item key={type} value={type}>\n              {\n                (\n                  qualifierTypeSelect as Record<\n                    string,\n                    { value: string } | string\n                  >\n                )[type]\n              }\n            </Select.Item>\n          ))}\n        </Select.Content>\n      </FormSelect>\n\n      <AnimatePresence mode=\"wait\">\n        {qualifierType === 'item' && (\n          <motion.div\n            key=\"item-input\"\n            initial={{ opacity: 0, height: 0 }}\n            animate={{ opacity: 1, height: 'auto' }}\n            exit={{ opacity: 0, height: 0 }}\n            transition={{ duration: 0.2 }}\n            className=\"overflow-hidden\"\n          >\n            <FormInput\n              name=\"item\"\n              type=\"number\"\n              label={itemInput.label.value}\n              placeholder={itemInput.placeholder.value}\n              description={itemInput.description.value}\n              min={1}\n            />\n          </motion.div>\n        )}\n\n        {qualifierType === 'variant' && (\n          <motion.div\n            key=\"variant-input\"\n            initial={{ opacity: 0, height: 0 }}\n            animate={{ opacity: 1, height: 'auto' }}\n            exit={{ opacity: 0, height: 0 }}\n            transition={{ duration: 0.2 }}\n            className=\"overflow-hidden\"\n          >\n            <FormInput\n              name=\"variant\"\n              label={variantInput.label.value}\n              placeholder={variantInput.placeholder.value}\n              description={variantInput.description.value}\n            />\n          </motion.div>\n        )}\n      </AnimatePresence>\n\n      <FormButton\n        className=\"mt-12 ml-auto\"\n        type=\"submit\"\n        color=\"text\"\n        isLoading={isSubmitting || isPending}\n        label={createDictionaryButton.ariaLabel.value}\n        isFullWidth\n      >\n        {createDictionaryButton.text}\n      </FormButton>\n    </>\n  );\n};\n\nexport const DictionaryCreationForm: FC<DictionaryCreationFormProps> = ({\n  onDictionaryCreated,\n}) => {\n  const { session } = useSession();\n  const { project } = session ?? {};\n  const { mutate: addDictionary, isPending } = useAddDictionary();\n  const { data: projectsData } = useGetProjects();\n  const DictionarySchema = useDictionarySchema(String(project?.id));\n  const { form, isSubmitting } = useForm(DictionarySchema, {\n    defaultValues: {\n      projectIds: [project?.id],\n      qualifierType: 'none',\n    },\n  });\n\n  const onSubmitSuccess = (data: DictionaryFormData) => {\n    const qualifiers: Record<string, unknown> = {};\n    if (data.qualifierType === 'item' && data.item !== undefined) {\n      qualifiers.item = data.item;\n    } else if (data.qualifierType === 'variant' && data.variant) {\n      qualifiers.variant = data.variant;\n    }\n\n    addDictionary(\n      {\n        dictionary: {\n          key: data.key,\n          projectIds: data.projectIds,\n          ...qualifiers,\n        },\n      },\n      {\n        onSuccess: () => {\n          onDictionaryCreated?.();\n        },\n      }\n    );\n  };\n\n  return (\n    <Form\n      schema={DictionarySchema}\n      onSubmitSuccess={onSubmitSuccess}\n      className=\"m-auto w-full max-w-100\"\n      {...form}\n    >\n      <DictionaryCreationFormFields\n        isSubmitting={isSubmitting}\n        isPending={isPending}\n        projectsData={projectsData}\n      />\n    </Form>\n  );\n};\n"],"mappings":"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"}

package/dist/esm/components/DictionaryFieldEditor/DictionaryCreationForm/dictionaryCreationForm.content.mjs

@@ -334,68 +334,6 @@ const dictionaryFormContent = {
 				uk: "Іменована альтернативна форма вмісту для A/B-тестування, сезонних банерів або прапорів функцій."
 			})
 		},
-		metaIdInput: {
-			label: t({
-				en: "Meta ID",
-				"en-GB": "Meta ID",
-				fr: "ID méta",
-				es: "ID meta",
-				de: "Meta-ID",
-				ja: "メタID",
-				ko: "메타 ID",
-				zh: "元ID",
-				it: "ID meta",
-				pt: "ID meta",
-				hi: "मेटा ID",
-				ar: "معرّف البيانات الوصفية",
-				ru: "Мета-ID",
-				tr: "Meta kimliği",
-				pl: "ID meta",
-				id: "ID meta",
-				vi: "ID meta",
-				uk: "Мета-ID"
-			}),
-			placeholder: t({
-				en: "e.g. prod_abc",
-				"en-GB": "e.g. prod_abc",
-				fr: "par ex. prod_abc",
-				es: "por ej. prod_abc",
-				de: "z. B. prod_abc",
-				ja: "例: prod_abc",
-				ko: "예: prod_abc",
-				zh: "例如: prod_abc",
-				it: "es. prod_abc",
-				pt: "ex. prod_abc",
-				hi: "उदा. prod_abc",
-				ar: "مثال: prod_abc",
-				ru: "напр. prod_abc",
-				tr: "ör. prod_abc",
-				pl: "np. prod_abc",
-				id: "mis. prod_abc",
-				vi: "ví dụ: prod_abc",
-				uk: "напр. prod_abc"
-			}),
-			description: t({
-				en: "The discriminator ID used to resolve this record at runtime.",
-				"en-GB": "The discriminator ID used to resolve this record at runtime.",
-				fr: "L'ID discriminant utilisé pour résoudre cet enregistrement au moment de l'exécution.",
-				es: "El ID discriminador utilizado para resolver este registro en tiempo de ejecución.",
-				de: "Die Diskriminator-ID, die verwendet wird, um diesen Datensatz zur Laufzeit aufzulösen.",
-				ja: "実行時にこのレコードを解決するために使用される識別子ID。",
-				ko: "런타임에 이 레코드를 해결하는 데 사용되는 식별자 ID.",
-				zh: "在运行时用于解析此记录的鉴别符ID。",
-				it: "L'ID discriminante utilizzato per risolvere questo record in fase di esecuzione.",
-				pt: "O ID discriminador usado para resolver este registro em tempo de execução.",
-				hi: "रनटाइम पर इस रिकॉर्ड को हल करने के लिए उपयोग किया जाने वाला विवेचक ID।",
-				ar: "معرف المميز المستخدم لحل هذا السجل في وقت التشغيل.",
-				ru: "Идентификатор-дискриминатор, используемый для разрешения этой записи во время выполнения.",
-				tr: "Bu kaydı çalışma zamanında çözümlemek için kullanılan ayırt edici kimlik.",
-				pl: "Identyfikator dyskryminatora używany do rozwiązania tego rekordu w czasie wykonywania.",
-				id: "ID pembeda yang digunakan untuk menyelesaikan rekaman ini saat runtime.",
-				vi: "ID phân biệt được sử dụng để giải quyết bản ghi này lúc chạy.",
-				uk: "Ідентифікатор-дискримінатор, що використовується для розв'язання цього запису під час виконання."
-			})
-		},
 		createDictionaryButton: {
 			text: t({
 				en: "Create dictionary",