@justifi/webcomponents 4.8.0 → 4.8.2

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AdditionalQuestions, Address, IBusiness, Identity } from "./api/Business";
+import { AdditionalQuestions, IAddress, IBusiness, Identity } from "./api/Business";
 import { FormController } from "./components/form/form";
 import { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 import { BillingFormFields } from "./components/billing-form/billing-form-schema";
@@ -17,7 +17,7 @@ import { IOnboardingData, SubAccount, SubaccountBankAccount, SubAccountIdentity
 import { TableProps } from "./components/table/table";
 import { PaginationProps } from "./components/pagination-menu/pagination-menu";
 import { IOnboardingData as IOnboardingData1, SubAccountIdentity } from "./components";
-export { AdditionalQuestions, Address, IBusiness, Identity } from "./api/Business";
+export { AdditionalQuestions, IAddress, IBusiness, Identity } from "./api/Business";
 export { FormController } from "./components/form/form";
 export { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 export { BillingFormFields } from "./components/billing-form/billing-form-schema";
@@ -323,25 +323,22 @@ export namespace Components {
         "email"?: string;
         "enableSubmitButton": () => Promise<void>;
         "fillBillingForm": (fields: BillingFormFields) => Promise<void>;
-        "iframeOrigin"?: string;
-        "loadFontsOnParent": () => Promise<any>;
         "submitButtonText"?: string;
     }
     interface JustifiPaymentMethodForm {
-        "iframeOrigin"?: string;
-        "paymentMethodFormType": 'card' | 'bankAccount';
+        "iframeOrigin": string;
+        "paymentMethodFormType": PaymentMethodTypes;
         "paymentMethodFormValidationMode": | 'onChange'
     | 'onBlur'
     | 'onSubmit'
     | 'onTouched'
     | 'all';
-        "resize": () => Promise<any>;
+        "resize": () => Promise<void>;
         "singleLine": boolean;
         "tokenize": (clientId: string, paymentMethodMetadata: any, account?: string) => Promise<CreatePaymentMethodResponse>;
         "validate": () => Promise<any>;
     }
     interface JustifiPaymentMethodSelector {
-        "paymentMethodTypes": PaymentMethodTypes[];
         "selectedPaymentMethodType": PaymentMethodTypes;
     }
     /**
@@ -463,7 +460,7 @@ export namespace Components {
         "rowData": TableProps['rowData'];
     }
     interface LegalAddressDetails {
-        "legalAddress": Address;
+        "legalAddress": IAddress;
     }
     /**
      * @exportedPart detail-section
@@ -1000,9 +997,9 @@ declare global {
         new (): HTMLJustifiPaymentFormElement;
     };
     interface HTMLJustifiPaymentMethodFormElementEventMap {
-        "paymentMethodFormReady": any;
+        "paymentMethodFormReady": void;
         "paymentMethodFormValidated": any;
-        "paymentMethodFormTokenized": any;
+        "paymentMethodFormTokenized": CreatePaymentMethodResponse;
     }
     interface HTMLJustifiPaymentMethodFormElement extends Components.JustifiPaymentMethodForm, HTMLStencilElement {
         addEventListener<K extends keyof HTMLJustifiPaymentMethodFormElementEventMap>(type: K, listener: (this: HTMLJustifiPaymentMethodFormElement, ev: JustifiPaymentMethodFormCustomEvent<HTMLJustifiPaymentMethodFormElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1690,16 +1687,15 @@ declare namespace LocalJSX {
         "card"?: boolean;
         "clientId"?: string;
         "email"?: string;
-        "iframeOrigin"?: string;
         "onSubmitted"?: (event: JustifiPaymentFormCustomEvent<CreatePaymentMethodResponse>) => void;
         "submitButtonText"?: string;
     }
     interface JustifiPaymentMethodForm {
         "iframeOrigin"?: string;
-        "onPaymentMethodFormReady"?: (event: JustifiPaymentMethodFormCustomEvent<any>) => void;
-        "onPaymentMethodFormTokenized"?: (event: JustifiPaymentMethodFormCustomEvent<any>) => void;
+        "onPaymentMethodFormReady"?: (event: JustifiPaymentMethodFormCustomEvent<void>) => void;
+        "onPaymentMethodFormTokenized"?: (event: JustifiPaymentMethodFormCustomEvent<CreatePaymentMethodResponse>) => void;
         "onPaymentMethodFormValidated"?: (event: JustifiPaymentMethodFormCustomEvent<any>) => void;
-        "paymentMethodFormType"?: 'card' | 'bankAccount';
+        "paymentMethodFormType"?: PaymentMethodTypes;
         "paymentMethodFormValidationMode"?: | 'onChange'
     | 'onBlur'
     | 'onSubmit'
@@ -1709,7 +1705,6 @@ declare namespace LocalJSX {
     }
     interface JustifiPaymentMethodSelector {
         "onPaymentMethodSelected"?: (event: JustifiPaymentMethodSelectorCustomEvent<any>) => void;
-        "paymentMethodTypes"?: PaymentMethodTypes[];
         "selectedPaymentMethodType"?: PaymentMethodTypes;
     }
     /**
@@ -1837,7 +1832,7 @@ declare namespace LocalJSX {
         "rowData"?: TableProps['rowData'];
     }
     interface LegalAddressDetails {
-        "legalAddress"?: Address;
+        "legalAddress"?: IAddress;
     }
     /**
      * @exportedPart detail-section

package/dist/types/utils/frame-comunication-service.d.ts

@@ -0,0 +1,13 @@
+/**
+ * This approach decouples the communication logic from PaymentMethodForm component,
+ * making it cleaner, more maintainable, and easier to test
+ */
+export declare class FrameCommunicationService {
+    private iframe;
+    private iframeOrigin;
+    constructor(iframe: HTMLIFrameElement, iframeOrigin: string);
+    postMessage(eventType: string, payload?: any): void;
+    addMessageListener(callback: (event: MessageEvent) => void): void;
+    removeMessageListener(callback: (event: MessageEvent) => void): void;
+    postMessageWithResponseListener(eventType: string, payload?: any): Promise<any>;
+}

package/dist/types/utils/utils.d.ts

@@ -24,3 +24,5 @@ export declare const MapSubAccountStatusToBadge: (status: string) => "<span clas
  * console.log(readable); // Outputs: "Sole Proprietorship"
  */
 export declare function snakeCaseToHumanReadable(snakeCaseStr: string): string;
+export declare function composeQueryParams(values: string[]): string;
+export declare function loadFontsOnParent(): Promise<any>;