@roomstay/frontend 2.6.94 → 2.6.95

package/dist/src/components/steps/confirmation/StripePaymentOption/StripePaymentForm.js

@@ -0,0 +1,80 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StripePaymentForm = void 0;
+const react_stripe_js_1 = require("@stripe/react-stripe-js");
+const react_1 = __importStar(require("react"));
+exports.StripePaymentForm = (0, react_1.forwardRef)((_props, ref) => {
+    const stripe = (0, react_stripe_js_1.useStripe)();
+    const elements = (0, react_stripe_js_1.useElements)();
+    const [message, setMessage] = (0, react_1.useState)();
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        submitPayment: (redirectUrl) => __awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b;
+            setMessage(undefined);
+            if (!stripe || !elements) {
+                return { success: false, message: 'Stripe has not loaded yet.' };
+            }
+            const { error } = yield stripe.confirmPayment({
+                elements,
+                confirmParams: {
+                    return_url: redirectUrl,
+                },
+            });
+            if (error) {
+                setMessage((_a = error.message) !== null && _a !== void 0 ? _a : 'Something has gone wrong.');
+                return { success: false, message: (_b = error.message) !== null && _b !== void 0 ? _b : 'Something has gone wrong.' };
+            }
+            return { success: true, message: 'Payment successful' };
+        }),
+    }));
+    const paymentElementOptions = {
+        layout: 'accordion',
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_stripe_js_1.PaymentElement, { id: "payment-element", options: paymentElementOptions }),
+        message && (react_1.default.createElement("div", { id: "payment-message", className: "alert alert-danger mt-3" }, message))));
+});
+exports.StripePaymentForm.displayName = 'StripePaymentForm';
+//# sourceMappingURL=StripePaymentForm.js.map

package/dist/src/components/steps/confirmation/StripePaymentOption/StripePaymentForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StripePaymentForm.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StripePaymentOption/StripePaymentForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6DAAiF;AACjF,+CAAyE;AAI5D,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EAA2B,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;IAClF,MAAM,MAAM,GAAG,IAAA,2BAAS,GAAE,CAAC;IAC3B,MAAM,QAAQ,GAAG,IAAA,6BAAW,GAAE,CAAC;IAE/B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAC;IAEjD,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC5B,aAAa,EAAE,CAAO,WAAmB,EAAE,EAAE;;YACzC,UAAU,CAAC,SAAS,CAAC,CAAC;YAEtB,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACvB,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,4BAA4B,EAAE,CAAC;YACrE,CAAC;YAED,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC;gBAC1C,QAAQ;gBACR,aAAa,EAAE;oBACX,UAAU,EAAE,WAAW;iBAC1B;aACJ,CAAC,CAAC;YAEH,IAAI,KAAK,EAAE,CAAC;gBACR,UAAU,CAAC,MAAA,KAAK,CAAC,OAAO,mCAAI,2BAA2B,CAAC,CAAC;gBACzD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,2BAA2B,EAAE,CAAC;YACrF,CAAC;YAED,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,oBAAoB,EAAE,CAAC;QAC5D,CAAC,CAAA;KACJ,CAAC,CAAC,CAAC;IAEJ,MAAM,qBAAqB,GAAG;QAC1B,MAAM,EAAE,WAAoB;KAC/B,CAAC;IAEF,OAAO,CACH;QACI,8BAAC,gCAAc,IAAC,EAAE,EAAC,iBAAiB,EAAC,OAAO,EAAE,qBAAqB,GAAI;QACtE,OAAO,IAAI,CACR,uCAAK,EAAE,EAAC,iBAAiB,EAAC,SAAS,EAAC,yBAAyB,IACxD,OAAO,CACN,CACT,CACF,CACN,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC","sourcesContent":["import { PaymentElement, useElements, useStripe } from '@stripe/react-stripe-js';\nimport React, { forwardRef, useImperativeHandle, useState } from 'react';\n\nimport { PaymentHandlerElementRef } from '@/handlers/payment/PaymentHandler';\n\nexport const StripePaymentForm = forwardRef<PaymentHandlerElementRef>((_props, ref) => {\n    const stripe = useStripe();\n    const elements = useElements();\n\n    const [message, setMessage] = useState<string>();\n\n    useImperativeHandle(ref, () => ({\n        submitPayment: async (redirectUrl: string) => {\n            setMessage(undefined);\n\n            if (!stripe || !elements) {\n                return { success: false, message: 'Stripe has not loaded yet.' };\n            }\n\n            const { error } = await stripe.confirmPayment({\n                elements,\n                confirmParams: {\n                    return_url: redirectUrl,\n                },\n            });\n\n            if (error) {\n                setMessage(error.message ?? 'Something has gone wrong.');\n                return { success: false, message: error.message ?? 'Something has gone wrong.' };\n            }\n\n            return { success: true, message: 'Payment successful' };\n        },\n    }));\n\n    const paymentElementOptions = {\n        layout: 'accordion' as const,\n    };\n\n    return (\n        <>\n            <PaymentElement id=\"payment-element\" options={paymentElementOptions} />\n            {message && (\n                <div id=\"payment-message\" className=\"alert alert-danger mt-3\">\n                    {message}\n                </div>\n            )}\n        </>\n    );\n});\n\nStripePaymentForm.displayName = 'StripePaymentForm';\n"]}

package/dist/src/components/steps/confirmation/StripePaymentOption/StripePaymentOption.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PaymentHandlerElementRef } from '../../../../handlers/payment/PaymentHandler';
+export declare const StripePaymentOption: React.ForwardRefExoticComponent<React.RefAttributes<PaymentHandlerElementRef>>;

