@justifi/webcomponents 4.19.1-rc → 4.19.1-rc-4

package/dist/webcomponents/p-1ff8810b.js

@@ -1 +1,29 @@
-import{S as n}from"./p-6078a370.js";function t(t){const o=n.find((n=>n.label===t));return o?o.value:t}function o(n){return/^\d$/.test(n)?"0"+n:n}function r(n,t,r){if(n&&t&&r)return`${n}-${o(t)}-${o(r)}`}function a(n){const t=n.value,[o,r,a]=t.split("-");return{dob_year:o,dob_month:r,dob_day:a}}function u(n){return n.associated_accounts.length>0}export{u as a,r as c,a as d,o as f,t as g}
+import { S as StateOptions } from './p-6078a370.js';
+
+function getStateAbbreviation(stateName) {
+    const state = StateOptions.find(s => s.label === stateName);
+    return state ? state.value : stateName;
+}
+// filterNumber is intended to be used to format a string that contains a single digit to a two digit string. 
+function filterNumber(num) {
+    if (/^\d$/.test(num)) {
+        return '0' + num;
+    }
+    return num;
+}
+function constructDate(year, month, day) {
+    if (!year || !month || !day) {
+        return;
+    }
+    return `${year}-${filterNumber(month)}-${filterNumber(day)}`;
+}
+function deconstructDate(formInput) {
+    const dateString = formInput.value;
+    const [dob_year, dob_month, dob_day] = dateString.split('-');
+    return { dob_year, dob_month, dob_day };
+}
+function checkProvisioningStatus(business) {
+    return business.associated_accounts.length > 0;
+}
+
+export { checkProvisioningStatus as a, constructDate as c, deconstructDate as d, filterNumber as f, getStateAbbreviation as g };

package/dist/webcomponents/p-2338affa.js

@@ -1 +1,213 @@
-import{a as e,f as t}from"./p-fad19d75.js";const s=e=>!("isConnected"in e)||e.isConnected,n=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys())e.set(t,e.get(t).filter(s))})(...t)}),2e3)}})(),o=e=>"function"==typeof e?e():e,r=(s,r)=>{const a=((e,t=((e,t)=>e!==t))=>{const s=o(e);let n=new Map(Object.entries(null!=s?s:{}));const r={dispose:[],get:[],set:[],reset:[]},a=()=>{var t;n=new Map(Object.entries(null!==(t=o(e))&&void 0!==t?t:{})),r.reset.forEach((e=>e()))},c=e=>(r.get.forEach((t=>t(e))),n.get(e)),i=(e,s)=>{const o=n.get(e);t(s,o,e)&&(n.set(e,s),r.set.forEach((t=>t(e,s,o))))},u="undefined"==typeof Proxy?{}:new Proxy(s,{get:(e,t)=>c(t),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>n.has(t),set:(e,t,s)=>(i(t,s),!0)}),p=(e,t)=>(r[e].push(t),()=>{((e,t)=>{const s=e.indexOf(t);s>=0&&(e[s]=e[e.length-1],e.length--)})(r[e],t)});return{state:u,get:c,set:i,on:p,onChange:(t,s)=>{const n=p("set",((e,n)=>{e===t&&s(n)})),r=p("reset",(()=>s(o(e)[t])));return()=>{n(),r()}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(p("set",t.set)),t.get&&e.push(p("get",t.get)),t.reset&&e.push(p("reset",t.reset)),t.dispose&&e.push(p("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{r.dispose.forEach((e=>e())),a()},reset:a,forceUpdate:e=>{const t=n.get(e);r.set.forEach((s=>s(e,t,t)))}}})(s,r);return a.use((()=>{if("function"!=typeof e)return{};const s=new Map;return{dispose:()=>s.clear(),get:t=>{const n=e();n&&((e,t,s)=>{const n=e.get(t);n?n.includes(s)||n.push(s):e.set(t,[s])})(s,t,n)},set:e=>{const o=s.get(e);o&&s.set(e,o.filter(t)),n(s)},reset:()=>{s.forEach((e=>e.forEach(t))),n(s)}}})()),a},a=r({}),{state:c,on:i}=a,u=r({}),{state:p}=u,f=()=>{let e=!0;return Object.keys(c).forEach((t=>{null===c[t]?(p[t]=!0,e=!1):p[t]=!1})),{isValid:e}};export{c as a,p as b,i,f as v}
+import { a as getRenderingRef, f as forceUpdate } from './p-fad19d75.js';
+
+const appendToMap = (map, propName, value) => {
+    const items = map.get(propName);
+    if (!items) {
+        map.set(propName, [value]);
+    }
+    else if (!items.includes(value)) {
+        items.push(value);
+    }
+};
+const debounce = (fn, ms) => {
+    let timeoutId;
+    return (...args) => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = 0;
+            fn(...args);
+        }, ms);
+    };
+};
+
+/**
+ * Check if a possible element isConnected.
+ * The property might not be there, so we check for it.
+ *
+ * We want it to return true if isConnected is not a property,
+ * otherwise we would remove these elements and would not update.
+ *
+ * Better leak in Edge than to be useless.
+ */
+const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
+const cleanupElements = debounce((map) => {
+    for (let key of map.keys()) {
+        map.set(key, map.get(key).filter(isConnected));
+    }
+}, 2000);
+const stencilSubscription = () => {
+    if (typeof getRenderingRef !== 'function') {
+        // If we are not in a stencil project, we do nothing.
+        // This function is not really exported by @stencil/core.
+        return {};
+    }
+    const elmsToUpdate = new Map();
+    return {
+        dispose: () => elmsToUpdate.clear(),
+        get: (propName) => {
+            const elm = getRenderingRef();
+            if (elm) {
+                appendToMap(elmsToUpdate, propName, elm);
+            }
+        },
+        set: (propName) => {
+            const elements = elmsToUpdate.get(propName);
+            if (elements) {
+                elmsToUpdate.set(propName, elements.filter(forceUpdate));
+            }
+            cleanupElements(elmsToUpdate);
+        },
+        reset: () => {
+            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
+            cleanupElements(elmsToUpdate);
+        },
+    };
+};
+
+const unwrap = (val) => (typeof val === 'function' ? val() : val);
+const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
+    const unwrappedState = unwrap(defaultState);
+    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
+    const handlers = {
+        dispose: [],
+        get: [],
+        set: [],
+        reset: [],
+    };
+    const reset = () => {
+        var _a;
+        // When resetting the state, the default state may be a function - unwrap it to invoke it.
+        // otherwise, the state won't be properly reset
+        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
+        handlers.reset.forEach((cb) => cb());
+    };
+    const dispose = () => {
+        // Call first dispose as resetting the state would
+        // cause less updates ;)
+        handlers.dispose.forEach((cb) => cb());
+        reset();
+    };
+    const get = (propName) => {
+        handlers.get.forEach((cb) => cb(propName));
+        return states.get(propName);
+    };
+    const set = (propName, value) => {
+        const oldValue = states.get(propName);
+        if (shouldUpdate(value, oldValue, propName)) {
+            states.set(propName, value);
+            handlers.set.forEach((cb) => cb(propName, value, oldValue));
+        }
+    };
+    const state = (typeof Proxy === 'undefined'
+        ? {}
+        : new Proxy(unwrappedState, {
+            get(_, propName) {
+                return get(propName);
+            },
+            ownKeys(_) {
+                return Array.from(states.keys());
+            },
+            getOwnPropertyDescriptor() {
+                return {
+                    enumerable: true,
+                    configurable: true,
+                };
+            },
+            has(_, propName) {
+                return states.has(propName);
+            },
+            set(_, propName, value) {
+                set(propName, value);
+                return true;
+            },
+        }));
+    const on = (eventName, callback) => {
+        handlers[eventName].push(callback);
+        return () => {
+            removeFromArray(handlers[eventName], callback);
+        };
+    };
+    const onChange = (propName, cb) => {
+        const unSet = on('set', (key, newValue) => {
+            if (key === propName) {
+                cb(newValue);
+            }
+        });
+        // We need to unwrap the defaultState because it might be a function.
+        // Otherwise we might not be sending the right reset value.
+        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));
+        return () => {
+            unSet();
+            unReset();
+        };
+    };
+    const use = (...subscriptions) => {
+        const unsubs = subscriptions.reduce((unsubs, subscription) => {
+            if (subscription.set) {
+                unsubs.push(on('set', subscription.set));
+            }
+            if (subscription.get) {
+                unsubs.push(on('get', subscription.get));
+            }
+            if (subscription.reset) {
+                unsubs.push(on('reset', subscription.reset));
+            }
+            if (subscription.dispose) {
+                unsubs.push(on('dispose', subscription.dispose));
+            }
+            return unsubs;
+        }, []);
+        return () => unsubs.forEach((unsub) => unsub());
+    };
+    const forceUpdate = (key) => {
+        const oldValue = states.get(key);
+        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
+    };
+    return {
+        state,
+        get,
+        set,
+        on,
+        onChange,
+        use,
+        dispose,
+        reset,
+        forceUpdate,
+    };
+};
+const removeFromArray = (array, item) => {
+    const index = array.indexOf(item);
+    if (index >= 0) {
+        array[index] = array[array.length - 1];
+        array.length--;
+    }
+};
+
+const createStore = (defaultState, shouldUpdate) => {
+    const map = createObservableMap(defaultState, shouldUpdate);
+    map.use(stencilSubscription());
+    return map;
+};
+
+const insuranceValuesStore = createStore({});
+const { state: insuranceValues, on: insuranceValuesOn } = insuranceValuesStore;
+const insuranceErrorsStore = createStore({});
+const { state: insuranceErrors } = insuranceErrorsStore;
+const validateInsuranceValues = () => {
+    let valid = true;
+    Object.keys(insuranceValues).forEach((key) => {
+        const noSelection = insuranceValues[key] === null;
+        if (noSelection) {
+            insuranceErrors[key] = true;
+            valid = false;
+        }
+        else {
+            insuranceErrors[key] = false;
+        }
+    });
+    return { isValid: valid };
+};
+
+export { insuranceValues as a, insuranceErrors as b, insuranceValuesOn as i, validateInsuranceValues as v };

package/dist/webcomponents/p-258b1ee2.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 = 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

@@ -0,0 +1,102 @@
+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 };

