@justifi/webcomponents 4.19.3-rc → 4.19.3-rc-2

package/dist/webcomponents/p-6078a370.js

@@ -1 +1,244 @@
-const l=[{label:"Choose state",value:""},{label:"Alabama",value:"AL"},{label:"Alaska",value:"AK"},{label:"American Samoa",value:"AS"},{label:"Arizona",value:"AZ"},{label:"Arkansas",value:"AR"},{label:"California",value:"CA"},{label:"Colorado",value:"CO"},{label:"Connecticut",value:"CT"},{label:"Delaware",value:"DE"},{label:"District Of Columbia",value:"DC"},{label:"Federated States Of Micronesia",value:"FM"},{label:"Florida",value:"FL"},{label:"Georgia",value:"GA"},{label:"Guam",value:"GU"},{label:"Hawaii",value:"HI"},{label:"Idaho",value:"ID"},{label:"Illinois",value:"IL"},{label:"Indiana",value:"IN"},{label:"Iowa",value:"IA"},{label:"Kansas",value:"KS"},{label:"Kentucky",value:"KY"},{label:"Louisiana",value:"LA"},{label:"Maine",value:"ME"},{label:"Marshall Islands",value:"MH"},{label:"Maryland",value:"MD"},{label:"Massachusetts",value:"MA"},{label:"Michigan",value:"MI"},{label:"Minnesota",value:"MN"},{label:"Mississippi",value:"MS"},{label:"Missouri",value:"MO"},{label:"Montana",value:"MT"},{label:"Nebraska",value:"NE"},{label:"Nevada",value:"NV"},{label:"New Hampshire",value:"NH"},{label:"New Jersey",value:"NJ"},{label:"New Mexico",value:"NM"},{label:"New York",value:"NY"},{label:"North Carolina",value:"NC"},{label:"North Dakota",value:"ND"},{label:"Northern Mariana Islands",value:"MP"},{label:"Ohio",value:"OH"},{label:"Oklahoma",value:"OK"},{label:"Oregon",value:"OR"},{label:"Palau",value:"PW"},{label:"Pennsylvania",value:"PA"},{label:"Puerto Rico",value:"PR"},{label:"Rhode Island",value:"RI"},{label:"South Carolina",value:"SC"},{label:"South Dakota",value:"SD"},{label:"Tennessee",value:"TN"},{label:"Texas",value:"TX"},{label:"Utah",value:"UT"},{label:"Vermont",value:"VT"},{label:"Virgin Islands",value:"VI"},{label:"Virginia",value:"VA"},{label:"Washington",value:"WA"},{label:"West Virginia",value:"WV"},{label:"Wisconsin",value:"WI"},{label:"Wyoming",value:"WY"}];export{l as S}
+const StateOptions = [
+    {
+        label: 'Choose state',
+        value: '',
+    },
+    {
+        label: 'Alabama',
+        value: 'AL',
+    },
+    {
+        label: 'Alaska',
+        value: 'AK',
+    },
+    {
+        label: 'American Samoa',
+        value: 'AS',
+    },
+    {
+        label: 'Arizona',
+        value: 'AZ',
+    },
+    {
+        label: 'Arkansas',
+        value: 'AR',
+    },
+    {
+        label: 'California',
+        value: 'CA',
+    },
+    {
+        label: 'Colorado',
+        value: 'CO',
+    },
+    {
+        label: 'Connecticut',
+        value: 'CT',
+    },
+    {
+        label: 'Delaware',
+        value: 'DE',
+    },
+    {
+        label: 'District Of Columbia',
+        value: 'DC',
+    },
+    {
+        label: 'Federated States Of Micronesia',
+        value: 'FM',
+    },
+    {
+        label: 'Florida',
+        value: 'FL',
+    },
+    {
+        label: 'Georgia',
+        value: 'GA',
+    },
+    {
+        label: 'Guam',
+        value: 'GU',
+    },
+    {
+        label: 'Hawaii',
+        value: 'HI',
+    },
+    {
+        label: 'Idaho',
+        value: 'ID',
+    },
+    {
+        label: 'Illinois',
+        value: 'IL',
+    },
+    {
+        label: 'Indiana',
+        value: 'IN',
+    },
+    {
+        label: 'Iowa',
+        value: 'IA',
+    },
+    {
+        label: 'Kansas',
+        value: 'KS',
+    },
+    {
+        label: 'Kentucky',
+        value: 'KY',
+    },
+    {
+        label: 'Louisiana',
+        value: 'LA',
+    },
+    {
+        label: 'Maine',
+        value: 'ME',
+    },
+    {
+        label: 'Marshall Islands',
+        value: 'MH',
+    },
+    {
+        label: 'Maryland',
+        value: 'MD',
+    },
+    {
+        label: 'Massachusetts',
+        value: 'MA',
+    },
+    {
+        label: 'Michigan',
+        value: 'MI',
+    },
+    {
+        label: 'Minnesota',
+        value: 'MN',
+    },
+    {
+        label: 'Mississippi',
+        value: 'MS',
+    },
+    {
+        label: 'Missouri',
+        value: 'MO',
+    },
+    {
+        label: 'Montana',
+        value: 'MT',
+    },
+    {
+        label: 'Nebraska',
+        value: 'NE',
+    },
+    {
+        label: 'Nevada',
+        value: 'NV',
+    },
+    {
+        label: 'New Hampshire',
+        value: 'NH',
+    },
+    {
+        label: 'New Jersey',
+        value: 'NJ',
+    },
+    {
+        label: 'New Mexico',
+        value: 'NM',
+    },
+    {
+        label: 'New York',
+        value: 'NY',
+    },
+    {
+        label: 'North Carolina',
+        value: 'NC',
+    },
+    {
+        label: 'North Dakota',
+        value: 'ND',
+    },
+    {
+        label: 'Northern Mariana Islands',
+        value: 'MP',
+    },
+    {
+        label: 'Ohio',
+        value: 'OH',
+    },
+    {
+        label: 'Oklahoma',
+        value: 'OK',
+    },
+    {
+        label: 'Oregon',
+        value: 'OR',
+    },
+    {
+        label: 'Palau',
+        value: 'PW',
+    },
+    {
+        label: 'Pennsylvania',
+        value: 'PA',
+    },
+    {
+        label: 'Puerto Rico',
+        value: 'PR',
+    },
+    {
+        label: 'Rhode Island',
+        value: 'RI',
+    },
+    {
+        label: 'South Carolina',
+        value: 'SC',
+    },
+    {
+        label: 'South Dakota',
+        value: 'SD',
+    },
+    {
+        label: 'Tennessee',
+        value: 'TN',
+    },
+    {
+        label: 'Texas',
+        value: 'TX',
+    },
+    {
+        label: 'Utah',
+        value: 'UT',
+    },
+    {
+        label: 'Vermont',
+        value: 'VT',
+    },
+    {
+        label: 'Virgin Islands',
+        value: 'VI',
+    },
+    {
+        label: 'Virginia',
+        value: 'VA',
+    },
+    {
+        label: 'Washington',
+        value: 'WA',
+    },
+    {
+        label: 'West Virginia',
+        value: 'WV',
+    },
+    {
+        label: 'Wisconsin',
+        value: 'WI',
+    },
+    {
+        label: 'Wyoming',
+        value: 'WY',
+    },
+];
+
+export { StateOptions as S };

