@lookiero/checkout 0.7.2 → 0.8.0

package/dist/index.d.ts

@@ -20,8 +20,8 @@ interface FirstAvailableCheckoutByCustomerIdFunction {
 interface BootstrapFunctionArgs {
     readonly getAuthToken: () => Promise<string>;
     readonly apiUrl: string;
-    readonly translations: EndpointFunction;
     readonly sentry: SentryLoggerFunctionArgs;
+    readonly translations: EndpointFunction[];
 }
 interface BootstrapFunctionReturn {
     readonly Root: ComponentType<RootProps>;

package/dist/index.js

@@ -1,14 +1,14 @@
-import { fetchFetchTranslation } from "@lookiero/i18n";
 import { i18n } from "@lookiero/i18n-react";
 import { CheckoutStatus } from "./domain/checkout/model/checkout";
 import { bootstrap as checkoutBootstrap } from "./infrastructure/delivery/bootstrap";
 import { root } from "./infrastructure/ui/Root";
+import { fetchTranslations } from "./infrastructure/ui/i18n/fetchTranslations";
 import { viewFirstAvailableCheckoutByCustomerId } from "./projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { viewIsCheckoutAccessibleByCustomerId, } from "./projection/checkout/viewIsCheckoutAccessibleByCustomerId";
 const bootstrap = ({ apiUrl, getAuthToken, translations, sentry }) => {
     const { Component: Messaging, queryBus } = checkoutBootstrap({ apiUrl, getAuthToken });
     const I18n = i18n({
-        fetchTranslation: fetchFetchTranslation({ endpoint: translations }),
+        fetchTranslation: fetchTranslations({ translations }),
         contextId: "CheckoutI18n",
     });
     const Root = root({ Messaging, I18n, getAuthToken, sentry });

package/dist/infrastructure/ui/hooks/useSubmitCheckout.js

@@ -20,29 +20,22 @@ const useSubmitCheckout = ({ checkoutId, checkoutBookingId, paymentFlowRef, onEr
         paymentFlowRef.current?.startLegacyBoxCheckout(
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
-        paymentFlowPayload, async ({ status }) => {
+        paymentFlowPayload, async ({ status, toaster }) => {
             setStartLegacyBoxCheckoutStatus("loading");
-            if (status === ChargeStatus.REJECTED) {
-                createNotification({
-                    level: NotificationLevel.ERROR,
-                    bodyI18nKey: I18nMessages.CHECKOUT_TOAST_PAYMENT_REJECTED,
-                });
-                setStartLegacyBoxCheckoutStatus("error");
-            }
-            else if (status === ChargeStatus.ERROR) {
-                createNotification({
-                    level: NotificationLevel.ERROR,
-                    bodyI18nKey: I18nMessages.CHECKOUT_TOAST_PAYMENT_ERROR,
-                });
-                setStartLegacyBoxCheckoutStatus("error");
-            }
-            else if (status === ChargeStatus.EXECUTED) {
+            if (status === ChargeStatus.EXECUTED) {
                 setStartLegacyBoxCheckoutStatus("success");
                 try {
                     await submitCheckoutCommand();
                 }
                 catch (error) { }
             }
+            else {
+                createNotification({
+                    level: NotificationLevel.ERROR,
+                    bodyI18nKey: toaster?.id || I18nMessages.CHECKOUT_TOAST_PAYMENT_ERROR,
+                });
+                setStartLegacyBoxCheckoutStatus("error");
+            }
         });
     }, [blockCheckoutBooking, createNotification, submitCheckoutCommand, paymentFlowRef]);
     const status = useMemo(() => {

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

@@ -0,0 +1,9 @@
+import { EndpointFunction, FetchTranslationFuction } from "@lookiero/i18n";
+interface FetchTranslationsFuntionArgs {
+    readonly translations: EndpointFunction[];
+}
+interface FetchTranslationsFuntion {
+    (args: FetchTranslationsFuntionArgs): FetchTranslationFuction;
+}
+declare const fetchTranslations: FetchTranslationsFuntion;
+export { fetchTranslations };

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

@@ -0,0 +1,9 @@
+import { fetchFetchTranslation } from "@lookiero/i18n";
+const fetchTranslations = ({ translations }) => async ({ locale }) => {
+    const translationsMessages = await Promise.all(translations.map((endpoint) => fetchFetchTranslation({ endpoint })({ locale })));
+    return translationsMessages.reduce((acc, translationMessages) => ({
+        ...acc,
+        ...translationMessages,
+    }), {});
+};
+export { fetchTranslations };

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

@@ -42,7 +42,6 @@ declare enum I18nMessages {
     PRODUCT_VARIANT_SIZE_CHANGE = "product_variant.size_change",
     CHECKOUT_TITLE = "checkout.title",
     CHECKOUT_PAY_BUTTON = "checkout.pay_button",
-    CHECKOUT_TOAST_PAYMENT_REJECTED = "checkout.toast_payment_rejected",
     CHECKOUT_TOAST_PAYMENT_ERROR = "checkout.toast_payment_error",
     CHECKOUT_SUCCESS_MODAL_TITLE = "checkout.success_modal_title",
     CHECKOUT_SUCCESS_MODAL_DESCRIPTION = "checkout.success_modal_description",

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

@@ -43,7 +43,6 @@ var I18nMessages;
     I18nMessages["PRODUCT_VARIANT_SIZE_CHANGE"] = "product_variant.size_change";
     I18nMessages["CHECKOUT_TITLE"] = "checkout.title";
     I18nMessages["CHECKOUT_PAY_BUTTON"] = "checkout.pay_button";
-    I18nMessages["CHECKOUT_TOAST_PAYMENT_REJECTED"] = "checkout.toast_payment_rejected";
     I18nMessages["CHECKOUT_TOAST_PAYMENT_ERROR"] = "checkout.toast_payment_error";
     I18nMessages["CHECKOUT_SUCCESS_MODAL_TITLE"] = "checkout.success_modal_title";
     I18nMessages["CHECKOUT_SUCCESS_MODAL_DESCRIPTION"] = "checkout.success_modal_description";

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

@@ -0,0 +1,10 @@
+import { EndpointFunction } from "@lookiero/i18n";
+interface TranslationEndpointFunctionArgs {
+    readonly translationsUrl: string;
+    readonly translationsApiKey: string;
+}
+interface TranslationEndpointFunction {
+    (args: TranslationEndpointFunctionArgs): EndpointFunction;
+}
+declare const translationEndpoint: TranslationEndpointFunction;
+export { translationEndpoint };

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

@@ -0,0 +1,2 @@
+const translationEndpoint = ({ translationsUrl, translationsApiKey }) => (locale) => `${translationsUrl}/${locale}?key=${translationsApiKey}&no-folding=true`;
+export { translationEndpoint };

package/dist/projection/payment/paymentFlowPayload.d.ts

@@ -29,7 +29,7 @@ interface PaymentFlowPayloadReplacedItem extends PaymentFlowPayloadItem {
 interface PaymentFlowPayloadKeptItem extends PaymentFlowPayloadItem {
 }
 interface PaymentFlowPayloadProjection {
-    readonly bookingId: string;
+    readonly bookingId: string | undefined;
     readonly orderId: string;
     readonly comment: string;
     readonly items: (PaymentFlowPayloadKeptItem | PaymentFlowPayloadReplacedItem | PaymentFlowPayloadReturnedItem)[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.7.2",
+  "version": "0.8.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [