@justifi/webcomponents 4.8.1 → 4.8.3

package/dist/types/components.d.ts

@@ -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;
     }
     /**
@@ -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;
     }
     /**

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>;