package/dist/src/components/steps/confirmation/StripePaymentOption/StripePaymentOption.js

@@ -0,0 +1,84 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StripePaymentOption = void 0;
+const react_stripe_js_1 = require("@stripe/react-stripe-js");
+const stripe_js_1 = require("@stripe/stripe-js");
+const react_1 = __importStar(require("react"));
+const StripePaymentForm_1 = require("./StripePaymentForm");
+const contexts_1 = require("../../../../contexts");
+exports.StripePaymentOption = (0, react_1.forwardRef)((_props, ref) => {
+    var _a, _b;
+    const basketContext = (0, react_1.useContext)(contexts_1.BasketContext);
+    const stripeCheckoutResponse = (_b = (_a = basketContext.reservationData) === null || _a === void 0 ? void 0 : _a.payment) === null || _b === void 0 ? void 0 : _b.stripe;
+    const [stripePromise, setStripePromise] = (0, react_1.useState)();
+    const [clientSecret, setClientSecret] = (0, react_1.useState)(null);
+    const formRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!(stripeCheckoutResponse === null || stripeCheckoutResponse === void 0 ? void 0 : stripeCheckoutResponse.clientSecret))
+            return;
+        const stripe = (0, stripe_js_1.loadStripe)(stripeCheckoutResponse.publishableApiKey);
+        setStripePromise(stripe);
+        setClientSecret(stripeCheckoutResponse.clientSecret);
+    }, [stripeCheckoutResponse === null || stripeCheckoutResponse === void 0 ? void 0 : stripeCheckoutResponse.clientSecret]);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        submitPayment: () => __awaiter(void 0, void 0, void 0, function* () {
+            if (!stripeCheckoutResponse) {
+                return { success: false, message: 'Booking must be placed first.' };
+            }
+            if (formRef.current) {
+                return formRef.current.submitPayment(stripeCheckoutResponse.successUrl);
+            }
+            return { success: false, retryPayment: false, message: 'Something has gone wrong. Failed to get payment information details.' };
+        }),
+    }));
+    const appearance = {
+        theme: 'stripe',
+    };
+    const loader = 'auto';
+    return (react_1.default.createElement(react_1.default.Fragment, null, clientSecret && stripePromise && (react_1.default.createElement(react_stripe_js_1.Elements, { options: { clientSecret, appearance, loader }, stripe: stripePromise },
+        react_1.default.createElement(StripePaymentForm_1.StripePaymentForm, { ref: formRef })))));
+});
+exports.StripePaymentOption.displayName = 'StripePaymentOption';
+//# sourceMappingURL=StripePaymentOption.js.map

