@flipdish/portal-library 1.0.8 → 1.0.10

package/dist/providers/TranslationProvider.js

@@ -1,26 +0,0 @@
-import 'react/jsx-runtime';
-import { useContext, useCallback, createContext } from 'react';
-import en from '../localization/en.json.js';
-
-const TranslationContext = /*#__PURE__*/createContext({});
-const useTranslation = () => {
-  const {
-    translations
-  } = useContext(TranslationContext);
-  const translate = useCallback((key, data) => {
-    let translation = translations?.[key]?.value || en[key]?.value || key;
-    if (data && translation) {
-      Object.keys(data)?.forEach(key => {
-        translation = translation.replace(new RegExp(`{${key}}`, 'g'), `${data[key]}`);
-      });
-    }
-    return translation;
-  }, [translations]);
-  return {
-    translate,
-    translations
-  };
-};
-
-export { useTranslation };
-//# sourceMappingURL=TranslationProvider.js.map

package/dist/providers/TranslationProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TranslationProvider.js","sources":["../../src/providers/TranslationProvider.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useState } from 'react';\nimport en from '../../../../localization/en.json';\nimport { getMicroFrontendAttribute } from '../utilities/renderUtilities';\n\ndeclare global {\n    type TranslationId = keyof typeof en;\n}\n\ntype Translation = { value: string };\n\ninterface TranslationBase {\n    translations: Record<string, Translation>;\n}\n\nconst TranslationContext = createContext<TranslationBase>({} as unknown as TranslationBase);\n\ntype TranslationProp = {\n    children: JSX.Element;\n} & TranslationBase;\n\nexport const TranslationProvider = ({ children, translations }: TranslationProp): JSX.Element => {\n    const value = { translations };\n    return <TranslationContext.Provider value={value}>{children}</TranslationContext.Provider>;\n};\n\nexport const useTranslation = (): {\n    translate: (key: TranslationId, data?: Record<string, string | number>) => string;\n    translations: Record<string, Translation>;\n} => {\n    const { translations } = useContext(TranslationContext);\n\n    const translate = useCallback(\n        (key: TranslationId, data?: Record<string, string | number>): string => {\n            let translation = translations?.[key]?.value || en[key]?.value || key;\n            if (data && translation) {\n                Object.keys(data)?.forEach((key) => {\n                    translation = translation.replace(new RegExp(`{${key}}`, 'g'), `${data[key]}`);\n                });\n            }\n            return translation;\n        },\n        [translations],\n    );\n    return { translate, translations };\n};\n\nconst languagesToLoad = ['nl', 'en-US', 'de', 'fr', 'it', 'es', 'pt', 'es-MX', 'dev-lang'];\n\nexport const useLoadTranslations = () => {\n    const [translations, setTranslations] = useState<{\n        loading: boolean;\n        translations?: Record<string, { value: string }>;\n    }>({ loading: true, translations: {} });\n    const languageFromParentDiv = getMicroFrontendAttribute('data-language') || '';\n\n    useEffect(() => {\n        const fetchJSONData = async () => {\n            // en loaded as default fallback already\n            const shouldLoadLanguage = languagesToLoad.includes(languageFromParentDiv);\n            if (shouldLoadLanguage) {\n                import(`../../../../localization/${languageFromParentDiv}.json`)\n                    .then((response) => response.default) // Access the default export of the module\n                    .then((text) => {\n                        setTranslations({ loading: false, translations: text });\n                    })\n                    .catch((error) => {\n                        setTranslations({ loading: false });\n                        window.fdlogger?.error(`Error while fetching ${languageFromParentDiv || 'en'} language JSON data: ${error.message}`);\n                    });\n            } else {\n                setTranslations({ loading: false });\n            }\n        };\n\n        void fetchJSONData();\n    }, [languageFromParentDiv]);\n\n    return {\n        translations: translations.translations || {},\n        loading: translations.loading,\n    };\n};\n"],"names":["TranslationContext","createContext","useTranslation","translations","useContext","translate","useCallback","key","data","translation","value","en","Object","keys","forEach","replace","RegExp"],"mappings":";;;;AAcA,MAAMA,kBAAkB,gBAAGC,aAAa,CAAkB,EAAgC,CAAC,CAAA;AAW9EC,MAAAA,cAAc,GAAGA,MAG1B;EACA,MAAM;AAAEC,IAAAA,YAAAA;AAAc,GAAA,GAAGC,UAAU,CAACJ,kBAAkB,CAAC,CAAA;EAEvD,MAAMK,SAAS,GAAGC,WAAW,CACzB,CAACC,GAAkB,EAAEC,IAAsC,KAAY;AACnE,IAAA,IAAIC,WAAW,GAAGN,YAAY,GAAGI,GAAG,CAAC,EAAEG,KAAK,IAAIC,EAAE,CAACJ,GAAG,CAAC,EAAEG,KAAK,IAAIH,GAAG,CAAA;IACrE,IAAIC,IAAI,IAAIC,WAAW,EAAE;MACrBG,MAAM,CAACC,IAAI,CAACL,IAAI,CAAC,EAAEM,OAAO,CAAEP,GAAG,IAAI;QAC/BE,WAAW,GAAGA,WAAW,CAACM,OAAO,CAAC,IAAIC,MAAM,CAAC,CAAIT,CAAAA,EAAAA,GAAG,GAAG,EAAE,GAAG,CAAC,EAAE,CAAA,EAAGC,IAAI,CAACD,GAAG,CAAC,CAAA,CAAE,CAAC,CAAA;AAClF,OAAC,CAAC,CAAA;AACN,KAAA;AACA,IAAA,OAAOE,WAAW,CAAA;AACtB,GAAC,EACD,CAACN,YAAY,CAAC,CACjB,CAAA;EACD,OAAO;IAAEE,SAAS;AAAEF,IAAAA,YAAAA;GAAc,CAAA;AACtC;;;;"}