package/dist/webcomponents/p-29c0b182.js

@@ -1 +1,114 @@
-let n;const t=new Uint8Array(16);function r(){if(!n&&(n="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!n))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return n(t)}const o=[];for(let n=0;n<256;++n)o.push((n+256).toString(16).slice(1));const e={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function c(n,t,c){if(e.randomUUID&&!t&&!n)return e.randomUUID();const u=(n=n||{}).random||(n.rng||r)();if(u[6]=15&u[6]|64,u[8]=63&u[8]|128,t){c=c||0;for(let n=0;n<16;++n)t[c+n]=u[n];return t}return function(n,t=0){return o[n[t+0]]+o[n[t+1]]+o[n[t+2]]+o[n[t+3]]+"-"+o[n[t+4]]+o[n[t+5]]+"-"+o[n[t+6]]+o[n[t+7]]+"-"+o[n[t+8]]+o[n[t+9]]+"-"+o[n[t+10]]+o[n[t+11]]+o[n[t+12]]+o[n[t+13]]+o[n[t+14]]+o[n[t+15]]}(u)}const u=({authToken:n,apiOrigin:t})=>{async function r(){return n?{Authorization:`Bearer ${n}`,"Idempotency-Key":c(),"Content-Type":"application/json"}:{"Content-Type":"application/json"}}async function o(n,o,e,c,u){const i=`${t}/v1/${n}`,a=e?`${i}?${new URLSearchParams(e)}`:i,p=await fetch(a,{method:o,headers:await r(),body:c,signal:u});if(p)return 204===p.status?{}:p.json();!function(n){console.error(`Error fetching from ${n}`)}(a)}return{get:async function(n,t,r){return o(n,"GET",t,null,r)},post:async function(n,t,r,e){return o(n,"POST",r,t,e)},put:async function(n,t,r,e){return o(n,"PUT",r,t,e)},patch:async function(n,t,r,e){return o(n,"PATCH",r,t,e)},destroy:async function(n,t,r){return o(n,"DELETE",t,null,r)}}};export{u as A}
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+const byteToHex = [];
+
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).slice(1));
+}
+
+function unsafeStringify(arr, offset = 0) {
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
+}
+
+const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const native = {
+  randomUUID
+};
+
+function v4(options, buf, offset) {
+  if (native.randomUUID && !buf && !options) {
+    return native.randomUUID();
+  }
+
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (let i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return unsafeStringify(rnds);
+}
+
+const Api = ({ authToken, apiOrigin }) => {
+    async function getAuthorizationHeader() {
+        if (!authToken) {
+            return {
+                'Content-Type': 'application/json',
+            };
+        }
+        return {
+            Authorization: `Bearer ${authToken}`,
+            'Idempotency-Key': v4(),
+            'Content-Type': 'application/json',
+        };
+    }
+    async function makeRequest(endpoint, method, params, body, signal) {
+        const url = `${apiOrigin}/v1/${endpoint}`;
+        const requestUrl = params ? `${url}?${new URLSearchParams(params)}` : url;
+        const response = await fetch(requestUrl, {
+            method: method,
+            headers: await getAuthorizationHeader(),
+            body: body,
+            signal: signal,
+        });
+        if (response) {
+            return response.status === 204 ? {} : response.json();
+        }
+        handleError(requestUrl);
+    }
+    async function get(endpoint, params, signal) {
+        return makeRequest(endpoint, 'GET', params, null, signal);
+    }
+    async function post(endpoint, body, params, signal) {
+        return makeRequest(endpoint, 'POST', params, body, signal);
+    }
+    async function put(endpoint, body, params, signal) {
+        return makeRequest(endpoint, 'PUT', params, body, signal);
+    }
+    async function patch(endpoint, body, params, signal) {
+        return makeRequest(endpoint, 'PATCH', params, body, signal);
+    }
+    async function destroy(endpoint, params, signal) {
+        return makeRequest(endpoint, 'DELETE', params, null, signal);
+    }
+    return { get, post, put, patch, destroy };
+};
+function handleError(requestUrl) {
+    console.error(`Error fetching from ${requestUrl}`);
+}
+
+export { Api as A };

package/dist/webcomponents/p-2b6c9c4f.js

@@ -1 +1,7 @@
-const e="\ntable-head,table-head-row,table-head-cell,table-body,table-row,table-row-even,\ntable-row-odd,table-cell,loading-state-cell,loading-state-spinner,error-state,\nempty-state,pagination-bar,page-arrow,page-button,page-button-disabled,page-button-text\n";export{e as t}
+const tableExportedParts = `
+table-head,table-head-row,table-head-cell,table-body,table-row,table-row-even,
+table-row-odd,table-cell,loading-state-cell,loading-state-spinner,error-state,
+empty-state,pagination-bar,page-arrow,page-button,page-button-disabled,page-button-text
+`;
+
+export { tableExportedParts as t };