@getopenpay/openpay-js-react 0.0.1 → 0.0.2-alpha.6c3bbd9

package/dist/index.d.ts

@@ -1,7 +1,10 @@
 import { FC } from 'react';
-import { PropsWithChildren } from 'react';
 import { z } from 'zod';
 
+declare const AllFieldNames: z.ZodUnion<[z.ZodNativeEnum<typeof FieldName>, z.ZodNativeEnum<typeof PrivateFieldName>]>;
+
+declare type AllFieldNames = z.infer<typeof AllFieldNames>;
+
 export declare const CardCvcElement: FC<ElementProps>;
 
 export declare const CardElement: FC<ElementProps>;
@@ -10,30 +13,43 @@ export declare const CardExpiryElement: FC<ElementProps>;
 
 export declare const CardNumberElement: FC<ElementProps>;
 
-declare type ElementProps = {
-    styles?: ElementStyle;
+export declare type ElementProps = {
+    styles?: ElementsStyle;
 };
 
 declare type ElementsContextValue = {
-    contextId: string;
-    createToken: () => void;
-    dispatchEvent: (event: MessageEvent, frame: HTMLIFrameElement) => void;
+    formId: string;
     formHeight: string;
+    referer?: string;
+    checkoutSecureToken?: string;
+    registerIframe: (iframe: HTMLIFrameElement) => void;
 };
 
 export declare const ElementsForm: FC<ElementsFormProps>;
 
-declare interface ElementsFormProps extends PropsWithChildren {
+declare type ElementsFormChildrenProps = {
+    submit: () => void;
+};
+
+export declare type ElementsFormProps = {
     className?: string;
+    checkoutSecureToken?: string;
+    children: (props: ElementsFormChildrenProps) => JSX.Element;
     onFocus?: (elementId: string) => void;
     onBlur?: (elementId: string) => void;
     onChange?: (elementId: string) => void;
-    onValidationError?: (message: string, elementId?: string) => void;
-}
-
-declare type ElementStyle = z.infer<typeof ElementStyleSchema>;
+    onLoad?: (totalAmountAtoms: number, currency?: string) => void;
+    onLoadError?: (message: string) => void;
+    onValidationError?: (field: AllFieldNames, errors: string[], elementId?: string) => void;
+    onCheckoutStarted?: () => void;
+    onCheckoutSuccess?: (invoiceUrls: string[]) => void;
+    onCheckoutError?: (message: string) => void;
+};
 
-declare const ElementStyleSchema: z.ZodObject<{
+/**
+ * Styles
+ */
+declare const ElementsStyle: z.ZodObject<{
     backgroundColor: z.ZodOptional<z.ZodString>;
     color: z.ZodOptional<z.ZodString>;
     fontFamily: z.ZodOptional<z.ZodString>;
@@ -59,6 +75,29 @@ declare const ElementStyleSchema: z.ZodObject<{
     padding?: string | undefined;
 }>;
 
+declare type ElementsStyle = z.infer<typeof ElementsStyle>;
+
+/**
+ * Expected input fields
+ */
+export declare enum FieldName {
+    FIRST_NAME = "firstName",
+    LAST_NAME = "lastName",
+    EMAIL = "email",
+    ZIP_CODE = "zipCode",
+    CITY = "city",
+    STATE = "state",
+    COUNTRY = "country",
+    ADDRESS = "address",
+    PHONE = "phone"
+}
+
+declare enum PrivateFieldName {
+    CARD_NUMBER = "cardNumber",
+    CARD_EXPIRY = "cardExpiry",
+    CARD_CVC = "cardCvc"
+}
+
 export declare const useOpenPayElements: () => ElementsContextValue;
 
 export { }