@getopenpay/openpay-js-react 0.1.14 → 0.1.15-alpha.09caa9f

package/dist/index.d.ts

@@ -1,6 +1,20 @@
 import { FC } from 'react';
 import { z } from 'zod';
 
+declare type AllCallbacks = {
+    onFocus?: (elementId: string, field: AllFieldNames) => void;
+    onBlur?: (elementId: string, field: AllFieldNames) => void;
+    onChange?: (elementId: string, field: AllFieldNames, errors?: string[]) => void;
+    onLoad?: (totalAmountAtoms?: number, currency?: string) => void;
+    onLoadError?: (message: string) => void;
+    onValidationError?: OnValidationError;
+    onCheckoutStarted?: OnCheckoutStarted;
+    onCheckoutSuccess?: OnCheckoutSuccess;
+    onSetupPaymentMethodSuccess?: OnSetupPaymentMethodSuccess;
+    onCheckoutError?: OnCheckoutError;
+    onPaymentRequestLoad?: (paymentRequests: PRStatuses) => void;
+};
+
 declare const AllFieldNames = z.union([FieldNameEnum, PrivateFieldNameEnum]);
 
 declare type AllFieldNames = z.infer<typeof AllFieldNames>;
@@ -69,13 +83,13 @@ export declare type ElementProps<PlaceholderType extends z.ZodTypeAny = z.ZodStr
 declare type ElementsContextValue = {
     formId: string;
     formHeight: string;
-    referer?: string;
+    referrer?: string;
     checkoutSecureToken?: string;
-    registerIframe: (iframe: HTMLIFrameElement) => void;
+    registerIframe: (type: ElementTypeEnum, iframe: HTMLIFrameElement) => void;
     baseUrl: string;
 };
 
-export declare const ElementsForm: FC<ElementsFormProps>;
+export declare const ElementsForm: FC<ElementsFormPropsReact>;
 
 export declare type ElementsFormChildrenProps = {
     submit: () => void;
@@ -105,6 +119,15 @@ export declare type ElementsFormProps = {
     customInitParams?: CustomInitParams;
 };
 
+declare type ElementsFormPropsReact = {
+    className?: string;
+    checkoutSecureToken: string;
+    baseUrl?: string;
+    formTarget?: string;
+    customInitParams?: CustomInitParams;
+    children: (props: ElementsFormChildrenProps) => JSX.Element;
+} & AllCallbacks;
+
 declare const ElementsStyle = <T extends z.ZodTypeAny>(placeholderType: T) =>
 BaseElementsStyle.extend({
     placeholder: placeholderType,
@@ -122,6 +145,13 @@ BaseElementsStyle.extend({
 
 declare type ElementsStyle<T extends z.ZodTypeAny> = z.infer<ReturnType<typeof ElementsStyle<T>>>;
 
+declare enum ElementTypeEnum {
+    CARD = 'card',
+    CARD_NUMBER = 'card-number',
+    CARD_EXPIRY = 'card-expiry',
+    CARD_CVC = 'card-cvc',
+}
+
 /**
  * Expected input fields
  */
@@ -140,6 +170,20 @@ export declare enum FieldName {
     PROMOTION_CODE = 'promotionCode',
 }
 
+declare type OnCheckoutError = (message: string) => void;
+
+declare type OnCheckoutStarted = () => void;
+
+declare type OnCheckoutSuccess = (invoiceUrls: string[], subscriptionIds: string[], customerId: string) => void;
+
+declare type OnSetupPaymentMethodSuccess = (paymentMethodId: string) => void;
+
+declare type OnValidationError = (field: AllFieldNames, errors: string[], elementId?: string) => void;
+
+declare const PaymentRequestProvider = z.enum(['apple_pay', 'google_pay']);
+
+declare type PaymentRequestProvider = z.infer<typeof PaymentRequestProvider>;
+
 export declare type PaymentRequestStartParams = {
     overridePaymentRequest?: {
         amount: Amount;
@@ -153,6 +197,8 @@ export declare type PaymentRequestStatus = {
     startFlow: (params?: PaymentRequestStartParams) => Promise<void>;
 };
 
+declare type PRStatuses = Record<PaymentRequestProvider, PaymentRequestStatus>;
+
 declare type StripeLinkController = {
     mountButton: () => void;
     dismountButton: () => void;