@justifi/webcomponents 4.20.1 → 4.21.0

package/dist/esm/{Analytics-b0f6936a.js → Analytics-3dde5a98.js}

@@ -1,4 +1,4 @@
-import { p as packageJson } from './package-2ef16e2c.js';
+import { p as packageJson } from './package-4ab64620.js';
 import { c as config } from './config-27764a9d.js';
 import { A as Api } from './Api-c8abc2e0.js';
 

package/dist/esm/{Payment-6bf26fe2.js → Payment-30790721.js}

@@ -10,6 +10,12 @@ var PaymentMethodTypes;
     PaymentMethodTypes["sezzle"] = "sezzle";
     PaymentMethodTypes["saved"] = "saved";
 })(PaymentMethodTypes || (PaymentMethodTypes = {}));
+var PaymentTypes;
+(function (PaymentTypes) {
+    PaymentTypes["card"] = "Card";
+    PaymentTypes["bankAccount"] = "ACH";
+    PaymentTypes["unknown"] = "Unknown";
+})(PaymentTypes || (PaymentTypes = {}));
 var PaymentStatuses;
 (function (PaymentStatuses) {
     PaymentStatuses["pending"] = "pending";
@@ -17,6 +23,7 @@ var PaymentStatuses;
     PaymentStatuses["authorized"] = "authorized";
     PaymentStatuses["succeeded"] = "succeeded";
     PaymentStatuses["failed"] = "failed";
+    PaymentStatuses["canceled"] = "canceled";
     PaymentStatuses["disputed"] = "disputed";
     PaymentStatuses["fully_refunded"] = "fully_refunded";
     PaymentStatuses["partially_refunded"] = "partially_refunded";
@@ -115,6 +122,14 @@ class Payment {
             return PaymentDisputedStatuses.open;
         }
     }
+    get paymentType() {
+        if (this.payment_method) {
+            return this.payment_method.card ? PaymentTypes.card : PaymentTypes.bankAccount;
+        }
+        else {
+            return PaymentTypes.unknown;
+        }
+    }
 }
 
 export { Payment as P, PaymentMethodTypes as a };

package/dist/esm/additional-questions-details_5.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-57431c24.js';
 import { c as DetailItem, D as DetailSectionTitle } from './utils-01413a95.js';
-import { i as isEmptyObject, s as snakeCaseToHumanReadable, e as formatMediumDate } from './utils-e66d8bca.js';
+import { i as isEmptyObject, s as snakeCaseToHumanReadable, e as formatMediumDate } from './utils-620f2d78.js';
 
 const sharedBusinessDetailsCss$4 = ".flex-1{flex:1}";
 const AdditionalQuestionsDetailsStyle0 = sharedBusinessDetailsCss$4;

package/dist/esm/business-details-core.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
 import { L as LoadingState, E as ErrorState } from './utils-01413a95.js';
-import { S as StyledHost } from './styled-host-3171ae1f.js';
+import { S as StyledHost } from './styled-host-e0ddb759.js';
 
 var RENDER_STATES;
 (function (RENDER_STATES) {

package/dist/esm/{business-form-types-1bc5fe08.js → business-form-types-8fd61b0e.js}

@@ -9,6 +9,17 @@ var BusinessFormStep;
     BusinessFormStep["documentUpload"] = "documentUpload";
     BusinessFormStep["termsAndConditions"] = "termsAndConditions";
 })(BusinessFormStep || (BusinessFormStep = {}));
+var BusinessFormStepV2;
+(function (BusinessFormStepV2) {
+    BusinessFormStepV2["businessInfo"] = "business_info";
+    BusinessFormStepV2["legalAddress"] = "legal_address";
+    BusinessFormStepV2["additionalQuestions"] = "additional_questions";
+    BusinessFormStepV2["representative"] = "representative";
+    BusinessFormStepV2["owners"] = "owners";
+    BusinessFormStepV2["bankAccount"] = "bank_account";
+    BusinessFormStepV2["documentUpload"] = "document_upload";
+    BusinessFormStepV2["termsAndConditions"] = "terms_and_conditions";
+})(BusinessFormStepV2 || (BusinessFormStepV2 = {}));
 var BusinessFormServerErrors;
 (function (BusinessFormServerErrors) {
     BusinessFormServerErrors["fetchData"] = "Error retrieving business data";
@@ -36,4 +47,4 @@ var DocumentFormServerErrors;
     DocumentFormServerErrors["sendData"] = "Error uploading document data";
 })(DocumentFormServerErrors || (DocumentFormServerErrors = {}));
 
-export { BusinessFormServerErrors as B, BusinessFormClickActions as a, BusinessFormStep as b };
+export { BusinessFormServerErrors as B, BusinessFormClickActions as a, BusinessFormStep as b, BusinessFormStepV2 as c };

package/dist/esm/{check-pkg-version-10cadb08.js → check-pkg-version-4d144b72.js}

@@ -1,4 +1,4 @@
-import { p as packageJson } from './package-2ef16e2c.js';
+import { p as packageJson } from './package-4ab64620.js';
 
 const latestVersion = async (packageName) => {
     const response = await fetch('https://registry.npmjs.org/' + packageName + '/latest');

package/dist/esm/{custom-popper.entry.js → custom-popper_5.entry.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-57431c24.js';
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1875,7 +1875,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: 'ff19898ad40884372621978edd5a44aa4b0a3b53' }, h("style", { key: '9d1c65abf4971046c219312792d9836656dda63a' }, `
+        return (h("div", { key: 'e426fcd8c6ed3026bd19b5f88d9fc8caea6dd2ad' }, h("style", { key: '2c6a3c8606f19df70d7fac866c60a1563456a20f' }, `
           .popper-content {
             display: none;
           }
@@ -1883,8 +1883,123 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '50d1dabe33b1b0a3d9c82e8fb68e2aef1e81e549', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '1d1eae013b2e61dd8285c014f388d2c2d68406c5' }))));
+          `), h("div", { key: '3aafc7f4659c0b598586600cc44979c9b7425eae', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '2f338c682141c1610b265d8eca98a34678632c46' }))));
     }
 };
 
-export { CustomPopper as custom_popper };
+const FormControlErrorText = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorText = undefined;
+        this.name = undefined;
+    }
+    render() {
+        if (!this.errorText) {
+            return null;
+        }
+        return (h("small", { class: 'form-text text-danger', id: `form-error-text-${this.name}` }, this.errorText));
+    }
+};
+
+const SelectInput = 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(target.value);
+        };
+        this.updateInput = (newValue) => {
+            this.selectElement.value = newValue;
+        };
+        this.name = undefined;
+        this.label = undefined;
+        this.options = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    render() {
+        var _a;
+        return (h(Host, { key: 'f76dcf05e5929448b9a89b1d4b6f18a6f7cae3e5', exportparts: "label,input,input-invalid" }, h("div", { key: '675bc78c7197ce8ded2cbdfb31b77fde5e12d9e5', class: "form-group d-flex flex-column" }, h("div", { key: 'a3f538fb4b3aba7e87071e1838c4d668cb217851', class: "d-flex align-items-start gap-2" }, h("label", { key: '389d9573b53b4ea51492455dc88222714df33387', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e0853d21ebd9e264e87b4707708bfbef3f50a4bb', helpText: this.helpText })), h("select", { key: '50d9af6ee9266eeb514a7b1512fb73b480f5e163', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h("form-control-error-text", { key: 'e199881b4ffd032059ea548202ce9fee94b9187a', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const TextInput = 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.updateInput = (newValue) => {
+            const inputElement = this.el.querySelector('input');
+            if (inputElement) {
+                inputElement.value = newValue || '';
+            }
+        };
+        this.name = undefined;
+        this.label = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.maxLength = undefined;
+        this.keyDownHandler = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    render() {
+        return (h(Host, { key: '242da84a35d52f4d44bcaaa1ec016487ffb5936e', exportparts: "label,input,input-invalid" }, h("div", { key: 'a581089ec206ac71f586c837f53aec54e394776a', class: "form-group d-flex flex-column" }, h("div", { key: '88e11b4a8d79e72f63f80415b5dad74d8a47fa5b', class: "d-flex align-items-start gap-2" }, h("label", { key: 'd37f5e37ab6e46c43196638301e46410d70f753c', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '2702eabd98b632487a418facb33855bdb19b5167', helpText: this.helpText })), h("input", { key: 'e70affeeed2f0d0975a827e9d691a05c7732854f', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? " input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h("form-control-error-text", { key: 'f1ba545bec21198a4e78e4989bf5703f17052642', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const TooltipComponent = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.anchorIcon = undefined;
+        this.tooltip = undefined;
+        this.helpText = undefined;
+    }
+    show() {
+        this.tooltip.classList.add('show');
+    }
+    hide() {
+        this.tooltip.classList.remove('show');
+    }
+    render() {
+        if (!this.helpText) {
+            return null;
+        }
+        return (h("div", { class: "tooltip-container" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", class: "bi bi-question-square tooltip-icon", viewBox: "0 0 16 16", ref: (el) => (this.anchorIcon = el), part: "tooltip-icon" }, h("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z" }), h("path", { d: "M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94" })), h("custom-popper", { trigger: "hover", placement: "top", anchorRef: this.anchorIcon }, h("div", { class: "tooltip bs-tooltip-top", part: "tooltip", role: "tooltip", ref: (el) => (this.tooltip = el) }, h("div", { class: "tooltip-inner", part: "tooltip-inner" }, this.helpText)))));
+    }
+};
+
+export { CustomPopper as custom_popper, FormControlErrorText as form_control_error_text, SelectInput as form_control_select, TextInput as form_control_text, TooltipComponent as form_control_tooltip };