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

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

@@ -0,0 +1,298 @@
+import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment } from './p-fad19d75.js';
+import { a as PaymentMethodTypes } from './p-df21aaad.js';
+import { g as snakeToCamel, f as formatCurrency } from './p-83125497.js';
+
+const PaymentMethodTypeLabels = {
+    bankAccount: 'New bank account',
+    card: 'New credit or debit card',
+};
+const NewPaymentMethod = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
+        this.onPaymentMethodOptionClick = () => {
+            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
+        };
+        this.iframeOrigin = "";
+        this.authToken = undefined;
+        this.accountId = undefined;
+        this.paymentMethodOption = undefined;
+        this.paymentMethodGroupId = undefined;
+        this.isSelected = undefined;
+        this.saveNewPaymentMethodChecked = false;
+    }
+    componentWillLoad() {
+        console.log('NewPaymentMethod: componentWillLoad iframeOrigin', this, this.iframeOrigin);
+    }
+    handleCheckboxChanged(event) {
+        this.saveNewPaymentMethodChecked = event.detail;
+    }
+    async fillBillingForm(fields) {
+        this.billingFormRef.fill(fields);
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        var _a, _b;
+        if (!this.paymentMethodFormRef || !this.billingFormRef)
+            return;
+        const isValid = await this.validate();
+        if (!isValid || !insuranceValidation.isValid) {
+            return { validationError: true };
+        }
+        const tokenizeResponse = await this.tokenize();
+        if (tokenizeResponse.error) {
+            return { error: tokenizeResponse.error };
+        }
+        else {
+            const tokenizeRessponseData = tokenizeResponse.data;
+            return { token: ((_a = tokenizeRessponseData.card) === null || _a === void 0 ? void 0 : _a.token) || ((_b = tokenizeRessponseData.bank_account) === null || _b === void 0 ? void 0 : _b.token) };
+        }
+    }
+    async validate() {
+        const billingFormValidation = await this.billingFormRef.validate();
+        const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();
+        return billingFormValidation.isValid && paymentMethodFormValidation.isValid;
+    }
+    async tokenize() {
+        try {
+            const billingFormFieldValues = await this.billingFormRef.getValues();
+            let paymentMethodData;
+            if (this.saveNewPaymentMethodChecked) {
+                paymentMethodData = Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupId });
+            }
+            else {
+                paymentMethodData = Object.assign({}, billingFormFieldValues);
+            }
+            const clientId = this.authToken;
+            const tokenizeResponse = await this.paymentMethodFormRef.tokenize(clientId, paymentMethodData, this.accountId);
+            return tokenizeResponse;
+        }
+        catch (error) {
+            return error;
+        }
+    }
+    showNewPaymentMethodForm() {
+        var _a;
+        return (h("div", { class: "mt-2 pb-4 border-bottom" }, h("div", { class: "mb-3" }, h("justifi-payment-method-form", { ref: (el) => (this.paymentMethodFormRef = el), "payment-method-form-type": (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, "iframe-origin": this.iframeOrigin })), h("h3", { class: "fs-6 fw-bold lh-lg mb-4" }, "Billing address"), h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el) }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
+    }
+    render() {
+        var _a, _b, _c, _d;
+        return (h("div", { key: 'd597ba8b0ac2a650a14a79d002a91ef3edf604a4', class: "payment-method" }, h("div", { key: 'a287f7ffd480f17f0f1093d71b9d02fe3db39e0f', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: 'f53d08d048cc242414fcf6794614ad2334db81bb', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: '01712a80a30df19a7b540434532cffb4cb3b61e8', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
+    }
+};
+
+class PaymentMethodOption {
+    constructor(paymentMethod) {
+        this.id = paymentMethod.id;
+        this.brand = paymentMethod.brand;
+        this.acct_last_four = paymentMethod.acct_last_four;
+        this.type = snakeToCamel(paymentMethod.type);
+    }
+}
+var CardBrandLabels;
+(function (CardBrandLabels) {
+    CardBrandLabels["american_express"] = "American Express";
+    CardBrandLabels["diners_club"] = "Diners Club";
+    CardBrandLabels["discover"] = "Discover";
+    CardBrandLabels["jcb"] = "JCB";
+    CardBrandLabels["mastercard"] = "Mastercard";
+    CardBrandLabels["china_unionpay"] = "UnionPay";
+    CardBrandLabels["visa"] = "Visa";
+    CardBrandLabels["unknown"] = "Unknown";
+})(CardBrandLabels || (CardBrandLabels = {}));
+
+const paymentMethodOptionsCss = ":host{display:block}.payment-method-header{cursor:pointer;color:var(--jfi-radio-button-group-color);background-color:var(--jfi-radio-button-group-background-color);border-bottom:var(--jfi-radio-button-group-divider)}.payment-method-header:hover{color:var(--jfi-radio-button-group-color-hover);background-color:var(--jfi-radio-button-group-background-color-hover)}";
+const JustifiPaymentMethodOptionsStyle0 = paymentMethodOptionsCss;
+
+const formCheckInputCss = ".form-check-input,label{cursor:pointer}.form-check-input{background-color:var(--jfi-radio-button-background-color);border-color:var(--jfi-radio-button-border-color)}.form-check-input:checked,.form-check-input:checked:focus{background-color:var(--jfi-radio-button-background-color-selected);border-color:var(--jfi-radio-button-border-color-selected)}.form-check-input:focus{border-color:var(--jfi-radio-button-border-color-focus);box-shadow:var(--jfi-radio-button-box-shadow-focus)}";
+const JustifiPaymentMethodOptionsStyle1 = formCheckInputCss;
+
+const PaymentMethodOptions = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.toggleCreatingNewPaymentMethod = createEvent(this, "toggleCreatingNewPaymentMethod", 7);
+        this.showCard = undefined;
+        this.showAch = undefined;
+        this.showBnpl = undefined;
+        this.showSavedPaymentMethods = undefined;
+        this.paymentMethodGroupId = undefined;
+        this.bnpl = undefined;
+        this.insuranceToggled = undefined;
+        this.authToken = undefined;
+        this.accountId = undefined;
+        this.iframeOrigin = "";
+        this.savedPaymentMethods = [];
+        this.paymentAmount = undefined;
+        this.selectedPaymentMethodId = undefined;
+        this.paymentMethodOptions = [];
+    }
+    async fillBillingForm(fields) {
+        const newPaymentMethodElement = this.selectedPaymentMethodOptionRef;
+        if (newPaymentMethodElement.fillBillingForm) {
+            newPaymentMethodElement.fillBillingForm(fields);
+        }
+    }
+    connectedCallback() {
+        this.paymentMethodsChanged();
+    }
+    paymentMethodsChanged() {
+        var _a, _b;
+        this.paymentMethodOptions = this.savedPaymentMethods
+            .map((paymentMethod) => new PaymentMethodOption(paymentMethod))
+            .filter((paymentMethod) => {
+            // Don't saved card or bank account if they are disabled
+            return ((this.showCard || paymentMethod.type !== PaymentMethodTypes.card) &&
+                (this.showAch || paymentMethod.type !== PaymentMethodTypes.bankAccount));
+        });
+        if (this.showBnpl && ((_a = this.bnpl) === null || _a === void 0 ? void 0 : _a.provider) === 'sezzle' && !this.insuranceToggled) {
+            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.sezzle }));
+        }
+        if (this.showCard) {
+            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.card }));
+        }
+        if (this.showAch) {
+            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.bankAccount }));
+        }
+        if (!this.selectedPaymentMethodId) {
+            this.selectedPaymentMethodId = (_b = this.paymentMethodOptions[0]) === null || _b === void 0 ? void 0 : _b.id;
+        }
+    }
+    paymentMethodOptionSelected(event) {
+        this.selectedPaymentMethodId = event.detail.id;
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        var _a;
+        return await ((_a = this.selectedPaymentMethodOptionRef) === null || _a === void 0 ? void 0 : _a.resolvePaymentMethod(insuranceValidation));
+    }
+    render() {
+        var _a;
+        return (h(Host, { key: '7ee40a1bdc9ec15596e870b48cbe7b6bbc20537c' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+            const newCard = paymentMethodOption.id === PaymentMethodTypes.card;
+            const newBankAccount = paymentMethodOption.id === PaymentMethodTypes.bankAccount;
+            const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;
+            const sezzle = paymentMethodOption.id === PaymentMethodTypes.sezzle;
+            if (newCard || newBankAccount) {
+                return (h("justifi-new-payment-method", { paymentMethodOption: paymentMethodOption, authToken: this.authToken, "account-id": this.accountId, "is-selected": isSelected, paymentMethodGroupId: this.paymentMethodGroupId, ref: (el) => {
+                        if (isSelected) {
+                            this.selectedPaymentMethodOptionRef = el;
+                        }
+                    } }));
+            }
+            else if (sezzle) {
+                return (h("justifi-sezzle-payment-method", { paymentMethodOption: paymentMethodOption, "is-selected": isSelected, paymentAmount: this.paymentAmount, bnpl: this.bnpl, ref: (el) => {
+                        if (isSelected) {
+                            this.selectedPaymentMethodOptionRef = el;
+                        }
+                    } }));
+            }
+            else if (this.showSavedPaymentMethods) {
+                return (h("justifi-saved-payment-method", { paymentMethodOption: paymentMethodOption, "is-selected": isSelected, ref: (el) => {
+                        if (isSelected) {
+                            this.selectedPaymentMethodOptionRef = el;
+                        }
+                    } }));
+            }
+        })));
+    }
+    static get watchers() { return {
+        "savedPaymentMethods": ["paymentMethodsChanged"]
+    }; }
+};
+PaymentMethodOptions.style = JustifiPaymentMethodOptionsStyle0 + JustifiPaymentMethodOptionsStyle1;
+
+const SavedPaymentMethod = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
+        this.onPaymentMethodOptionClick = () => {
+            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
+        };
+        this.iframeOrigin = "";
+        this.paymentMethodOption = undefined;
+        this.isSelected = undefined;
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        var _a;
+        if (!insuranceValidation.isValid) {
+            return { validationError: true };
+        }
+        return { token: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id };
+    }
+    ;
+    render() {
+        var _a, _b, _c, _d, _e;
+        return (h(Fragment, { key: '247dafc3fe4011c5f6a2202690310eedfa5422c8' }, h("div", { key: '9cfb0b6ca9c10e5cc6173832bb8211ddb1d0ae5b', class: "payment-method" }, h("div", { key: 'd247cc4cf9f7bf43d7153134c66a921b5bfc49bc', class: "payment-method-header p-3", onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '180c3aa6c4153bccf7cb620b6df49cc288754cd2', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: '6ec14d77e8171a1ddb37c686189878a7ebb4b4f4', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, CardBrandLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.brand], " *", (_e = this.paymentMethodOption) === null || _e === void 0 ? void 0 :
+            _e.acct_last_four)))));
+    }
+};
+
+const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg", alt: "Sezzle", style: {
+        display: 'inline',
+        width: '80px',
+        marginLeft: '5px',
+        marginTop: '-5px',
+    } }));
+const SezzlePaymentMethod = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
+        this.onPaymentMethodOptionClick = () => {
+            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
+        };
+        this.initializeSezzleCheckout = () => {
+            let resolveSezzlePromise;
+            this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
+            const bnpl = this.bnpl;
+            const amount = +this.paymentAmount; // convert to number
+            const Checkout = window.Checkout;
+            const checkout = new Checkout({
+                mode: 'popup',
+                publicKey: bnpl.provider_client_id,
+                apiMode: bnpl.provider_mode,
+                apiVersion: bnpl.provider_api_version,
+            });
+            checkout.sezzleButtonElement = this.sezzleButtonRef;
+            checkout.init({
+                onClick: function (event) {
+                    event.preventDefault();
+                    checkout.startCheckout({
+                        checkout_url: bnpl.provider_checkout_url
+                    });
+                },
+                onComplete: (event) => resolveSezzlePromise({ bnpl: event.data }),
+                onCancel: (event) => resolveSezzlePromise({ bnpl: event.data }),
+                onFailure: (event) => resolveSezzlePromise({ bnpl: event.data }),
+            });
+            this.sezzleCheckout = checkout;
+            this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
+        };
+        this.iframeOrigin = "";
+        this.bnpl = undefined;
+        this.clientId = undefined;
+        this.accountId = undefined;
+        this.paymentMethodOption = undefined;
+        this.isSelected = undefined;
+        this.paymentAmount = undefined;
+        this.installmentPlan = undefined;
+        this.sezzleCheckout = undefined;
+        this.sezzlePromise = undefined;
+    }
+    componentDidRender() {
+        this.scriptRef.onload = () => {
+            this.sezzleButtonRef = document.createElement('button');
+            this.initializeSezzleCheckout();
+        };
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        if (!insuranceValidation.isValid) {
+            return { validationError: true };
+        }
+        this.sezzleButtonRef.click();
+        return this.sezzlePromise;
+    }
+    render() {
+        var _a, _b, _c, _d, _e;
+        return (h("div", { key: '1b4e4a142e1e59465e0db5515ee6b0a0b2aac146', class: "payment-method" }, h("script", { key: 'c835bc94836949e2362974eaeefca1f6a579a1a0', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: '051a0392e6353116423f706be48eb266daf12b84', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '6dd0d61f1b8788b45b008f5ac05f8a8b6a6591f2', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: 'caf3429bae616a016f58e141ac5c4493174cf3ef', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, h("div", { key: '0e4ea85fc6fc32a1c35fe0dac86f21ab7f86eb0a' }, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", { key: '3740565f14b87aa2e4af44b7e2b12d93d6e454c2' }, h("span", { key: 'ca9b6dff0042c41d378b101067d060092234fa7c' }, (_d = this.installmentPlan) === null || _d === void 0 ? void 0 : _d.installments.length), "\u00A0", h("span", { key: '14ab21fd2d9bd612f41d5cd3e175402593012619' }, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { key: '25e08c1e711af0979e14bbb911aedb58f59bc180', class: "fw-bold" }, formatCurrency((_e = this.installmentPlan) === null || _e === void 0 ? void 0 : _e.installments[0].amountInCents))))))));
+    }
+};
+
+export { NewPaymentMethod as justifi_new_payment_method, PaymentMethodOptions as justifi_payment_method_options, SavedPaymentMethod as justifi_saved_payment_method, SezzlePaymentMethod as justifi_sezzle_payment_method };

package/dist/webcomponents/p-dce846bf.js

@@ -1 +1,27 @@
-import{h as t}from"./p-fad19d75.js";const a=()=>t("main",{part:"detail-loading-state",class:"p-4 d-flex justify-content-center text-center",style:{fontSize:"1.2rem"}},t("div",{part:"detail-loading-spinner",class:"spinner-border spinner-border-sm",role:"status"},t("span",{class:"visually-hidden"},"Loading..."))),e=a=>t("main",{part:"detail-empty-state",class:"p-4 d-flex justify-content-center text-center",style:{fontSize:"1.2rem"}},t("div",null,a)),l=a=>[t("h5",{part:"detail-section-title",class:"mt-4"},a.sectionTitle),t("hr",null)],s=({title:a,value:e})=>a&&e?t("div",{class:"d-table-row gap-2"},t("span",{part:"detail-section-item-title",class:"fw-bold d-table-cell px-2"},a),t("span",{part:"detail-section-item-data",class:"flex-1 d-table-cell px-2 text-wrap",innerHTML:e})):null,i=({title:a,value:e,classes:l})=>t("div",{part:"detail-head-info-item",class:`d-flex flex-column ${l}`},t("span",{part:"detail-head-info-item-title",class:"fw-bold border-1 border-bottom ps-2 pe-2"},a),t("span",{part:"detail-head-info-item-data",class:"pt-2 ps-2 pe-2"},e)),d=({title:a,slot:e,badge:l},s)=>t("div",{slot:e,part:"detail-head",class:"p-2"},t("div",{class:"d-flex flex-row align-items-center gap-2 mb-2"},t("h1",{class:"m-0",part:"detail-title"},a),l),t("div",{part:"detail-head-info",class:"d-flex flex-row align-items-top"},s)),n=({metadata:a})=>a&&Object.keys(a).length?t("div",{class:"mt-4"},t("pre",{part:"detail-metadata",class:"p-2","aria-label":"metadata content"},t("code",null,JSON.stringify(a,null,2)))):null;export{n as C,l as D,e as E,a as L,d as a,i as b,s as c}
+import { h } from './p-fad19d75.js';
+
+const LoadingState = () => (h("main", { part: "detail-loading-state", class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } },
+    h("div", { part: "detail-loading-spinner", class: "spinner-border spinner-border-sm", role: "status" },
+        h("span", { class: "visually-hidden" }, "Loading..."))));
+const ErrorState = (errorMessage) => (h("main", { part: "detail-empty-state", class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } },
+    h("div", null, errorMessage)));
+const DetailSectionTitle = (props) => [
+    h("h5", { part: "detail-section-title", class: "mt-4" }, props.sectionTitle),
+    h("hr", null),
+];
+const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "d-table-row gap-2" },
+    h("span", { part: "detail-section-item-title", class: "fw-bold d-table-cell px-2" }, title),
+    h("span", { part: "detail-section-item-data", class: "flex-1 d-table-cell px-2 text-wrap", innerHTML: value }))) : null;
+const EntityHeadInfoItem = ({ title, value, classes, }) => (h("div", { part: "detail-head-info-item", class: `d-flex flex-column ${classes}` },
+    h("span", { part: "detail-head-info-item-title", class: "fw-bold border-1 border-bottom ps-2 pe-2" }, title),
+    h("span", { part: "detail-head-info-item-data", class: "pt-2 ps-2 pe-2" }, value)));
+const EntityHeadInfo = ({ title, slot, badge }, children) => (h("div", { slot: slot, part: "detail-head", class: "p-2" },
+    h("div", { class: "d-flex flex-row align-items-center gap-2 mb-2" },
+        h("h1", { class: "m-0", part: "detail-title" }, title),
+        badge),
+    h("div", { part: "detail-head-info", class: "d-flex flex-row align-items-top" }, children)));
+const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (h("div", { class: 'mt-4' },
+    h("pre", { part: "detail-metadata", class: "p-2", "aria-label": "metadata content" },
+        h("code", null, JSON.stringify(metadata, null, 2))))) : null;
+
+export { CodeBlock as C, DetailSectionTitle as D, ErrorState as E, LoadingState as L, EntityHeadInfo as a, EntityHeadInfoItem as b, DetailItem as c };

package/dist/webcomponents/p-df21aaad.js

@@ -1 +1,120 @@
-var t,s,i,h;!function(t){t.automatic="automatic",t.manual="manual"}(t||(t={})),function(t){t.card="card",t.bankAccount="bankAccount",t.sezzle="sezzle",t.saved="saved"}(s||(s={})),function(t){t.pending="pending",t.automatic="automatic",t.authorized="authorized",t.succeeded="succeeded",t.failed="failed",t.disputed="disputed",t.fully_refunded="fully_refunded",t.partially_refunded="partially_refunded"}(i||(i={})),function(t){t.lost="lost",t.open="open"}(h||(h={}));class n{constructor(t){this.card=t.card?new u(t.card):void 0,this.bank_account=t.bank_account?new e(t.bank_account):void 0}get payersName(){return this.card?this.card.name:this.bank_account?this.bank_account.name:null}get lastFourDigits(){return this.card?`**** ${this.card.acct_last_four}`:this.bank_account?`**** ${this.bank_account.acct_last_four}`:null}}class e{constructor(t){this.id=t.id,this.acct_last_four=t.acct_last_four,this.name=t.name,this.brand=t.brand,this.token=t.token,this.created_at=t.created_at,this.updated_at=t.updated_at}}class u{constructor(t){this.id=t.id||"",this.acct_last_four=t.acct_last_four,this.name=t.name,this.brand=t.brand,this.token=t.token,this.created_at=t.created_at,this.updated_at=t.updated_at}}class a{constructor(t){this.id=t.id,this.account_id=t.account_id,this.amount=t.amount,this.amount_disputed=t.amount_disputed,this.amount_refundable=t.amount_refundable,this.amount_refunded=t.amount_refunded,this.balance=t.balance,this.captured=t.captured,this.capture_strategy=t.capture_strategy,this.currency=t.currency,this.description=t.description,this.disputed=t.disputed,this.disputes=t.disputes,this.error_code=t.error_code,this.error_description=t.error_description,this.fee_amount=t.fee_amount,this.is_test=t.is_test,this.metadata=t.metadata,this.payment_method=new n(t.payment_method),this.payment_intent_id=t.payment_intent_id,this.refunded=t.refunded,this.status=t.status,this.created_at=t.created_at,this.updated_at=t.updated_at}get disputedStatus(){const t=this.disputes.some((t=>t.status===h.lost));return this.disputed?t?h.lost:h.open:null}}export{a as P,s as a}
+var CaptureStrategy;
+(function (CaptureStrategy) {
+    CaptureStrategy["automatic"] = "automatic";
+    CaptureStrategy["manual"] = "manual";
+})(CaptureStrategy || (CaptureStrategy = {}));
+var PaymentMethodTypes;
+(function (PaymentMethodTypes) {
+    PaymentMethodTypes["card"] = "card";
+    PaymentMethodTypes["bankAccount"] = "bankAccount";
+    PaymentMethodTypes["sezzle"] = "sezzle";
+    PaymentMethodTypes["saved"] = "saved";
+})(PaymentMethodTypes || (PaymentMethodTypes = {}));
+var PaymentStatuses;
+(function (PaymentStatuses) {
+    PaymentStatuses["pending"] = "pending";
+    PaymentStatuses["automatic"] = "automatic";
+    PaymentStatuses["authorized"] = "authorized";
+    PaymentStatuses["succeeded"] = "succeeded";
+    PaymentStatuses["failed"] = "failed";
+    PaymentStatuses["disputed"] = "disputed";
+    PaymentStatuses["fully_refunded"] = "fully_refunded";
+    PaymentStatuses["partially_refunded"] = "partially_refunded";
+})(PaymentStatuses || (PaymentStatuses = {}));
+var PaymentDisputedStatuses;
+(function (PaymentDisputedStatuses) {
+    // if a dispute is 'won', we don't show a dispute status, just general status
+    PaymentDisputedStatuses["lost"] = "lost";
+    PaymentDisputedStatuses["open"] = "open";
+})(PaymentDisputedStatuses || (PaymentDisputedStatuses = {}));
+class PaymentMethod {
+    constructor(paymentMethod) {
+        this.card = paymentMethod.card ? new Card(paymentMethod.card) : undefined;
+        this.bank_account = paymentMethod.bank_account
+            ? new BankAccount(paymentMethod.bank_account)
+            : undefined;
+    }
+    get payersName() {
+        if (this.card) {
+            return this.card.name;
+        }
+        else if (this.bank_account) {
+            return this.bank_account.name;
+        }
+        return null;
+    }
+    get lastFourDigits() {
+        if (this.card) {
+            return `**** ${this.card.acct_last_four}`;
+        }
+        else if (this.bank_account) {
+            return `**** ${this.bank_account.acct_last_four}`;
+        }
+        return null;
+    }
+}
+class BankAccount {
+    constructor(bankAccount) {
+        this.id = bankAccount.id;
+        this.acct_last_four = bankAccount.acct_last_four;
+        this.name = bankAccount.name;
+        this.brand = bankAccount.brand;
+        this.token = bankAccount.token;
+        this.created_at = bankAccount.created_at;
+        this.updated_at = bankAccount.updated_at;
+    }
+}
+class Card {
+    constructor(card) {
+        this.id = card.id || '';
+        this.acct_last_four = card.acct_last_four;
+        this.name = card.name;
+        this.brand = card.brand;
+        this.token = card.token;
+        this.created_at = card.created_at;
+        this.updated_at = card.updated_at;
+    }
+}
+class Payment {
+    constructor(payment) {
+        this.id = payment.id;
+        this.account_id = payment.account_id;
+        this.amount = payment.amount;
+        this.amount_disputed = payment.amount_disputed;
+        this.amount_refundable = payment.amount_refundable;
+        this.amount_refunded = payment.amount_refunded;
+        this.balance = payment.balance;
+        this.captured = payment.captured;
+        this.capture_strategy = payment.capture_strategy;
+        this.currency = payment.currency;
+        this.description = payment.description;
+        this.disputed = payment.disputed;
+        this.disputes = payment.disputes;
+        this.error_code = payment.error_code;
+        this.error_description = payment.error_description;
+        this.fee_amount = payment.fee_amount;
+        this.is_test = payment.is_test;
+        this.metadata = payment.metadata;
+        this.payment_method = new PaymentMethod(payment.payment_method);
+        this.payment_intent_id = payment.payment_intent_id;
+        this.refunded = payment.refunded;
+        this.status = payment.status;
+        this.created_at = payment.created_at;
+        this.updated_at = payment.updated_at;
+    }
+    get disputedStatus() {
+        const lost = this.disputes.some((dispute) => dispute.status === PaymentDisputedStatuses.lost);
+        // if a dispute is 'won', we don't show a dispute status, just general status
+        if (!this.disputed) {
+            return null;
+        }
+        else if (lost) {
+            return PaymentDisputedStatuses.lost;
+        }
+        else {
+            return PaymentDisputedStatuses.open;
+        }
+    }
+}
+
+export { Payment as P, PaymentMethodTypes as a };

