feat: enhance language definition merging in Provider

Author: Miquel Angel Coca Piza

src/render/Provider.tsx

@@ -3,6 +3,8 @@ import { useState, useEffect } from 'preact/hooks';
 import { UIProvider } from '@adobe-commerce/elsie/components';
 import { Lang } from '@adobe-commerce/elsie/i18n';
 import { events } from '@adobe-commerce/event-bus';
+import { deepmerge } from '@adobe-commerce/elsie/lib';
+import { config } from '@/dropin-name/api';
 
 import en_US from '../i18n/en_US.json';
 
@@ -11,11 +13,11 @@ const langDefinitions = {
   default: en_US,
 };
 
-interface CartProviderProps {
+interface ProviderProps {
   children?: any;
 }
 
-export const Provider: FunctionComponent<CartProviderProps> = ({
+export const Provider: FunctionComponent<ProviderProps> = ({
   children,
 }) => {
   const [lang, setLang] = useState<Lang>('en_US');
@@ -34,8 +36,12 @@ export const Provider: FunctionComponent<CartProviderProps> = ({
     };
   }, []);
 
+  const userLangDefinitions = config.getConfig()?.langDefinitions;
+
+  const definitions = deepmerge(langDefinitions, userLangDefinitions ?? {});
+
   return (
-    <UIProvider lang={lang} langDefinitions={langDefinitions}>
+    <UIProvider lang={lang} langDefinitions={definitions}>
       {children}
     </UIProvider>
   );

tsconfig.json

@@ -6,7 +6,8 @@
     "outDir": "dist",
     "baseUrl": ".",
     "paths": {
-      "@adobe-commerce/elsie/*": ["./node_modules/@adobe-commerce/elsie/src/*"]
+      "@adobe-commerce/elsie/*": ["./node_modules/@adobe-commerce/elsie/src/*"],
+      "@/dropin-name/*": ["./src/*"]
     }
   },
   "include": ["src"],