package/dist/src/components/steps/confirmation/StripePaymentOption/StripePaymentOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StripePaymentOption.js","sourceRoot":"/","sources":["src/components/steps/confirmation/StripePaymentOption/StripePaymentOption.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6DAAmD;AACnD,iDAAuD;AACvD,+CAAwG;AAExG,6GAA0G;AAC1G,yCAA2C;AAG9B,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAA2B,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;;IACpF,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,wBAAa,CAAC,CAAC;IAEhD,MAAM,sBAAsB,GAAG,MAAA,MAAA,aAAa,CAAC,eAAe,0CAAE,OAAO,0CAAE,MAAM,CAAC;IAE9E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,GAA0B,CAAC;IAC7E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAEtE,MAAM,OAAO,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,CAAA,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,YAAY,CAAA;YAAE,OAAO;QAElD,MAAM,MAAM,GAAG,IAAA,sBAAU,EAAC,sBAAsB,CAAC,iBAAiB,CAAC,CAAC;QACpE,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACzB,eAAe,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,YAAY,CAAC,CAAC,CAAC;IAE3C,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC5B,aAAa,EAAE,GAAS,EAAE;YACtB,IAAI,CAAC,sBAAsB,EAAE,CAAC;gBAC1B,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,+BAA+B,EAAE,CAAC;YACxE,CAAC;YAED,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBAClB,OAAO,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC;YAC5E,CAAC;YAED,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,sEAAsE,EAAE,CAAC;QACpI,CAAC,CAAA;KACJ,CAAC,CAAC,CAAC;IAEJ,MAAM,UAAU,GAAG;QACf,KAAK,EAAE,QAAiB;KAC3B,CAAC;IAEF,MAAM,MAAM,GAAG,MAAM,CAAC;IAEtB,OAAO,CACH,8DACK,YAAY,IAAI,aAAa,IAAI,CAC9B,8BAAC,0BAAQ,IAAC,OAAO,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,aAAa;QAC1E,8BAAC,qCAAiB,IAAC,GAAG,EAAE,OAAO,GAAI,CAC5B,CACd,CACF,CACN,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC","sourcesContent":["import { Elements } from '@stripe/react-stripe-js';\nimport { loadStripe, Stripe } from '@stripe/stripe-js';\nimport React, { forwardRef, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';\n\nimport { StripePaymentForm } from '@/components/steps/confirmation/StripePaymentOption/StripePaymentForm';\nimport { BasketContext } from '@/contexts';\nimport { PaymentHandlerElementRef } from '@/handlers/payment/PaymentHandler';\n\nexport const StripePaymentOption = forwardRef<PaymentHandlerElementRef>((_props, ref) => {\n    const basketContext = useContext(BasketContext);\n\n    const stripeCheckoutResponse = basketContext.reservationData?.payment?.stripe;\n\n    const [stripePromise, setStripePromise] = useState<Promise<Stripe | null>>();\n    const [clientSecret, setClientSecret] = useState<string | null>(null);\n\n    const formRef = useRef<PaymentHandlerElementRef>(null);\n\n    useEffect(() => {\n        if (!stripeCheckoutResponse?.clientSecret) return;\n\n        const stripe = loadStripe(stripeCheckoutResponse.publishableApiKey);\n        setStripePromise(stripe);\n        setClientSecret(stripeCheckoutResponse.clientSecret);\n    }, [stripeCheckoutResponse?.clientSecret]);\n\n    useImperativeHandle(ref, () => ({\n        submitPayment: async () => {\n            if (!stripeCheckoutResponse) {\n                return { success: false, message: 'Booking must be placed first.' };\n            }\n\n            if (formRef.current) {\n                return formRef.current.submitPayment(stripeCheckoutResponse.successUrl);\n            }\n\n            return { success: false, retryPayment: false, message: 'Something has gone wrong. Failed to get payment information details.' };\n        },\n    }));\n\n    const appearance = {\n        theme: 'stripe' as const,\n    };\n\n    const loader = 'auto';\n\n    return (\n        <>\n            {clientSecret && stripePromise && (\n                <Elements options={{ clientSecret, appearance, loader }} stripe={stripePromise}>\n                    <StripePaymentForm ref={formRef} />\n                </Elements>\n            )}\n        </>\n    );\n});\n\nStripePaymentOption.displayName = 'StripePaymentOption';\n"]}

package/dist/src/contexts/BasketContext/BasketContextWrapper.js

@@ -911,6 +911,10 @@ function BasketContextWrapper(props) {
             params.delete('resultIndicator');
             params.delete('sessionVersion');
             params.delete('checkoutVersion');
+            // Stripe params
+            params.delete('payment_intent');
+            params.delete('payment_intent_client_secret');
+            params.delete('redirect_status');
             window.history.replaceState({}, '', `${window.location.pathname}?${params}`);
             navigate(StepThanks_1.default.getStepUrl());
         },