@lifi/widget 4.0.0-beta.0 → 4.0.0-beta.10

package/dist/esm/providers/I18nProvider/I18nProvider.js

@@ -1,97 +1,83 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createInstance } from 'i18next';
-import { useEffect, useMemo, useRef } from 'react';
-import { I18nextProvider } from 'react-i18next';
-import { useLanguages } from '../../hooks/useLanguages.js';
-import { useSettingsStore } from '../../stores/settings/SettingsStore.js';
-import { useSettings } from '../../stores/settings/useSettings.js';
-import { compactNumberFormatter } from '../../utils/compactNumberFormatter.js';
-import { currencyExtendedFormatter } from '../../utils/currencyExtendedFormatter.js';
-import { percentFormatter } from '../../utils/percentFormatter.js';
-import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
-import { allLanguages } from './constants.js';
-import { enResource } from './enResource.js';
-import { mergeWithLanguageResources } from './i18n.js';
-export const I18nProvider = ({ children, }) => {
-    const { languages, languageResources } = useWidgetConfig();
-    const { language, languageCache } = useSettings(['language', 'languageCache']);
-    const i18nInstanceRef = useRef(null);
-    const i18nInstance = useMemo(() => {
-        if (i18nInstanceRef.current) {
-            // Update i18n instance with language and language cache updates
-            if (language && languageCache && language !== 'en') {
-                i18nInstanceRef.current.addResourceBundle(language, 'translation', languageCache, true, true);
-            }
-            return i18nInstanceRef.current;
-        }
-        // Custom language resources (of non-default languages) are added statically.
-        // If custom language resources extend existing languages, they are merged with dynamically loaded resources.
-        const customLanguageKeys = languageResources
-            ? Object.keys(languageResources).filter((key) => !allLanguages.includes(key))
-            : [];
-        const initialLanguage = language || languages?.default;
-        const i18n = createInstance({
-            lng: initialLanguage,
-            fallbackLng: 'en',
-            lowerCaseLng: true,
-            interpolation: { escapeValue: false },
-            resources: {
-                en: {
-                    translation: mergeWithLanguageResources(enResource, languageResources?.en),
-                },
-                ...(initialLanguage &&
-                    initialLanguage !== 'en' &&
-                    languageCache && {
-                    [initialLanguage]: {
-                        translation: languageCache,
-                    },
-                }),
-                // Add non-existing custom language resources
-                ...customLanguageKeys.reduce((acc, key) => {
-                    const customResource = languageResources?.[key];
-                    if (customResource) {
-                        acc[key] = {
-                            translation: customResource,
-                        };
-                    }
-                    return acc;
-                }, {}),
-            },
-            detection: {
-                caches: [],
-            },
-            returnEmptyString: false,
-            showSupportNotice: false,
-        });
-        i18n.init();
-        i18n.services.formatter?.addCached('numberExt', compactNumberFormatter);
-        i18n.services.formatter?.addCached('currencyExt', currencyExtendedFormatter);
-        i18n.services.formatter?.addCached('percent', percentFormatter);
-        i18nInstanceRef.current = i18n;
-        return i18n;
-    }, [language, languageResources, languages?.default, languageCache]);
-    return (_jsxs(I18nextProvider, { i18n: i18nInstance, children: [children, _jsx(DefaultLanguageHandler, {})] }));
+import { allLanguages } from "./constants.js";
+import { mergeWithLanguageResources } from "./i18n.js";
+import { useSettingsStore } from "../../stores/settings/SettingsStore.js";
+import { useWidgetConfig } from "../WidgetProvider/WidgetProvider.js";
+import { useSettings } from "../../stores/settings/useSettings.js";
+import { useLanguages } from "../../hooks/useLanguages.js";
+import { compactNumberFormatter } from "../../utils/compactNumberFormatter.js";
+import { currencyExtendedFormatter } from "../../utils/currencyExtendedFormatter.js";
+import { percentFormatter } from "../../utils/percentFormatter.js";
+import { en } from "./enResource.js";
+import { useEffect, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { I18nextProvider } from "react-i18next";
+import { createInstance } from "i18next";
+//#region src/providers/I18nProvider/I18nProvider.tsx
+const I18nProvider = ({ children }) => {
+	const { languages, languageResources } = useWidgetConfig();
+	const { language, languageCache } = useSettings(["language", "languageCache"]);
+	const i18nInstanceRef = useRef(null);
+	return /* @__PURE__ */ jsxs(I18nextProvider, {
+		i18n: useMemo(() => {
+			if (i18nInstanceRef.current) {
+				if (language && languageCache && language !== "en") i18nInstanceRef.current.addResourceBundle(language, "translation", languageCache, true, true);
+				return i18nInstanceRef.current;
+			}
+			const customLanguageKeys = languageResources ? Object.keys(languageResources).filter((key) => !allLanguages.includes(key)) : [];
+			const initialLanguage = language || languages?.default;
+			const i18n = createInstance({
+				lng: initialLanguage,
+				fallbackLng: "en",
+				lowerCaseLng: true,
+				interpolation: { escapeValue: false },
+				resources: {
+					en: { translation: mergeWithLanguageResources(en, languageResources?.en) },
+					...initialLanguage && initialLanguage !== "en" && languageCache && { [initialLanguage]: { translation: languageCache } },
+					...customLanguageKeys.reduce((acc, key) => {
+						const customResource = languageResources?.[key];
+						if (customResource) acc[key] = { translation: customResource };
+						return acc;
+					}, {})
+				},
+				detection: { caches: [] },
+				returnEmptyString: false
+			});
+			i18n.init();
+			i18n.services.formatter?.addCached("numberExt", compactNumberFormatter);
+			i18n.services.formatter?.addCached("currencyExt", currencyExtendedFormatter);
+			i18n.services.formatter?.addCached("percent", percentFormatter);
+			i18nInstanceRef.current = i18n;
+			return i18n;
+		}, [
+			language,
+			languageResources,
+			languages?.default,
+			languageCache
+		]),
+		children: [children, /* @__PURE__ */ jsx(DefaultLanguageHandler, {})]
+	});
 };
-// Sync language settings internally when config.languages.default changes externally
 const DefaultLanguageHandler = () => {
-    const { languages } = useWidgetConfig();
-    const [lastDefaultLanguage, setValue] = useSettingsStore((state) => [
-        state.lastDefaultLanguage,
-        state.setValue,
-    ]);
-    const { setLanguageWithCode: setLanguage } = useLanguages();
-    useEffect(() => {
-        const currentDefaultLanguage = languages?.default;
-        const defaultLanguageChanged = currentDefaultLanguage && currentDefaultLanguage !== lastDefaultLanguage;
-        if (!defaultLanguageChanged) {
-            return;
-        }
-        const updateLanguage = async () => {
-            await setLanguage(currentDefaultLanguage);
-            setValue('lastDefaultLanguage', currentDefaultLanguage);
-        };
-        updateLanguage();
-    }, [languages?.default, setValue, lastDefaultLanguage, setLanguage]);
-    return null;
+	const { languages } = useWidgetConfig();
+	const [lastDefaultLanguage, setValue] = useSettingsStore((state) => [state.lastDefaultLanguage, state.setValue]);
+	const { setLanguageWithCode: setLanguage } = useLanguages();
+	useEffect(() => {
+		const currentDefaultLanguage = languages?.default;
+		if (!(currentDefaultLanguage && currentDefaultLanguage !== lastDefaultLanguage)) return;
+		const updateLanguage = async () => {
+			await setLanguage(currentDefaultLanguage);
+			setValue("lastDefaultLanguage", currentDefaultLanguage);
+		};
+		updateLanguage();
+	}, [
+		languages?.default,
+		setValue,
+		lastDefaultLanguage,
+		setLanguage
+	]);
+	return null;
 };
+//#endregion
+export { I18nProvider };
+
 //# sourceMappingURL=I18nProvider.js.map

package/dist/esm/providers/I18nProvider/I18nProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"I18nProvider.js","sourceRoot":"","sources":["../../../../src/providers/I18nProvider/I18nProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAa,MAAM,SAAS,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAA;AAC9E,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAA;AACpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAA;AAGtD,MAAM,CAAC,MAAM,YAAY,GAAsC,CAAC,EAC9D,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,eAAe,EAAE,CAAA;IAC1D,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,WAAW,CAAC,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC,CAAA;IAC9E,MAAM,eAAe,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IAEjD,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC5B,gEAAgE;YAChE,IAAI,QAAQ,IAAI,aAAa,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;gBACnD,eAAe,CAAC,OAAO,CAAC,iBAAiB,CACvC,QAAQ,EACR,aAAa,EACb,aAAa,EACb,IAAI,EACJ,IAAI,CACL,CAAA;YACH,CAAC;YACD,OAAO,eAAe,CAAC,OAAO,CAAA;QAChC,CAAC;QAED,6EAA6E;QAC7E,6GAA6G;QAC7G,MAAM,kBAAkB,GAAG,iBAAiB;YAC1C,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,MAAM,CACnC,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAkB,CAAC,CAC5D;YACH,CAAC,CAAC,EAAE,CAAA;QACN,MAAM,eAAe,GAAG,QAAQ,IAAI,SAAS,EAAE,OAAO,CAAA;QACtD,MAAM,IAAI,GAAG,cAAc,CAAC;YAC1B,GAAG,EAAE,eAAe;YACpB,WAAW,EAAE,IAAI;YACjB,YAAY,EAAE,IAAI;YAClB,aAAa,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE;YACrC,SAAS,EAAE;gBACT,EAAE,EAAE;oBACF,WAAW,EAAE,0BAA0B,CACrC,UAAU,EACV,iBAAiB,EAAE,EAAE,CACtB;iBACF;gBACD,GAAG,CAAC,eAAe;oBACjB,eAAe,KAAK,IAAI;oBACxB,aAAa,IAAI;oBACf,CAAC,eAAe,CAAC,EAAE;wBACjB,WAAW,EAAE,aAAa;qBAC3B;iBACF,CAAC;gBACJ,6CAA6C;gBAC7C,GAAG,kBAAkB,CAAC,MAAM,CAC1B,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;oBACX,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC,GAAkB,CAAC,CAAA;oBAC9D,IAAI,cAAc,EAAE,CAAC;wBACnB,GAAG,CAAC,GAAG,CAAC,GAAG;4BACT,WAAW,EAAE,cAAc;yBAC5B,CAAA;oBACH,CAAC;oBACD,OAAO,GAAG,CAAA;gBACZ,CAAC,EACD,EAGC,CACF;aACF;YACD,SAAS,EAAE;gBACT,MAAM,EAAE,EAAE;aACX;YACD,iBAAiB,EAAE,KAAK;YACxB,iBAAiB,EAAE,KAAK;SACzB,CAAC,CAAA;QAEF,IAAI,CAAC,IAAI,EAAE,CAAA;QAEX,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAA;QACvE,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,aAAa,EAAE,yBAAyB,CAAC,CAAA;QAC5E,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAA;QAC/D,eAAe,CAAC,OAAO,GAAG,IAAI,CAAA;QAC9B,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAA;IAEpE,OAAO,CACL,MAAC,eAAe,IAAC,IAAI,EAAE,YAAY,aAChC,QAAQ,EACT,KAAC,sBAAsB,KAAG,IACV,CACnB,CAAA;AACH,CAAC,CAAA;AAED,qFAAqF;AACrF,MAAM,sBAAsB,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IACvC,MAAM,CAAC,mBAAmB,EAAE,QAAQ,CAAC,GAAG,gBAAgB,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;QAClE,KAAK,CAAC,mBAAmB;QACzB,KAAK,CAAC,QAAQ;KACf,CAAC,CAAA;IACF,MAAM,EAAE,mBAAmB,EAAE,WAAW,EAAE,GAAG,YAAY,EAAE,CAAA;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,sBAAsB,GAAG,SAAS,EAAE,OAAO,CAAA;QAEjD,MAAM,sBAAsB,GAC1B,sBAAsB,IAAI,sBAAsB,KAAK,mBAAmB,CAAA;QAE1E,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAC5B,OAAM;QACR,CAAC;QAED,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;YAChC,MAAM,WAAW,CAAC,sBAAsB,CAAC,CAAA;YACzC,QAAQ,CAAC,qBAAqB,EAAE,sBAAsB,CAAC,CAAA;QACzD,CAAC,CAAA;QAED,cAAc,EAAE,CAAA;IAClB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,WAAW,CAAC,CAAC,CAAA;IAEpE,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}
+{"version":3,"file":"I18nProvider.js","names":["enResource"],"sources":["../../../../src/providers/I18nProvider/I18nProvider.tsx"],"sourcesContent":["import { createInstance, type i18n } from 'i18next'\nimport { useEffect, useMemo, useRef } from 'react'\nimport { I18nextProvider } from 'react-i18next'\nimport { useLanguages } from '../../hooks/useLanguages.js'\nimport { useSettingsStore } from '../../stores/settings/SettingsStore.js'\nimport { useSettings } from '../../stores/settings/useSettings.js'\nimport { compactNumberFormatter } from '../../utils/compactNumberFormatter.js'\nimport { currencyExtendedFormatter } from '../../utils/currencyExtendedFormatter.js'\nimport { percentFormatter } from '../../utils/percentFormatter.js'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\nimport { allLanguages } from './constants.js'\nimport { enResource } from './enResource.js'\nimport { mergeWithLanguageResources } from './i18n.js'\nimport type { LanguageKey, LanguageResource, PartialResource } from './types.js'\n\nexport const I18nProvider: React.FC<React.PropsWithChildren> = ({\n  children,\n}) => {\n  const { languages, languageResources } = useWidgetConfig()\n  const { language, languageCache } = useSettings(['language', 'languageCache'])\n  const i18nInstanceRef = useRef<i18n | null>(null)\n\n  const i18nInstance = useMemo(() => {\n    if (i18nInstanceRef.current) {\n      // Update i18n instance with language and language cache updates\n      if (language && languageCache && language !== 'en') {\n        i18nInstanceRef.current.addResourceBundle(\n          language,\n          'translation',\n          languageCache,\n          true,\n          true\n        )\n      }\n      return i18nInstanceRef.current\n    }\n\n    // Custom language resources (of non-default languages) are added statically.\n    // If custom language resources extend existing languages, they are merged with dynamically loaded resources.\n    const customLanguageKeys = languageResources\n      ? Object.keys(languageResources).filter(\n          (key: string) => !allLanguages.includes(key as LanguageKey)\n        )\n      : []\n    const initialLanguage = language || languages?.default\n    const i18n = createInstance({\n      lng: initialLanguage,\n      fallbackLng: 'en',\n      lowerCaseLng: true,\n      interpolation: { escapeValue: false },\n      resources: {\n        en: {\n          translation: mergeWithLanguageResources(\n            enResource,\n            languageResources?.en\n          ),\n        },\n        ...(initialLanguage &&\n          initialLanguage !== 'en' &&\n          languageCache && {\n            [initialLanguage]: {\n              translation: languageCache,\n            },\n          }),\n        // Add non-existing custom language resources\n        ...customLanguageKeys.reduce(\n          (acc, key) => {\n            const customResource = languageResources?.[key as LanguageKey]\n            if (customResource) {\n              acc[key] = {\n                translation: customResource,\n              }\n            }\n            return acc\n          },\n          {} as Record<\n            string,\n            { translation: PartialResource<LanguageResource> }\n          >\n        ),\n      },\n      detection: {\n        caches: [],\n      },\n      returnEmptyString: false,\n    })\n\n    i18n.init()\n\n    i18n.services.formatter?.addCached('numberExt', compactNumberFormatter)\n    i18n.services.formatter?.addCached('currencyExt', currencyExtendedFormatter)\n    i18n.services.formatter?.addCached('percent', percentFormatter)\n    i18nInstanceRef.current = i18n\n    return i18n\n  }, [language, languageResources, languages?.default, languageCache])\n\n  return (\n    <I18nextProvider i18n={i18nInstance}>\n      {children}\n      <DefaultLanguageHandler />\n    </I18nextProvider>\n  )\n}\n\n// Sync language settings internally when config.languages.default changes externally\nconst DefaultLanguageHandler: React.FC = () => {\n  const { languages } = useWidgetConfig()\n  const [lastDefaultLanguage, setValue] = useSettingsStore((state) => [\n    state.lastDefaultLanguage,\n    state.setValue,\n  ])\n  const { setLanguageWithCode: setLanguage } = useLanguages()\n\n  useEffect(() => {\n    const currentDefaultLanguage = languages?.default\n\n    const defaultLanguageChanged =\n      currentDefaultLanguage && currentDefaultLanguage !== lastDefaultLanguage\n\n    if (!defaultLanguageChanged) {\n      return\n    }\n\n    const updateLanguage = async () => {\n      await setLanguage(currentDefaultLanguage)\n      setValue('lastDefaultLanguage', currentDefaultLanguage)\n    }\n\n    updateLanguage()\n  }, [languages?.default, setValue, lastDefaultLanguage, setLanguage])\n\n  return null\n}\n"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAa,gBAAmD,EAC9D,eACI;CACJ,MAAM,EAAE,WAAW,sBAAsB,iBAAiB;CAC1D,MAAM,EAAE,UAAU,kBAAkB,YAAY,CAAC,YAAY,gBAAgB,CAAC;CAC9E,MAAM,kBAAkB,OAAoB,KAAK;AA4EjD,QACE,qBAAC,iBAAD;EAAiB,MA3EE,cAAc;AACjC,OAAI,gBAAgB,SAAS;AAE3B,QAAI,YAAY,iBAAiB,aAAa,KAC5C,iBAAgB,QAAQ,kBACtB,UACA,eACA,eACA,MACA,KACD;AAEH,WAAO,gBAAgB;;GAKzB,MAAM,qBAAqB,oBACvB,OAAO,KAAK,kBAAkB,CAAC,QAC5B,QAAgB,CAAC,aAAa,SAAS,IAAmB,CAC5D,GACD,EAAE;GACN,MAAM,kBAAkB,YAAY,WAAW;GAC/C,MAAM,OAAO,eAAe;IAC1B,KAAK;IACL,aAAa;IACb,cAAc;IACd,eAAe,EAAE,aAAa,OAAO;IACrC,WAAW;KACT,IAAI,EACF,aAAa,2BACXA,IACA,mBAAmB,GACpB,EACF;KACD,GAAI,mBACF,oBAAoB,QACpB,iBAAiB,GACd,kBAAkB,EACjB,aAAa,eACd,EACF;KAEH,GAAG,mBAAmB,QACnB,KAAK,QAAQ;MACZ,MAAM,iBAAiB,oBAAoB;AAC3C,UAAI,eACF,KAAI,OAAO,EACT,aAAa,gBACd;AAEH,aAAO;QAET,EAAE,CAIH;KACF;IACD,WAAW,EACT,QAAQ,EAAE,EACX;IACD,mBAAmB;IACpB,CAAC;AAEF,QAAK,MAAM;AAEX,QAAK,SAAS,WAAW,UAAU,aAAa,uBAAuB;AACvE,QAAK,SAAS,WAAW,UAAU,eAAe,0BAA0B;AAC5E,QAAK,SAAS,WAAW,UAAU,WAAW,iBAAiB;AAC/D,mBAAgB,UAAU;AAC1B,UAAO;KACN;GAAC;GAAU;GAAmB,WAAW;GAAS;GAAc,CAAC;YAGlE,CACG,UACD,oBAAC,wBAAD,EAA0B,CAAA,CACV;;;AAKtB,MAAM,+BAAyC;CAC7C,MAAM,EAAE,cAAc,iBAAiB;CACvC,MAAM,CAAC,qBAAqB,YAAY,kBAAkB,UAAU,CAClE,MAAM,qBACN,MAAM,SACP,CAAC;CACF,MAAM,EAAE,qBAAqB,gBAAgB,cAAc;AAE3D,iBAAgB;EACd,MAAM,yBAAyB,WAAW;AAK1C,MAAI,EAFF,0BAA0B,2BAA2B,qBAGrD;EAGF,MAAM,iBAAiB,YAAY;AACjC,SAAM,YAAY,uBAAuB;AACzC,YAAS,uBAAuB,uBAAuB;;AAGzD,kBAAgB;IACf;EAAC,WAAW;EAAS;EAAU;EAAqB;EAAY,CAAC;AAEpE,QAAO"}

package/dist/esm/providers/I18nProvider/constants.js

@@ -1,39 +1,43 @@
-export const allLanguages = [
-    'en',
-    'es',
-    'fr',
-    'de',
-    'it',
-    'pt',
-    'ja',
-    'ko',
-    'zh',
-    'hi',
-    'bn',
-    'th',
-    'vi',
-    'tr',
-    'uk',
-    'id',
-    'pl',
+//#region src/providers/I18nProvider/constants.ts
+const allLanguages = [
+	"en",
+	"es",
+	"fr",
+	"de",
+	"it",
+	"pt",
+	"ja",
+	"ko",
+	"zh",
+	"hi",
+	"bn",
+	"th",
+	"vi",
+	"tr",
+	"uk",
+	"id",
+	"pl"
 ];
-export const languageNames = {
-    en: 'English',
-    es: 'Español',
-    fr: 'Français',
-    de: 'Deutsch',
-    it: 'Italiano',
-    pt: 'Português',
-    ja: '日本語',
-    ko: '한국어',
-    zh: '中文',
-    hi: 'हिन्दी',
-    bn: 'বাংলা',
-    th: 'ไทย',
-    vi: 'Tiếng Việt',
-    tr: 'Türkçe',
-    uk: 'Українська',
-    id: 'Bahasa Indonesia',
-    pl: 'Polski',
+const languageNames = {
+	en: "English",
+	es: "Español",
+	fr: "Français",
+	de: "Deutsch",
+	it: "Italiano",
+	pt: "Português",
+	ja: "日本語",
+	ko: "한국어",
+	zh: "中文",
+	hi: "हिन्दी",
+	bn: "বাংলা",
+	th: "ไทย",
+	vi: "Tiếng Việt",
+	tr: "Türkçe",
+	uk: "Українська",
+	id: "Bahasa Indonesia",
+	pl: "Polski"
 };
+//#endregion
+export { allLanguages, languageNames };
+
 //# sourceMappingURL=constants.js.map

package/dist/esm/providers/I18nProvider/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/providers/I18nProvider/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAkB;IACzC,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACL,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAgC;IACxD,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,kBAAkB;IACtB,EAAE,EAAE,QAAQ;CACb,CAAA"}
+{"version":3,"file":"constants.js","names":[],"sources":["../../../../src/providers/I18nProvider/constants.ts"],"sourcesContent":["import type { LanguageKey } from './types.js'\n\nexport const allLanguages: LanguageKey[] = [\n  'en',\n  'es',\n  'fr',\n  'de',\n  'it',\n  'pt',\n  'ja',\n  'ko',\n  'zh',\n  'hi',\n  'bn',\n  'th',\n  'vi',\n  'tr',\n  'uk',\n  'id',\n  'pl',\n]\n\nexport const languageNames: Record<LanguageKey, string> = {\n  en: 'English',\n  es: 'Español',\n  fr: 'Français',\n  de: 'Deutsch',\n  it: 'Italiano',\n  pt: 'Português',\n  ja: '日本語',\n  ko: '한국어',\n  zh: '中文',\n  hi: 'हिन्दी',\n  bn: 'বাংলা',\n  th: 'ไทย',\n  vi: 'Tiếng Việt',\n  tr: 'Türkçe',\n  uk: 'Українська',\n  id: 'Bahasa Indonesia',\n  pl: 'Polski',\n}\n"],"mappings":";AAEA,MAAa,eAA8B;CACzC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,gBAA6C;CACxD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL"}

package/dist/esm/providers/I18nProvider/enResource.d.ts

@@ -1,2 +1,2 @@
-import en from '../../i18n/en.json';
-export { en as enResource };
+import en from "../../i18n/en.json" with { type: "json" };
+export { en };

package/dist/esm/providers/I18nProvider/enResource.js

@@ -1,4 +1,2 @@
-import en from '../../i18n/en.json' with { type: 'json' };
-// Used as a fallback language resource
-export { en as enResource };
-//# sourceMappingURL=enResource.js.map
+import en from "../../i18n/en.json" with { type: "json" };
+export { en };

package/dist/esm/providers/I18nProvider/i18n.js

@@ -1,19 +1,18 @@
-import { deepMerge } from '../../utils/deepMerge.js';
-// Dynamically import the JSON file for the specified language
-export async function loadLocale(lng, customLanguageResource) {
-    let languageResource;
-    try {
-        const languageResourceModule = await import(`../../i18n/${lng}.json`);
-        languageResource = languageResourceModule.default;
-    }
-    catch {
-        languageResource = {};
-    }
-    return mergeWithLanguageResources(languageResource, customLanguageResource);
+import { deepMerge } from "../../utils/deepMerge.js";
+//#region src/providers/I18nProvider/i18n.ts
+async function loadLocale(lng, customLanguageResource) {
+	let languageResource;
+	try {
+		languageResource = (await import(`../../i18n/${lng}.json`)).default;
+	} catch {
+		languageResource = {};
+	}
+	return mergeWithLanguageResources(languageResource, customLanguageResource);
 }
-export function mergeWithLanguageResources(languageResource, customLanguageResource) {
-    return customLanguageResource
-        ? deepMerge(languageResource, customLanguageResource)
-        : languageResource;
+function mergeWithLanguageResources(languageResource, customLanguageResource) {
+	return customLanguageResource ? deepMerge(languageResource, customLanguageResource) : languageResource;
 }
+//#endregion
+export { loadLocale, mergeWithLanguageResources };
+
 //# sourceMappingURL=i18n.js.map

package/dist/esm/providers/I18nProvider/i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../../../src/providers/I18nProvider/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAGpD,8DAA8D;AAC9D,MAAM,CAAC,KAAK,UAAU,UAAU,CAC9B,GAAgB,EAChB,sBAA0D;IAE1D,IAAI,gBAAkC,CAAA;IACtC,IAAI,CAAC;QACH,MAAM,sBAAsB,GAAG,MAAM,MAAM,CAAC,cAAc,GAAG,OAAO,CAAC,CAAA;QACrE,gBAAgB,GAAG,sBAAsB,CAAC,OAA2B,CAAA;IACvE,CAAC;IAAC,MAAM,CAAC;QACP,gBAAgB,GAAG,EAAsB,CAAA;IAC3C,CAAC;IACD,OAAO,0BAA0B,CAAC,gBAAgB,EAAE,sBAAsB,CAAC,CAAA;AAC7E,CAAC;AAED,MAAM,UAAU,0BAA0B,CACxC,gBAAkC,EAClC,sBAA0D;IAE1D,OAAO,sBAAsB;QAC3B,CAAC,CAAC,SAAS,CAAC,gBAAgB,EAAE,sBAAsB,CAAC;QACrD,CAAC,CAAC,gBAAgB,CAAA;AACtB,CAAC"}
+{"version":3,"file":"i18n.js","names":[],"sources":["../../../../src/providers/I18nProvider/i18n.ts"],"sourcesContent":["import { deepMerge } from '../../utils/deepMerge.js'\nimport type { LanguageKey, LanguageResource, PartialResource } from './types.js'\n\n// Dynamically import the JSON file for the specified language\nexport async function loadLocale(\n  lng: LanguageKey,\n  customLanguageResource?: PartialResource<LanguageResource>\n): Promise<LanguageResource> {\n  let languageResource: LanguageResource\n  try {\n    const languageResourceModule = await import(`../../i18n/${lng}.json`)\n    languageResource = languageResourceModule.default as LanguageResource\n  } catch {\n    languageResource = {} as LanguageResource\n  }\n  return mergeWithLanguageResources(languageResource, customLanguageResource)\n}\n\nexport function mergeWithLanguageResources(\n  languageResource: LanguageResource,\n  customLanguageResource?: PartialResource<LanguageResource>\n): LanguageResource {\n  return customLanguageResource\n    ? deepMerge(languageResource, customLanguageResource)\n    : languageResource\n}\n"],"mappings":";;AAIA,eAAsB,WACpB,KACA,wBAC2B;CAC3B,IAAI;AACJ,KAAI;AAEF,sBAD+B,MAAM,OAAO,cAAc,IAAI,SACpB;SACpC;AACN,qBAAmB,EAAE;;AAEvB,QAAO,2BAA2B,kBAAkB,uBAAuB;;AAG7E,SAAgB,2BACd,kBACA,wBACkB;AAClB,QAAO,yBACH,UAAU,kBAAkB,uBAAuB,GACnD"}

package/dist/esm/providers/I18nProvider/types.d.ts

@@ -1,11 +1,12 @@
-import type { enResource } from './enResource.js';
-export type PartialResource<T> = T extends object ? {
-    [P in keyof T]?: PartialResource<T[P]>;
-} : T;
-export type LanguageKey = 'en' | 'es' | 'fr' | 'de' | 'it' | 'pt' | 'ja' | 'ko' | 'zh' | 'hi' | 'bn' | 'th' | 'vi' | 'tr' | 'uk' | 'id' | 'pl';
-export type LanguageResource = typeof enResource;
-export type LanguageResources = {
-    [K in LanguageKey]?: PartialResource<LanguageResource>;
-} | {
-    [language: string]: PartialResource<LanguageResource>;
+import { en } from "./enResource.js";
+
+//#region src/providers/I18nProvider/types.d.ts
+type PartialResource<T> = T extends object ? { [P in keyof T]?: PartialResource<T[P]> } : T;
+type LanguageKey = "en" | "es" | "fr" | "de" | "it" | "pt" | "ja" | "ko" | "zh" | "hi" | "bn" | "th" | "vi" | "tr" | "uk" | "id" | "pl";
+type LanguageResource = typeof en;
+type LanguageResources = { [K in LanguageKey]?: PartialResource<LanguageResource> } | {
+  [language: string]: PartialResource<LanguageResource>;
 };
+//#endregion
+export { LanguageKey, LanguageResource, LanguageResources };
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/providers/I18nProvider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/providers/I18nProvider/types.ts"],"mappings":";;;KAEY,eAAA,MAAqB,CAAA,gCAEf,CAAA,IAAK,eAAA,CAAgB,CAAA,CAAE,CAAA,OAErC,CAAA;AAAA,KAEQ,WAAA;AAAA,KAmBA,gBAAA,UAA0B,EAAA;AAAA,KAE1B,iBAAA,WAEA,WAAA,IAAe,eAAA,CAAgB,gBAAA;EAAA,oBAGjB,eAAA,CAAgB,gBAAA;AAAA"}

package/dist/esm/providers/QueryClientProvider.js

@@ -1,9 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { QueryClientContext as TanstackQueryClientContext, QueryClientProvider as TanstackQueryClientProvider, } from '@tanstack/react-query';
-import { useContext } from 'react';
-import { queryClient } from '../config/queryClient.js';
-export const QueryClientProvider = ({ children, }) => {
-    const existingQueryClient = useContext(TanstackQueryClientContext);
-    return existingQueryClient ? (children) : (_jsx(TanstackQueryClientProvider, { client: queryClient, children: children }));
+import { queryClient } from "../config/queryClient.js";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { QueryClientContext, QueryClientProvider } from "@tanstack/react-query";
+//#region src/providers/QueryClientProvider.tsx
+const QueryClientProvider$1 = ({ children }) => {
+	return useContext(QueryClientContext) ? children : /* @__PURE__ */ jsx(QueryClientProvider, {
+		client: queryClient,
+		children
+	});
 };
+//#endregion
+export { QueryClientProvider$1 as QueryClientProvider };
+
 //# sourceMappingURL=QueryClientProvider.js.map

package/dist/esm/providers/QueryClientProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryClientProvider.js","sourceRoot":"","sources":["../../../src/providers/QueryClientProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,kBAAkB,IAAI,0BAA0B,EAChD,mBAAmB,IAAI,2BAA2B,GACnD,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD,MAAM,CAAC,MAAM,mBAAmB,GAAgC,CAAC,EAC/D,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,mBAAmB,GAAG,UAAU,CAAC,0BAA0B,CAAC,CAAA;IAClE,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAC3B,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,KAAC,2BAA2B,IAAC,MAAM,EAAE,WAAW,YAC7C,QAAQ,GACmB,CAC/B,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"QueryClientProvider.js","names":["QueryClientProvider","TanstackQueryClientContext","TanstackQueryClientProvider"],"sources":["../../../src/providers/QueryClientProvider.tsx"],"sourcesContent":["import {\n  QueryClientContext as TanstackQueryClientContext,\n  QueryClientProvider as TanstackQueryClientProvider,\n} from '@tanstack/react-query'\nimport type { PropsWithChildren } from 'react'\nimport { useContext } from 'react'\nimport { queryClient } from '../config/queryClient.js'\n\nexport const QueryClientProvider: React.FC<PropsWithChildren> = ({\n  children,\n}) => {\n  const existingQueryClient = useContext(TanstackQueryClientContext)\n  return existingQueryClient ? (\n    children\n  ) : (\n    <TanstackQueryClientProvider client={queryClient}>\n      {children}\n    </TanstackQueryClientProvider>\n  )\n}\n"],"mappings":";;;;;AAQA,MAAaA,yBAAoD,EAC/D,eACI;AAEJ,QAD4B,WAAWC,mBAA2B,GAEhE,WAEA,oBAACC,qBAAD;EAA6B,QAAQ;EAClC;EAC2B,CAAA"}

package/dist/esm/providers/SDKClientProvider.js

@@ -1,29 +1,44 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createClient } from '@lifi/sdk';
-import { createContext, useContext, useMemo, } from 'react';
-import { version } from '../config/version.js';
-import { useWidgetConfig } from './WidgetProvider/WidgetProvider.js';
+import { useWidgetConfig } from "./WidgetProvider/WidgetProvider.js";
+import { version } from "../config/version.js";
+import { createClient } from "@lifi/sdk";
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/providers/SDKClientProvider.tsx
 const SDKClientContext = createContext({});
-export const useSDKClient = () => useContext(SDKClientContext);
-export const SDKClientProvider = ({ children }) => {
-    const widgetConfig = useWidgetConfig();
-    const client = useMemo(() => {
-        return createClient({
-            ...widgetConfig.sdkConfig,
-            apiKey: widgetConfig.apiKey,
-            integrator: widgetConfig.integrator ?? window?.location.hostname,
-            routeOptions: {
-                fee: widgetConfig.feeConfig?.fee || widgetConfig.fee,
-                referrer: widgetConfig.referrer,
-                order: widgetConfig.routePriority,
-                slippage: widgetConfig.slippage,
-                ...widgetConfig.sdkConfig?.routeOptions,
-            },
-            disableVersionCheck: true,
-            widgetVersion: version,
-            // debug: true,
-        });
-    }, [widgetConfig]);
-    return (_jsx(SDKClientContext.Provider, { value: client, children: children }));
+const useSDKClient = () => useContext(SDKClientContext);
+const SDKClientProvider = ({ children }) => {
+	const { sdkConfig, apiKey, integrator, feeConfig, fee, referrer, routePriority, slippage } = useWidgetConfig();
+	const client = useMemo(() => {
+		return createClient({
+			...sdkConfig,
+			apiKey,
+			integrator: integrator ?? window?.location.hostname,
+			routeOptions: {
+				fee: feeConfig?.fee || fee,
+				referrer,
+				order: routePriority,
+				slippage,
+				...sdkConfig?.routeOptions
+			},
+			disableVersionCheck: true,
+			widgetVersion: version
+		});
+	}, [
+		sdkConfig,
+		apiKey,
+		integrator,
+		feeConfig,
+		fee,
+		referrer,
+		routePriority,
+		slippage
+	]);
+	return /* @__PURE__ */ jsx(SDKClientContext.Provider, {
+		value: client,
+		children
+	});
 };
+//#endregion
+export { SDKClientProvider, useSDKClient };
+
 //# sourceMappingURL=SDKClientProvider.js.map

package/dist/esm/providers/SDKClientProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SDKClientProvider.js","sourceRoot":"","sources":["../../../src/providers/SDKClientProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAkB,MAAM,WAAW,CAAA;AACxD,OAAO,EACL,aAAa,EAEb,UAAU,EACV,OAAO,GACR,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAEpE,MAAM,gBAAgB,GAAG,aAAa,CAAY,EAAe,CAAC,CAAA;AAElE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAA;AAE9D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACnE,MAAM,YAAY,GAAG,eAAe,EAAE,CAAA;IAEtC,MAAM,MAAM,GAAc,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,YAAY,CAAC;YAClB,GAAG,YAAY,CAAC,SAAS;YACzB,MAAM,EAAE,YAAY,CAAC,MAAM;YAC3B,UAAU,EAAE,YAAY,CAAC,UAAU,IAAI,MAAM,EAAE,QAAQ,CAAC,QAAQ;YAChE,YAAY,EAAE;gBACZ,GAAG,EAAE,YAAY,CAAC,SAAS,EAAE,GAAG,IAAI,YAAY,CAAC,GAAG;gBACpD,QAAQ,EAAE,YAAY,CAAC,QAAQ;gBAC/B,KAAK,EAAE,YAAY,CAAC,aAAa;gBACjC,QAAQ,EAAE,YAAY,CAAC,QAAQ;gBAC/B,GAAG,YAAY,CAAC,SAAS,EAAE,YAAY;aACxC;YACD,mBAAmB,EAAE,IAAI;YACzB,aAAa,EAAE,OAAO;YACtB,eAAe;SAChB,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACrC,QAAQ,GACiB,CAC7B,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"SDKClientProvider.js","names":[],"sources":["../../../src/providers/SDKClientProvider.tsx"],"sourcesContent":["import { createClient, type SDKClient } from '@lifi/sdk'\nimport {\n  createContext,\n  type JSX,\n  type PropsWithChildren,\n  useContext,\n  useMemo,\n} from 'react'\nimport { version } from '../config/version.js'\nimport { useWidgetConfig } from './WidgetProvider/WidgetProvider.js'\n\nconst SDKClientContext = createContext<SDKClient>({} as SDKClient)\n\nexport const useSDKClient = (): SDKClient => useContext(SDKClientContext)\n\nexport const SDKClientProvider = ({\n  children,\n}: PropsWithChildren): JSX.Element => {\n  const {\n    sdkConfig,\n    apiKey,\n    integrator,\n    feeConfig,\n    fee,\n    referrer,\n    routePriority,\n    slippage,\n  } = useWidgetConfig()\n\n  const client: SDKClient = useMemo(() => {\n    return createClient({\n      ...sdkConfig,\n      apiKey,\n      integrator: integrator ?? window?.location.hostname,\n      routeOptions: {\n        fee: feeConfig?.fee || fee,\n        referrer,\n        order: routePriority,\n        slippage,\n        ...sdkConfig?.routeOptions,\n      },\n      disableVersionCheck: true,\n      widgetVersion: version,\n    })\n  }, [\n    sdkConfig,\n    apiKey,\n    integrator,\n    feeConfig,\n    fee,\n    referrer,\n    routePriority,\n    slippage,\n  ])\n\n  return (\n    <SDKClientContext.Provider value={client}>\n      {children}\n    </SDKClientContext.Provider>\n  )\n}\n"],"mappings":";;;;;;AAWA,MAAM,mBAAmB,cAAyB,EAAE,CAAc;AAElE,MAAa,qBAAgC,WAAW,iBAAiB;AAEzE,MAAa,qBAAqB,EAChC,eACoC;CACpC,MAAM,EACJ,WACA,QACA,YACA,WACA,KACA,UACA,eACA,aACE,iBAAiB;CAErB,MAAM,SAAoB,cAAc;AACtC,SAAO,aAAa;GAClB,GAAG;GACH;GACA,YAAY,cAAc,QAAQ,SAAS;GAC3C,cAAc;IACZ,KAAK,WAAW,OAAO;IACvB;IACA,OAAO;IACP;IACA,GAAG,WAAW;IACf;GACD,qBAAqB;GACrB,eAAe;GAChB,CAAC;IACD;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO;EAC/B;EACyB,CAAA"}

package/dist/esm/providers/ThemeProvider/ThemeProvider.js

@@ -1,18 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ThemeProvider as MuiThemeProvider, useColorScheme, } from '@mui/material';
-import { useEffect, useMemo } from 'react';
-import { createTheme } from '../../themes/createTheme.js';
-import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
-export const ThemeProvider = ({ children, }) => {
-    const { appearance: colorSchemeMode, theme: themeConfig } = useWidgetConfig();
-    const { setMode } = useColorScheme();
-    // biome-ignore lint/correctness/useExhaustiveDependencies: setMode is stable
-    useEffect(() => {
-        if (colorSchemeMode) {
-            setMode(colorSchemeMode);
-        }
-    }, [colorSchemeMode]);
-    const theme = useMemo(() => createTheme(themeConfig), [themeConfig]);
-    return (_jsx(MuiThemeProvider, { theme: theme, defaultMode: colorSchemeMode ?? 'system', modeStorageKey: "li.fi-widget-mode", colorSchemeStorageKey: "li.fi-widget-color-scheme", disableTransitionOnChange: true, children: children }));
+import { useWidgetConfig } from "../WidgetProvider/WidgetProvider.js";
+import { createTheme as createTheme$1 } from "../../themes/createTheme.js";
+import { useEffect, useMemo } from "react";
+import { ThemeProvider, useColorScheme } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+//#region src/providers/ThemeProvider/ThemeProvider.tsx
+const ThemeProvider$1 = ({ children }) => {
+	const { appearance: colorSchemeMode, theme: themeConfig } = useWidgetConfig();
+	const { setMode } = useColorScheme();
+	useEffect(() => {
+		if (colorSchemeMode) setMode(colorSchemeMode);
+	}, [colorSchemeMode]);
+	return /* @__PURE__ */ jsx(ThemeProvider, {
+		theme: useMemo(() => createTheme$1(themeConfig), [themeConfig]),
+		defaultMode: colorSchemeMode ?? "system",
+		modeStorageKey: "li.fi-widget-mode",
+		colorSchemeStorageKey: "li.fi-widget-color-scheme",
+		disableTransitionOnChange: true,
+		children
+	});
 };
+//#endregion
+export { ThemeProvider$1 as ThemeProvider };
+
 //# sourceMappingURL=ThemeProvider.js.map

package/dist/esm/providers/ThemeProvider/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../../../src/providers/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,IAAI,gBAAgB,EACjC,cAAc,GACf,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAErE,MAAM,CAAC,MAAM,aAAa,GAAsC,CAAC,EAC/D,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,eAAe,EAAE,CAAA;IAC7E,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAA;IAEpC,6EAA6E;IAC7E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,EAAE,CAAC;YACpB,OAAO,CAAC,eAAe,CAAC,CAAA;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEpE,OAAO,CACL,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,eAAe,IAAI,QAAQ,EACxC,cAAc,EAAC,mBAAmB,EAClC,qBAAqB,EAAC,2BAA2B,EACjD,yBAAyB,kBAExB,QAAQ,GACQ,CACpB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ThemeProvider.js","names":["ThemeProvider","MuiThemeProvider","createTheme"],"sources":["../../../../src/providers/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import {\n  ThemeProvider as MuiThemeProvider,\n  useColorScheme,\n} from '@mui/material'\nimport { useEffect, useMemo } from 'react'\nimport { createTheme } from '../../themes/createTheme.js'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\n\nexport const ThemeProvider: React.FC<React.PropsWithChildren> = ({\n  children,\n}) => {\n  const { appearance: colorSchemeMode, theme: themeConfig } = useWidgetConfig()\n  const { setMode } = useColorScheme()\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: setMode is stable\n  useEffect(() => {\n    if (colorSchemeMode) {\n      setMode(colorSchemeMode)\n    }\n  }, [colorSchemeMode])\n\n  const theme = useMemo(() => createTheme(themeConfig), [themeConfig])\n\n  return (\n    <MuiThemeProvider\n      theme={theme}\n      defaultMode={colorSchemeMode ?? 'system'}\n      modeStorageKey=\"li.fi-widget-mode\"\n      colorSchemeStorageKey=\"li.fi-widget-color-scheme\"\n      disableTransitionOnChange\n    >\n      {children}\n    </MuiThemeProvider>\n  )\n}\n"],"mappings":";;;;;;AAQA,MAAaA,mBAAoD,EAC/D,eACI;CACJ,MAAM,EAAE,YAAY,iBAAiB,OAAO,gBAAgB,iBAAiB;CAC7E,MAAM,EAAE,YAAY,gBAAgB;AAGpC,iBAAgB;AACd,MAAI,gBACF,SAAQ,gBAAgB;IAEzB,CAAC,gBAAgB,CAAC;AAIrB,QACE,oBAACC,eAAD;EACE,OAJU,cAAcC,cAAY,YAAY,EAAE,CAAC,YAAY,CAAC;EAKhE,aAAa,mBAAmB;EAChC,gBAAe;EACf,uBAAsB;EACtB,2BAAA;EAEC;EACgB,CAAA"}