preact-intlayer 6.1.6 → 7.0.0-canary.3

package/dist/esm/client/useLoadDynamic.mjs

@@ -1,32 +1,26 @@
+//#region src/client/useLoadDynamic.ts
 const createSuspender = (promise) => {
-  let status = "pending";
-  let result;
-  const suspender = promise.then(
-    (r) => {
-      status = "success";
-      result = r;
-    },
-    (e) => {
-      status = "error";
-      result = e;
-    }
-  );
-  return {
-    read() {
-      if (status === "pending") throw suspender;
-      if (status === "error") throw result;
-      return result;
-    }
-  };
+	let status = "pending";
+	let result;
+	const suspender = promise.then((r) => {
+		status = "success";
+		result = r;
+	}, (e) => {
+		status = "error";
+		result = e;
+	});
+	return { read() {
+		if (status === "pending") throw suspender;
+		if (status === "error") throw result;
+		return result;
+	} };
 };
 const cache = /* @__PURE__ */ new Map();
 const useLoadDynamic = (key, promise) => {
-  if (!cache.has(key)) {
-    cache.set(key, createSuspender(promise));
-  }
-  return cache.get(key).read();
-};
-export {
-  useLoadDynamic
+	if (!cache.has(key)) cache.set(key, createSuspender(promise));
+	return cache.get(key).read();
 };
+
+//#endregion
+export { useLoadDynamic };
 //# sourceMappingURL=useLoadDynamic.mjs.map

package/dist/esm/client/useLoadDynamic.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLoadDynamic.ts"],"sourcesContent":["type Status = 'pending' | 'success' | 'error';\n\nconst createSuspender = <T>(promise: Promise<T>) => {\n  let status: Status = 'pending';\n  let result: T;\n  const suspender = promise.then(\n    (r) => {\n      status = 'success';\n      result = r;\n    },\n    (e) => {\n      status = 'error';\n      result = e as any;\n    }\n  );\n\n  return {\n    read() {\n      if (status === 'pending') throw suspender;\n      if (status === 'error') throw result;\n      return result!;\n    },\n  };\n};\n\nconst cache = new Map<string, ReturnType<typeof createSuspender>>();\n\nexport const useLoadDynamic = <T>(key: string, promise: Promise<T>): T => {\n  if (!cache.has(key)) {\n    cache.set(key, createSuspender(promise));\n  }\n\n  return (cache.get(key)! as ReturnType<typeof createSuspender>).read() as T;\n};\n"],"mappings":"AAEA,MAAM,kBAAkB,CAAI,YAAwB;AAClD,MAAI,SAAiB;AACrB,MAAI;AACJ,QAAM,YAAY,QAAQ;AAAA,IACxB,CAAC,MAAM;AACL,eAAS;AACT,eAAS;AAAA,IACX;AAAA,IACA,CAAC,MAAM;AACL,eAAS;AACT,eAAS;AAAA,IACX;AAAA,EACF;AAEA,SAAO;AAAA,IACL,OAAO;AACL,UAAI,WAAW,UAAW,OAAM;AAChC,UAAI,WAAW,QAAS,OAAM;AAC9B,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEA,MAAM,QAAQ,oBAAI,IAAgD;AAE3D,MAAM,iBAAiB,CAAI,KAAa,YAA2B;AACxE,MAAI,CAAC,MAAM,IAAI,GAAG,GAAG;AACnB,UAAM,IAAI,KAAK,gBAAgB,OAAO,CAAC;AAAA,EACzC;AAEA,SAAQ,MAAM,IAAI,GAAG,EAA0C,KAAK;AACtE;","names":[]}
+{"version":3,"file":"useLoadDynamic.mjs","names":["status: Status","result: T"],"sources":["../../../src/client/useLoadDynamic.ts"],"sourcesContent":["type Status = 'pending' | 'success' | 'error';\n\nconst createSuspender = <T>(promise: Promise<T>) => {\n  let status: Status = 'pending';\n  let result: T;\n  const suspender = promise.then(\n    (r) => {\n      status = 'success';\n      result = r;\n    },\n    (e) => {\n      status = 'error';\n      result = e as any;\n    }\n  );\n\n  return {\n    read() {\n      if (status === 'pending') throw suspender;\n      if (status === 'error') throw result;\n      return result!;\n    },\n  };\n};\n\nconst cache = new Map<string, ReturnType<typeof createSuspender>>();\n\nexport const useLoadDynamic = <T>(key: string, promise: Promise<T>): T => {\n  if (!cache.has(key)) {\n    cache.set(key, createSuspender(promise));\n  }\n\n  return (cache.get(key)! as ReturnType<typeof createSuspender>).read() as T;\n};\n"],"mappings":";AAEA,MAAM,mBAAsB,YAAwB;CAClD,IAAIA,SAAiB;CACrB,IAAIC;CACJ,MAAM,YAAY,QAAQ,MACvB,MAAM;AACL,WAAS;AACT,WAAS;KAEV,MAAM;AACL,WAAS;AACT,WAAS;GAEZ;AAED,QAAO,EACL,OAAO;AACL,MAAI,WAAW,UAAW,OAAM;AAChC,MAAI,WAAW,QAAS,OAAM;AAC9B,SAAO;IAEV;;AAGH,MAAM,wBAAQ,IAAI,KAAiD;AAEnE,MAAa,kBAAqB,KAAa,YAA2B;AACxE,KAAI,CAAC,MAAM,IAAI,IAAI,CACjB,OAAM,IAAI,KAAK,gBAAgB,QAAQ,CAAC;AAG1C,QAAQ,MAAM,IAAI,IAAI,CAAyC,MAAM"}

package/dist/esm/client/useLocale.mjs

@@ -1,35 +1,35 @@
-"use client";
+'use client';
+
+
+import { setLocaleInStorage } from "./useLocaleStorage.mjs";
+import { IntlayerClientContext } from "./IntlayerProvider.mjs";
 import configuration from "@intlayer/config/built";
 import { useContext } from "preact/hooks";
