@justifi/webcomponents 6.11.0 → 6.12.1-rc.1

package/dist/cjs/justifi-payment-provisioning-core.cjs.entry.js

@@ -1,151 +0,0 @@
-'use strict';
-
-var index = require('./index-p7cvUYAE.js');
-var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Business = require('./Business-oBifyXkW.js');
-var parts = require('./parts-BXshb_S-.js');
-var styledHost = require('./styled-host-DAi5SuFa.js');
-var header1 = require('./header-1-CsBQoo1f.js');
-require('./event-types-YOY5TKUN.js');
-var eventTypes = require('./event-types-DNOUef41.js');
-var paymentProvisioningLoading = require('./payment-provisioning-loading-tM9WWmxv.js');
-require('./skeleton-DvRCiQlA.js');
-
-const PaymentProvisioningAlreadyProvisioned = () => {
-    return (index.h("div", { class: "row gap-3 p-5" }, index.h("div", { class: "col-12" }, index.h(header1.Header1, { text: "Business Already Provisioned" })), index.h("div", { class: "col-12", part: parts.text }, index.h("p", null, "We have already received the onboarding information for this business."))));
-};
-
-const PaymentProvisioningSubmissionComplete = () => {
-    return (index.h("div", { class: "row gap-3 p5" }, index.h("div", { class: "col-12" }, index.h(header1.Header1, { text: "You're all set for now" })), index.h("div", { class: "col-12", part: parts.text }, index.h("p", null, "We're reviewing your information and working on your approval. We'll be in touch to let you know once you've been approved (or if we find anything that needs fixing). Have a good one!"))));
-};
-
-const PaymentProvisioningCore = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.clickEvent = index.createEvent(this, "click-event", 7);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
-        this.submitEvent = index.createEvent(this, "submit-event", 7);
-        this.loading = false;
-        this.businessLoading = true;
-        this.businessProvisioned = false;
-        this.formSubmitted = false;
-        this.currentStep = 0;
-        this.country = Business.CountryCode.USA;
-        this.allowOptionalFields = false;
-        this.setBusinessProvisioned = () => {
-            return new Promise((resolve) => {
-                this.getBusiness({
-                    onSuccess: (response) => {
-                        const business = new Business.Business(response.data);
-                        this.businessProvisioned = Business.checkProvisioningStatus(business);
-                        this.country = business.country_of_establishment;
-                        if (this.businessProvisioned) {
-                            this.errorEvent.emit({
-                                message: 'A request to provision payments for this business has already been submitted.',
-                                errorCode: ComponentError.ComponentErrorCodes.PROVISIONING_REQUESTED,
-                                severity: ComponentError.ComponentErrorSeverity.INFO,
-                            });
-                        }
-                        this.businessLoading = false;
-                        resolve();
-                    },
-                    onError: ({ error, code, severity }) => {
-                        this.errorEvent.emit({
-                            message: error,
-                            errorCode: code,
-                            severity: severity
-                        });
-                        this.businessLoading = false;
-                        resolve();
-                    }
-                });
-            });
-        };
-        this.postProvisioningData = () => {
-            this.postProvisioning({
-                onSuccess: (response) => {
-                    this.formSubmitted = true;
-                    this.submitEvent.emit({ response: response });
-                },
-                onError: ({ error, code, severity }) => {
-                    this.submitEvent.emit({ response: { error } });
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                }
-            });
-        };
-        this.refs = [];
-        this.incrementSteps = () => {
-            if (this.currentStep < this.totalSteps) {
-                return this.currentStep++;
-            }
-        };
-        this.decrementSteps = () => { return this.currentStep--; };
-        this.previousStepButtonOnClick = () => {
-            this.clickEvent.emit({ name: eventTypes.BusinessFormClickActions.previousStep });
-            this.decrementSteps();
-        };
-        this.nextStepButtonOnClick = (e, clickEventName) => {
-            e.preventDefault();
-            this.clickEvent.emit({ name: clickEventName });
-            const currentStep = this.refs[this.currentStep];
-            currentStep.validateAndSubmit({ onSuccess: this.incrementSteps });
-        };
-    }
-    handleFormCompleted() {
-        this.postProvisioningData();
-    }
-    async componentWillLoad() {
-        if (this.getBusiness) {
-            await this.setBusinessProvisioned();
-        }
-        else {
-            this.businessLoading = false;
-        }
-        this.refs = [
-            this.coreInfoRef,
-            this.legalAddressRef,
-            this.additionalQuestionsRef,
-            this.representativeRef,
-            this.ownersRef,
-            this.bankAccountRef,
-            this.termsRef,
-        ];
-    }
-    get businessEndpoint() {
-        return `entities/business/${this.businessId}`;
-    }
-    get formDisabled() {
-        return this.loading || this.businessProvisioned;
-    }
-    get totalSteps() {
-        return this.refs.length - 1;
-    }
-    get stepCounter() {
-        return `Step ${this.currentStep + 1} of ${this.totalSteps + 1}`;
-    }
-    handleFormLoading(event) {
-        this.loading = event.detail;
-    }
-    render() {
-        // State 1: Loading
-        if (this.businessLoading) {
-            return (index.h(styledHost.StyledHost, null, index.h(paymentProvisioningLoading.PaymentProvisioningLoading, null)));
-        }
-        // State 2: Already Provisioned
-        if (this.businessProvisioned) {
-            return (index.h(styledHost.StyledHost, null, index.h(PaymentProvisioningAlreadyProvisioned, null)));
-        }
-        // State 3: Submission Complete
-        if (this.formSubmitted) {
-            return (index.h(styledHost.StyledHost, null, index.h(PaymentProvisioningSubmissionComplete, null)));
-        }
-        // State 4: Form Steps (default)
-        return (index.h(styledHost.StyledHost, null, index.h("div", { class: 'row gap-3' }, index.h(header1.Header1, { text: this.formTitle }), index.h("justifi-payment-provisioning-form-steps", { businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), index.h("div", { class: 'd-flex justify-content-between align-items-center' }, index.h("div", { class: 'd-flex align-items-center', part: parts.text }, this.stepCounter), index.h("justifi-payment-provisioning-form-buttons", { currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
-    }
-};
-
-exports.justifi_payment_provisioning_core = PaymentProvisioningCore;

package/dist/cjs/justifi-tokenize-payment-method.cjs.entry.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var index = require('./index-p7cvUYAE.js');
-
-const TokenizePaymentMethod = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.submitButtonText = 'Submit';
-    }
-    async tokenizePaymentMethod(event) {
-        return this.tokenizePaymentMethodRef.tokenizePaymentMethod(event);
-    }
-    async fillBillingForm(fields) {
-        return this.tokenizePaymentMethodRef.fillBillingForm(fields);
-    }
-    async validate() {
-        return this.tokenizePaymentMethodRef.validate();
-    }
-    render() {
-        return (index.h("internal-tokenize-payment-method", { key: '136cf8d3b079e2c0fb08fd55900a0c540ad43497', ref: (el) => this.tokenizePaymentMethodRef = el, authToken: this.authToken, accountId: this.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: this.hideSubmitButton, paymentMethodGroupId: this.paymentMethodGroupId }));
-    }
-};
-
-exports.justifi_tokenize_payment_method = TokenizePaymentMethod;

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning.js

@@ -1,182 +0,0 @@
-import { h } from "@stencil/core";
-import JustifiAnalytics from "../../../api/Analytics";
-import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../api/ComponentError";
-import { makeGetBusiness, makePostProvisioning } from "./payment-provisioning-actions";
-import { BusinessService } from "../../../api/services/business.service";
-import { ProvisionService } from "../../../api/services/provision.service";
-import { checkPkgVersion } from "../../../utils/check-pkg-version";
-import { isTokenExpired } from "../../../utils/utils";
-export class PaymentProvisioning {
-    constructor() {
-        this.allowOptionalFields = false;
-        this.formTitle = 'Business Information';
-    }
-    propChanged() {
-        this.initializeApi();
-    }
-    componentWillLoad() {
-        checkPkgVersion();
-        this.analytics = new JustifiAnalytics(this);
-        this.initializeApi();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
-    }
-    ;
-    initializeApi() {
-        if (!this.authToken || !this.businessId) {
-            this.errorEvent.emit({
-                message: 'auth-token and business-id are required',
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-            return;
-        }
-        if (isTokenExpired(this.authToken)) {
-            this.errorEvent.emit({
-                message: 'auth-token is expired',
-                errorCode: ComponentErrorCodes.NOT_AUTHENTICATED,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-            return;
-        }
-        this.getBusiness = makeGetBusiness({
-            authToken: this.authToken,
-            businessId: this.businessId,
-            service: new BusinessService()
-        });
-        this.postProvisioning = makePostProvisioning({
-            authToken: this.authToken,
-            businessId: this.businessId,
-            product: 'payment',
-            service: new ProvisionService()
-        });
-    }
-    render() {
-        return (h("justifi-payment-provisioning-core", { key: '8df2a722a6c7150950cbc0a2d923bb1a107170ee', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
-    }
-    static get is() { return "justifi-payment-provisioning"; }
-    static get encapsulation() { return "shadow"; }
-    static get properties() {
-        return {
-            "businessId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "business-id"
-            },
-            "authToken": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "auth-token"
-            },
-            "allowOptionalFields": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "allow-optional-fields",
-                "defaultValue": "false"
-            },
-            "formTitle": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "form-title",
-                "defaultValue": "'Business Information'"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "postProvisioning": {},
-            "getBusiness": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "errorEvent",
-                "name": "error-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentErrorEvent",
-                    "resolved": "ComponentErrorEvent",
-                    "references": {
-                        "ComponentErrorEvent": {
-                            "location": "import",
-                            "path": "../../../api/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
-                        }
-                    }
-                }
-            }];
-    }
-    static get watchers() {
-        return [{
-                "propName": "authToken",
-                "methodName": "propChanged"
-            }, {
-                "propName": "businessId",
-                "methodName": "propChanged"
-            }];
-    }
-}

package/dist/collection/components/modular-checkout/sub-components/bank-account.js

@@ -1,101 +0,0 @@
-import { h } from "@stencil/core";
-import { StyledHost } from "../../../ui-components";
-import BankAccountFormSkeleton from "./bank-account-skeleton";
-import { checkPkgVersion } from "../../../utils/check-pkg-version";
-import { generateTabId } from "../../../utils/utils";
-import JustifiAnalytics from "../../../api/Analytics";
-import { configState, waitForConfig } from "../../config-provider/config-state";
-export class BankAccountForm {
-    constructor() {
-        this.isReady = false;
-    }
-    async componentWillLoad() {
-        await waitForConfig();
-        this.iframeOrigin = configState.iframeOrigin;
-        this.tabId = generateTabId();
-        checkPkgVersion();
-        this.analytics = new JustifiAnalytics(this);
-    }
-    componentDidRender() {
-        const elements = [
-            this.accountNumberIframeElement,
-            this.routingNumberIframeElement,
-        ];
-        Promise.all(elements.map((element) => {
-            return new Promise((resolve) => {
-                element.addEventListener('iframeLoaded', () => { resolve(); });
-            });
-        })).then(() => {
-            this.isReady = true;
-        });
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
-    }
-    async validate() {
-        const accountNumberIsValid = await this.accountNumberIframeElement.validate();
-        const routingNumberIsValid = await this.routingNumberIframeElement.validate();
-        return accountNumberIsValid && routingNumberIsValid;
-    }
-    async tokenize({ clientId, paymentMethodMetadata, account }) {
-        return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
-    }
-    render() {
-        return (h(StyledHost, { key: 'b9674b4e8cfd28e440f28c3e08772bc879f0d1b6' }, h(BankAccountFormSkeleton, { key: '87adb553cd4fefac370379bbfcc373fbd8935f60', isReady: this.isReady }), h("hidden-input", { key: '1395bba6465865528e94e945ca614107027e86c4' }), h("div", { key: '7ce58ad6226ac6cb3c4ec45895a5e3a94885d3a9', class: "container-fluid p-0", style: {
-                opacity: this.isReady ? '1' : '0',
-                height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '85a4a2955404571823404bd9aa46c0744b5f1469', class: "row mb-3" }, h("iframe-input", { key: 'af85c82af0770b89bbba09347b5f3bf65d581e5a', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '201171891252c6384e47657b007e7e0381d12cfa', class: "row" }, h("iframe-input", { key: '1f2b63b6cb11c0dd906727aaba3127e68ecb540c', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
-    }
-    static get is() { return "justifi-bank-account-form"; }
-    static get encapsulation() { return "shadow"; }
-    static get states() {
-        return {
-            "iframeOrigin": {},
-            "isReady": {},
-            "tabId": {}
-        };
-    }
-    static get methods() {
-        return {
-            "validate": {
-                "complexType": {
-                    "signature": "() => Promise<any>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<any>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "tokenize": {
-                "complexType": {
-                    "signature": "({ clientId, paymentMethodMetadata, account }: { clientId: string; paymentMethodMetadata: any; account?: string; }) => Promise<any>",
-                    "parameters": [{
-                            "name": "__0",
-                            "type": "{ clientId: string; paymentMethodMetadata: any; account?: string; }",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<any>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}

package/dist/collection/components/modular-checkout/sub-components/card-form.js

@@ -1,105 +0,0 @@
-import { h } from "@stencil/core";
-import CardFormSkeleton from "./card-form-skeleton";
-import { StyledHost } from "../../../ui-components";
-import JustifiAnalytics from "../../../api/Analytics";
-import { checkPkgVersion } from "../../../utils/check-pkg-version";
-import { generateTabId } from "../../../utils/utils";
-import { configState, waitForConfig } from "../../config-provider/config-state";
-export class JustifiCardForm {
-    constructor() {
-        this.isReady = false;
-    }
-    async componentWillLoad() {
-        await waitForConfig();
-        this.iframeOrigin = configState.iframeOrigin;
-        this.tabId = generateTabId();
-        checkPkgVersion();
-        this.analytics = new JustifiAnalytics(this);
-    }
-    componentDidRender() {
-        const elements = [
-            this.cardNumberIframeElement,
-            this.expirationMonthIframeElement,
-            this.expirationYearIframeElement,
-            this.cvvIframeElement,
-        ];
-        Promise.all(elements.map((element) => {
-            return new Promise((resolve) => {
-                element.addEventListener('iframeLoaded', () => { resolve(); });
-            });
-        })).then(() => {
-            this.isReady = true;
-        });
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
-    }
-    async validate() {
-        const cardNumberIsValid = await this.cardNumberIframeElement.validate();
-        const expirationMonthIsValid = await this.expirationMonthIframeElement.validate();
-        const expirationYearIsValid = await this.expirationYearIframeElement.validate();
-        const cvvIsValid = await this.cvvIframeElement.validate();
-        return cardNumberIsValid && expirationMonthIsValid && expirationYearIsValid && cvvIsValid;
-    }
-    async tokenize({ clientId, paymentMethodMetadata, account, }) {
-        return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
-    }
-    render() {
-        return (h(StyledHost, { key: '20d4ea593b1f53fdbe8cc301e64c1a7743802678' }, h(CardFormSkeleton, { key: 'f3d2569ddcf94c8cf5f07ba4e1a862d6991c686e', isReady: this.isReady }), h("hidden-input", { key: '4804eb065aa5c2c21a84cd5e4ae02d8e00544081' }), h("div", { key: '0c98ea9d4218a70a95b620a969481083aac623f3', class: "container-fluid p-0", style: {
-                opacity: this.isReady ? '1' : '0',
-                height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '6674294528ffdf8b3e90aa75827d88c891f74f65', class: "mb-3" }, h("iframe-input", { key: 'a08798d454cf5b7e572c334bdf3238f08071fa43', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'e5aca3795c1788bd0862f7dbf28dec58bbcc3f03', class: "row" }, h("div", { key: '29c8dcbf332349d1b81e98b17630de0cd3ef8b77', class: "col-4 align-content-end" }, h("iframe-input", { key: '88dd4b4601010543f2d02b4b5ca6814431de1e63', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'd7b557547cdb3e18103c9ad0588733448a22d4f6', class: "col-4 align-content-end" }, h("iframe-input", { key: '2b9915cd264167e2c3080688290765590061ae6d', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '241ead4a324fc65ddc787e8fa81cb8ed62e3114d', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c254b90ef75b5bcf1ff86bddf2d488de0a2bb709', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
-    }
-    static get is() { return "justifi-card-form"; }
-    static get encapsulation() { return "shadow"; }
-    static get states() {
-        return {
-            "isReady": {},
-            "iframeOrigin": {},
-            "tabId": {}
-        };
-    }
-    static get methods() {
-        return {
-            "validate": {
-                "complexType": {
-                    "signature": "() => Promise<any>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<any>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "tokenize": {
-                "complexType": {
-                    "signature": "({ clientId, paymentMethodMetadata, account, }: { clientId: string; paymentMethodMetadata: any; account?: string; }) => Promise<any>",
-                    "parameters": [{
-                            "name": "__0",
-                            "type": "{ clientId: string; paymentMethodMetadata: any; account?: string; }",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<any>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}

package/dist/collection/components/modular-checkout/sub-components/summary.js

@@ -1,12 +0,0 @@
-import { h } from "@stencil/core";
-import { text } from "../../../styles/parts";
-import { formatCurrency } from "../../../utils/utils";
-import { checkoutStore } from "../../../store/checkout.store";
-import { StyledHost } from "../../../ui-components";
-export class Summary {
-    render() {
-        return (h(StyledHost, { key: '74b2a1ebf22f1f7e7cb0cfbbbba8a3f8cd528a6b' }, h("section", { key: '6ea0bd41680b937c0ff88aa0f73c1ac4bccee9b9' }, h("div", { key: '6ca013f92dbaf076bda9a65c98acdf5c8192b22a' }, h("div", { key: '62f166bdc0b47e8cda03ee4d549736aaf336727e', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'c681ecba3bbceac71993833f8861393dc5751b4c' }, h("span", { key: '46eaedc091f44c2d3bad94cb6a05098385be8ebc', part: text }, "Total"), "\u00A0", h("span", { key: 'ad70de1a38c2c7625562cee3a745a6a61235f4cf', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
-    }
-    static get is() { return "justifi-checkout-summary"; }
-    static get encapsulation() { return "shadow"; }
-}