@lookiero/checkout 0.3.11 → 0.3.12

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lookiero/checkout",
-    "version": "0.3.11",
+    "version": "0.3.12",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
     "files": [
@@ -46,7 +46,7 @@
         "@lookiero/data-sources": "^0.3",
         "@lookiero/event": "^0.3",
         "@lookiero/locale": "^0.3",
-        "@lookiero/payments-front": "^0.16.3",
+        "@lookiero/payments-front": "^0.16.5",
         "apollo-boost": "0.4.4",
         "graphql": "14.5.8",
         "graphql-tag": "2.12.6",
@@ -66,7 +66,7 @@
         "@lookiero/data-sources": "^0.3",
         "@lookiero/event": "^0.3",
         "@lookiero/locale": "^0.3",
-        "@lookiero/payments-front": "^0.16.3",
+        "@lookiero/payments-front": "^0.16.5",
         "@pact-foundation/pact": "^10.1.4",
         "@pact-foundation/pact-node": "^10.17.6",
         "@testing-library/react": "^13.4.0",

package/dist/src/ExpoRoot.js

@@ -19,6 +19,9 @@ const authToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjIwOTUxNjAsImV4
 const translationsUrl = Platform.OS !== "web" ? "https://web2.ps.dev.aws.lookiero.es/checkout/i18n" : __DEV__ ? "/local-to-i18n" : "/i18n";
 const translationsApiKey = "f2AfMGaPCZGVbAFWz_OV4GWhBDG_NbZJ";
 const translations = (locale) => `${translationsUrl}/${locale}?key=${translationsApiKey}&no-folding=true`;
+const useRedirect = () => ({
+    returnUrl: "https://web2.dev.aws.lookiero.es/user/",
+});
 setPaymentsBridge({
     getToken: () => Promise.resolve(authToken),
     stripeKey: "pk_test_6dwdUfkUm7AaUH3oSje9H0kk",
@@ -88,7 +91,7 @@ const ExpoRoot = () => {
         React.createElement(Aurora, { useStack: false },
             isAccessible === false && React.createElement(Text, { heading: true }, "Checkout is not accessible!"),
             React.createElement(Router, null,
-                React.createElement(Root, { basePath: "", customerId: "cf7c641f-0e5c-4850-ae07-276747edfd0b", locale: "es", onNotAccessible: onNotAccessible }))),
+                React.createElement(Root, { basePath: "", customerId: "cf7c641f-0e5c-4850-ae07-276747edfd0b", locale: "es", useRedirect: useRedirect, onNotAccessible: onNotAccessible }))),
         React.createElement(StatusBar, null))) : null;
 };
 export { ExpoRoot };

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

@@ -17,6 +17,7 @@ interface RootProps {
     readonly locale?: string;
     readonly customerId: string | undefined;
     readonly onNotAccessible: () => void;
+    readonly useRedirect: () => Record<string, string>;
 }
 declare const root: RootFunction;
 export type { RootProps };

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

@@ -3,10 +3,10 @@ import { Platform } from "react-native";
 import { Routing } from "./routing/Routing";
 const root = ({ Messaging, I18n, Notifications, authToken, development }) => 
 // eslint-disable-next-line react/display-name, react/prop-types
-({ basePath, locale = "en", customerId, onNotAccessible }) => {
+({ basePath, locale = "en", customerId, onNotAccessible, useRedirect }) => {
     const handleOnI18nError = useCallback(() => void 0, []);
     return (React.createElement(Messaging, { includeReactQueryDevTools: Platform.OS === "web" },
         React.createElement(Notifications, { includeReactQueryDevTools: Platform.OS === "web" },
-            React.createElement(Routing, { I18n: I18n, authToken: authToken, basePath: basePath, customerId: customerId, locale: locale, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible }))));
+            React.createElement(Routing, { I18n: I18n, authToken: authToken, basePath: basePath, customerId: customerId, locale: locale, useRedirect: useRedirect, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible }))));
 };
 export { root };

package/dist/src/infrastructure/ui/routing/Routing.d.ts

@@ -8,6 +8,7 @@ interface RoutingProps {
     readonly authToken: string;
     readonly onNotAccessible: () => void;
     readonly onI18nError?: (err: Error) => void;
+    readonly useRedirect: () => Record<string, string>;
 }
 declare const Routing: FC<RoutingProps>;
 export { Routing };

package/dist/src/infrastructure/ui/routing/Routing.js

