@justifi/webcomponents 4.20.0 → 4.21.0

package/dist/cjs/{Analytics-03981aad.js → Analytics-880f5152.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const _package = require('./package-7fdd14b9.js');
+const _package = require('./package-cb1b1015.js');
 const config = require('./config-05767cba.js');
 const Api = require('./Api-b98b256f.js');
 

package/dist/cjs/{Payment-1a8a8ca6.js → Payment-04a842f4.js}

@@ -12,6 +12,12 @@ exports.PaymentMethodTypes = void 0;
     PaymentMethodTypes["sezzle"] = "sezzle";
     PaymentMethodTypes["saved"] = "saved";
 })(exports.PaymentMethodTypes || (exports.PaymentMethodTypes = {}));
+var PaymentTypes;
+(function (PaymentTypes) {
+    PaymentTypes["card"] = "Card";
+    PaymentTypes["bankAccount"] = "ACH";
+    PaymentTypes["unknown"] = "Unknown";
+})(PaymentTypes || (PaymentTypes = {}));
 var PaymentStatuses;
 (function (PaymentStatuses) {
     PaymentStatuses["pending"] = "pending";
@@ -19,6 +25,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";
@@ -117,6 +124,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;
+        }
+    }
 }
 
 exports.Payment = Payment;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
 const utils$1 = require('./utils-c1d2e426.js');
-const utils = require('./utils-af1b60a9.js');
+const utils = require('./utils-52fb7fa1.js');
 
 const sharedBusinessDetailsCss$4 = ".flex-1{flex:1}";
 const AdditionalQuestionsDetailsStyle0 = sharedBusinessDetailsCss$4;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
 const utils = require('./utils-c1d2e426.js');
-const styledHost = require('./styled-host-9e0b67b3.js');
+const styledHost = require('./styled-host-1adf46c3.js');
 
 var RENDER_STATES;
 (function (RENDER_STATES) {

package/dist/cjs/{business-form-types-6e1fcda3.js → business-form-types-719b7f52.js}

@@ -11,6 +11,17 @@ exports.BusinessFormStep = void 0;
     BusinessFormStep["documentUpload"] = "documentUpload";
     BusinessFormStep["termsAndConditions"] = "termsAndConditions";
 })(exports.BusinessFormStep || (exports.BusinessFormStep = {}));
+exports.BusinessFormStepV2 = void 0;
+(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";
+})(exports.BusinessFormStepV2 || (exports.BusinessFormStepV2 = {}));
 exports.BusinessFormServerErrors = void 0;
 (function (BusinessFormServerErrors) {
     BusinessFormServerErrors["fetchData"] = "Error retrieving business data";

package/dist/cjs/{check-pkg-version-89d6d146.js → check-pkg-version-54f7dfda.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const _package = require('./package-7fdd14b9.js');
+const _package = require('./package-cb1b1015.js');
 
 const latestVersion = async (packageName) => {
     const response = await fetch('https://registry.npmjs.org/' + packageName + '/latest');

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

@@ -1879,7 +1879,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (index.h("div", { key: '2fd0d1c55f982d9882b17f26c1e997de8de53768' }, index.h("style", { key: 'ae7fb7b0eae12cfcea357299b6457f523831ac12' }, `
+        return (index.h("div", { key: 'e426fcd8c6ed3026bd19b5f88d9fc8caea6dd2ad' }, index.h("style", { key: '2c6a3c8606f19df70d7fac866c60a1563456a20f' }, `
           .popper-content {
             display: none;
           }
@@ -1887,8 +1887,127 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), index.h("div", { key: '2c747dff168ef5e84642d5c490ffa4e8fc5c2350', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '720f23f2a51da2bb9de5c17d7a548d5ddf90ea53' }))));
+          `), index.h("div", { key: '3aafc7f4659c0b598586600cc44979c9b7425eae', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '2f338c682141c1610b265d8eca98a34678632c46' }))));
+    }
+};
+
+const FormControlErrorText = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errorText = undefined;
+        this.name = undefined;
+    }
+    render() {
+        if (!this.errorText) {
+            return null;
+        }
+        return (index.h("small", { class: 'form-text text-danger', id: `form-error-text-${this.name}` }, this.errorText));
+    }
+};
+
+const SelectInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.formControlInput = index.createEvent(this, "formControlInput", 7);
+        this.formControlBlur = index.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 (index.h(index.Host, { key: 'f76dcf05e5929448b9a89b1d4b6f18a6f7cae3e5', exportparts: "label,input,input-invalid" }, index.h("div", { key: '675bc78c7197ce8ded2cbdfb31b77fde5e12d9e5', class: "form-group d-flex flex-column" }, index.h("div", { key: 'a3f538fb4b3aba7e87071e1838c4d668cb217851', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '389d9573b53b4ea51492455dc88222714df33387', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e0853d21ebd9e264e87b4707708bfbef3f50a4bb', helpText: this.helpText })), index.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 => (index.h("option", { value: option.value }, option.label)))), index.h("form-control-error-text", { key: 'e199881b4ffd032059ea548202ce9fee94b9187a', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const TextInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.formControlInput = index.createEvent(this, "formControlInput", 7);
+        this.formControlBlur = index.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 (index.h(index.Host, { key: '242da84a35d52f4d44bcaaa1ec016487ffb5936e', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'a581089ec206ac71f586c837f53aec54e394776a', class: "form-group d-flex flex-column" }, index.h("div", { key: '88e11b4a8d79e72f63f80415b5dad74d8a47fa5b', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'd37f5e37ab6e46c43196638301e46410d70f753c', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '2702eabd98b632487a418facb33855bdb19b5167', helpText: this.helpText })), index.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 }), index.h("form-control-error-text", { key: 'f1ba545bec21198a4e78e4989bf5703f17052642', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const TooltipComponent = class {
+    constructor(hostRef) {
+        index.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 (index.h("div", { class: "tooltip-container" }, index.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" }, index.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" }), index.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" })), index.h("custom-popper", { trigger: "hover", placement: "top", anchorRef: this.anchorIcon }, index.h("div", { class: "tooltip bs-tooltip-top", part: "tooltip", role: "tooltip", ref: (el) => (this.tooltip = el) }, index.h("div", { class: "tooltip-inner", part: "tooltip-inner" }, this.helpText)))));
     }
 };
 
 exports.custom_popper = CustomPopper;
+exports.form_control_error_text = FormControlErrorText;
+exports.form_control_select = SelectInput;
+exports.form_control_text = TextInput;
+exports.form_control_tooltip = TooltipComponent;