@justifi/webcomponents 6.14.2 → 6.14.4-rc.1

package/dist/module/justifi-payout-details.js

@@ -2,7 +2,7 @@ import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/i
 import { P as PayoutService } from './payout.service.js';
 import './config-state.js';
 import './dinero.js';
-import { o as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { o as Payout, C as ComponentErrorSeverity, c as ComponentErrorCodes } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

package/dist/module/justifi-payout-transactions-list.js

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as configState } from './config-state.js';
 import './dinero.js';
-import { p as PayoutBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { p as PayoutBalanceTransaction, C as ComponentErrorSeverity, c as ComponentErrorCodes } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

package/dist/module/justifi-payouts-list.js

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { o as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { o as Payout, C as ComponentErrorSeverity, c as ComponentErrorCodes } from './Plaid.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { P as PayoutService } from './payout.service.js';

package/dist/module/justifi-plaid-payment-method2.js

@@ -5,7 +5,7 @@ import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { P as PlaidService } from './plaid.service.js';
-import { P as PLAID_ERROR_SEVERITY, b as PLAID_ERROR_MESSAGES, c as PlaidErrorCodes, C as ComponentErrorSeverity } from './Plaid.js';
+import { P as PLAID_ERROR_SEVERITY, a as PLAID_ERROR_MESSAGES, b as PlaidErrorCodes, C as ComponentErrorSeverity } from './Plaid.js';
 import { P as PAYMENT_METHODS } from './ModularCheckout.js';
 
 const plaidIconSvg = 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjggMjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9ImNzcy0xcmRhajhtIj48ZyBmaWxsPSIjMTExIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yNS43NjI5IDI2LjI2MjhMMjggMTcuNTMwOUwyNC45NjkxIDE0LjUwMDFMMjcuOTk5OSAxMS40NjkxTDI1Ljc2MjggMi43MzcwNkwxNy4wMzA5IDAuNUwxNC4wMDAxIDMuNTMxTDEwLjk2OSAwLjUwMDE0TDIuMjM3MDYgMi43MzczNEwwIDExLjQ2OTFMMy4wMzEyOCAxNC40OTk5TDAuMDAwMTQgMTcuNTMxTDIuMjM3MiAyNi4yNjI5TDEwLjk2OTEgMjguNUwxNC4wMDAxIDI1LjQ2OUwxNy4wMzEgMjguNDk5OUwyNS43NjI5IDI2LjI2MjhaTTE1LjczMjEgMjMuNzM3MUwxOC42MTg2IDIwLjg1MDVMMjIuMjkxMiAyNC41MjMzTDE3LjY5NTYgMjUuNzAwN0wxNS43MzIxIDIzLjczNzFaTTExLjExMzYgOS44ODE1NEwxNC4wMDAzIDYuOTk1MDJMMTYuODg2OCA5Ljg4MTRMMTQuMDAwMSAxMi43Njc5TDExLjExMzYgOS44ODE1NFpNMTIuMjY4MiAxNC41TDkuMzgxNTQgMTcuMzg2NUw2LjQ5NTAyIDE0LjVMOS4zODE1NCAxMS42MTM1TDEyLjI2ODIgMTQuNVpNMTguNjE4NyAxMS42MTMzTDIxLjUwNTMgMTQuNUwxOC42MTg2IDE3LjM4NjVMMTUuNzMyMSAxNC41TDE4LjYxODcgMTEuNjEzM1pNMTYuODg2NyAxOS4xMTg2TDE0LjAwMDEgMjIuMDA1MUwxMS4xMTM1IDE5LjExODVMMTQuMDAwMSAxNi4yMzE5TDE2Ljg4NjcgMTkuMTE4NlpNMTAuMzA0NCAyNS43MDA3TDUuNzA4NjQgMjQuNTIzM0w5LjM4MTU0IDIwLjg1MDRMMTIuMjY4MiAyMy43MzcxTDEwLjMwNDQgMjUuNzAwN1pNNC43NjMwOCAxNi4yMzE5TDcuNjQ5NiAxOS4xMTg1TDMuOTc2NyAyMi43OTE0TDIuNzk5MyAxOC4xOTU3TDQuNzYzMDggMTYuMjMxOVpNMy45NzY3IDYuMjA4MzZMNy42NDk3NCA5Ljg4MTRMNC43NjMwOCAxMi43NjgxTDIuNzk5MyAxMC44MDQxTDMuOTc2NyA2LjIwODM2Wk0xMi4yNjgzIDUuMjYyOTRMOS4zODE2OCA4LjE0OTZMNS43MDg5MiA0LjQ3NjdMMTAuMzA0NyAzLjI5OTNMMTIuMjY4MyA1LjI2Mjk0Wk0xNy42OTU5IDMuMjk5M0wyMi4yOTE1IDQuNDc2N0wxOC42MTg2IDguMTQ5NDZMMTUuNzMyMSA1LjI2Mjk0TDE3LjY5NTkgMy4yOTkzWk0yMy4yMzcyIDEyLjc2ODFMMjAuMzUwNSA5Ljg4MTRMMjQuMDIzMyA2LjIwODc4TDI1LjIwMDcgMTAuODA0NkwyMy4yMzcyIDEyLjc2ODFaTTI0LjAyMzMgMjIuNzkxNEwyMC4zNTA1IDE5LjExODZMMjMuMjM3MiAxNi4yMzIxTDI1LjIwMDcgMTguMTk1N0wyNC4wMjMzIDIyLjc5MTRaIj48L3BhdGg+PC9nPjwvc3ZnPgo=';

package/dist/module/justifi-qr-terminal.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { m as makeGetCheckout } from './checkout-actions.js';
 import { C as CheckoutService } from './checkout.service.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes, I as ICheckoutStatus, d as ComponentErrorMessages, i as CompletionStatuses } from './Plaid.js';
+import { C as ComponentErrorSeverity, c as ComponentErrorCodes, I as ICheckoutStatus, d as ComponentErrorMessages, i as CompletionStatuses } from './Plaid.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$2 } from './justifi-checkout-qr-code2.js';

package/dist/module/justifi-refund-payment.js

@@ -2,7 +2,7 @@ import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/i
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { b as formatCurrency } from './utils2.js';
 import './config-state.js';
-import { R as RefundReasons, C as ComponentErrorSeverity, a as ComponentErrorCodes, u as RefundPayload } from './Plaid.js';
+import { R as RefundReasons, C as ComponentErrorSeverity, c as ComponentErrorCodes, u as RefundPayload } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

package/dist/module/justifi-season-interruption-insurance.js

@@ -1,6 +1,6 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { A as Api } from './Api.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { C as ComponentErrorSeverity, c as ComponentErrorCodes } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

package/dist/module/justifi-terminal-orders-list.js

@@ -8,7 +8,7 @@ import { c as checkPkgVersion } from './check-pkg-version.js';
 import { D as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { h as convertToLocal } from './utils2.js';
 import './config-state.js';
-import { j as TerminalOrderType, t as TerminalOrder, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { j as TerminalOrderType, t as TerminalOrder, C as ComponentErrorSeverity, c as ComponentErrorCodes } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

package/dist/module/justifi-terminals-list.js

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { r as Terminal, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { r as Terminal, C as ComponentErrorSeverity, c as ComponentErrorCodes } from './Plaid.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
 import { T as TerminalService } from './terminal.service.js';

package/dist/module/justifi-tokenize-payment-method2.js

@@ -7,7 +7,7 @@ import { c as checkPkgVersion } from './check-pkg-version.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import './config-state.js';
 import './dinero.js';
-import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './Plaid.js';
+import { c as ComponentErrorCodes, C as ComponentErrorSeverity } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

package/dist/module/legal-address-form-step2.js

@@ -1,12 +1,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
+import { v as validateRequiredProps, P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
 import { c as addressSchemaByCountry } from './business-address-schema.js';
 import { F as FormController } from './form.js';
 import { c as Address } from './Business.js';
 import { h as heading2 } from './parts.js';
-import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
 import { B as BusinessFormStep } from './event-types2.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-address-fields2.js';
@@ -100,25 +99,22 @@ const LegalAddressFormStep = /*@__PURE__*/ proxyCustomElement(class LegalAddress
         });
     }
     initializeApi() {
-        if (this.authToken && this.businessId) {
-            this.getBusiness = makeGetBusiness({
-                authToken: this.authToken,
-                businessId: this.businessId,
-                service: new BusinessService()
-            });
-            this.patchBusiness = makePatchBusiness({
-                authToken: this.authToken,
-                businessId: this.businessId,
-                service: new BusinessService()
-            });
-        }
-        else {
-            this.errorEvent.emit({
-                message: 'Missing required props',
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                severity: ComponentErrorSeverity.ERROR,
-            });
+        if (!validateRequiredProps(this.errorEvent, {
+            'auth-token': this.authToken,
+            'business-id': this.businessId,
+        })) {
+            return;
         }
+        this.getBusiness = makeGetBusiness({
+            authToken: this.authToken,
+            businessId: this.businessId,
+            service: new BusinessService()
+        });
+        this.patchBusiness = makePatchBusiness({
+            authToken: this.authToken,
+            businessId: this.businessId,
+            service: new BusinessService()
+        });
     }
     render() {
         var _a;

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.14.2";
+const version = "6.14.4-rc.1";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};

package/dist/module/payment-provisioning-loading.js

@@ -1,12 +1,30 @@
+import { C as ComponentErrorSeverity, c as ComponentErrorCodes } from './Plaid.js';
 import { h } from '@stencil/core/internal/client';
 import { S as Skeleton } from './skeleton.js';
 import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 
+// Emits a MISSING_PROPS error naming each falsy prop. Returns true when all props are present.
+// `props` keys are the public attribute names, e.g. { 'auth-token': this.authToken }.
+function validateRequiredProps(errorEvent, props) {
+    const missingProps = Object.entries(props)
+        .filter(([, value]) => !value)
+        .map(([name]) => name);
+    if (missingProps.length) {
+        errorEvent.emit({
+            message: `Missing required props: ${missingProps.join(', ')}`,
+            errorCode: ComponentErrorCodes.MISSING_PROPS,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+        return false;
+    }
+    return true;
+}
+
 const FormBlock = () => (h("div", { class: "row gap-3" }, h("div", { class: "col-12" }, h(Skeleton, { width: "25%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "100%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "50%" }), h(Skeleton, { width: "50%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "65%" }), h(Skeleton, { width: "35%" }))));
 const PaymentProvisioningLoading = () => {
     return (h("div", { class: "row gap-5" }, h("div", { class: "col-12" }, h(Skeleton, { width: "40%", height: "40px" })), h(FormBlock, null), h(FormBlock, null), h(FormBlock, null)));
 };
 
-export { PaymentProvisioningLoading as P };
+export { PaymentProvisioningLoading as P, validateRequiredProps as v };

package/dist/module/plaid-verification2.js

@@ -6,7 +6,7 @@ import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { P as PlaidService } from './plaid.service.js';
-import { P as PLAID_ERROR_SEVERITY, b as PLAID_ERROR_MESSAGES, c as PlaidErrorCodes, C as ComponentErrorSeverity } from './Plaid.js';
+import { P as PLAID_ERROR_SEVERITY, a as PLAID_ERROR_MESSAGES, b as PlaidErrorCodes, C as ComponentErrorSeverity } from './Plaid.js';
 
 const PlaidVerification = /*@__PURE__*/ proxyCustomElement(class PlaidVerification extends HTMLElement {
     constructor(registerHost) {

package/dist/module/utils3.js

@@ -1,4 +1,4 @@
-import { a as ComponentErrorCodes } from './Plaid.js';
+import { c as ComponentErrorCodes } from './Plaid.js';
 
 // Errors on [capital]/config/locales/en.yml
 // Add more errors as needed

package/dist/types/api/ComponentEvents.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from "../stencil-public-runtime";
 import { BusinessFormClickActions, BusinessFormStep } from "../components/business-forms/utils/event-types";
 import { DisputeManagementClickActions, DisputeResponseFormStep } from "../components/dispute-management/event-types";
 import { TableClickActions } from "../ui-components/table/event-types";
@@ -21,6 +22,7 @@ export interface ComponentErrorEvent {
     severity?: ComponentErrorSeverity;
     data?: any;
 }
+export declare function validateRequiredProps(errorEvent: EventEmitter<ComponentErrorEvent>, props: Record<string, unknown>): boolean;
 export interface RecordClickEvent {
     id: string;
     type: 'account' | 'payment' | 'metadata';

package/dist/types/components/business-forms/schemas/business-form-schema.d.ts

@@ -14,8 +14,8 @@ export declare const businessFormSchemaUSA: import("yup").ObjectSchema<{
         business_other_payment_details?: string;
     };
     representative: {
-        ssn_last4?: string;
         name?: string;
+        ssn_last4?: string;
         address?: {
             state?: string;
             line1?: string;
@@ -95,8 +95,8 @@ export declare const businessFormSchemaCAN: import("yup").ObjectSchema<{
         business_other_payment_details?: string;
     };
     representative: {
-        ssn_last4?: string;
         name?: string;
+        ssn_last4?: string;
         address?: {
             state?: string;
             line1?: string;
@@ -176,8 +176,8 @@ export declare const businessFormSchema: import("yup").ObjectSchema<{
         business_other_payment_details?: string;
     };
     representative: {
-        ssn_last4?: string;
         name?: string;
+        ssn_last4?: string;
         address?: {
             state?: string;
             line1?: string;

package/dist/types/components/modular-checkout/sub-components/justifi-apple-pay.d.ts

@@ -38,6 +38,7 @@ export declare class JustifiApplePay {
         readonly PAYMENT_FAILED: "PAYMENT_FAILED";
     };
     componentWillLoad(): void;
+    private countryCodeForCurrency;
     private loadApplePaySDK;
     private initializeApplePay;
     private handleApplePayClick;

package/dist/webcomponents/{p-265ccfc0.entry.js → p-02097c85.entry.js}

@@ -1 +1 @@
-import{h as t,r as i}from"./p-CV0Pyo1O.js";import{S as s}from"./p-uZ5KAseb.js";import{w as e,c as a}from"./p-DVJaoI_m.js";import{e as r}from"./p-Ds_P-dB8.js";import{c as o}from"./p-DD7TDYNC.js";import{c as n}from"./p-DyPk4BJt.js";import"./p-CPKMvyV_.js";import"./p-D8GTwl9v.js";import"./p-HXpYMWUU.js";import"./p-7CozhRqW.js";import"./p-DkoufM1t.js";const c=i=>{const{isReady:e}=i;return e?null:t("div",{class:"container-fluid p-0"},t("div",{class:"row mb-3"},t("div",{class:"col-12 align-content-end"},t(s,{height:"18px",width:"120px"}),t(s,{height:"36px"}))),t("div",{class:"row"},t("div",{class:"col-12 align-content-end"},t(s,{height:"18px",width:"110px"}),t(s,{height:"36px"}))))},h=class{constructor(t){i(this,t),this.isReady=!1,this.hasLoggedAchDisabledWarning=!1}async componentWillLoad(){await e(),this.iframeOrigin=a.iframeOrigin,this.tabId=r(),o()}componentDidRender(){if(this.isAchDisabledForCheckout())return;const t=[this.accountNumberIframeElement,this.routingNumberIframeElement];t.every(Boolean)&&Promise.all(t.map((t=>new Promise((i=>{t.addEventListener("iframeLoaded",(()=>{i()}))}))))).then((()=>{this.isReady=!0}))}isAchDisabledForCheckout(){return n.checkoutLoaded&&!n.achPaymentsEnabled}async validate(){if(this.isAchDisabledForCheckout())return!1;const t=await this.accountNumberIframeElement.validate(),i=await this.routingNumberIframeElement.validate();return t&&i}async tokenize({clientId:t,paymentMethodMetadata:i,account:s}){return this.isAchDisabledForCheckout()?{error:{message:"ACH payments are disabled for this checkout (payment_settings.ach_payments=false)."}}:await this.accountNumberIframeElement.tokenize(t,i,s)}render(){return this.isAchDisabledForCheckout()?(this.hasLoggedAchDisabledWarning||(console.warn("[bank-account-form] ACH payments are disabled for this checkout (payment_settings.ach_payments=false)."),this.hasLoggedAchDisabledWarning=!0),null):t("div",null,t(c,{isReady:this.isReady}),t("hidden-input",null),t("div",{class:"container-fluid p-0",style:{opacity:this.isReady?"1":"0",height:this.isReady?"auto":"0"}},t("div",{class:"row mb-3"},t("iframe-input",{inputId:"accountNumber",ref:t=>this.accountNumberIframeElement=t,label:"Account Number",iframeOrigin:`${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}`})),t("div",{class:"row"},t("iframe-input",{inputId:"routingNumber",ref:t=>this.routingNumberIframeElement=t,label:"Routing Number",iframeOrigin:`${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}`}))))}};export{h as bank_account_form}
+import{h as t,r as i}from"./p-CV0Pyo1O.js";import{S as s}from"./p-uZ5KAseb.js";import{w as e,c as a}from"./p-DVJaoI_m.js";import{e as r}from"./p-Ds_P-dB8.js";import{c as o}from"./p-Tf63eN3X.js";import{c as n}from"./p-DyPk4BJt.js";import"./p-CPKMvyV_.js";import"./p-D8GTwl9v.js";import"./p-HXpYMWUU.js";import"./p-XQGYXcNa.js";import"./p-DkoufM1t.js";const c=i=>{const{isReady:e}=i;return e?null:t("div",{class:"container-fluid p-0"},t("div",{class:"row mb-3"},t("div",{class:"col-12 align-content-end"},t(s,{height:"18px",width:"120px"}),t(s,{height:"36px"}))),t("div",{class:"row"},t("div",{class:"col-12 align-content-end"},t(s,{height:"18px",width:"110px"}),t(s,{height:"36px"}))))},h=class{constructor(t){i(this,t),this.isReady=!1,this.hasLoggedAchDisabledWarning=!1}async componentWillLoad(){await e(),this.iframeOrigin=a.iframeOrigin,this.tabId=r(),o()}componentDidRender(){if(this.isAchDisabledForCheckout())return;const t=[this.accountNumberIframeElement,this.routingNumberIframeElement];t.every(Boolean)&&Promise.all(t.map((t=>new Promise((i=>{t.addEventListener("iframeLoaded",(()=>{i()}))}))))).then((()=>{this.isReady=!0}))}isAchDisabledForCheckout(){return n.checkoutLoaded&&!n.achPaymentsEnabled}async validate(){if(this.isAchDisabledForCheckout())return!1;const t=await this.accountNumberIframeElement.validate(),i=await this.routingNumberIframeElement.validate();return t&&i}async tokenize({clientId:t,paymentMethodMetadata:i,account:s}){return this.isAchDisabledForCheckout()?{error:{message:"ACH payments are disabled for this checkout (payment_settings.ach_payments=false)."}}:await this.accountNumberIframeElement.tokenize(t,i,s)}render(){return this.isAchDisabledForCheckout()?(this.hasLoggedAchDisabledWarning||(console.warn("[bank-account-form] ACH payments are disabled for this checkout (payment_settings.ach_payments=false)."),this.hasLoggedAchDisabledWarning=!0),null):t("div",null,t(c,{isReady:this.isReady}),t("hidden-input",null),t("div",{class:"container-fluid p-0",style:{opacity:this.isReady?"1":"0",height:this.isReady?"auto":"0"}},t("div",{class:"row mb-3"},t("iframe-input",{inputId:"accountNumber",ref:t=>this.accountNumberIframeElement=t,label:"Account Number",iframeOrigin:`${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}`})),t("div",{class:"row"},t("iframe-input",{inputId:"routingNumber",ref:t=>this.routingNumberIframeElement=t,label:"Routing Number",iframeOrigin:`${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}`}))))}};export{h as bank_account_form}