@justifi/webcomponents 3.3.5 → 4.0.0

package/CHANGELOG.md

@@ -4,6 +4,15 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### 4.0.0
+> 08 May 2023
+
+- Changed: `CardForm.tokenize`, `BankAccountForm.tokenize` and `PaymentForm.submitted` will now return the full response from the `payment_methods` endpoint instead of just `errors` or `token`. See the API documentation to see payment method CREATE sample responses: https://developer.justifi.ai/tag/Payment-Methods#operation/CreatePaymentMethod
+
+Migration notes:
+- Errors - instead of getting errors via `data.errors[0]`, which was an error code, you will now need to use `data.error.code`. There is also now a human readable message (`data.error.message`)
+- Success/created payment method - instead of getting the token via `data.token`, it is nested within a full payment method response. In order to get the token you will need to use `data.card.token` or `data.bank_account.token` depending on what payment method type is being tokenized
+
 #### 3.3.5
 > 11 May 2023
 
@@ -23,6 +32,11 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - Fix missing url to show recently added introduction page.
 
+#### 3.0.4
+> 08 May 2023
+
+- Add Storybook landing page with general info
+
 #### 3.0.3
 > 04 May 2023
 

package/dist/cjs/justifi-payment-method-form.cjs.entry.js

@@ -22,7 +22,7 @@ const MessageEventType = {
 };
 
 const name = "@justifi/webcomponents";
-const version = "3.3.5";
+const version = "4.0.0";
 const description = "JustiFi Web Components";
 const main = "dist/index.cjs.js";
 const module$1 = "dist/components/index.js";

package/dist/collection/components/bank-account-form/bank-account-form.js