-import { IntlayerClientContext } from "./IntlayerProvider.mjs";
-import { useLocaleCookie } from "./useLocaleCookie.mjs";
-const useLocale = ({ onLocaleChange } = {}) => {
-  const { defaultLocale, locales: availableLocales } = configuration?.internationalization ?? {};
-  const { locale, setLocale: setLocaleState } = useContext(
-    IntlayerClientContext
-  );
-  const { setLocaleCookie } = useLocaleCookie();
-  const setLocale = (locale2) => {
-    if (!availableLocales?.map(String).includes(locale2)) {
-      console.error(`Locale ${locale2} is not available`);
-      return;
-    }
-    setLocaleState(locale2);
-    setLocaleCookie(locale2);
-    onLocaleChange?.(locale2);
-  };
-  return {
-    locale,
-    // Current locale
-    defaultLocale,
-    // Principal locale defined in config
-    availableLocales,
-    // List of the available locales defined in config
-    setLocale
-    // Function to set the locale
-  };
-};
-export {
-  useLocale
+
+//#region src/client/useLocale.ts
+/**
+* On the client side, hook to get the current locale and all related fields
+*/
+const useLocale = ({ isCookieEnabled, onLocaleChange } = {}) => {
+	const { defaultLocale, locales: availableLocales } = configuration?.internationalization ?? {};
+	const { locale, setLocale: setLocaleState, isCookieEnabled: isCookieEnabledContext } = useContext(IntlayerClientContext);
+	const setLocale = (locale$1) => {
+		if (!availableLocales?.map(String).includes(locale$1)) {
+			console.error(`Locale ${locale$1} is not available`);
+			return;
+		}
+		setLocaleState(locale$1);
+		setLocaleInStorage(locale$1, isCookieEnabled ?? isCookieEnabledContext ?? true);
+		onLocaleChange?.(locale$1);
+	};
+	return {
+		locale,
+		defaultLocale,
+		availableLocales,
+		setLocale
+	};
 };
+
+//#endregion
+export { useLocale };
 //# sourceMappingURL=useLocale.mjs.map

package/dist/esm/client/useLocale.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useLocaleCookie } from './useLocaleCookie';\n\ntype useLocaleProps = {\n  onLocaleChange?: (locale: LocalesValues) => void;\n};\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = ({ onLocaleChange }: useLocaleProps = {}) => {\n  const { defaultLocale, locales: availableLocales } =\n    configuration?.internationalization ?? {};\n\n  const { locale, setLocale: setLocaleState } = useContext(\n    IntlayerClientContext\n  );\n  const { setLocaleCookie } = useLocaleCookie();\n\n  const setLocale = (locale: LocalesValues) => {\n    if (!availableLocales?.map(String).includes(locale)) {\n      console.error(`Locale ${locale} is not available`);\n      return;\n    }\n\n    setLocaleState(locale);\n    setLocaleCookie(locale);\n    onLocaleChange?.(locale);\n  };\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";AAEA,OAAO,mBAAmB;AAE1B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AASzB,MAAM,YAAY,CAAC,EAAE,eAAe,IAAoB,CAAC,MAAM;AACpE,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,eAAe,wBAAwB,CAAC;AAE1C,QAAM,EAAE,QAAQ,WAAW,eAAe,IAAI;AAAA,IAC5C;AAAA,EACF;AACA,QAAM,EAAE,gBAAgB,IAAI,gBAAgB;AAE5C,QAAM,YAAY,CAACA,YAA0B;AAC3C,QAAI,CAAC,kBAAkB,IAAI,MAAM,EAAE,SAASA,OAAM,GAAG;AACnD,cAAQ,MAAM,UAAUA,OAAM,mBAAmB;AACjD;AAAA,IACF;AAEA,mBAAeA,OAAM;AACrB,oBAAgBA,OAAM;AACtB,qBAAiBA,OAAM;AAAA,EACzB;AAEA,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":["locale"]}
+{"version":3,"file":"useLocale.mjs","names":["locale"],"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/types';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { setLocaleInStorage } from './useLocaleStorage';\n\ntype useLocaleProps = {\n  isCookieEnabled?: boolean;\n  onLocaleChange?: (locale: LocalesValues) => void;\n};\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = ({\n  isCookieEnabled,\n  onLocaleChange,\n}: useLocaleProps = {}) => {\n  const { defaultLocale, locales: availableLocales } =\n    configuration?.internationalization ?? {};\n\n  const {\n    locale,\n    setLocale: setLocaleState,\n    isCookieEnabled: isCookieEnabledContext,\n  } = useContext(IntlayerClientContext);\n\n  const setLocale = (locale: LocalesValues) => {\n    if (!availableLocales?.map(String).includes(locale)) {\n      console.error(`Locale ${locale} is not available`);\n      return;\n    }\n\n    setLocaleState(locale);\n\n    setLocaleInStorage(\n      locale,\n      isCookieEnabled ?? isCookieEnabledContext ?? true\n    );\n\n    onLocaleChange?.(locale);\n  };\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;;;;;;;;;;;AAgBA,MAAa,aAAa,EACxB,iBACA,mBACkB,EAAE,KAAK;CACzB,MAAM,EAAE,eAAe,SAAS,qBAC9B,eAAe,wBAAwB,EAAE;CAE3C,MAAM,EACJ,QACA,WAAW,gBACX,iBAAiB,2BACf,WAAW,sBAAsB;CAErC,MAAM,aAAa,aAA0B;AAC3C,MAAI,CAAC,kBAAkB,IAAI,OAAO,CAAC,SAASA,SAAO,EAAE;AACnD,WAAQ,MAAM,UAAUA,SAAO,mBAAmB;AAClD;;AAGF,iBAAeA,SAAO;AAEtB,qBACEA,UACA,mBAAmB,0BAA0B,KAC9C;AAED,mBAAiBA,SAAO;;AAG1B,QAAO;EACL;EACA;EACA;EACA;EACD"}

package/dist/esm/client/useLocaleBase.mjs

