@justifi/webcomponents 6.10.0 → 6.10.2

package/dist/collection/components/business-forms/payment-provisioning/form-address-fields/form-address-fields.js

@@ -10,7 +10,7 @@ export class FormAddressFields {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const labels = countryLabels[this.country];
         const options = countryOptions[this.country];
-        return (h(Host, { key: '8dabbee93e0f319db333ada6c20af49ed6131b8d' }, h("div", { key: '4b308ca9fa92321e5f60f3e4d9ab1c4e60cbd703', class: "row gy-3" }, h("div", { key: '9c25eec2effd7caed70a3f02f6a780513fae930c', class: "col-12" }, h("form-control-text", { key: '6c2ae178c2122d1f6085906690adadf98cb0774b', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: 'eba53a69fc4c869014ef8b7bf6ff9b1d8f5be566', class: "col-12" }, h("form-control-text", { key: '11c743ce2388173c41cb16f1865fe58b2015d6bb', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '2025c9bb15286f5c3e4693b596372a7dff730ce8', class: "col-12" }, h("form-control-text", { key: '5e0e40fd028d12b88cb15a38906738320e30aeca', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '5ec53f357907749c9abdcf568c027b71faad19fa', class: "col-12" }, h("form-control-select", { key: 'b9eef22eb507ffbd58c26bffa41b5b225925297c', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: '7456cd4f6b62b59bc9289ca3721440083e9aa4f3', class: "col-12" }, h("form-control-text", { key: 'c483c93d0f09d5ded3c11145216273ba75822009', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
+        return (h(Host, { key: '8dabbee93e0f319db333ada6c20af49ed6131b8d' }, h("div", { key: '4b308ca9fa92321e5f60f3e4d9ab1c4e60cbd703', class: "row gy-3" }, h("div", { key: '9c25eec2effd7caed70a3f02f6a780513fae930c', class: "col-12" }, h("form-control-text", { key: '6c2ae178c2122d1f6085906690adadf98cb0774b', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: 'eba53a69fc4c869014ef8b7bf6ff9b1d8f5be566', class: "col-12" }, h("form-control-text", { key: '11c743ce2388173c41cb16f1865fe58b2015d6bb', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '2025c9bb15286f5c3e4693b596372a7dff730ce8', class: "col-12" }, h("form-control-text", { key: '5e0e40fd028d12b88cb15a38906738320e30aeca', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '407eac6eee8ca33a6648f2d1a45003961353f877', class: "col-12 col-md-6" }, h("form-control-select", { key: 'c598b24e0dc594ae725a7473212a6ed36102ce49', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: '49861d791272c745f881d19016b93885ce59f724', class: "col-12 col-md-6" }, h("form-control-text", { key: '90b9db4630dd4fad7e86151f2a632cd62b8509f3', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
     }
     static get is() { return "justifi-form-address-fields"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-already-provisioned.js

@@ -0,0 +1,6 @@
+import { h } from "@stencil/core";
+import { Header1 } from "../../../ui-components";
+import { text } from "../../../styles/parts";
+export const PaymentProvisioningAlreadyProvisioned = () => {
+    return (h("div", { class: "row gap-3 p-5" }, h("div", { class: "col-12" }, h(Header1, { text: "Business Already Provisioned" })), h("div", { class: "col-12", part: text }, h("p", null, "We have already received the onboarding information for this business."))));
+};

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-core.js

@@ -7,11 +7,14 @@ import { BusinessFormClickActions } from "../utils/event-types";
 import { CountryCode } from "../../../utils/country-codes";
 import { Business } from "../../../api/Business";
 import { PaymentProvisioningLoading } from "./payment-provisioning-loading";
+import { PaymentProvisioningAlreadyProvisioned } from "./payment-provisioning-already-provisioned";
+import { PaymentProvisioningSubmissionComplete } from "./payment-provisioning-submission-complete";
 export class PaymentProvisioningCore {
     constructor() {
         this.loading = false;
         this.businessLoading = true;
         this.businessProvisioned = false;
+        this.formSubmitted = false;
         this.currentStep = 0;
         this.country = CountryCode.USA;
         this.allowOptionalFields = false;
@@ -47,6 +50,7 @@ export class PaymentProvisioningCore {
         this.postProvisioningData = () => {
             this.postProvisioning({
                 onSuccess: (response) => {
+                    this.formSubmitted = true;
                     this.submitEvent.emit({ response: response });
                 },
                 onError: ({ error, code, severity }) => {
@@ -113,9 +117,19 @@ export class PaymentProvisioningCore {
         this.loading = event.detail;
     }
     render() {
+        // State 1: Loading
         if (this.businessLoading) {
             return (h(StyledHost, null, h(PaymentProvisioningLoading, null)));
         }
+        // State 2: Already Provisioned
+        if (this.businessProvisioned) {
+            return (h(StyledHost, null, h(PaymentProvisioningAlreadyProvisioned, null)));
+        }
+        // State 3: Submission Complete
+        if (this.formSubmitted) {
+            return (h(StyledHost, null, h(PaymentProvisioningSubmissionComplete, null)));
+        }
+        // State 4: Form Steps (default)
         return (h(StyledHost, null, h("div", { class: 'row gap-3' }, h(Header1, { text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { class: 'd-flex justify-content-between align-items-center' }, h("div", { class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
     static get is() { return "justifi-payment-provisioning-core"; }
@@ -249,6 +263,7 @@ export class PaymentProvisioningCore {
             "loading": {},
             "businessLoading": {},
             "businessProvisioned": {},
+            "formSubmitted": {},
             "currentStep": {},
             "errorMessage": {},
             "country": {}

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-submission-complete.js

@@ -0,0 +1,6 @@
+import { h } from "@stencil/core";
+import { Header1 } from "../../../ui-components";
+import { text } from "../../../styles/parts";
+export const PaymentProvisioningSubmissionComplete = () => {
+    return (h("div", { class: "row gap-3 p5" }, h("div", { class: "col-12" }, h(Header1, { text: "You're all set for now" })), h("div", { class: "col-12", part: text }, h("p", null, "We're reviewing your information and working on your approval. We'll be in touch to let you know once you've been approved (or if we find anything that needs fixing). Have a good one!"))));
+};

package/dist/collection/components/business-forms/payment-provisioning/plaid-verification/plaid-verification.js

@@ -4,7 +4,7 @@ import { PlaidService } from "../../../../api/services/plaid.service";
 import { ComponentErrorSeverity } from "../../../../api/ComponentError";
 import { PlaidErrorCodes, PLAID_ERROR_MESSAGES, PLAID_ERROR_SEVERITY, } from "../../../../api/Plaid";
 import plaidLogoSvg from "../../../../assets/plaid-icon.svg";
-import { buttonSecondary } from "../../../../styles/parts";
+import { buttonPrimary } from "../../../../styles/parts";
 export class PlaidVerification {
     constructor() {
         this.linkToken = null;
@@ -316,7 +316,7 @@ export class PlaidVerification {
                 marginLeft: '5px',
                 marginTop: '-2px',
             } }));
-        return (h(StyledHost, null, h("script", { src: "https://cdn.plaid.com/link/v2/stable/link-initialize.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", null, h("div", { class: "mb-3" }, h(Button, { variant: "secondary", type: "button", onClick: (event) => { event.preventDefault(); this.openPlaidLink(); }, disabled: this.isLoading, part: buttonSecondary }, "Link Bank Account with ", plaidLogo)), renderErrorState(), renderStatusState())));
+        return (h(StyledHost, null, h("script", { src: "https://cdn.plaid.com/link/v2/stable/link-initialize.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", null, h("div", { class: "mb-3" }, h(Button, { variant: "primary", type: "button", onClick: (event) => { event.preventDefault(); this.openPlaidLink(); }, disabled: this.isLoading, part: buttonPrimary }, "Connect with Plaid ", plaidLogo, " (instant verification)")), renderErrorState(), renderStatusState())));
     }
     static get is() { return "plaid-verification"; }
     static get properties() {

package/dist/collection/utils/check-pkg-version.js

@@ -1,4 +1,20 @@
 import packageJson from "../../package.json";
+const JUSTIFI_VERSION_KEY = '__JUSTIFI_WC_VERSION__';
+const detectDuplicateVersion = () => {
+    if (typeof globalThis === 'undefined')
+        return;
+    const currentVersion = packageJson.version;
+    const existingVersion = globalThis[JUSTIFI_VERSION_KEY];
+    if (existingVersion && existingVersion !== currentVersion) {
+        console.error(`@justifi/webcomponents: Multiple versions detected. ` +
+            `Version ${existingVersion} was loaded first and registered all components. ` +
+            `Version ${currentVersion} is also present but its components will NOT be used. ` +
+            `To fix this, add to your package.json:\n` +
+            `"pnpm": { "overrides": { "@justifi/webcomponents": "${currentVersion}" } }`);
+        return;
+    }
+    globalThis[JUSTIFI_VERSION_KEY] = currentVersion;
+};
 const latestVersion = async (packageName) => {
     const response = await fetch('https://registry.npmjs.org/' + packageName + '/latest');
     const json = await response.json();
@@ -6,6 +22,7 @@ const latestVersion = async (packageName) => {
 };
 export const checkPkgVersion = async () => {
     var _a, _b;
+    detectDuplicateVersion();
     // Skip version check in test environments to avoid async logs after tests complete
     if (typeof process !== 'undefined' &&
         (((_a = process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) === 'test' || ((_b = process.env) === null || _b === void 0 ? void 0 : _b.JEST_WORKER_ID))) {