@@ -10,7 +10,7 @@ const Intro = lazy(() => import("../views/intro/Intro").then((module) => ({ defa
 const Item = lazy(() => import("../views/item/Item").then((module) => ({ default: module.Item })));
 const Summary = lazy(() => import("../views/summary/Summary").then((module) => ({ default: module.Summary })));
 const Checkout = lazy(() => import("../views/checkout/Checkout").then((module) => ({ default: module.Checkout })));
-const Routing = ({ basePath = "", customerId, locale, I18n, authToken, onI18nError, onNotAccessible, }) => {
+const Routing = ({ basePath = "", customerId, locale, I18n, authToken, onI18nError, onNotAccessible, useRedirect, }) => {
     const routes = useRoutes([
         {
             path: "",
@@ -44,7 +44,7 @@ const Routing = ({ basePath = "", customerId, locale, I18n, authToken, onI18nErr
                 {
                     path: Routes.CHECKOUT,
                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Checkout, { authToken: authToken, customerId: customerId }))),
+                        React.createElement(Checkout, { authToken: authToken, customerId: customerId, useRedirect: useRedirect }))),
                 },
                 {
                     path: "*",

package/dist/src/infrastructure/ui/views/checkout/Checkout.d.ts

@@ -2,6 +2,7 @@ import { FC } from "react";
 interface CheckoutProps {
     readonly customerId: string;
     readonly authToken: string;
+    readonly useRedirect: () => Record<string, string>;
 }
 declare const Checkout: FC<CheckoutProps>;
 export { Checkout };

package/dist/src/infrastructure/ui/views/checkout/Checkout.js

@@ -1,7 +1,7 @@
 import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
-import { CheckoutStatus, PaymentFlow } from "@lookiero/payments-front";
+import { CheckoutStatus, PaymentFlow, PaymentInstrumentSelect, PaymentMethod, Section, } from "@lookiero/payments-front";
 import React, { useCallback, useMemo, useRef, useState } from "react";
 import { View } from "react-native";
 import { useNavigate } from "react-router-native";
@@ -22,8 +22,9 @@ import { ProductVariant } from "../item/components/productVariant/ProductVariant
 import { Pricing } from "../summary/components/pricing/Pricing";
 import { style } from "./Checkout.style";
 import { CheckoutSuccessModal } from "./components/CheckoutSuccessModal";
-const Checkout = ({ customerId, authToken }) => {
+const Checkout = ({ customerId, authToken, useRedirect }) => {
     const titleText = useI18nMessage({ id: I18nMessages.CHECKOUT_TITLE });
+    const paymentInstrumentSelectRef = useRef(null);
     const paymentFlowRef = useRef(null);
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const [pricing, pricingStatus] = useViewPricingByCheckoutId({ checkoutId: checkout?.id });
@@ -35,6 +36,7 @@ const Checkout = ({ customerId, authToken }) => {
     const [processingCheckout, setProcessingCheckout] = useState(false);
     const navigate = useNavigate();
     const basePath = useBasePath();
+    const { returnUrl } = useRedirect();
     const handleOnSubmitCheckout = useCallback(() => {
         console.log("onSubmit checkout");
         if (!paymentFlowRef.current) {
@@ -73,6 +75,7 @@ const Checkout = ({ customerId, authToken }) => {
         React.createElement(CheckoutSuccessModal, { visible: markAsPaidStatus === CommandStatus.SUCCESS, onDismiss: handleOnSuccessModalDismiss }),
         React.createElement(SafeAreaScrollView, null,
             React.createElement(Body, { style: { column: style.bodyColumn } },
+                React.createElement(PaymentInstrumentSelect, { ref: paymentInstrumentSelectRef, beforeRedirect: returnUrl ? () => Promise.resolve(returnUrl) : undefined, hasError: false, hidePaymentMethods: [PaymentMethod.GOOGLE_PAY], section: Section.BOX_CHECKOUT }),
                 React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
                 checkoutItemsKept?.map((checkoutItem) => (React.createElement(View, { key: checkoutItem.id, style: style.checkoutItemKept, testID: "checkout-items-kept" },
                     React.createElement(ProductVariant, { brand: checkoutItem.productVariant.brand, color: checkoutItem.productVariant.color, media: checkoutItem.productVariant.media, name: checkoutItem.productVariant.name, price: checkoutItem.price, size: checkoutItem.productVariant.size, status: checkoutItem.status })))),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.3.11",
+  "version": "0.3.12",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -46,7 +46,7 @@
     "@lookiero/data-sources": "^0.3",
     "@lookiero/event": "^0.3",
     "@lookiero/locale": "^0.3",
-    "@lookiero/payments-front": "^0.16.3",
+    "@lookiero/payments-front": "^0.16.5",
     "apollo-boost": "0.4.4",
     "graphql": "14.5.8",
     "graphql-tag": "2.12.6",
@@ -66,7 +66,7 @@
     "@lookiero/data-sources": "^0.3",
     "@lookiero/event": "^0.3",
     "@lookiero/locale": "^0.3",
-    "@lookiero/payments-front": "^0.16.3",
+    "@lookiero/payments-front": "^0.16.5",
     "@pact-foundation/pact": "^10.1.4",
     "@pact-foundation/pact-node": "^10.17.6",
     "@testing-library/react": "^13.4.0",