@@ -1,22 +1,25 @@
-"use client";
+'use client';
+
+
+import { IntlayerClientContext } from "./IntlayerProvider.mjs";
 import configuration from "@intlayer/config/built";
 import { useContext } from "preact/hooks";
-import { IntlayerClientContext } from "./IntlayerProvider.mjs";
+
+//#region src/client/useLocaleBase.ts
 const { defaultLocale, locales: availableLocales } = configuration.internationalization;
+/**
+* On the client side, hook to get the current locale and all related fields
+*/
 const useLocaleBase = () => {
-  const { locale, setLocale } = useContext(IntlayerClientContext);
-  return {
-    locale,
-    // Current locale
-    defaultLocale,
-    // Principal locale defined in config
-    availableLocales,
-    // List of the available locales defined in config
-    setLocale
-    // Function to set the locale
-  };
-};
-export {
-  useLocaleBase
+	const { locale, setLocale } = useContext(IntlayerClientContext);
+	return {
+		locale,
+		defaultLocale,
+		availableLocales,
+		setLocale
+	};
 };
+
+//#endregion
+export { useLocaleBase };
 //# sourceMappingURL=useLocaleBase.mjs.map

package/dist/esm/client/useLocaleBase.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLocaleBase.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\nconst { defaultLocale, locales: availableLocales } =\n  configuration.internationalization;\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocaleBase = () => {\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";AAEA,OAAO,mBAAmB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAEtC,MAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,cAAc;AAKT,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,QAAQ,UAAU,IAAI,WAAW,qBAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"file":"useLocaleBase.mjs","names":[],"sources":["../../../src/client/useLocaleBase.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\nconst { defaultLocale, locales: availableLocales } =\n  configuration.internationalization;\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocaleBase = () => {\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;;;;;;;AAMA,MAAM,EAAE,eAAe,SAAS,qBAC9B,cAAc;;;;AAKhB,MAAa,sBAAsB;CACjC,MAAM,EAAE,QAAQ,cAAc,WAAW,sBAAsB;AAE/D,QAAO;EACL;EACA;EACA;EACA;EACD"}

package/dist/esm/client/useLocaleStorage.mjs

@@ -0,0 +1,52 @@
+import { LocaleStorage, getLocaleFromStorage, localeStorageOptions, setLocaleInStorage as setLocaleInStorage$1 } from "@intlayer/core";
+import { useMemo } from "preact/hooks";
+
+//#region src/client/useLocaleStorage.ts
+/**
+* Get the locale cookie
+*/
+const localeInStorage = getLocaleFromStorage(localeStorageOptions);
+/**
+* @deprecated Use localeInStorage instead
+*
+* Get the locale cookie
+*/
+const localeCookie = localeInStorage;
+/**
+* Set the locale cookie
+*/
+const setLocaleInStorage = (locale, isCookieEnabled) => setLocaleInStorage$1(locale, {
+	...localeStorageOptions,
+	isCookieEnabled
+});
+/**
+* @deprecated Use setLocaleInStorage instead
+*
+* Set the locale cookie
+*/
+const setLocaleCookie = setLocaleInStorage;
+/**
+* Hook that provides the locale storage and a function to set it
+*/
+const useLocaleStorage = (isCookieEnabled) => useMemo(() => LocaleStorage({
+	...localeStorageOptions,
+	isCookieEnabled
+}), [isCookieEnabled]);
+/**
+* @deprecated Use useLocaleStorage instead
+*
+* For GDPR compliance, use useLocaleStorage instead
+*
+* Hook that provides the locale cookie and a function to set it
+*/
+const useLocaleCookie = (isCookieEnabled) => {
+	const storage = useLocaleStorage(isCookieEnabled);
+	return {
+		localeCookie: storage.getLocale(),
+		setLocaleCookie: storage.setLocale
+	};
+};
+
+//#endregion
+export { localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorage };
+//# sourceMappingURL=useLocaleStorage.mjs.map

package/dist/esm/client/useLocaleStorage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocaleStorage.mjs","names":["setLocaleInStorageCore"],"sources":["../../../src/client/useLocaleStorage.ts"],"sourcesContent":["import {\n  getLocaleFromStorage,\n  LocaleStorage,\n  localeStorageOptions,\n  setLocaleInStorage as setLocaleInStorageCore,\n} from '@intlayer/core';\nimport type { LocalesValues } from '@intlayer/types';\nimport { useMemo } from 'preact/hooks';\n\n/**\n * Get the locale cookie\n */\nexport const localeInStorage = getLocaleFromStorage(localeStorageOptions);\n/**\n * @deprecated Use localeInStorage instead\n *\n * Get the locale cookie\n */\nexport const localeCookie = localeInStorage;\n\n/**\n * Set the locale cookie\n */\nexport const setLocaleInStorage = (\n  locale: LocalesValues,\n  isCookieEnabled: boolean\n) =>\n  setLocaleInStorageCore(locale, {\n    ...localeStorageOptions,\n    isCookieEnabled,\n  });\n\n/**\n * @deprecated Use setLocaleInStorage instead\n *\n * Set the locale cookie\n */\nexport const setLocaleCookie = setLocaleInStorage;\n\n/**\n * Hook that provides the locale storage and a function to set it\n */\nexport const useLocaleStorage = (isCookieEnabled?: boolean) =>\n  useMemo(\n    () =>\n      LocaleStorage({\n        ...localeStorageOptions,\n        isCookieEnabled,\n      }),\n    [isCookieEnabled]\n  );\n\n/**\n * @deprecated Use useLocaleStorage instead\n *\n * For GDPR compliance, use useLocaleStorage instead\n *\n * Hook that provides the locale cookie and a function to set it\n */\nexport const useLocaleCookie = (isCookieEnabled?: boolean) => {\n  const storage = useLocaleStorage(isCookieEnabled);\n  return {\n    localeCookie: storage.getLocale(),\n    setLocaleCookie: storage.setLocale,\n  };\n};\n"],"mappings":";;;;;;;AAYA,MAAa,kBAAkB,qBAAqB,qBAAqB;;;;;;AAMzE,MAAa,eAAe;;;;AAK5B,MAAa,sBACX,QACA,oBAEAA,qBAAuB,QAAQ;CAC7B,GAAG;CACH;CACD,CAAC;;;;;;AAOJ,MAAa,kBAAkB;;;;AAK/B,MAAa,oBAAoB,oBAC/B,cAEI,cAAc;CACZ,GAAG;CACH;CACD,CAAC,EACJ,CAAC,gBAAgB,CAClB;;;;;;;;AASH,MAAa,mBAAmB,oBAA8B;CAC5D,MAAM,UAAU,iBAAiB,gBAAgB;AACjD,QAAO;EACL,cAAc,QAAQ,WAAW;EACjC,iBAAiB,QAAQ;EAC1B"}

package/dist/esm/client/useTraduction.mjs

@@ -1,14 +1,34 @@
+import { IntlayerClientContext } from "./IntlayerProvider.mjs";
 import { getTranslation } from "@intlayer/core";
 import { useContext, useMemo } from "preact/hooks";
-import { IntlayerClientContext } from "./IntlayerProvider.mjs";
+
+//#region src/client/useTraduction.ts
+/**
+* On the client side, Hook that picking one dictionary by its id and return the content.
+*
+* If not locale found, it will return the content related to the default locale.
+*
+* Return either the content editor, or the content itself depending on the configuration.
+*
+* Usage:
+*
+* ```tsx
+* const content = useTranslation<string>({
+*  en: 'Hello',
+*  fr: 'Bonjour',
+* }, 'fr');
+* // 'Bonjour'
+* ```
+*
+* Using TypeScript:
+* - this function will require each locale to be defined if defined in the project configuration.
+* - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.
+*/
 const useTranslation = (languageContent) => {
-  const { locale } = useContext(IntlayerClientContext);
-  return useMemo(
-    () => getTranslation(languageContent, locale),
-    [languageContent, locale]
-  );
-};
-export {
-  useTranslation
+	const { locale } = useContext(IntlayerClientContext);
+	return useMemo(() => getTranslation(languageContent, locale), [languageContent, locale]);
 };
+
+//#endregion
+export { useTranslation };
 //# sourceMappingURL=useTraduction.mjs.map

package/dist/esm/client/useTraduction.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import { getTranslation, type LanguageContent } from '@intlayer/core';\nimport { useContext, useMemo } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content.\n *\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```tsx\n * const content = useTranslation<string>({\n *  en: 'Hello',\n *  fr: 'Bonjour',\n * }, 'fr');\n * // 'Bonjour'\n * ```\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const useTranslation = <Content = string>(\n  languageContent: LanguageContent<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useMemo(\n    () => getTranslation(languageContent, locale),\n    [languageContent, locale]\n  );\n};\n"],"mappings":"AAAA,SAAS,sBAA4C;AACrD,SAAS,YAAY,eAAe;AACpC,SAAS,6BAA6B;AAuB/B,MAAM,iBAAiB,CAC5B,oBACY;AACZ,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO;AAAA,IACL,MAAM,eAAe,iBAAiB,MAAM;AAAA,IAC5C,CAAC,iBAAiB,MAAM;AAAA,EAC1B;AACF;","names":[]}
+{"version":3,"file":"useTraduction.mjs","names":[],"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import { getTranslation } from '@intlayer/core';\nimport type { StrictModeLocaleMap } from '@intlayer/types';\nimport { useContext, useMemo } from 'preact/hooks';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content.\n *\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```tsx\n * const content = useTranslation<string>({\n *  en: 'Hello',\n *  fr: 'Bonjour',\n * }, 'fr');\n * // 'Bonjour'\n * ```\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const useTranslation = <Content = string>(\n  languageContent: StrictModeLocaleMap<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useMemo(\n    () => getTranslation(languageContent, locale),\n    [languageContent, locale]\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,kBACX,oBACY;CACZ,MAAM,EAAE,WAAW,WAAW,sBAAsB;AAEpD,QAAO,cACC,eAAe,iBAAiB,OAAO,EAC7C,CAAC,iBAAiB,OAAO,CAC1B"}

package/dist/esm/editor/CommunicatorContext.mjs

@@ -1,33 +1,37 @@
-"use client";
-import { jsx } from "preact/jsx-runtime";
+'use client';
+
+
+import { createContext } from "preact";
 import configuration from "@intlayer/config/built";
-import {
-  createContext
-} from "preact";
 import { useContext, useMemo, useRef } from "preact/hooks";
-import { v4 as uuid } from "uuid";
+import { v4 } from "uuid";
+import { jsx } from "preact/jsx-runtime";
+
+//#region src/editor/CommunicatorContext.tsx
 const { editor } = configuration;
 const CommunicatorContext = createContext({
-  postMessage: () => null,
-  allowedOrigins: [
-    editor?.applicationURL,
-    editor?.editorURL,
-    editor?.cmsURL
-  ],
-  senderId: ""
+	postMessage: () => null,
+	allowedOrigins: [
+		editor?.applicationURL,
+		editor?.editorURL,
+		editor?.cmsURL
+	],
+	senderId: ""
 });
 const CommunicatorProvider = ({ children, allowedOrigins, postMessage }) => {
-  const senderIdRef = useRef(uuid());
-  const value = useMemo(
-    () => ({ postMessage, allowedOrigins, senderId: senderIdRef.current }),
-    [postMessage, allowedOrigins]
-    // senderIdRef.current is stable
-  );
-  return /* @__PURE__ */ jsx(CommunicatorContext.Provider, { value, children });
+	const senderIdRef = useRef(v4());
+	const value = useMemo(() => ({
+		postMessage,
+		allowedOrigins,
+		senderId: senderIdRef.current
+	}), [postMessage, allowedOrigins]);
+	return /* @__PURE__ */ jsx(CommunicatorContext.Provider, {
+		value,
+		children
+	});
 };
 const useCommunicator = () => useContext(CommunicatorContext);
-export {
-  CommunicatorProvider,
-  useCommunicator
-};
+
+//#endregion
+export { CommunicatorProvider, useCommunicator };
 //# sourceMappingURL=CommunicatorContext.mjs.map

package/dist/esm/editor/CommunicatorContext.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/CommunicatorContext.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\n\nimport {\n  createContext,\n  type ComponentChildren,\n  type FunctionComponent,\n} from 'preact';\nimport { useContext, useMemo, useRef } from 'preact/hooks';\nimport { v4 as uuid } from 'uuid'; // if you prefer a UUID library\n\nexport type UseCrossPlatformStateProps = {\n  postMessage: typeof window.postMessage;\n  allowedOrigins?: string[];\n  senderId: string;\n};\n\nconst { editor } = configuration;\n\nconst CommunicatorContext = createContext<UseCrossPlatformStateProps>({\n  postMessage: () => null,\n  allowedOrigins: [\n    editor?.applicationURL,\n    editor?.editorURL,\n    editor?.cmsURL,\n  ] as string[],\n  senderId: '',\n});\n\nexport type CommunicatorProviderProps = {\n  children?: ComponentChildren;\n  postMessage: typeof window.postMessage;\n  allowedOrigins?: string[];\n};\n\nexport const CommunicatorProvider: FunctionComponent<\n  CommunicatorProviderProps\n> = ({ children, allowedOrigins, postMessage }) => {\n  // Create a stable, unique ID for the lifetime of this app/iframe instance.\n  const senderIdRef = useRef(uuid());\n\n  const value = useMemo(\n    () => ({ postMessage, allowedOrigins, senderId: senderIdRef.current }),\n    [postMessage, allowedOrigins] // senderIdRef.current is stable\n  );\n\n  return (\n    <CommunicatorContext.Provider value={value}>\n      {children}\n    </CommunicatorContext.Provider>\n  );\n};\n\nexport const useCommunicator = () => useContext(CommunicatorContext);\n"],"mappings":";AAgDI;AA9CJ,OAAO,mBAAmB;AAE1B;AAAA,EACE;AAAA,OAGK;AACP,SAAS,YAAY,SAAS,cAAc;AAC5C,SAAS,MAAM,YAAY;AAQ3B,MAAM,EAAE,OAAO,IAAI;AAEnB,MAAM,sBAAsB,cAA0C;AAAA,EACpE,aAAa,MAAM;AAAA,EACnB,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AACZ,CAAC;AAQM,MAAM,uBAET,CAAC,EAAE,UAAU,gBAAgB,YAAY,MAAM;AAEjD,QAAM,cAAc,OAAO,KAAK,CAAC;AAEjC,QAAM,QAAQ;AAAA,IACZ,OAAO,EAAE,aAAa,gBAAgB,UAAU,YAAY,QAAQ;AAAA,IACpE,CAAC,aAAa,cAAc;AAAA;AAAA,EAC9B;AAEA,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAC3B,UACH;AAEJ;AAEO,MAAM,kBAAkB,MAAM,WAAW,mBAAmB;","names":[]}
+{"version":3,"file":"CommunicatorContext.mjs","names":["CommunicatorProvider: FunctionComponent<\n  CommunicatorProviderProps\n>","uuid"],"sources":["../../../src/editor/CommunicatorContext.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\n\nimport {\n  type ComponentChildren,\n  createContext,\n  type FunctionComponent,\n} from 'preact';\nimport { useContext, useMemo, useRef } from 'preact/hooks';\nimport { v4 as uuid } from 'uuid'; // if you prefer a UUID library\n\nexport type UseCrossPlatformStateProps = {\n  postMessage: typeof window.postMessage;\n  allowedOrigins?: string[];\n  senderId: string;\n};\n\nconst { editor } = configuration;\n\nconst CommunicatorContext = createContext<UseCrossPlatformStateProps>({\n  postMessage: () => null,\n  allowedOrigins: [\n    editor?.applicationURL,\n    editor?.editorURL,\n    editor?.cmsURL,\n  ] as string[],\n  senderId: '',\n});\n\nexport type CommunicatorProviderProps = {\n  children?: ComponentChildren;\n  postMessage: typeof window.postMessage;\n  allowedOrigins?: string[];\n};\n\nexport const CommunicatorProvider: FunctionComponent<\n  CommunicatorProviderProps\n> = ({ children, allowedOrigins, postMessage }) => {\n  // Create a stable, unique ID for the lifetime of this app/iframe instance.\n  const senderIdRef = useRef(uuid());\n\n  const value = useMemo(\n    () => ({ postMessage, allowedOrigins, senderId: senderIdRef.current }),\n    [postMessage, allowedOrigins] // senderIdRef.current is stable\n  );\n\n  return (\n    <CommunicatorContext.Provider value={value}>\n      {children}\n    </CommunicatorContext.Provider>\n  );\n};\n\nexport const useCommunicator = () => useContext(CommunicatorContext);\n"],"mappings":";;;;;;;;;;AAkBA,MAAM,EAAE,WAAW;AAEnB,MAAM,sBAAsB,cAA0C;CACpE,mBAAmB;CACnB,gBAAgB;EACd,QAAQ;EACR,QAAQ;EACR,QAAQ;EACT;CACD,UAAU;CACX,CAAC;AAQF,MAAaA,wBAER,EAAE,UAAU,gBAAgB,kBAAkB;CAEjD,MAAM,cAAc,OAAOC,IAAM,CAAC;CAElC,MAAM,QAAQ,eACL;EAAE;EAAa;EAAgB,UAAU,YAAY;EAAS,GACrE,CAAC,aAAa,eAAe,CAC9B;AAED,QACE,oBAAC,oBAAoB;EAAgB;EAClC;GAC4B;;AAInC,MAAa,wBAAwB,WAAW,oBAAoB"}

package/dist/esm/editor/ConfigurationContext.mjs

@@ -1,27 +1,23 @@
-"use client";
-import { jsx } from "preact/jsx-runtime";
-import { MessageKey } from "@intlayer/editor";
-import {
-  createContext,
-  useContext
-} from "preact/compat";
+'use client';
+
+
 import { useCrossFrameState } from "./useCrossFrameState.mjs";
-const ConfigurationStatesContext = createContext(
-  void 0
-);
-const useConfigurationState = () => useCrossFrameState(
-  MessageKey.INTLAYER_CONFIGURATION,
-  void 0,
-  {
-    receive: false,
-    emit: true
-  }
-);
-const ConfigurationProvider = ({ children, configuration }) => /* @__PURE__ */ jsx(ConfigurationStatesContext.Provider, { value: configuration, children });
+import { MessageKey } from "@intlayer/editor";
+import { createContext, useContext } from "preact/compat";
+import { jsx } from "preact/jsx-runtime";
+
+//#region src/editor/ConfigurationContext.tsx
+const ConfigurationStatesContext = createContext(void 0);
+const useConfigurationState = () => useCrossFrameState(MessageKey.INTLAYER_CONFIGURATION, void 0, {
+	receive: false,
+	emit: true
+});
+const ConfigurationProvider = ({ children, configuration }) => /* @__PURE__ */ jsx(ConfigurationStatesContext.Provider, {
+	value: configuration,
+	children
+});
 const useConfiguration = () => useContext(ConfigurationStatesContext);
-export {
-  ConfigurationProvider,
-  useConfiguration,
-  useConfigurationState
-};
+
+//#endregion
+export { ConfigurationProvider, useConfiguration, useConfigurationState };
 //# sourceMappingURL=ConfigurationContext.mjs.map

package/dist/esm/editor/ConfigurationContext.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/ConfigurationContext.tsx"],"sourcesContent":["'use client';\n\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  type FC,\n  type PropsWithChildren,\n  createContext,\n  useContext,\n} from 'preact/compat';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nconst ConfigurationStatesContext = createContext<IntlayerConfig | undefined>(\n  undefined\n);\n\nexport const useConfigurationState = () =>\n  useCrossFrameState<IntlayerConfig>(\n    MessageKey.INTLAYER_CONFIGURATION,\n    undefined,\n    {\n      receive: false,\n      emit: true,\n    }\n  );\n\nexport type ConfigurationProviderProps = {\n  configuration?: IntlayerConfig;\n};\n\nexport const ConfigurationProvider: FC<\n  PropsWithChildren<ConfigurationProviderProps>\n> = ({ children, configuration }) => (\n  <ConfigurationStatesContext.Provider value={configuration}>\n    {children}\n  </ConfigurationStatesContext.Provider>\n);\n\nexport const useConfiguration = () => useContext(ConfigurationStatesContext);\n"],"mappings":";AAiCE;AA9BF,SAAS,kBAAkB;AAC3B;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AAEnC,MAAM,6BAA6B;AAAA,EACjC;AACF;AAEO,MAAM,wBAAwB,MACnC;AAAA,EACE,WAAW;AAAA,EACX;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF;AAMK,MAAM,wBAET,CAAC,EAAE,UAAU,cAAc,MAC7B,oBAAC,2BAA2B,UAA3B,EAAoC,OAAO,eACzC,UACH;AAGK,MAAM,mBAAmB,MAAM,WAAW,0BAA0B;","names":[]}
+{"version":3,"file":"ConfigurationContext.mjs","names":["ConfigurationProvider: FC<\n  PropsWithChildren<ConfigurationProviderProps>\n>"],"sources":["../../../src/editor/ConfigurationContext.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey } from '@intlayer/editor';\nimport type { IntlayerConfig } from '@intlayer/types';\nimport {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useContext,\n} from 'preact/compat';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nconst ConfigurationStatesContext = createContext<IntlayerConfig | undefined>(\n  undefined\n);\n\nexport const useConfigurationState = () =>\n  useCrossFrameState<IntlayerConfig>(\n    MessageKey.INTLAYER_CONFIGURATION,\n    undefined,\n    {\n      receive: false,\n      emit: true,\n    }\n  );\n\nexport type ConfigurationProviderProps = {\n  configuration?: IntlayerConfig;\n};\n\nexport const ConfigurationProvider: FC<\n  PropsWithChildren<ConfigurationProviderProps>\n> = ({ children, configuration }) => (\n  <ConfigurationStatesContext.Provider value={configuration}>\n    {children}\n  </ConfigurationStatesContext.Provider>\n);\n\nexport const useConfiguration = () => useContext(ConfigurationStatesContext);\n"],"mappings":";;;;;;;;;AAYA,MAAM,6BAA6B,cACjC,OACD;AAED,MAAa,8BACX,mBACE,WAAW,wBACX,QACA;CACE,SAAS;CACT,MAAM;CACP,CACF;AAMH,MAAaA,yBAER,EAAE,UAAU,oBACf,oBAAC,2BAA2B;CAAS,OAAO;CACzC;EACmC;AAGxC,MAAa,yBAAyB,WAAW,2BAA2B"}

package/dist/esm/editor/ContentSelectorWrapper.mjs

@@ -1,76 +1,56 @@
-"use client";
-import { jsx } from "preact/jsx-runtime";
-import { isSameKeyPath } from "@intlayer/core";
-import { MessageKey } from "@intlayer/editor";
-import {
-  useCallback,
-  useMemo
-} from "preact/compat";
-import { useIntlayerContext } from "../client/index.mjs";
-import { ContentSelector } from "../UI/ContentSelector.mjs";
+'use client';
+
+
 import { useCommunicator } from "./CommunicatorContext.mjs";
 import { useEditorEnabled } from "./EditorEnabledContext.mjs";
 import { useFocusDictionary } from "./FocusDictionaryContext.mjs";
-const ContentSelectorWrapperContent = ({
-  children,
-  dictionaryKey,
-  keyPath
-}) => {
-  const { focusedContent, setFocusedContent } = useFocusDictionary();
-  const { postMessage, senderId } = useCommunicator();
-  const handleSelect = useCallback(
-    () => setFocusedContent({
-      dictionaryKey,
-      keyPath
-    }),
-    [dictionaryKey, keyPath]
-  );
-  const handleHover = useCallback(
-    () => postMessage({
-      type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
-      data: {
-        dictionaryKey,
-        keyPath
-      },
-      senderId
-    }),
-    [dictionaryKey, keyPath]
-  );
-  const handleUnhover = useCallback(
-    () => postMessage({
-      type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
-      data: null,
-      senderId
-    }),
-    [senderId]
-  );
-  const isSelected = useMemo(
-    () => (focusedContent?.dictionaryKey === dictionaryKey && (focusedContent?.keyPath?.length ?? 0) > 0 && isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ?? false,
-    [focusedContent, keyPath, dictionaryKey]
-  );
-  return /* @__PURE__ */ jsx(
-    ContentSelector,
-    {
-      onPress: handleSelect,
-      onHover: handleHover,
-      onUnhover: handleUnhover,
-      isSelecting: isSelected,
-      children
-    }
-  );
-};
-const ContentSelectorRenderer = ({
-  children,
-  ...props
-}) => {
-  const { enabled } = useEditorEnabled();
-  const { disableEditor } = useIntlayerContext();
-  if (enabled && !disableEditor) {
-    return /* @__PURE__ */ jsx(ContentSelectorWrapperContent, { ...props, children });
-  }
-  return children;
+import { useIntlayerContext } from "../client/IntlayerProvider.mjs";
+import { ContentSelector } from "../UI/ContentSelector.mjs";
+import { isSameKeyPath } from "@intlayer/core";
+import { MessageKey } from "@intlayer/editor";
+import { useCallback, useMemo } from "preact/compat";
+import { jsx } from "preact/jsx-runtime";
+
+//#region src/editor/ContentSelectorWrapper.tsx
+const ContentSelectorWrapperContent = ({ children, dictionaryKey, keyPath }) => {
+	const { focusedContent, setFocusedContent } = useFocusDictionary();
+	const { postMessage, senderId } = useCommunicator();
+	return /* @__PURE__ */ jsx(ContentSelector, {
+		onPress: useCallback(() => setFocusedContent({
+			dictionaryKey,
+			keyPath
+		}), [dictionaryKey, keyPath]),
+		onHover: useCallback(() => postMessage({
+			type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
+			data: {
+				dictionaryKey,
+				keyPath
+			},
+			senderId
+		}), [dictionaryKey, keyPath]),
+		onUnhover: useCallback(() => postMessage({
+			type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,
+			data: null,
+			senderId
+		}), [senderId]),
+		isSelecting: useMemo(() => (focusedContent?.dictionaryKey === dictionaryKey && (focusedContent?.keyPath?.length ?? 0) > 0 && isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ?? false, [
+			focusedContent,
+			keyPath,
+			dictionaryKey
+		]),
+		children
+	});
 };
-export {
-  ContentSelectorRenderer
+const ContentSelectorRenderer = ({ children,...props }) => {
+	const { enabled } = useEditorEnabled();
+	const { disableEditor } = useIntlayerContext();
+	if (enabled && !disableEditor) return /* @__PURE__ */ jsx(ContentSelectorWrapperContent, {
+		...props,
+		children
+	});
+	return children;
 };
+
+//#endregion
+export { ContentSelectorRenderer };
 //# sourceMappingURL=ContentSelectorWrapper.mjs.map

package/dist/esm/editor/ContentSelectorWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { type NodeProps, isSameKeyPath } from '@intlayer/core';\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  type FC,\n  type HTMLAttributes,\n  useCallback,\n  useMemo,\n} from 'preact/compat';\nimport { useIntlayerContext } from '../client';\nimport { ContentSelector } from '../UI/ContentSelector';\nimport { useCommunicator } from './CommunicatorContext';\nimport { useEditorEnabled } from './EditorEnabledContext';\nimport { useFocusDictionary } from './FocusDictionaryContext';\n\nexport type ContentSelectorWrapperProps = NodeProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst ContentSelectorWrapperContent: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryKey,\n  keyPath,\n}) => {\n  const { focusedContent, setFocusedContent } = useFocusDictionary();\n  const { postMessage, senderId } = useCommunicator();\n\n  const handleSelect = useCallback(\n    () =>\n      setFocusedContent({\n        dictionaryKey,\n        keyPath,\n      }),\n    [dictionaryKey, keyPath]\n  );\n\n  const handleHover = useCallback(\n    () =>\n      postMessage({\n        type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        data: {\n          dictionaryKey,\n          keyPath,\n        },\n        senderId,\n      }),\n    [dictionaryKey, keyPath]\n  );\n\n  const handleUnhover = useCallback(\n    () =>\n      postMessage({\n        type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        data: null,\n        senderId,\n      }),\n    [senderId]\n  );\n\n  const isSelected = useMemo(\n    () =>\n      (focusedContent?.dictionaryKey === dictionaryKey &&\n        (focusedContent?.keyPath?.length ?? 0) > 0 &&\n        isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ??\n      false,\n    [focusedContent, keyPath, dictionaryKey]\n  );\n\n  return (\n    <ContentSelector\n      onPress={handleSelect}\n      onHover={handleHover}\n      onUnhover={handleUnhover}\n      isSelecting={isSelected}\n    >\n      {children}\n    </ContentSelector>\n  );\n};\n\nexport const ContentSelectorRenderer: FC<ContentSelectorWrapperProps> = ({\n  children,\n  ...props\n}) => {\n  const { enabled } = useEditorEnabled();\n  const { disableEditor } = useIntlayerContext();\n\n  if (enabled && !disableEditor) {\n    return (\n      <ContentSelectorWrapperContent {...props}>\n        {children}\n      </ContentSelectorWrapperContent>\n    );\n  }\n\n  return children;\n};\n"],"mappings":";AAqEI;AAnEJ,SAAyB,qBAAqB;AAC9C,SAAS,kBAAkB;AAC3B;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AAKnC,MAAM,gCAAiE,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,gBAAgB,kBAAkB,IAAI,mBAAmB;AACjE,QAAM,EAAE,aAAa,SAAS,IAAI,gBAAgB;AAElD,QAAM,eAAe;AAAA,IACnB,MACE,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,eAAe,OAAO;AAAA,EACzB;AAEA,QAAM,cAAc;AAAA,IAClB,MACE,YAAY;AAAA,MACV,MAAM,GAAG,WAAW,gCAAgC;AAAA,MACpD,MAAM;AAAA,QACJ;AAAA,QACA;AAAA,MACF;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,eAAe,OAAO;AAAA,EACzB;AAEA,QAAM,gBAAgB;AAAA,IACpB,MACE,YAAY;AAAA,MACV,MAAM,GAAG,WAAW,gCAAgC;AAAA,MACpD,MAAM;AAAA,MACN;AAAA,IACF,CAAC;AAAA,IACH,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,aAAa;AAAA,IACjB,OACG,gBAAgB,kBAAkB,kBAChC,gBAAgB,SAAS,UAAU,KAAK,KACzC,cAAc,gBAAgB,WAAW,CAAC,GAAG,OAAO,MACtD;AAAA,IACF,CAAC,gBAAgB,SAAS,aAAa;AAAA,EACzC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aAAa;AAAA,MAEZ;AAAA;AAAA,EACH;AAEJ;AAEO,MAAM,0BAA2D,CAAC;AAAA,EACvE;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,QAAQ,IAAI,iBAAiB;AACrC,QAAM,EAAE,cAAc,IAAI,mBAAmB;AAE7C,MAAI,WAAW,CAAC,eAAe;AAC7B,WACE,oBAAC,iCAA+B,GAAG,OAChC,UACH;AAAA,EAEJ;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"file":"ContentSelectorWrapper.mjs","names":["ContentSelectorWrapperContent: FC<ContentSelectorWrapperProps>","ContentSelectorRenderer: FC<ContentSelectorWrapperProps>"],"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { isSameKeyPath, type NodeProps } from '@intlayer/core';\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  type FC,\n  type HTMLAttributes,\n  useCallback,\n  useMemo,\n} from 'preact/compat';\nimport { useIntlayerContext } from '../client';\nimport { ContentSelector } from '../UI/ContentSelector';\nimport { useCommunicator } from './CommunicatorContext';\nimport { useEditorEnabled } from './EditorEnabledContext';\nimport { useFocusDictionary } from './FocusDictionaryContext';\n\nexport type ContentSelectorWrapperProps = NodeProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst ContentSelectorWrapperContent: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryKey,\n  keyPath,\n}) => {\n  const { focusedContent, setFocusedContent } = useFocusDictionary();\n  const { postMessage, senderId } = useCommunicator();\n\n  const handleSelect = useCallback(\n    () =>\n      setFocusedContent({\n        dictionaryKey,\n        keyPath,\n      }),\n    [dictionaryKey, keyPath]\n  );\n\n  const handleHover = useCallback(\n    () =>\n      postMessage({\n        type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        data: {\n          dictionaryKey,\n          keyPath,\n        },\n        senderId,\n      }),\n    [dictionaryKey, keyPath]\n  );\n\n  const handleUnhover = useCallback(\n    () =>\n      postMessage({\n        type: `${MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED}/post`,\n        data: null,\n        senderId,\n      }),\n    [senderId]\n  );\n\n  const isSelected = useMemo(\n    () =>\n      (focusedContent?.dictionaryKey === dictionaryKey &&\n        (focusedContent?.keyPath?.length ?? 0) > 0 &&\n        isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ??\n      false,\n    [focusedContent, keyPath, dictionaryKey]\n  );\n\n  return (\n    <ContentSelector\n      onPress={handleSelect}\n      onHover={handleHover}\n      onUnhover={handleUnhover}\n      isSelecting={isSelected}\n    >\n      {children}\n    </ContentSelector>\n  );\n};\n\nexport const ContentSelectorRenderer: FC<ContentSelectorWrapperProps> = ({\n  children,\n  ...props\n}) => {\n  const { enabled } = useEditorEnabled();\n  const { disableEditor } = useIntlayerContext();\n\n  if (enabled && !disableEditor) {\n    return (\n      <ContentSelectorWrapperContent {...props}>\n        {children}\n      </ContentSelectorWrapperContent>\n    );\n  }\n\n  return children;\n};\n"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAMA,iCAAkE,EACtE,UACA,eACA,cACI;CACJ,MAAM,EAAE,gBAAgB,sBAAsB,oBAAoB;CAClE,MAAM,EAAE,aAAa,aAAa,iBAAiB;AA2CnD,QACE,oBAAC;EACC,SA3CiB,kBAEjB,kBAAkB;GAChB;GACA;GACD,CAAC,EACJ,CAAC,eAAe,QAAQ,CACzB;EAqCG,SAnCgB,kBAEhB,YAAY;GACV,MAAM,GAAG,WAAW,iCAAiC;GACrD,MAAM;IACJ;IACA;IACD;GACD;GACD,CAAC,EACJ,CAAC,eAAe,QAAQ,CACzB;EAyBG,WAvBkB,kBAElB,YAAY;GACV,MAAM,GAAG,WAAW,iCAAiC;GACrD,MAAM;GACN;GACD,CAAC,EACJ,CAAC,SAAS,CACX;EAgBG,aAde,eAEd,gBAAgB,kBAAkB,kBAChC,gBAAgB,SAAS,UAAU,KAAK,KACzC,cAAc,gBAAgB,WAAW,EAAE,EAAE,QAAQ,KACvD,OACF;GAAC;GAAgB;GAAS;GAAc,CACzC;EASI;GACe;;AAItB,MAAaC,2BAA4D,EACvE,SACA,GAAG,YACC;CACJ,MAAM,EAAE,YAAY,kBAAkB;CACtC,MAAM,EAAE,kBAAkB,oBAAoB;AAE9C,KAAI,WAAW,CAAC,cACd,QACE,oBAAC;EAA8B,GAAI;EAChC;GAC6B;AAIpC,QAAO"}