package/dist/webcomponents/p-6124b1b3.entry.js

@@ -0,0 +1,80 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './p-fad19d75.js';
+import { E as ErrorState } from './p-dce846bf.js';
+import { B as BusinessService } from './p-0e1bc91e.js';
+import { B as Business } from './p-af244664.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
+import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
+import { J as JustifiAnalytics } from './p-15eafa87.js';
+import './p-29c0b182.js';
+import './p-1ff8810b.js';
+import './p-6078a370.js';
+import './p-2e8f4937.js';
+
+const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.fetchBusiness(id, authToken);
+        if (!response.error) {
+            onSuccess({ business: new Business(response.data) });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+const BusinessDetails = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.businessId = undefined;
+        this.authToken = undefined;
+        this.errorMessage = undefined;
+        this.getBusiness = undefined;
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeGetBusiness();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    initializeGetBusiness() {
+        if (!this.businessId || !this.authToken) {
+            this.errorMessage = 'Invalid business id or auth token';
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
+        this.getBusiness = makeGetBusiness({
+            id: this.businessId,
+            authToken: this.authToken,
+            service: new BusinessService(),
+        });
+    }
+    render() {
+        if (this.errorMessage) {
+            return h(Host, null, ErrorState(this.errorMessage));
+        }
+        return (h(Host, null, h("business-details-core", { getBusiness: this.getBusiness })));
+    }
+};
+
+export { BusinessDetails as justifi_business_details };

package/dist/webcomponents/p-70a2aa74.entry.js

@@ -0,0 +1,76 @@
+import { r as registerInstance, h, c as createEvent } from './p-fad19d75.js';
+import { c as create$3, F as FormController } from './p-2eab3c90.js';
+import { i as identityNameValidation, l as lineOneValidation, a as lineTwoValidation, c as cityValidation, s as stateValidation, p as postalValidation } from './p-89887332.js';
+import { S as StateOptions } from './p-6078a370.js';
+import { n as numberOnlyHandler } from './p-8df7bde8.js';
+import { S as StyledHost } from './p-ba4bae6f.js';
+import './p-ba5fae28.js';
+import './p-af244664.js';
+import './p-1ff8810b.js';
+
+const BillingFormSchema = create$3({
+    name: identityNameValidation.required('Enter full name'),
+    address_line1: lineOneValidation.required('Enter street address'),
+    address_line2: lineTwoValidation.nullable(),
+    address_city: cityValidation.required('Enter city'),
+    address_state: stateValidation.required('Select state'),
+    address_postal_code: postalValidation.required('Enter postal code'),
+});
+
+const billingFormCss = ":host{display:block}justifi-billing-form{margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}";
+const JustifiBillingFormStyle0 = billingFormCss;
+
+const BillingForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+        this.legend = undefined;
+        this.formController = undefined;
+        this.billingInfo = undefined;
+        this.errors = {};
+    }
+    componentWillLoad() {
+        this.formController = new FormController(BillingFormSchema);
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        let isValid = await this.formController.validate();
+        return { isValid: isValid };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h(StyledHost, { key: 'b08094d3c44d35cdb3c21b4bc360dbbee19d7d15', exportparts: "label,input,input-invalid" }, h("form", { key: '392538a781ffa2ac299cbc4203bab5efd10e77cc' }, h("fieldset", { key: 'f4b5a5ec9a91e9f50a3847c5eb16635c4f9d569a' }, this.legend && h("legend", { key: 'eb75e22f9df33c13e3851ece784d237b8973e2c5' }, this.legend), h("div", { key: 'd7ffdc1cfeda5568ad003a4d3bbe94765de04605', class: "row gy-3" }, h("div", { key: 'c22f9e7b2f33b5c298bb5f0a5c7bcaa709c231a0', class: "col-12" }, h("form-control-text", { key: 'd6eb4d2f4d1a2a709e0f29bf18b5d9700bd91a13', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '8494ee3c14f8923d18d8708077e030c2f141a251', class: "col-12" }, h("form-control-text", { key: '63266eb0e2b2b006a3c914a68703ee1cdf848f83', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '0a19fcf5c172d2539f23e147f39461d84dfd9d37', class: "col-12" }, h("form-control-text", { key: '0e5fae5d65d5ea195de0227d1e4f79cee7c7a0fb', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '13104554e8247cb0534c3dc9e6a16b2f44397795', class: "col-12" }, h("form-control-text", { key: '430e59713ec66ff7a6f735ca24640c27b05cbeee', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '5b81499717f67d5f499f4ebfc585056ef5bd3d56', class: "col-12" }, h("form-control-select", { key: '726c724eda5f25a92bad7e549ff7845ece7b41e1', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '5d5a6e0949c5ad93da5bc1837dadf88c2128212d', class: "col-12" }, h("form-control-text", { key: 'ebb4e77126d86011d9a1ed5d118461198b399092', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
+    }
+};
+BillingForm.style = JustifiBillingFormStyle0;
+
+const SaveNewPaymentMethod = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.checkboxChanged = createEvent(this, "checkboxChanged", 7);
+        this.isChecked = false;
+    }
+    handleCheckboxChange(event) {
+        const target = event.target;
+        this.isChecked = target.checked;
+        this.checkboxChanged.emit(this.isChecked);
+    }
+    render() {
+        return (h("div", { key: 'f22a132a518a98786c8486e08c9a65050f3c5ea0', class: "mt-4 form-check" }, h("input", { key: '6f1392f9dd29a9761f5942b0a40e05a899858ada', type: "checkbox", checked: this.isChecked, onChange: (event) => this.handleCheckboxChange(event), class: "form-check-input" }), h("label", { key: 'e6e5908ba70ece8ea19370a04104d88d17237fc7', class: "form-check-label" }, "Save new payment method")));
+    }
+};
+
+export { BillingForm as justifi_billing_form, SaveNewPaymentMethod as justifi_save_new_payment_method };

package/dist/webcomponents/p-7582b554.entry.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h } from './p-fad19d75.js';
+import { E as ErrorState } from './p-dce846bf.js';
+import { S as StyledHost } from './p-ba4bae6f.js';
+
+const Details = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorMessage = undefined;
+    }
+    render() {
+        return (h(StyledHost, { key: '00b10fc4e459688ae06147ef1535f03609ec35e4', exportParts: 'detail-empty-state, detail-metadata-title, detail-metadata, detail-section, detail-section-title, \n        detail-section-item-title, detail-section-item-data, detail-head, detail-title, detail-head-info' }, this.errorMessage ?
+            ErrorState(this.errorMessage)
+            :
+                h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));
+    }
+};
+
+export { Details as justifi_details };

package/dist/webcomponents/p-75fd6367.entry.js

@@ -0,0 +1,149 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { f as formatCurrency } from './p-83125497.js';
+import { C as ComponentErrorSeverity } from './p-14c91ffd.js';
+import { i as insuranceValuesOn, v as validateInsuranceValues, a as insuranceValues } from './p-2338affa.js';
+import { B as Button } from './p-9c9c7dac.js';
+import { S as StyledHost } from './p-ba4bae6f.js';
+import { S as Skeleton } from './p-08b0fb31.js';
+
+class Checkout {
+    constructor(data) {
+        Object.assign(this, data);
+    }
+}
+
+const checkoutCoreCss = ":host{display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}.jfi-checkout-core{color:var(--jfi-body-color)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}*::part(invalid-feedback){color:var(--jfi-error-message-color);font-size:var(--jfi-error-message-font-size);margin:var(--jfi-error-message-margin);line-height:normal}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow);line-height:var(--jfi-submit-button-line-height);text-transform:var(--jfi-submit-button-text-transform)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}";
+const JustifiCheckoutCoreStyle0 = checkoutCoreCss;
+
+const headerCss = ".jfi-header{color:var(--jfi-header-color);border-bottom:var(--jfi-header-border)}";
+const JustifiCheckoutCoreStyle1 = headerCss;
+
+const CheckoutCore = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.submitted = createEvent(this, "submitted", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.loaded = createEvent(this, "loaded", 7);
+        this.completeCheckout = async (payment) => {
+            this.complete({
+                payment,
+                onSuccess: this.onSubmitted,
+                onError: this.onError,
+            });
+        };
+        this.onSubmitted = (data) => {
+            this.submitted.emit(data);
+            this.renderState = 'success';
+        };
+        this.onError = ({ error, code, severity }) => {
+            this.serverError = error;
+            this.errorEvent.emit({
+                errorCode: code,
+                message: error,
+                severity,
+            });
+            this.renderState = 'error';
+        };
+        this.iframeOrigin = "";
+        this.authToken = undefined;
+        this.getCheckout = undefined;
+        this.complete = undefined;
+        this.checkoutId = undefined;
+        this.disableCreditCard = undefined;
+        this.disableBankAccount = undefined;
+        this.disableBnpl = undefined;
+        this.disablePaymentMethodGroup = undefined;
+        this.hasLoadedFonts = false;
+        this.checkout = undefined;
+        this.serverError = undefined;
+        this.renderState = 'loading';
+        this.creatingNewPaymentMethod = false;
+        this.insuranceToggled = false;
+    }
+    async fillBillingForm(fields) {
+        this.paymentMethodOptionsRef.fillBillingForm(fields);
+    }
+    componentWillLoad() {
+        console.log('CheckoutCore: componentWillLoad iframeOrigin', this, this.iframeOrigin);
+        if (this.getCheckout) {
+            this.fetchData();
+            // Refresh the checkout data when insurance is added or removed
+            insuranceValuesOn('set', (key) => {
+                const value = insuranceValues[key];
+                if (value !== undefined) {
+                    this.insuranceToggled = value;
+                    this.fetchData();
+                }
+            });
+        }
+    }
+    fetchData() {
+        this.renderState = 'loading';
+        this.getCheckout({
+            onSuccess: ({ checkout }) => {
+                this.checkout = new Checkout(checkout);
+                const { status } = this.checkout;
+                this.loaded.emit({ checkout_status: status });
+                this.renderState = 'success';
+            },
+            onError: ({ error, code, severity }) => {
+                this.serverError = error;
+                this.renderState = 'error';
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+            }
+        });
+    }
+    ;
+    async submit(event) {
+        var _a;
+        event.preventDefault();
+        this.renderState = 'loading';
+        const insuranceValidation = validateInsuranceValues();
+        const payload = await this.paymentMethodOptionsRef.resolvePaymentMethod(insuranceValidation);
+        if (payload.validationError) {
+            this.renderState = 'error';
+        }
+        else if (payload.error) {
+            this.renderState = 'error';
+            this.serverError = payload.error.message;
+            this.onError({
+                code: payload.error.code,
+                error: payload.error.message,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+        else if (payload.token) {
+            this.completeCheckout({ payment_mode: 'ecom', payment_token: payload.token });
+        }
+        else if (((_a = payload.bnpl) === null || _a === void 0 ? void 0 : _a.status) === 'success') {
+            this.completeCheckout({ payment_mode: 'bnpl' });
+        }
+        else {
+            this.renderState = 'error';
+        }
+    }
+    get isLoading() {
+        return this.renderState === 'loading';
+    }
+    get isError() {
+        return this.renderState === 'error';
+    }
+    get paymentType() {
+        var _a, _b, _c, _d, _e;
+        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { variant: "rounded", height: "300px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled }))));
+    }
+    get summary() {
+        var _a, _b;
+        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { class: "jfi-payment-description" }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", { class: "jfi-payment-total" }, h("span", { class: "jfi-payment-total-label" }, "Total"), "\u00A0", h("span", { class: "jfi-payment-total-amount" }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
+    }
+    render() {
+        return (h(StyledHost, { key: '991ae6970e426028ace0d1e8327119bc197639b0' }, h("div", { key: '1e57ee21429b494240e644235a2d5815ced99d43', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '70023ce10dea6ff8d5bd8e30c7d474f774682c65', class: "col-12" }, h("h2", { key: '8b09b03c1998e4d60e174fefb3d196e48d50b84a', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: 'e3bbdaaaf010451a31fe9c60bdf81e89bdd142f2', class: "col-12" }, h("slot", { key: '442a01184960f42b5e1f6694798633d3e7219bf5', name: "insurance" })), h("div", { key: '716e26e3dc675e9d72a3a992b1cb212ce48ffb1a', class: "col-12 mt-4" }, h("h2", { key: '762cfc8549b20d16583d0fd8748bde8035042c00', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'f07d716a87f3e2bd44471f7e93f7af5f5d20440e', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: '1156291dd748b90d64a08916ffb98c3123132175', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: 'a5bd142a1c72c5abb29338a2cf24c180119d4ea7', class: "col-12" }, h("div", { key: '5a94ed9d54fd3dd24cfe3e34c23ee3c4995eca6d', class: "d-flex justify-content-end" }, h(Button, { key: '7fce3940d8fe562aa7c23e38201b5d2924157288', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
+    }
+};
+CheckoutCore.style = JustifiCheckoutCoreStyle0 + JustifiCheckoutCoreStyle1;
+
+export { CheckoutCore as justifi_checkout_core };

package/dist/webcomponents/p-79646550.entry.js

@@ -0,0 +1,61 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './p-fad19d75.js';
+import { I as IMask } from './p-1ad5995e.js';
+import { C as CURRENCY_MASK } from './p-525db3e8.js';
+
+const MonetaryInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.imask = null;
+        this.initializeIMask = () => {
+            if (!this.textInput)
+                return;
+            this.imask = IMask(this.textInput, this.maskOptions);
+            this.imask.on('accept', () => {
+                const rawValue = this.imask.unmaskedValue;
+                this.inputHandler(this.name, rawValue);
+                this.formControlInput.emit({ name: this.name, value: rawValue });
+            });
+            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
+        };
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            const rawValue = this.imask.unmaskedValue;
+            this.formControlInput.emit({ name: name, value: rawValue });
+        };
+        this.updateInput = (newValue) => {
+            if (this.imask) {
+                this.imask.value = String(newValue);
+            }
+        };
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.inputHandler = undefined;
+        this.maskOptions = CURRENCY_MASK.DECIMAL;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.initializeIMask();
+        this.updateInput(this.defaultValue);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+    render() {
+        return (h(Host, { key: '8797b3aa5c6a30f472d51e2b9437b6158b0566fc', exportparts: "label,input,input-group-input,input-group-text,input-invalid" }, h("div", { key: '0d3e068cf104aec3f6250f5cd6c00a9342928fe8', class: "form-group d-flex flex-column" }, h("label", { key: '0e86db7c0d981bdae74c51dd75bf5579d07b4793', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '8fc773de3995bb37e6fa00b34d8d9e2deaef4bbd', class: "input-group" }, h("span", { key: '83860eac764be9eeea31302d60525fb56af9dc1d', class: "input-group-text", part: "input-group-text" }, "$"), h("input", { key: 'b8c655c0b8eeb6ec328eeaed651773c293aa3100', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input input-group-input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h("form-control-help-text", { key: 'b3f142b9c67a792a96b597bdaf91fd3abe1b7ce3', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'daefe97a15bde309c397a506de6cda9a0376323b', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+export { MonetaryInput as form_control_monetary };

package/dist/webcomponents/p-7d85af5c.js

@@ -1 +1,16 @@
-import{d as b}from"./p-1ff8810b.js";const t=(b,t)=>{b.setValues(Object.assign(Object.assign({},b.values.getValue()),t))},e=(b,e)=>{t(b,{address:Object.assign(Object.assign({},b.values.getValue().address),e)})},o=(e,o)=>{const s=b(e.detail);t(o,Object.assign(Object.assign({},o.values.getValue()),{dob_day:s.dob_day,dob_month:s.dob_month,dob_year:s.dob_year}))};export{e as a,o as b,t as u}
+import { d as deconstructDate } from './p-1ff8810b.js';
+
+const updateFormValues = (formController, newValues) => {
+    formController.setValues(Object.assign(Object.assign({}, formController.values.getValue()), newValues));
+};
+const updateAddressFormValues = (formController, newValues) => {
+    updateFormValues(formController, {
+        address: Object.assign(Object.assign({}, formController.values.getValue().address), newValues),
+    });
+};
+const updateDateOfBirthFormValues = (event, formController) => {
+    const dob_values = deconstructDate(event.detail);
+    updateFormValues(formController, Object.assign(Object.assign({}, formController.values.getValue()), { dob_day: dob_values.dob_day, dob_month: dob_values.dob_month, dob_year: dob_values.dob_year }));
+};
+
+export { updateAddressFormValues as a, updateDateOfBirthFormValues as b, updateFormValues as u };