@@ -144,7 +144,7 @@ export class BankAccountForm {
     return {
       "tokenize": {
         "complexType": {
-          "signature": "(clientId: string, paymentMethodMetadata: any, account?: string) => Promise<any>",
+          "signature": "(clientId: string, paymentMethodMetadata: any, account?: string) => Promise<CreatePaymentMethodResponse>",
           "parameters": [{
               "tags": [],
               "text": ""
@@ -153,6 +153,10 @@ export class BankAccountForm {
             "Promise": {
               "location": "global"
             },
+            "CreatePaymentMethodResponse": {
+              "location": "import",
+              "path": "../payment-method-form/payment-method-responses"
+            },
             "Parameters": {
               "location": "global"
             },
@@ -160,7 +164,7 @@ export class BankAccountForm {
               "location": "global"
             }
           },
-          "return": "Promise<any>"
+          "return": "Promise<CreatePaymentMethodResponse>"
         },
         "docs": {
           "text": "Makes a tokenization request to the iframe",

package/dist/collection/components/card-form/card-form.js

@@ -163,7 +163,7 @@ export class CardForm {
     return {
       "tokenize": {
         "complexType": {
-          "signature": "(clientId: string, paymentMethodMetadata: any, account?: string) => Promise<any>",
+          "signature": "(clientId: string, paymentMethodMetadata: any, account?: string) => Promise<CreatePaymentMethodResponse>",
           "parameters": [{
               "tags": [],
               "text": ""
@@ -172,6 +172,10 @@ export class CardForm {
             "Promise": {
               "location": "global"
             },
+            "CreatePaymentMethodResponse": {
+              "location": "import",
+              "path": "../payment-method-form/payment-method-responses"
+            },
             "Parameters": {
               "location": "global"
             },
@@ -179,7 +183,7 @@ export class CardForm {
               "location": "global"
             }
           },
-          "return": "Promise<any>"
+          "return": "Promise<CreatePaymentMethodResponse>"
         },
         "docs": {
           "text": "Makes a tokenization request to the iframe",

package/dist/collection/components/payment-form/payment-form.js

@@ -214,9 +214,14 @@ export class PaymentForm {
           "text": ""
         },
         "complexType": {
-          "original": "{ data: any }",
-          "resolved": "{ data: any; }",
-          "references": {}
+          "original": "CreatePaymentMethodResponse",
+          "resolved": "BankAccountCreateResponse | CardCreateResponse",
+          "references": {
+            "CreatePaymentMethodResponse": {
+              "location": "import",
+              "path": "../payment-method-form/payment-method-responses"
+            }
+          }
         }
       }];
   }

package/dist/collection/components/payment-method-form/payment-method-form.js

@@ -220,7 +220,7 @@ export class PaymentMethodForm {
     return {
       "tokenize": {
         "complexType": {
-          "signature": "(clientId: string, paymentMethodMetadata: any, account?: string) => Promise<any>",
+          "signature": "(clientId: string, paymentMethodMetadata: any, account?: string) => Promise<CreatePaymentMethodResponse>",
           "parameters": [{
               "tags": [],
               "text": ""
@@ -234,9 +234,13 @@ export class PaymentMethodForm {
           "references": {
             "Promise": {
               "location": "global"
+            },
+            "CreatePaymentMethodResponse": {
+              "location": "import",
+              "path": "./payment-method-responses"
             }
           },
-          "return": "Promise<any>"
+          "return": "Promise<CreatePaymentMethodResponse>"
         },
         "docs": {
           "text": "",

package/dist/collection/components/payment-method-form/payment-method-responses.js

@@ -0,0 +1 @@
+export {};

package/dist/components/payment-method-form.js

@@ -18,7 +18,7 @@ const MessageEventType = {
 };
 
 const name = "@justifi/webcomponents";
-const version = "3.3.5";
+const version = "4.0.0";
 const description = "JustiFi Web Components";
 const main = "dist/index.cjs.js";
 const module = "dist/components/index.js";

package/dist/esm/justifi-payment-method-form.entry.js

@@ -18,7 +18,7 @@ const MessageEventType = {
 };
 
 const name = "@justifi/webcomponents";
-const version = "3.3.5";
+const version = "4.0.0";
 const description = "JustiFi Web Components";
 const main = "dist/index.cjs.js";
 const module = "dist/components/index.js";

package/dist/types/components/bank-account-form/bank-account-form.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';
 import { Theme } from '../payment-method-form/theme';
 export declare class BankAccountForm {
   /**
@@ -42,7 +43,7 @@ export declare class BankAccountForm {
   /**
    *  Makes a tokenization request to the iframe
   */
-  tokenize(...args: Parameters<HTMLJustifiPaymentMethodFormElement['tokenize']>): Promise<any>;
+  tokenize(...args: Parameters<HTMLJustifiPaymentMethodFormElement['tokenize']>): Promise<CreatePaymentMethodResponse>;
   /**
    *  Runs a validation on the form and shows errors if any
   */

package/dist/types/components/card-form/card-form.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';
 import { Theme } from '../payment-method-form/theme';
 export declare class CardForm {
   /**
@@ -46,7 +47,7 @@ export declare class CardForm {
   /**
    *  Makes a tokenization request to the iframe
   */
-  tokenize(...args: Parameters<HTMLJustifiPaymentMethodFormElement['tokenize']>): Promise<any>;
+  tokenize(...args: Parameters<HTMLJustifiPaymentMethodFormElement['tokenize']>): Promise<CreatePaymentMethodResponse>;
   /**
    *  Runs a validation on the form and shows errors if any
   */

package/dist/types/components/payment-form/payment-form.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { PaymentMethodTypes } from '../../api';
 import { BillingFormFields } from '../billing-form/billing-form-schema';
+import { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';
 export declare class PaymentForm {
   bankAccount?: boolean;
   card?: boolean;
@@ -9,9 +10,7 @@ export declare class PaymentForm {
   clientId: string;
   accountId?: string;
   submitButtonText?: string;
-  submitted: EventEmitter<{
-    data: any;
-  }>;
+  submitted: EventEmitter<CreatePaymentMethodResponse>;
   submitButtonEnabled: boolean;
   selectedPaymentMethodType: PaymentMethodTypes;
   allowedPaymentMethodTypes: PaymentMethodTypes[];

package/dist/types/components/payment-method-form/payment-method-form.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import { CreatePaymentMethodResponse } from './payment-method-responses';
 export declare class PaymentMethodForm {
   paymentMethodFormType: 'card' | 'bankAccount';
   paymentMethodFormValidationMode: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';
@@ -18,7 +19,7 @@ export declare class PaymentMethodForm {
   private dispatchMessageEvent;
   private postMessage;
   private postMessageWithResponseListener;
-  tokenize(clientId: string, paymentMethodMetadata: any, account?: string): Promise<any>;
+  tokenize(clientId: string, paymentMethodMetadata: any, account?: string): Promise<CreatePaymentMethodResponse>;
   validate(): Promise<any>;
   private composeQueryParams;
   private getIframeSrc;

package/dist/types/components/payment-method-form/payment-method-responses.d.ts

@@ -0,0 +1,46 @@
+interface PaymentMethodCreateResponseWrapper {
+  id: string;
+  type: 'payment_method';
+  error?: {
+    code: string;
+    message: string;
+  };
+  page_info: string;
+}
+interface CardCreateResponse extends PaymentMethodCreateResponseWrapper {
+  data?: {
+    signature: string;
+    customer_id: string;
+    account_id: string;
+    card: {
+      id: string;
+      name: string;
+      acct_last_four: number;
+      brand: string;
+      token: string;
+      month: string;
+      year: string;
+      metadata: any;
+      address_line1_check: string;
+      address_postal_code_check: string;
+    };
+  };
+}
+interface BankAccountCreateResponse extends PaymentMethodCreateResponseWrapper {
+  data?: {
+    signature: string;
+    customer_id: string;
+    account_id: string;
+    bank_account: {
+      id: string;
+      account_owner_name: string;
+      account_type: 'checking' | 'savings';
+      bank_name: string;
+      acct_last_four: number;
+      token: string;
+      metadata: any;
+    };
+  };
+}
+export declare type CreatePaymentMethodResponse = CardCreateResponse | BankAccountCreateResponse;
+export {};

package/dist/types/components.d.ts

@@ -5,6 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 import { BillingFormFields } from "./components/billing-form/billing-form-schema";
 import { ValidationError } from "yup";
 import { PaymentMethodTypes } from "./api";
@@ -17,7 +18,7 @@ export namespace Components {
         /**
           * Makes a tokenization request to the iframe
          */
-        "tokenize": (clientId: string, paymentMethodMetadata: any, account?: string) => Promise<any>;
+        "tokenize": (clientId: string, paymentMethodMetadata: any, account?: string) => Promise<CreatePaymentMethodResponse>;
         /**
           * Runs a validation on the form and shows errors if any
          */
@@ -59,7 +60,7 @@ export namespace Components {
         /**
           * Makes a tokenization request to the iframe
          */
-        "tokenize": (clientId: string, paymentMethodMetadata: any, account?: string) => Promise<any>;
+        "tokenize": (clientId: string, paymentMethodMetadata: any, account?: string) => Promise<CreatePaymentMethodResponse>;
         /**
           * Runs a validation on the form and shows errors if any
          */
@@ -85,7 +86,7 @@ export namespace Components {
         "paymentMethodFormType": 'card' | 'bankAccount';
         "paymentMethodFormValidationMode": 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';
         "singleLine": boolean;
-        "tokenize": (clientId: string, paymentMethodMetadata: any, account?: string) => Promise<any>;
+        "tokenize": (clientId: string, paymentMethodMetadata: any, account?: string) => Promise<CreatePaymentMethodResponse>;
         "validate": () => Promise<any>;
     }
     interface JustifiPaymentMethodSelector {
@@ -273,7 +274,7 @@ declare namespace LocalJSX {
         "clientId"?: string;
         "email"?: string;
         "iframeOrigin"?: string;
-        "onSubmitted"?: (event: JustifiPaymentFormCustomEvent<{ data: any }>) => void;
+        "onSubmitted"?: (event: JustifiPaymentFormCustomEvent<CreatePaymentMethodResponse>) => void;
         "submitButtonText"?: string;
     }
     interface JustifiPaymentMethodForm {

package/dist/webcomponents/{p-c3c51a2a.entry.js → p-48bd3d00.entry.js}

@@ -1 +1 @@
-import{r as o,c as r,h as t,H as i}from"./p-4a406704.js";const e={card:{ready:"justifi.card.ready",tokenize:"justifi.card.tokenize",validate:"justifi.card.validate",resize:"justifi.card.resize",styleOverrides:"justifi.card.styleOverrides"},bankAccount:{ready:"justifi.bankAccount.ready",tokenize:"justifi.bankAccount.tokenize",validate:"justifi.bankAccount.validate",resize:"justifi.bankAccount.resize",styleOverrides:"justifi.bankAccount.styleOverrides"}},s=class{constructor(t){o(this,t),this.paymentMethodFormReady=r(this,"paymentMethodFormReady",7),this.paymentMethodFormTokenize=r(this,"paymentMethodFormTokenize",7),this.computedTheme=(()=>{const o=getComputedStyle(document.body);return{layout:{padding:o.getPropertyValue("--jfi-layout-padding"),formControlSpacingHorizontal:o.getPropertyValue("--jfi-layout-form-control-spacing-x"),formControlSpacingVertical:o.getPropertyValue("--jfi-layout-form-control-spacing-y")},formControl:{backgroundColor:o.getPropertyValue("--jfi-form-control-background-color"),borderColor:o.getPropertyValue("--jfi-form-control-border-color"),borderColorFocus:o.getPropertyValue("--jfi-form-control-border-color-focus"),borderColorError:o.getPropertyValue("--jfi-form-control-border-color-error"),borderWidth:o.getPropertyValue("--jfi-form-control-border-width"),borderBottomWidth:o.getPropertyValue("--jfi-form-control-border-bottom-width"),borderLeftWidth:o.getPropertyValue("--jfi-form-control-border-left-width"),borderRightWidth:o.getPropertyValue("--jfi-form-control-border-right-width"),borderTopWidth:o.getPropertyValue("--jfi-form-control-border-top-width"),borderRadius:o.getPropertyValue("--jfi-form-control-border-radius"),borderStyle:o.getPropertyValue("--jfi-form-control-border-style"),boxShadow:o.getPropertyValue("--jfi-form-control-box-shadow"),boxShadowError:o.getPropertyValue("--jfi-form-control-box-shadow-error"),boxShadowErrorFocus:o.getPropertyValue("--jfi-form-control-box-shadow-error-focus"),boxShadowFocus:o.getPropertyValue("--jfi-form-control-box-shadow-focus"),color:o.getPropertyValue("--jfi-form-control-color"),colorFocus:o.getPropertyValue("--jfi-form-control-color-focus"),fontSize:o.getPropertyValue("--jfi-form-control-font-size"),fontWeight:o.getPropertyValue("--jfi-form-control-font-weight"),lineHeight:o.getPropertyValue("--jfi-form-control-line-height"),margin:o.getPropertyValue("--jfi-form-control-margin"),padding:o.getPropertyValue("--jfi-form-control-padding")},formLabel:{color:o.getPropertyValue("--jfi-form-label-color"),fontFamily:o.getPropertyValue("--jfi-form-label-font-family"),fontSize:o.getPropertyValue("--jfi-form-label-font-size"),fontWeight:o.getPropertyValue("--jfi-form-label-font-weight"),margin:o.getPropertyValue("--jfi-form-label-margin")},errorMessage:{color:o.getPropertyValue("--jfi-error-message-color"),margin:o.getPropertyValue("--jfi-error-message-margin"),fontSize:o.getPropertyValue("--jfi-error-message-font-size")}}})(),this.paymentMethodFormType=void 0,this.paymentMethodFormValidationMode=void 0,this.iframeOrigin=void 0,this.singleLine=void 0,this.height=55}connectedCallback(){window.addEventListener("message",this.dispatchMessageEvent.bind(this))}disconnectedCallback(){window.removeEventListener("message",this.dispatchMessageEvent.bind(this))}componentShouldUpdate(){this.sendStyleOverrides()}sendStyleOverrides(){this.computedTheme&&this.postMessage(e[this.paymentMethodFormType].styleOverrides,{styleOverrides:this.computedTheme})}dispatchMessageEvent(o){const r=o.data,t=r.eventType,i=r.data;t===e[this.paymentMethodFormType].ready&&this.paymentMethodFormReady.emit(i),t===e[this.paymentMethodFormType].resize&&(this.height=i.height)}postMessage(o,r){var t,i;null===(i=null===(t=this.iframeElement)||void 0===t?void 0:t.contentWindow)||void 0===i||i.postMessage(Object.assign({eventType:o},r),"*")}async postMessageWithResponseListener(o,r){return new Promise((t=>{const i=r=>{r.data.eventType===o&&(window.removeEventListener("message",i),t(r.data.data))};window.addEventListener("message",i),this.postMessage(o,r)}))}async tokenize(o,r,t){return this.postMessageWithResponseListener(e[this.paymentMethodFormType].tokenize,{clientId:o,componentVersion:"3.3.5",paymentMethodMetadata:r,account:t})}async validate(){return this.postMessageWithResponseListener(e[this.paymentMethodFormType].validate)}composeQueryParams(o){return o.map((r=>r===o[0]?`?${r}`:`&${r}`)).join("")}getIframeSrc(){let o=`${this.iframeOrigin||"https://js.justifi.ai/v2"}/${this.paymentMethodFormType}`,r=[];return this.paymentMethodFormValidationMode&&r.push(`validationMode=${this.paymentMethodFormValidationMode}`),this.singleLine&&r.push(`singleLine=${this.singleLine}`),o.concat(this.composeQueryParams(r))}render(){return t(i,null,t("iframe",{id:`justifi-payment-method-form-${this.paymentMethodFormType}`,src:this.getIframeSrc(),ref:o=>this.iframeElement=o,height:this.height}))}};s.style=":host{display:block}justifi-payment-method-form iframe{border:none;width:100%}";export{s as justifi_payment_method_form}
+import{r as o,c as r,h as t,H as i}from"./p-4a406704.js";const e={card:{ready:"justifi.card.ready",tokenize:"justifi.card.tokenize",validate:"justifi.card.validate",resize:"justifi.card.resize",styleOverrides:"justifi.card.styleOverrides"},bankAccount:{ready:"justifi.bankAccount.ready",tokenize:"justifi.bankAccount.tokenize",validate:"justifi.bankAccount.validate",resize:"justifi.bankAccount.resize",styleOverrides:"justifi.bankAccount.styleOverrides"}},s=class{constructor(t){o(this,t),this.paymentMethodFormReady=r(this,"paymentMethodFormReady",7),this.paymentMethodFormTokenize=r(this,"paymentMethodFormTokenize",7),this.computedTheme=(()=>{const o=getComputedStyle(document.body);return{layout:{padding:o.getPropertyValue("--jfi-layout-padding"),formControlSpacingHorizontal:o.getPropertyValue("--jfi-layout-form-control-spacing-x"),formControlSpacingVertical:o.getPropertyValue("--jfi-layout-form-control-spacing-y")},formControl:{backgroundColor:o.getPropertyValue("--jfi-form-control-background-color"),borderColor:o.getPropertyValue("--jfi-form-control-border-color"),borderColorFocus:o.getPropertyValue("--jfi-form-control-border-color-focus"),borderColorError:o.getPropertyValue("--jfi-form-control-border-color-error"),borderWidth:o.getPropertyValue("--jfi-form-control-border-width"),borderBottomWidth:o.getPropertyValue("--jfi-form-control-border-bottom-width"),borderLeftWidth:o.getPropertyValue("--jfi-form-control-border-left-width"),borderRightWidth:o.getPropertyValue("--jfi-form-control-border-right-width"),borderTopWidth:o.getPropertyValue("--jfi-form-control-border-top-width"),borderRadius:o.getPropertyValue("--jfi-form-control-border-radius"),borderStyle:o.getPropertyValue("--jfi-form-control-border-style"),boxShadow:o.getPropertyValue("--jfi-form-control-box-shadow"),boxShadowError:o.getPropertyValue("--jfi-form-control-box-shadow-error"),boxShadowErrorFocus:o.getPropertyValue("--jfi-form-control-box-shadow-error-focus"),boxShadowFocus:o.getPropertyValue("--jfi-form-control-box-shadow-focus"),color:o.getPropertyValue("--jfi-form-control-color"),colorFocus:o.getPropertyValue("--jfi-form-control-color-focus"),fontSize:o.getPropertyValue("--jfi-form-control-font-size"),fontWeight:o.getPropertyValue("--jfi-form-control-font-weight"),lineHeight:o.getPropertyValue("--jfi-form-control-line-height"),margin:o.getPropertyValue("--jfi-form-control-margin"),padding:o.getPropertyValue("--jfi-form-control-padding")},formLabel:{color:o.getPropertyValue("--jfi-form-label-color"),fontFamily:o.getPropertyValue("--jfi-form-label-font-family"),fontSize:o.getPropertyValue("--jfi-form-label-font-size"),fontWeight:o.getPropertyValue("--jfi-form-label-font-weight"),margin:o.getPropertyValue("--jfi-form-label-margin")},errorMessage:{color:o.getPropertyValue("--jfi-error-message-color"),margin:o.getPropertyValue("--jfi-error-message-margin"),fontSize:o.getPropertyValue("--jfi-error-message-font-size")}}})(),this.paymentMethodFormType=void 0,this.paymentMethodFormValidationMode=void 0,this.iframeOrigin=void 0,this.singleLine=void 0,this.height=55}connectedCallback(){window.addEventListener("message",this.dispatchMessageEvent.bind(this))}disconnectedCallback(){window.removeEventListener("message",this.dispatchMessageEvent.bind(this))}componentShouldUpdate(){this.sendStyleOverrides()}sendStyleOverrides(){this.computedTheme&&this.postMessage(e[this.paymentMethodFormType].styleOverrides,{styleOverrides:this.computedTheme})}dispatchMessageEvent(o){const r=o.data,t=r.eventType,i=r.data;t===e[this.paymentMethodFormType].ready&&this.paymentMethodFormReady.emit(i),t===e[this.paymentMethodFormType].resize&&(this.height=i.height)}postMessage(o,r){var t,i;null===(i=null===(t=this.iframeElement)||void 0===t?void 0:t.contentWindow)||void 0===i||i.postMessage(Object.assign({eventType:o},r),"*")}async postMessageWithResponseListener(o,r){return new Promise((t=>{const i=r=>{r.data.eventType===o&&(window.removeEventListener("message",i),t(r.data.data))};window.addEventListener("message",i),this.postMessage(o,r)}))}async tokenize(o,r,t){return this.postMessageWithResponseListener(e[this.paymentMethodFormType].tokenize,{clientId:o,componentVersion:"4.0.0",paymentMethodMetadata:r,account:t})}async validate(){return this.postMessageWithResponseListener(e[this.paymentMethodFormType].validate)}composeQueryParams(o){return o.map((r=>r===o[0]?`?${r}`:`&${r}`)).join("")}getIframeSrc(){let o=`${this.iframeOrigin||"https://js.justifi.ai/v2"}/${this.paymentMethodFormType}`,r=[];return this.paymentMethodFormValidationMode&&r.push(`validationMode=${this.paymentMethodFormValidationMode}`),this.singleLine&&r.push(`singleLine=${this.singleLine}`),o.concat(this.composeQueryParams(r))}render(){return t(i,null,t("iframe",{id:`justifi-payment-method-form-${this.paymentMethodFormType}`,src:this.getIframeSrc(),ref:o=>this.iframeElement=o,height:this.height}))}};s.style=":host{display:block}justifi-payment-method-form iframe{border:none;width:100%}";export{s as justifi_payment_method_form}

package/dist/webcomponents/webcomponents.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-4a406704.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-bf40b1ca",[[1,"justifi-payment-form",{bankAccount:[4,"bank-account"],card:[4],email:[1],iframeOrigin:[1,"iframe-origin"],clientId:[1,"client-id"],accountId:[1,"account-id"],submitButtonText:[1,"submit-button-text"],submitButtonEnabled:[32],selectedPaymentMethodType:[32],allowedPaymentMethodTypes:[32],fillBillingForm:[64],enableSubmitButton:[64]},[[0,"paymentMethodSelected","paymentMethodSelectedHandler"]]]]],["p-bc35e124",[[0,"justifi-bank-account-form",{validationMode:[1025,"validation-mode"],iframeOrigin:[1025,"iframe-origin"],internalStyleOverrides:[32],tokenize:[64],validate:[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["p-5774e36e",[[0,"justifi-card-form",{validationMode:[1025,"validation-mode"],iframeOrigin:[1025,"iframe-origin"],singleLine:[4,"single-line"],internalStyleOverrides:[32],tokenize:[64],validate:[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["p-64b19598",[[1,"justifi-payments-list",{accountId:[1,"account-id"],auth:[16],payments:[32]}]]],["p-24409e8e",[[1,"select-input",{name:[1],label:[1],defaultValue:[1,"default-value"],error:[1],options:[16],internalValue:[32]}],[1,"text-input",{name:[1],label:[1],defaultValue:[1,"default-value"],error:[1],internalValue:[32]}]]],["p-2530278e",[[1,"justifi-billing-form",{legend:[1],billingFields:[32],billingFieldsErrors:[32],fill:[64],validate:[64],getValues:[64]},[[0,"fieldReceivedInput","setFormValue"]]],[1,"justifi-payment-method-selector",{paymentMethodTypes:[16],selectedPaymentMethodType:[1,"selected-payment-method-type"]}]]],["p-c3c51a2a",[[0,"justifi-payment-method-form",{paymentMethodFormType:[1,"payment-method-form-type"],paymentMethodFormValidationMode:[1025,"payment-method-form-validation-mode"],iframeOrigin:[1,"iframe-origin"],singleLine:[4,"single-line"],height:[32],tokenize:[64],validate:[64]}]]]],e)));
+import{p as e,b as t}from"./p-4a406704.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t([["p-bf40b1ca",[[1,"justifi-payment-form",{bankAccount:[4,"bank-account"],card:[4],email:[1],iframeOrigin:[1,"iframe-origin"],clientId:[1,"client-id"],accountId:[1,"account-id"],submitButtonText:[1,"submit-button-text"],submitButtonEnabled:[32],selectedPaymentMethodType:[32],allowedPaymentMethodTypes:[32],fillBillingForm:[64],enableSubmitButton:[64]},[[0,"paymentMethodSelected","paymentMethodSelectedHandler"]]]]],["p-bc35e124",[[0,"justifi-bank-account-form",{validationMode:[1025,"validation-mode"],iframeOrigin:[1025,"iframe-origin"],internalStyleOverrides:[32],tokenize:[64],validate:[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["p-5774e36e",[[0,"justifi-card-form",{validationMode:[1025,"validation-mode"],iframeOrigin:[1025,"iframe-origin"],singleLine:[4,"single-line"],internalStyleOverrides:[32],tokenize:[64],validate:[64]},[[0,"paymentMethodFormReady","readyHandler"],[0,"paymentMethodFormTokenize","tokenizeHandler"],[0,"paymentMethodFormValidate","validateHandler"]]]]],["p-64b19598",[[1,"justifi-payments-list",{accountId:[1,"account-id"],auth:[16],payments:[32]}]]],["p-24409e8e",[[1,"select-input",{name:[1],label:[1],defaultValue:[1,"default-value"],error:[1],options:[16],internalValue:[32]}],[1,"text-input",{name:[1],label:[1],defaultValue:[1,"default-value"],error:[1],internalValue:[32]}]]],["p-2530278e",[[1,"justifi-billing-form",{legend:[1],billingFields:[32],billingFieldsErrors:[32],fill:[64],validate:[64],getValues:[64]},[[0,"fieldReceivedInput","setFormValue"]]],[1,"justifi-payment-method-selector",{paymentMethodTypes:[16],selectedPaymentMethodType:[1,"selected-payment-method-type"]}]]],["p-48bd3d00",[[0,"justifi-payment-method-form",{paymentMethodFormType:[1,"payment-method-form-type"],paymentMethodFormValidationMode:[1025,"payment-method-form-validation-mode"],iframeOrigin:[1,"iframe-origin"],singleLine:[4,"single-line"],height:[32],tokenize:[64],validate:[64]}]]]],e)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justifi/webcomponents",
-  "version": "3.3.5",
+  "version": "4.0.0",
   "description": "JustiFi Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/components/index.js",
@@ -72,4 +72,4 @@
     "storybook": "^7.0.4"
   },
   "license": "MIT"
-}
+}