@designcrowd/library.brand-page 5.10.39 → 5.10.40

package/lib/src/composables/useTranslate.d.ts

@@ -1,7 +1,7 @@
 export type LocaleTypes = 'de-DE' | 'en-US' | 'fr-FR' | 'es-ES' | 'pt-PT';
 export declare const createNewI18nInstance: () => import("i18next").i18n;
 declare const setLocaleAsync: (locale?: LocaleTypes) => Promise<void>;
-declare const tr: (key: string, valuesToInterpolate?: {}, nameSpace?: string) => any;
+declare const tr: (key: string, valuesToInterpolate?: {}, returnEmptyIfNotExist?: boolean) => any;
 declare const modelsTr: (key: any) => any;
 declare const commonTr: (key: any) => any;
 declare const actionBarTr: (key: any) => any;

package/lib/src/composables/useTranslate.js

@@ -1,6 +1,7 @@
 import i18next from 'i18next';
 import { setSharedLibLocaleAsync } from '@designcrowd/fe-shared-lib';
 import { getCurrentInstance } from 'vue';
+const nameSpace = 'bp';
 const fallbackLocale = 'en-US';
 const supportedLocales = [
     'en-US',
@@ -42,11 +43,15 @@ const setLocaleAsync = async (locale) => {
             lng: localeToUse,
         });
     }
-    await i18.addResourceBundle(localeToUse, 'bp', { ...languageFile });
+    await i18.addResourceBundle(localeToUse, nameSpace, { ...languageFile });
     await setSharedLibLocaleAsync(localeToUse);
 };
-const tr = (key, valuesToInterpolate = {}, nameSpace = 'bp') => {
-    const translated = getI18NextInstance().t(key, {
+const tr = (key, valuesToInterpolate = {}, returnEmptyIfNotExist = false) => {
+    const instance = getI18NextInstance();
+    if (returnEmptyIfNotExist && !instance.exists(key, { ns: nameSpace })) {
+        return '';
+    }
+    const translated = instance.t(key, {
         ns: nameSpace,
         ...valuesToInterpolate,
     });
@@ -111,6 +116,6 @@ const shopTr = (key) => tr(`shop.${key}`);
 const paymentTr = (key, valuesToInterpolate = {}) => tr(`payment.${key}`, valuesToInterpolate);
 const publishBrandPageModalWithStateTr = (key, valuesToInterpolate = {}) => tr(`publishBrandPageModalWithState.${key}`, valuesToInterpolate);
 const existingDomainModalTr = (key) => tr(`existingDomainModal.${key}`);
-const sensitiveContentModalTr = (key, valuesToInterpolate = {}) => tr(`sensitiveContentModal.${key}`, valuesToInterpolate);
+const sensitiveContentModalTr = (key, valuesToInterpolate = {}) => tr(`sensitiveContentModal.${key}`, valuesToInterpolate, true);
 const quickLinkBarTr = (key) => tr(`quickLinkBar.${key}`);
 export { setLocaleAsync, tr, modelsTr, commonTr, actionBarTr, brandPageSettingsTr, colorPaletteTr, navigationTr, converterTr, backgroundSettingsTr, colorPickerTr, colorReplacementFieldTr, contentSettingsTr, formFieldsTr, genericTextInputTr, imageFieldTr, imagesFieldTr, linksFieldTr, logoSelectionSettingsTr, paymentConfigTr, replaceImageSettingTr, shapeFieldTr, testimonialItemsFieldTr, textFieldTr, textImageFieldTr, textItemsFieldTr, textStyleFieldTr, textAreaFieldTr, productConfigOptionTr, editLogoSettingsTr, myUploadSettingsTr, pageSettingsTr, pageSettingsSectionTr, templateSettingsTr, unsplashLibraryTr, seoSettingsTr, styleSettingsTr, sensitiveSettingTr, socialShareTr, cookieSettingTr, googleAnalyticsTr, colorFieldTr, validatorTr, constantsTr, layoutSwitcherTr, brandpageBackgroundSettingsTr, loginMessageTr, cookieTr, logoSelectionTr, googleAddressFieldTr, myDesignsTr, pageSettingTr, shapeLibraryTr, errorTr, dropzoneUploaderTr, shopTr, paymentTr, publishBrandPageModalWithStateTr, existingDomainModalTr, sensitiveContentModalTr, quickLinkBarTr, };