@designcrowd/fe-shared-lib 1.2.0-ml-jj-10 → 1.2.0-ml-jj-13

package/src/experiences/components/SellDomainNameWidget/i18n/sell-domain-name-widget.pt-PT.json

@@ -0,0 +1,8 @@
+{
+    "sellDomainNameWidget": {
+        "searchButtonLabel": "Pesquisar",
+        "searchBarLabel": "Pesquisar",
+        "searchBarPlaceholder": "Pesquisar nomes de domínio",
+        "domainSearchOrConnectHeaderSubtitle": "Compre um nome de domínio que corresponda à sua marca ou associe ao domínio que já tem"
+    }
+}

package/src/useSharedLibTranslate.js

@@ -0,0 +1,38 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import i18next from 'i18next';
+
+const fallbackLocale = 'en-US';
+
+const relativePathsToTranslationFiles = {
+  'en-US': () => import('./bundles/bundled-translations.json'),
+  'de-DE': () => import('./bundles/bundled-translations.de-DE.json'),
+  'fr-FR': () => import('./bundles/bundled-translations.fr-FR.json'),
+  'es-ES': () => import('./bundles/bundled-translations.es-ES.json'),
+  'pt-PT': () => import('./bundles/bundled-translations.pt-PT.json'),
+};
+
+const setLocaleAsync = async (locale = 'en-US') => {
+  const localeToUse = locale;
+
+  if (!i18next.isInitialized) {
+    await i18next.init({
+      debug: false,
+      fallbackLng: fallbackLocale,
+      lng: localeToUse,
+    });
+  }
+
+  const languageFile = (await relativePathsToTranslationFiles[localeToUse]()).default;
+
+  await i18next.addResourceBundle(localeToUse, 'fe-shared-lib', {
+    ...languageFile,
+  });
+};
+
+const tr = (key, valuesToInterpolate = {}) => {
+  const translated = i18next.t(key, { ns: 'fe-shared-lib', ...valuesToInterpolate });
+
+  return translated;
+};
+
+export { setLocaleAsync, tr };

package/src/experiences/components/SellDomainNameSearch/useSellDomainContent.js

@@ -1,46 +0,0 @@
-import { ref, computed } from 'vue';
-import {
-  sellDomainNameSearchBarLabel,
-  sellDomainNameSearchBarPlaceholder,
-  sellDomainNameSearchBarPreText,
-} from '../../constants/sell-domain-name-constants';
-
-const globalContentProvider = ref(null);
-
-const defaultContent = {
-  searchButtonLabel: 'Search',
-  searchBarLabel: sellDomainNameSearchBarLabel,
-  searchBarPlaceholder: sellDomainNameSearchBarPlaceholder,
-  searchBarPreText: sellDomainNameSearchBarPreText,
-  domainSearchEmptyMessage: `Sorry, we couldn't find any domain for "{domainNameSearchTerm}".`,
-  searchAnotherDomainMessage: `Try searching with another domain name.`,
-
-  freeDomainButtonLabel: 'Free Domain',
-  buyNowButtonLabel: 'Buy Now',
-  pricePerYearLabel: '/yr',
-  costPriceLabel: 'Cost Price:',
-  domainSearchHeaderTitle: 'Search a domain name',
-  domainSearchHeaderSubtitle: 'Buy matching domain name for your brand',
-  domainSearchOrConnectHeaderSubtitle: 'Buy matching domain name for your brand or connect your existing domain',
-};
-
-const useSellDomainContent = (overrides = {}) => {
-  const setGlobalContentHandler = (handler) => {
-    globalContentProvider.value = handler;
-  };
-
-  return {
-    setGlobalContentHandler,
-    getContent: () => {
-      return computed(() => {
-        return {
-          ...defaultContent,
-          ...(globalContentProvider.value ? globalContentProvider.value() : {}), // provide global content through global injection
-          ...overrides, // can override specific contents on demand
-        };
-      });
-    },
-  };
-};
-
-export default useSellDomainContent;