package/dist/webcomponents/p-e1255160.js

@@ -1 +1,3 @@
-const o=()=>{};export{o as g}
+const globalScripts = () => {};
+
+export { globalScripts as g };

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

@@ -0,0 +1,73 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { J as JustifiAnalytics } from './p-15eafa87.js';
+import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './p-14c91ffd.js';
+import { m as makeGetBusiness, a as makePostProvisioning } from './p-5968ff8a.js';
+import { B as BusinessService } from './p-0e1bc91e.js';
+import { A as Api } from './p-29c0b182.js';
+import './p-2e8f4937.js';
+import './p-8115b2f4.js';
+
+class ProvisionService {
+    async postProvisioning(authToken, businessId, product) {
+        const endpoint = `entities/provisioning`;
+        const payload = {
+            business_id: businessId,
+            product_category: product,
+        };
+        return Api({ authToken, apiOrigin: "" }).post(endpoint, JSON.stringify(payload));
+    }
+}
+
+const PaymentProvisioning = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.postProvisioning = undefined;
+        this.getBusiness = undefined;
+        this.businessId = undefined;
+        this.authToken = undefined;
+        this.allowOptionalFields = false;
+        this.formTitle = 'Business Information';
+    }
+    propChanged() {
+        this.initializeApi();
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeApi();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    initializeApi() {
+        if (this.authToken && this.businessId) {
+            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()
+            });
+        }
+        else {
+            this.errorEvent.emit({
+                message: 'auth-token and business-id are required',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    render() {
+        return (h("justifi-payment-provisioning-core", { key: 'a93ee23fabf4bdeb381e924bfdf684ddd183075a', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+    }
+    static get watchers() { return {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
+    }; }
+};
+
+export { PaymentProvisioning as justifi_payment_provisioning };

package/dist/webcomponents/p-e333620e.js

@@ -1 +1,34 @@
-import{h as t}from"./p-fad19d75.js";const e=e=>{const{columnSpan:r,isEmpty:s}=e;return r&&s?t("tr",null,t("td",{class:"empty-state",part:"empty-state",colSpan:r,style:{textAlign:"center"}},"No results")):null},r=e=>{const{columnSpan:r,errorMessage:s}=e;return r&&s?t("tr",null,t("td",{class:"error-state",part:"error-state",colSpan:r,"data-test-id":"table-error-state",style:{textAlign:"center"}},"An unexpected error occurred: ",s)):null},s=e=>{const{columnSpan:r,isLoading:s}=e;return r&&s?t("tr",null,t("td",{class:"loading-state",part:"loading-state-cell",colSpan:r,style:{textAlign:"center"}},t("div",{part:"loading-state-spinner",class:"spinner-border",role:"status"},t("span",{class:"visually-hidden"},"Loading...")))):null};export{s as T,e as a,r as b}
+import { h } from './p-fad19d75.js';
+
+const TableEmptyState = (props) => {
+    const { columnSpan, isEmpty } = props;
+    if (!columnSpan || !isEmpty) {
+        return null;
+    }
+    return (h("tr", null,
+        h("td", { class: "empty-state", part: "empty-state", colSpan: columnSpan, style: { textAlign: 'center' } }, "No results")));
+};
+
+const TableErrorState = (props) => {
+    const { columnSpan, errorMessage } = props;
+    if (!columnSpan || !errorMessage) {
+        return null;
+    }
+    return (h("tr", null,
+        h("td", { class: "error-state", part: "error-state", colSpan: columnSpan, "data-test-id": "table-error-state", style: { textAlign: 'center' } },
+            "An unexpected error occurred: ",
+            errorMessage)));
+};
+
+const TableLoadingState = (props) => {
+    const { columnSpan, isLoading } = props;
+    if (!columnSpan || !isLoading) {
+        return null;
+    }
+    return (h("tr", null,
+        h("td", { class: "loading-state", part: "loading-state-cell", colSpan: columnSpan, style: { textAlign: 'center' } },
+            h("div", { part: "loading-state-spinner", class: "spinner-border", role: "status" },
+                h("span", { class: "visually-hidden" }, "Loading...")))));
+};
+
+export { TableLoadingState as T, TableEmptyState as a, TableErrorState as b };

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

@@ -0,0 +1,29 @@
+import { r as registerInstance, c as createEvent, h, F as Fragment } from './p-fad19d75.js';
+import './p-56f6ce4c.js';
+import { a as PaymentMethodTypes } from './p-df21aaad.js';
+import './p-e3fab0e2.js';
+
+const paymentMethodSelectorCss = ":host{display:block}.jfi-btn-radio+.jfi-btn-radio-label{color:var(--jfi-radio-button-color);background-color:var(--jfi-radio-button-background-color);border-color:var(--jfi-radio-button-border-color);padding:var(--jfi-radio-button-padding);font-size:var(--jfi-radio-button-font-size)}.jfi-btn-radio:focus+.jfi-btn-radio-label{box-shadow:var(--jfi-box-shadow-focus)}.jfi-btn-radio+.jfi-btn-radio-label:hover{color:var(--jfi-radio-button-color-hover);border-color:var(--jfi-radio-button-border-color-hover);background-color:var(--jfi-radio-button-background-color-hover)}.jfi-btn-radio:checked+.jfi-btn-radio-label:hover{color:var(--jfi-radio-button-color-selected-hover);border-color:var(--jfi-radio-button-border-color-selected-hover);background-color:var(--jfi-radio-button-background-color-selected-hover)}.jfi-btn-radio:checked+.jfi-btn-radio-label{color:var(--jfi-radio-button-color-selected);background-color:var(--jfi-radio-button-background-color-selected);border-color:var(--jfi-radio-button-border-color-selected)}.jfi-btn-radio-group{font-family:var(--jfi-layout-font-family);display:inline-flex;width:var(--jfi-radio-button-group-width)}";
+const JustifiPaymentMethodSelectorStyle0 = paymentMethodSelectorCss;
+
+const PaymentMethodLabels = {
+    bankAccount: 'Bank Account',
+    card: 'Card',
+};
+const PaymentMethodSelector = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.paymentMethodSelected = createEvent(this, "paymentMethodSelected", 7);
+        this.paymentMethodTypes = [PaymentMethodTypes.card, PaymentMethodTypes.bankAccount];
+        this.selectedPaymentMethodType = undefined;
+    }
+    onChangeHandler(event) {
+        this.paymentMethodSelected.emit(event.target.value);
+    }
+    render() {
+        return (h("div", { key: 'a0cd592094f7f69955469de84addde1d4bc5af4d', class: "btn-group jfi-btn-radio-group", role: "group", "aria-label": "Radio toggle group for payment method" }, this.paymentMethodTypes.map((paymentMethodType) => (h(Fragment, null, h("input", { id: paymentMethodType, type: "radio", name: "paymentMethodType", value: paymentMethodType, onChange: (event) => this.onChangeHandler(event), checked: this.selectedPaymentMethodType === paymentMethodType, class: "btn-check jfi-btn-radio" }), h("label", { htmlFor: paymentMethodType, class: "btn btn-outline-primary jfi-btn-radio-label" }, PaymentMethodLabels[paymentMethodType]))))));
+    }
+};
+PaymentMethodSelector.style = JustifiPaymentMethodSelectorStyle0;
+
+export { PaymentMethodSelector as justifi_payment_method_selector };

package/dist/webcomponents/p-e3fab0e2.js

@@ -1 +1,43 @@
-var s,i;!function(s){s.paid="paid",s.failed="failed",s.forwarded="forwarded",s.scheduled="scheduled",s.in_transit="in_transit",s.canceled="canceled"}(s||(s={})),function(s){s.paid="Paid",s.failed="Failed",s.forwarded="Forwarded",s.scheduled="Scheduled",s.in_transit="In Transit",s.canceled="Canceled"}(i||(i={}));class t{constructor(s){this.id=s.id,this.account_id=s.account_id,this.amount=s.amount,this.bank_account=s.bank_account,this.currency=s.currency,this.delivery_method=s.delivery_method||"standard",this.description=s.description,this.deposits_at=s.deposits_at,this.fees_total=s.fees_total,this.refunds_count=s.refunds_count,this.refunds_total=s.refunds_total,this.payments_count=s.payments_count,this.payments_total=s.payments_total,this.payout_type=s.payout_type,this.other_total=s.other_total,this.status=s.status,this.metadata=s.metadata,this.created_at=s.created_at,this.updated_at=s.updated_at}}export{t as P,s as a,i as b}
+var PayoutStatuses;
+(function (PayoutStatuses) {
+    PayoutStatuses["paid"] = "paid";
+    PayoutStatuses["failed"] = "failed";
+    PayoutStatuses["forwarded"] = "forwarded";
+    PayoutStatuses["scheduled"] = "scheduled";
+    PayoutStatuses["in_transit"] = "in_transit";
+    PayoutStatuses["canceled"] = "canceled";
+})(PayoutStatuses || (PayoutStatuses = {}));
+var PayoutStatusesSafeNames;
+(function (PayoutStatusesSafeNames) {
+    PayoutStatusesSafeNames["paid"] = "Paid";
+    PayoutStatusesSafeNames["failed"] = "Failed";
+    PayoutStatusesSafeNames["forwarded"] = "Forwarded";
+    PayoutStatusesSafeNames["scheduled"] = "Scheduled";
+    PayoutStatusesSafeNames["in_transit"] = "In Transit";
+    PayoutStatusesSafeNames["canceled"] = "Canceled";
+})(PayoutStatusesSafeNames || (PayoutStatusesSafeNames = {}));
+class Payout {
+    constructor(payout) {
+        this.id = payout.id;
+        this.account_id = payout.account_id;
+        this.amount = payout.amount;
+        this.bank_account = payout.bank_account;
+        this.currency = payout.currency;
+        this.delivery_method = payout.delivery_method || 'standard';
+        this.description = payout.description;
+        this.deposits_at = payout.deposits_at;
+        this.fees_total = payout.fees_total;
+        this.refunds_count = payout.refunds_count;
+        this.refunds_total = payout.refunds_total;
+        this.payments_count = payout.payments_count;
+        this.payments_total = payout.payments_total;
+        this.payout_type = payout.payout_type;
+        this.other_total = payout.other_total;
+        this.status = payout.status;
+        this.metadata = payout.metadata;
+        this.created_at = payout.created_at;
+        this.updated_at = payout.updated_at;
+    }
+}
+
+export { Payout as P, PayoutStatuses as a, PayoutStatusesSafeNames as b };