@lookiero/checkout 14.0.1 → 14.0.3

package/dist/src/infrastructure/ui/Root.js

@@ -1,34 +1,19 @@
-// TODO properly export MessagingRoot from @lookiero/messaging-react
-import React, { useCallback, useMemo } from "react";
+import React, { useCallback } from "react";
 import { Platform } from "react-native";
 import { useRoutes as reactRouterUseRoutes } from "react-router-native";
-import { i18n } from "@lookiero/i18n-react";
-import { fetchTranslations, translationEndpoints } from "@lookiero/sty-psp-i18n";
 import { sentryLogger, sentryLoggerHOC } from "@lookiero/sty-psp-logging";
 import { QueryBusProvider } from "./hooks/useQueryBus";
-import { DOMAIN } from "./i18n/i18n";
+import { i18n } from "./i18n/i18n";
 import { Routing } from "./routing/Routing";
 const root = ({ Messaging, queryBus, getAuthToken, development, sentry, kameleoon: kameleoonConfig }) => {
     const logger = sentryLogger(sentry);
     const kameleoon = kameleoonConfig();
     // eslint-disable-next-line react/display-name, react/prop-types
     const Root = ({ basePath, locale, customer, layout, tradename, onNotAccessible, onCheckoutFlowSuccess, useRedirect, useRoutes = reactRouterUseRoutes, }) => {
-        const I18n = useMemo(() => {
-            const translations = [
-                (locale) => translationEndpoints({
-                    projects: ["checkout", "inventory-catalog"],
-                    tradename,
-                })(locale),
-            ];
-            return i18n({
-                fetchTranslation: fetchTranslations({ translations }),
-                domain: DOMAIN,
-            });
-        }, [tradename]);
         const handleOnI18nError = useCallback((error) => logger.captureException(error), []);
         return (React.createElement(Messaging, { includeReactQueryDevTools: Platform.OS === "web" },
             React.createElement(QueryBusProvider, { queryBus: queryBus },
-                React.createElement(Routing, { I18n: I18n, basePath: basePath, customer: customer, getAuthToken: getAuthToken, kameleoon: kameleoon, layout: layout, locale: locale, tradename: tradename, useRedirect: useRedirect, useRoutes: useRoutes, onCheckoutFlowSuccess: onCheckoutFlowSuccess, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible }))));
+                React.createElement(Routing, { I18n: i18n({ tradename }), basePath: basePath, customer: customer, getAuthToken: getAuthToken, kameleoon: kameleoon, layout: layout, locale: locale, tradename: tradename, useRedirect: useRedirect, useRoutes: useRoutes, onCheckoutFlowSuccess: onCheckoutFlowSuccess, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible }))));
     };
     const hoc = sentryLoggerHOC({ logger });
     /**

package/dist/src/infrastructure/ui/i18n/i18n.d.ts

@@ -1,3 +1,5 @@
+import { I18n as I18nReact } from "@lookiero/i18n-react";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 declare const DOMAIN = "CheckoutI18n";
 declare const COLOR_I18N_PREFIX = "catalog.color.";
 declare enum I18nMessages {
@@ -56,4 +58,11 @@ declare enum I18nMessages {
     FEEDBACK_BUTTON = "feedback.button",
     CHECKOUT_TOAST_BOOKING_EXPIRED = "checkout.toast_booking_expired"
 }
-export { DOMAIN, I18nMessages, COLOR_I18N_PREFIX };
+interface I18nFunctionArgs {
+    readonly tradename: Tradename;
+}
+interface I18nFunction {
+    (args: I18nFunctionArgs): I18nReact;
+}
+declare const i18n: I18nFunction;
+export { DOMAIN, I18nMessages, COLOR_I18N_PREFIX, i18n };

package/dist/src/infrastructure/ui/i18n/i18n.js

@@ -1,3 +1,5 @@
+import { i18n as i18nFn } from "@lookiero/i18n-react";
+import { fetchTranslations, translationEndpoints } from "@lookiero/sty-psp-i18n";
 const DOMAIN = "CheckoutI18n";
 // TODO: deprecated?
 const COLOR_I18N_PREFIX = "catalog.color.";
@@ -58,4 +60,22 @@ var I18nMessages;
     I18nMessages["FEEDBACK_BUTTON"] = "feedback.button";
     I18nMessages["CHECKOUT_TOAST_BOOKING_EXPIRED"] = "checkout.toast_booking_expired";
 })(I18nMessages || (I18nMessages = {}));
-export { DOMAIN, I18nMessages, COLOR_I18N_PREFIX };
+const cache = new Map();
+const i18n = ({ tradename }) => {
+    if (cache.has(tradename)) {
+        return cache.get(tradename);
+    }
+    const translations = [
+        (locale) => translationEndpoints({
+            projects: ["checkout", "inventory-catalog"],
+            tradename,
+        })(locale),
+    ];
+    const component = i18nFn({
+        fetchTranslation: fetchTranslations({ translations }),
+        domain: DOMAIN,
+    });
+    cache.set(tradename, component);
+    return component;
+};
+export { DOMAIN, I18nMessages, COLOR_I18N_PREFIX, i18n };

package/dist/src/projection/order/order.d.ts

@@ -0,0 +1,6 @@
+interface Order {
+    readonly orderNumber: number;
+    readonly isFirstOrder: boolean;
+    readonly coupon: string | null;
+}
+export type { Order as OrderProjection };

package/dist/src/projection/order/order.js

@@ -0,0 +1 @@
+export {};

package/dist/src/projection/subscription/subscription.d.ts

@@ -0,0 +1,2 @@
+type Subscription = "o" | "m" | "b" | "q";
+export type { Subscription as SubscriptionProjection };

package/dist/src/projection/subscription/subscription.js

@@ -0,0 +1 @@
+export {};

package/dist/src/version.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "14.0.1";
-export declare const RELEASE = "checkout@14.0.1";
+export declare const VERSION = "14.0.3";
+export declare const RELEASE = "checkout@14.0.3";

package/dist/src/version.js

@@ -1,2 +1,2 @@
-export const VERSION = "14.0.1";
-export const RELEASE = "checkout@14.0.1";
+export const VERSION = "14.0.3";
+export const RELEASE = "checkout@14.0.3";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "14.0.1",
+  "version": "14.0.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",

package/src/infrastructure/ui/Root.tsx

@@ -1,11 +1,8 @@
-// TODO properly export MessagingRoot from @lookiero/messaging-react
-import React, { ComponentType, useCallback, useMemo } from "react";
+import React, { ComponentType, useCallback } from "react";
 import { Platform } from "react-native";
 import { useRoutes as reactRouterUseRoutes } from "react-router-native";
-import { i18n } from "@lookiero/i18n-react";
 import { QueryBus } from "@lookiero/messaging";
 import { MessagingRoot } from "@lookiero/messaging-react/bootstrap";
-import { EndpointFunction, fetchTranslations, translationEndpoints } from "@lookiero/sty-psp-i18n";
 import { Locale } from "@lookiero/sty-psp-locale";
 import { SentryEnvironment, SentryLoggerFunctionArgs, sentryLogger, sentryLoggerHOC } from "@lookiero/sty-psp-logging";
 import { Layout } from "@lookiero/sty-psp-ui";
@@ -14,7 +11,7 @@ import { Customer } from "../../projection/customer/customer";
 import { KameleoonEnvironment } from "../ab-testing/kameleoonEnvironment";
 import { OnSuccessFunction as OnCheckoutFlowSuccessFunction } from "./hooks/useCheckoutFlow";
 import { QueryBusProvider } from "./hooks/useQueryBus";
-import { DOMAIN } from "./i18n/i18n";
+import { i18n } from "./i18n/i18n";
 import { Routing } from "./routing/Routing";
 
 interface RootFunctionArgs {
@@ -58,28 +55,13 @@ const root: RootFunction = ({ Messaging, queryBus, getAuthToken, development, se
     useRedirect,
     useRoutes = reactRouterUseRoutes,
   }: RootProps) => {
-    const I18n = useMemo(() => {
-      const translations: EndpointFunction[] = [
-        (locale) =>
-          translationEndpoints({
-            projects: ["checkout", "inventory-catalog"],
-            tradename,
-          })(locale),
-      ];
-
-      return i18n({
-        fetchTranslation: fetchTranslations({ translations }),
-        domain: DOMAIN,
-      });
-    }, [tradename]);
-
     const handleOnI18nError = useCallback((error: Error) => logger.captureException(error), []);
 
     return (
       <Messaging includeReactQueryDevTools={Platform.OS === "web"}>
         <QueryBusProvider queryBus={queryBus}>
           <Routing
-            I18n={I18n}
+            I18n={i18n({ tradename })}
             basePath={basePath}
             customer={customer}
             getAuthToken={getAuthToken}

package/src/infrastructure/ui/i18n/i18n.ts

@@ -1,3 +1,7 @@
+import { i18n as i18nFn, I18n as I18nReact } from "@lookiero/i18n-react";
+import { EndpointFunction, fetchTranslations, translationEndpoints } from "@lookiero/sty-psp-i18n";
+import { Tradename } from "@lookiero/sty-sp-tradename";
+
 const DOMAIN = "CheckoutI18n";
 
 // TODO: deprecated?
@@ -60,4 +64,36 @@ enum I18nMessages {
   CHECKOUT_TOAST_BOOKING_EXPIRED = "checkout.toast_booking_expired",
 }
 
-export { DOMAIN, I18nMessages, COLOR_I18N_PREFIX };
+const cache = new Map<Tradename, I18nReact>();
+
+interface I18nFunctionArgs {
+  readonly tradename: Tradename;
+}
+
+interface I18nFunction {
+  (args: I18nFunctionArgs): I18nReact;
+}
+
+const i18n: I18nFunction = ({ tradename }) => {
+  if (cache.has(tradename)) {
+    return cache.get(tradename)!;
+  }
+
+  const translations: EndpointFunction[] = [
+    (locale) =>
+      translationEndpoints({
+        projects: ["checkout", "inventory-catalog"],
+        tradename,
+      })(locale),
+  ];
+
+  const component = i18nFn({
+    fetchTranslation: fetchTranslations({ translations }),
+    domain: DOMAIN,
+  });
+
+  cache.set(tradename, component);
+  return component;
+};
+
+export { DOMAIN, I18nMessages, COLOR_I18N_PREFIX, i18n };