@justifi/webcomponents 4.19.1-rc-5 → 4.19.1

package/dist/webcomponents/p-01a404ca.entry.js

@@ -1,44 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './p-fad19d75.js';
-
-const FileInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.fileSelected = createEvent(this, "fileSelected", 7);
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.inputHandler(name, target.value);
-            this.formControlInput.emit({ name, value: target.value });
-        };
-        this.changeHandler = () => {
-            const inputFileList = this.fileInput.files;
-            if (inputFileList) {
-                this.fileSelected.emit({
-                    fileList: inputFileList,
-                    document_type: this.documentType
-                });
-            }
-        };
-        this.files = undefined;
-        this.fileString = undefined;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.multiple = undefined;
-        this.documentType = undefined;
-        this.inputHandler = undefined;
-        this.disabled = undefined;
-    }
-    componentDidLoad() {
-        this.fileInput = this.el.querySelector('input');
-    }
-    render() {
-        return (h(Host, { key: 'ed29128c1c4c811aa030697347adb88e0143b031', exportparts: "label,input,input-invalid" }, h("div", { key: '6c924bdbbccae8e98a382a92e54c5b9c288de8d4', class: "form-group d-flex flex-column" }, h("label", { key: 'dbacccea94e39815737683495e3df83b514b79af', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'a7eef53c9fff54eace8c6960b8c62a833d30bfa3', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onBlur: () => this.formControlBlur.emit() }), h("form-control-help-text", { key: 'a5abacb92bdb3fb59d0a2265114e858540f2c4b7', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6eeeef347237d363d3bc6616d58f19a7f0be7e3c', errorText: this.errorText, name: this.name }))));
-    }
-    get el() { return getElement(this); }
-};
-
-export { FileInput as form_control_file };

package/dist/webcomponents/p-03d35880.entry.js

@@ -1,130 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './p-fad19d75.js';
-import { I as IMask } from './p-1ad5995e.js';
-import { S as StateOptions } from './p-6078a370.js';
-import { n as numberOnlyHandler } from './p-8df7bde8.js';
-
-const DateInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.inputHandler(name, target.value);
-            this.formControlInput.emit({ name, value: target.value });
-        };
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.disabled = undefined;
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    updateInput(value) {
-        this.dateInput.value = value;
-    }
-    render() {
-        return (h(Host, { key: 'fa61a426a5a070d951fa425ae42a59add69a9d96', exportparts: "label,input,input-invalid" }, h("label", { key: 'e7679e6a66277a130414b59421b01d1f8e328cf2', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'b3fb4afd3181fec3eef3dfb851ab8965cb7bbfe7', type: "date", ref: el => (this.dateInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'dbc9ac76d75521a7d1ee5cc34393471521ffa1c2', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '0f9731278250bde69dd7dee9a7b44e339d919774', errorText: this.errorText, name: this.name })));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const NumberInputMasked = 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, {
-                mask: this.mask,
-            });
-            this.imask.on('accept', () => {
-                var _a;
-                const rawValue = (_a = this.imask) === null || _a === void 0 ? void 0 : _a.unmaskedValue;
-                if (rawValue !== undefined) {
-                    this.inputHandler(this.name, rawValue);
-                }
-            });
-            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
-        };
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.formControlInput.emit({ name: name, value: target.value });
-        };
-        this.updateInput = (newValue) => {
-            if (this.imask && newValue) {
-                this.imask.value = String(newValue);
-            }
-        };
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.mask = undefined;
-        this.disabled = undefined;
-    }
-    handleDefaultValueChange(newValue) {
-        this.initializeIMask();
-        this.updateInput(newValue);
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
-    }
-    componentDidLoad() {
-        if (this.textInput) {
-            this.initializeIMask();
-            this.updateInput(this.defaultValue);
-        }
-    }
-    render() {
-        return (h(Host, { key: 'e0a59308376055c019233f3d4649c9a37af963d2', exportparts: "label,input,input-invalid" }, h("div", { key: '52d9440421342fed6a4f97b57586a43d517ded7d', class: "form-group d-flex flex-column" }, h("label", { key: '8302a9fa1111d3b72600304cd0b1fb2c6239d895', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '86653c7b7f4efb9609bae2ecf69bd5e396bd342b', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h("form-control-help-text", { key: '71d4d44ff91d06229ccc22e70bc92e0a2050da90', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'b7d42462ae9165acbde68cf59da07eb956a91fd6', errorText: this.errorText, name: this.name }))));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const IdentityAddressForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.inputHandler = (name, value) => {
-            this.address[name] = value;
-            this.address = Object.assign({}, this.address);
-        };
-        this.handleFormUpdate = undefined;
-        this.errors = undefined;
-        this.defaultValues = undefined;
-        this.address = {};
-    }
-    handleAddressChange(newValues) {
-        this.handleFormUpdate(newValues);
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return (h(Host, { key: 'd090676d3bb1d9de9ae947ff25d94b5985ace914', exportparts: "label,input,input-invalid" }, h("div", { key: '64ddec6db508d27b709ad551f60fe58494631fe3', class: "row gy-3" }, h("div", { key: '7e0f89b7b8d5a466b89efad75498c5d1f2cac8ea', class: "col-12 col-md-8" }, h("form-control-text", { key: 'ea6055fb3457e28666b11b72173ad70b83a87659', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler })), h("div", { key: '5f6f456c573fb9318e58976decb67274b209fa23', class: "col-12 col-md-4" }, h("form-control-text", { key: '86fffd4641953d0445a7c24d332cda513121b65e', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: 'e06339cefebe37ae0629631fbc5101c9dbc040a6', class: "col-12" }, h("form-control-text", { key: 'd2af696b33092247b6741c8034aaf12ab51aa878', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: 'b655a66fb68f059fa91ae5f9f60fdebe0ae04fad', class: "col-12 col-md-6" }, h("form-control-select", { key: '50a65861a5a39daac199571c5a0273340556e476', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: '30255517e0fa1ede35d7b2525625ebc389c44525', class: "col-12 col-md-6" }, h("form-control-text", { key: 'b7b0a773c7b2dbe05c4bf8e9fc7235a01bf36832', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '804e9aa1ca7b4ae167ae64969107ad6352559ed7', class: "col-12" }, h("form-control-select", { key: '1aa3734e10502bc8f1732f386b60135b8a7d94a6', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
-            // just for now so we skip handling country specificities
-            disabled: true })))));
-    }
-    static get watchers() { return {
-        "address": ["handleAddressChange"]
-    }; }
-};
-
-export { DateInput as form_control_date, NumberInputMasked as form_control_number_masked, IdentityAddressForm as justifi_identity_address_form };

package/dist/webcomponents/p-06ff0429.entry.js

@@ -1,65 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
-import { d as MapPayoutStatusToBadge, f as formatCurrency, b as formatDate, c as formatTime } from './p-83125497.js';
-import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState, L as LoadingState } from './p-dce846bf.js';
-import { S as StyledHost } from './p-ba4bae6f.js';
-
-const PayoutDetailsCore = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.downloadCSV = () => {
-            this.getPayoutCSV({
-                payoutId: this.payout.id,
-                onError: ({ error, code, severity }) => {
-                    this.errorMessage = error;
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity,
-                    });
-                },
-            });
-        };
-        this.getPayout = undefined;
-        this.getPayoutCSV = undefined;
-        this.payout = undefined;
-        this.loading = true;
-        this.errorMessage = null;
-    }
-    componentWillLoad() {
-        if (this.getPayout) {
-            this.fetchData();
-        }
-    }
-    getPayoutWatcher() {
-        this.fetchData();
-    }
-    fetchData() {
-        this.loading = true;
-        this.getPayout({
-            onSuccess: (payout) => {
-                this.errorMessage = null;
-                this.payout = payout;
-                this.loading = false;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    message: error,
-                    errorCode: code,
-                    severity,
-                });
-                this.loading = false;
-            },
-        });
-    }
-    render() {
-        var _a;
-        return (h(StyledHost, { key: 'fdf7905cdc7696414b765d61d0f78c7193cbbc76' }, this.loading && LoadingState(), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'f79827c287d68484a87232ae956a1c15e3d7044d', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'dfa9c228f2cd1b0b2d14dc6ce44478ee8fc35d00', slot: "head-info", badge: h("span", { slot: 'badge', innerHTML: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status) }), title: `${formatCurrency(this.payout.amount)} ${this.payout.currency.toUpperCase()}` }, h(EntityHeadInfoItem, { key: '6b5907e3f7753d4e2f6ba59bfe509d97e2a4c1c0', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '63b7497217a00268190eaea1475639fc5e0b43ca', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'e26e56abbac3e12584c187f6f1b560b0f4b33a6f', title: "ID", value: this.payout.id }), h("div", { key: 'e84dd653fb1adc566b0afbfdfc87cce40ed47280', class: "m-4" }, h("button", { key: 'fac0022786dc03349a65dc54729dc2f508c9441f', class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '9cf642b803c59146895b762eaff40f5026c9f94b', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '90ed8aafabf9eebb47da15c6c8b8d1f527d23557', sectionTitle: "Details" }), h("div", { key: '592b8489fa30441bbf11a52d3daf6a2debcc121f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '0885f3ece509936d1e1bad64d4a998fbc487ee3a', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'b8a7da2bfeada94c8c7c080b516c1bc7fc26f414', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'd8928341e89161d4bafc2940f1aa738b345779dd', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '570bd2a2d44f094870e61debca61c2b5aa772679', title: "Amount", value: formatCurrency(this.payout.amount) }), h(DetailItem, { key: '2882865db185d1668103d819e62cf61edc711697', title: "Fee", value: formatCurrency(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'f9735ff73c650ad318d771df5c22c7d8834a09f6', sectionTitle: "Account" }), h("div", { key: 'd7d53fd77e704035a19dc15bc04ee06dfaa0c51a', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '486ae1c4ae990928bf24cc687cb4456bbc6e18ea', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '528d7d6a299aa1019125f34fc903ea622d09de53', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'eafb132e84de81d41bd154aec55974d8496995dd', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '7f565f8dfacab4cf8edc7025d839dff1d8de2719', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '61338f5ed539d70b4caa08ffa200d8e47f52ebde', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: 'cea128826f004ece9e6c29c97c07e98a3d45706c', sectionTitle: 'Metadata' }), h("div", { key: 'bf884c3dafa50cd1b8e0d98711f0fe5fc9d60391', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '2d92e2f8d6f032cbaff741da43ca97424b8decaf', metadata: this.payout.metadata })))))));
-    }
-    static get watchers() { return {
-        "getPayout": ["getPayoutWatcher"]
-    }; }
-};
-
-export { PayoutDetailsCore as payout_details_core };

package/dist/webcomponents/p-220fc2cc.entry.js

@@ -1,98 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './p-fad19d75.js';
-import { t as tableExportedParts } from './p-2b6c9c4f.js';
-import { m as makeGetPayoutCSV, P as PayoutService } from './p-a6d04afc.js';
-import './p-56f6ce4c.js';
-import './p-df21aaad.js';
-import { P as Payout } from './p-e3fab0e2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
-import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
-import { E as ErrorState } from './p-dce846bf.js';
-import { J as JustifiAnalytics } from './p-ad5cfa9d.js';
-import './p-29c0b182.js';
-import './p-2988ac56.js';
-
-const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
-    var _a, _b;
-    try {
-        const response = await service.fetchPayouts(id, authToken, params);
-        if (!response.error) {
-            const pagingInfo = Object.assign({}, response.page_info);
-            const payouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Payout(dataItem))) || [];
-            onSuccess({ payouts, pagingInfo });
-        }
-        else {
-            const error = getErrorMessage(response.error);
-            const code = getErrorCode((_b = response.error) === null || _b === void 0 ? void 0 : _b.code);
-            return onError({
-                error,
-                code,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    catch (error) {
-        const message = getErrorMessage(error);
-        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
-        return onError({
-            error: message,
-            code,
-            severity: ComponentErrorSeverity.ERROR,
-        });
-    }
-};
-
-const PayoutsList = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.handleOnError = (event) => {
-            this.errorMessage = event.detail.message;
-            this.errorEvent.emit(event.detail);
-        };
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.getPayouts = undefined;
-        this.getPayoutCSV = undefined;
-        this.errorMessage = null;
-    }
-    componentWillLoad() {
-        this.analytics = new JustifiAnalytics(this);
-        this.initializeServices();
-    }
-    disconnectedCallback() {
-        this.analytics.cleanup();
-    }
-    propChanged() {
-        this.initializeServices();
-    }
-    initializeServices() {
-        if (this.accountId && this.authToken) {
-            const serviceParams = {
-                id: this.accountId,
-                authToken: this.authToken,
-                service: new PayoutService(),
-            };
-            this.getPayouts = makeGetPayouts(serviceParams);
-            this.getPayoutCSV = makeGetPayoutCSV(serviceParams);
-        }
-        else {
-            this.errorMessage = 'Account ID and Auth Token are required';
-            this.errorEvent.emit({
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                message: 'Account ID and Auth Token are required',
-            });
-        }
-    }
-    render() {
-        if (this.errorMessage) {
-            return ErrorState(this.errorMessage);
-        }
-        return (h(Host, { exportedparts: tableExportedParts }, h("payouts-list-core", { getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, "onError-event": this.handleOnError })));
-    }
-    static get watchers() { return {
-        "accountId": ["propChanged"],
-        "authToken": ["propChanged"]
-    }; }
-};
-
-export { PayoutsList as justifi_payouts_list };

package/dist/webcomponents/p-258b1ee2.entry.js

@@ -1,149 +0,0 @@
-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 = undefined;
-        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-25d8cd65.entry.js

@@ -1,102 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
-import { a as BusinessFormClickActions } from './p-d89bad72.js';
-import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './p-14c91ffd.js';
-import { a as checkProvisioningStatus } from './p-1ff8810b.js';
-import { S as StyledHost } from './p-ba4bae6f.js';
-import './p-6078a370.js';
-
-const PaymentProvisioningCore = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.clickEvent = createEvent(this, "click-event", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.submitted = createEvent(this, "submitted", 7);
-        this.setBusinessProvisioned = () => {
-            this.getBusiness({
-                onSuccess: (response) => {
-                    this.businessProvisioned = checkProvisioningStatus(response.data);
-                    if (this.businessProvisioned) {
-                        this.errorEvent.emit({
-                            message: 'A request to provision payments for this business has already been submitted.',
-                            errorCode: ComponentErrorCodes.PROVISIONING_REQUESTED,
-                            severity: ComponentErrorSeverity.INFO,
-                        });
-                    }
-                },
-                onError: ({ error, code, severity }) => {
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                }
-            });
-        };
-        this.postProvisioningData = () => {
-            this.postProvisioning({
-                onSuccess: (response) => {
-                    this.submitted.emit({ data: { response } });
-                },
-                onError: ({ error, code, severity }) => {
-                    this.submitted.emit({ data: { 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: 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 });
-        };
-        this.loading = false;
-        this.businessProvisioned = false;
-        this.currentStep = 0;
-        this.errorMessage = undefined;
-        this.businessId = undefined;
-        this.authToken = undefined;
-        this.allowOptionalFields = false;
-        this.formTitle = undefined;
-        this.getBusiness = undefined;
-        this.postProvisioning = undefined;
-    }
-    componentWillLoad() {
-        this.getBusiness && this.setBusinessProvisioned();
-        this.refs = [this.coreInfoRef, this.legalAddressRef, this.additionalQuestionsRef, this.representativeRef, this.ownersRef, this.bankAccountRef, this.documentUploadRef, 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 `${this.currentStep + 1} of ${this.totalSteps + 1}`;
-    }
-    handleFormLoading(event) {
-        this.loading = event.detail;
-    }
-    render() {
-        return (h(StyledHost, { key: '80f2730a6a4e273391888b086c3633a3dec012b8', exportparts: 'label,input,input-invalid' }, h("div", { key: 'b4e7be2fed14b404ee7bcbe42c3c1c54bb78fdb6', class: 'row gap-3' }, h("h1", { key: 'f477beb7934a94a74dfc6b8a9c18cc54a720f70e' }, this.formTitle), h("justifi-payment-provisioning-form-steps", { key: 'e74aa3a01cfe7550f4917d28ccda1aca211d9394', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading, onFormCompleted: () => this.postProvisioningData() }), h("div", { key: '26a585ec4b6b677cb01ac17696269168887f4c76', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'ca5ddc176f8c2eb3315620076b401e47f45039bd', class: 'd-flex align-items-center' }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: '8299387bf859b33c829d29d66947c3c053ffa53c', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
-    }
-};
-
-export { PaymentProvisioningCore as justifi_payment_provisioning_core };