@justifi/webcomponents 4.8.3 → 4.10.0-rc.0

package/dist/module/justifi-checkout.js

@@ -0,0 +1,172 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { g as getErrorMessage } from './utils3.js';
+import { A as Api } from './Api.js';
+import './Pagination.js';
+import './Payment.js';
+import './Payout.js';
+import { c as config } from './config.js';
+import { d as defineCustomElement$9 } from './billing-form.js';
+import { d as defineCustomElement$8 } from './checkout-core.js';
+import { d as defineCustomElement$7 } from './new-payment-method.js';
+import { d as defineCustomElement$6 } from './payment-method-form.js';
+import { d as defineCustomElement$5 } from './payment-method-options.js';
+import { d as defineCustomElement$4 } from './saved-payment-method.js';
+import { d as defineCustomElement$3 } from './select-input2.js';
+import { d as defineCustomElement$2 } from './text-input2.js';
+
+const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
+    try {
+        const response = await service.fetchCheckout(authToken, checkoutId);
+        if (!response.error) {
+            const checkout = response.data;
+            onSuccess({ checkout });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            return onError(responseError);
+        }
+    }
+    catch (error) {
+        return onError(error.message || error);
+    }
+};
+const makePay = ({ authToken, checkoutId, service }) => async ({ paymentMethodToken, onSuccess, onError }) => {
+    try {
+        const response = await service.pay(authToken, checkoutId, paymentMethodToken);
+        if (!response.error) {
+            const checkout = response.data;
+            onSuccess({ checkout });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            return onError(responseError);
+        }
+    }
+    catch (error) {
+        return onError(error.message || error);
+    }
+};
+
+class CheckoutService {
+    async fetchCheckout(authToken, checkoutId) {
+        const endpoint = `checkouts/${checkoutId}`;
+        return Api(authToken, config.proxyApiOrigin).get(endpoint);
+    }
+    async pay(authToken, checkoutId, paymentMethodToken) {
+        const endpoint = `checkouts/${checkoutId}/pay`;
+        return Api(authToken, config.proxyApiOrigin).post(endpoint, JSON.stringify({ token: paymentMethodToken }));
+    }
+}
+
+const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.iframeOrigin = undefined;
+        this.authToken = undefined;
+        this.checkoutId = undefined;
+        this.getCheckout = undefined;
+        this.pay = undefined;
+        this.errorMessage = '';
+    }
+    componentWillLoad() {
+        this.initializeGetCheckout();
+    }
+    initializeGetCheckout() {
+        if (this.authToken && this.checkoutId) {
+            this.getCheckout = makeGetCheckout({
+                authToken: this.authToken,
+                checkoutId: this.checkoutId,
+                service: new CheckoutService()
+            });
+            this.pay = makePay({
+                authToken: this.authToken,
+                checkoutId: this.checkoutId,
+                service: new CheckoutService()
+            });
+        }
+        else {
+            this.errorMessage = 'auth-token and checkout-id are required';
+        }
+    }
+    propChanged() {
+        this.initializeGetCheckout();
+    }
+    render() {
+        return (h("justifi-checkout-core", { getCheckout: this.getCheckout, pay: this.pay }));
+    }
+    static get watchers() { return {
+        "authToken": ["propChanged"],
+        "checkoutId": ["propChanged"]
+    }; }
+}, [1, "justifi-checkout", {
+        "iframeOrigin": [1, "iframe-origin"],
+        "authToken": [1, "auth-token"],
+        "checkoutId": [1, "checkout-id"],
+        "getCheckout": [32],
+        "pay": [32],
+        "errorMessage": [32]
+    }, undefined, {
+        "authToken": ["propChanged"],
+        "checkoutId": ["propChanged"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-checkout", "justifi-billing-form", "justifi-checkout-core", "justifi-new-payment-method", "justifi-payment-method-form", "justifi-payment-method-options", "justifi-saved-payment-method", "select-input", "text-input"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-checkout":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Checkout);
+            }
+            break;
+        case "justifi-billing-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "justifi-checkout-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "justifi-new-payment-method":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "justifi-payment-method-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "justifi-payment-method-options":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "justifi-saved-payment-method":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "select-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "text-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiCheckout = Checkout;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiCheckout, defineCustomElement };