@getopenpay/openpay-js-react 0.0.2-beta.1 → 0.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getopenpay/openpay-js-react",
-  "version": "0.0.2-beta.1",
+  "version": "0.0.2",
   "description": "Accept payments through OpenPay, right on your site",
   "author": "OpenPay <info@getopenpay.com> (https://getopenpay.com)",
   "type": "module",
@@ -17,11 +17,11 @@
   ],
   "scripts": {
     "build": "tsc -p tsconfig.build.json && vite build",
+    "build:alpha": "npm run build -- --mode staging",
     "build:dev": "tsc -p tsconfig.build.json && NODE_ENV=development vite build --mode development --watch",
     "lint": "eslint . --ignore-path=.eslintignore --report-unused-disable-directives --max-warnings 0",
     "lint:fix": "eslint . --fix --ignore-path=.eslintignore --report-unused-disable-directives --max-warnings 0",
     "test": "NODE_ENV=development npm run build -- --mode development && playwright test",
-    "build:alpha": "NODE_ENV=development npm run build -- --mode development",
     "prepare": "husky"
   },
   "dependencies": {

package/dist/index.d.ts

@@ -1,233 +0,0 @@
-import { FC } from 'react';
-import { z } from 'zod';
-
-export declare const Appearance: z.ZodObject<{
-    theme: z.ZodEnum<[AppearanceTheme.UNSTYLED, AppearanceTheme.LIGHT, AppearanceTheme.DARK]>;
-    variables: z.ZodOptional<z.ZodObject<{
-        colorPrimary: z.ZodOptional<z.ZodString>;
-        colorBackground: z.ZodOptional<z.ZodString>;
-        colorForeground: z.ZodOptional<z.ZodString>;
-        colorText: z.ZodOptional<z.ZodString>;
-        colorDanger: z.ZodOptional<z.ZodString>;
-        fontFamily: z.ZodOptional<z.ZodString>;
-        fontSize: z.ZodOptional<z.ZodString>;
-        spacing: z.ZodOptional<z.ZodString>;
-        borderRadius: z.ZodOptional<z.ZodString>;
-        borderColor: z.ZodOptional<z.ZodString>;
-        borderWidth: z.ZodOptional<z.ZodString>;
-        focusRingColor: z.ZodOptional<z.ZodString>;
-        padding: z.ZodOptional<z.ZodString>;
-    }, "strip", z.ZodTypeAny, {
-        colorPrimary?: string | undefined;
-        colorBackground?: string | undefined;
-        colorForeground?: string | undefined;
-        colorText?: string | undefined;
-        colorDanger?: string | undefined;
-        fontFamily?: string | undefined;
-        fontSize?: string | undefined;
-        spacing?: string | undefined;
-        borderRadius?: string | undefined;
-        borderColor?: string | undefined;
-        borderWidth?: string | undefined;
-        focusRingColor?: string | undefined;
-        padding?: string | undefined;
-    }, {
-        colorPrimary?: string | undefined;
-        colorBackground?: string | undefined;
-        colorForeground?: string | undefined;
-        colorText?: string | undefined;
-        colorDanger?: string | undefined;
-        fontFamily?: string | undefined;
-        fontSize?: string | undefined;
-        spacing?: string | undefined;
-        borderRadius?: string | undefined;
-        borderColor?: string | undefined;
-        borderWidth?: string | undefined;
-        focusRingColor?: string | undefined;
-        padding?: string | undefined;
-    }>>;
-}, "strip", z.ZodTypeAny, {
-    theme: AppearanceTheme;
-    variables?: {
-        colorPrimary?: string | undefined;
-        colorBackground?: string | undefined;
-        colorForeground?: string | undefined;
-        colorText?: string | undefined;
-        colorDanger?: string | undefined;
-        fontFamily?: string | undefined;
-        fontSize?: string | undefined;
-        spacing?: string | undefined;
-        borderRadius?: string | undefined;
-        borderColor?: string | undefined;
-        borderWidth?: string | undefined;
-        focusRingColor?: string | undefined;
-        padding?: string | undefined;
-    } | undefined;
-}, {
-    theme: AppearanceTheme;
-    variables?: {
-        colorPrimary?: string | undefined;
-        colorBackground?: string | undefined;
-        colorForeground?: string | undefined;
-        colorText?: string | undefined;
-        colorDanger?: string | undefined;
-        fontFamily?: string | undefined;
-        fontSize?: string | undefined;
-        spacing?: string | undefined;
-        borderRadius?: string | undefined;
-        borderColor?: string | undefined;
-        borderWidth?: string | undefined;
-        focusRingColor?: string | undefined;
-        padding?: string | undefined;
-    } | undefined;
-}>;
-
-export declare type Appearance = z.infer<typeof Appearance>;
-
-/**
- * Models shared between CDE and OpenPay.js
- * Don't forget to update shared-models.ts in the other repo's utils folder too!
- */
-/**
- * Styles and appearance
- */
-export declare enum AppearanceTheme {
-    UNSTYLED = "unstyled",
-    LIGHT = "light",
-    DARK = "dark"
-}
-
-export declare const AppearanceVariables: z.ZodObject<{
-    colorPrimary: z.ZodOptional<z.ZodString>;
-    colorBackground: z.ZodOptional<z.ZodString>;
-    colorForeground: z.ZodOptional<z.ZodString>;
-    colorText: z.ZodOptional<z.ZodString>;
-    colorDanger: z.ZodOptional<z.ZodString>;
-    fontFamily: z.ZodOptional<z.ZodString>;
-    fontSize: z.ZodOptional<z.ZodString>;
-    spacing: z.ZodOptional<z.ZodString>;
-    borderRadius: z.ZodOptional<z.ZodString>;
-    borderColor: z.ZodOptional<z.ZodString>;
-    borderWidth: z.ZodOptional<z.ZodString>;
-    focusRingColor: z.ZodOptional<z.ZodString>;
-    padding: z.ZodOptional<z.ZodString>;
-}, "strip", z.ZodTypeAny, {
-    colorPrimary?: string | undefined;
-    colorBackground?: string | undefined;
-    colorForeground?: string | undefined;
-    colorText?: string | undefined;
-    colorDanger?: string | undefined;
-    fontFamily?: string | undefined;
-    fontSize?: string | undefined;
-    spacing?: string | undefined;
-    borderRadius?: string | undefined;
-    borderColor?: string | undefined;
-    borderWidth?: string | undefined;
-    focusRingColor?: string | undefined;
-    padding?: string | undefined;
-}, {
-    colorPrimary?: string | undefined;
-    colorBackground?: string | undefined;
-    colorForeground?: string | undefined;
-    colorText?: string | undefined;
-    colorDanger?: string | undefined;
-    fontFamily?: string | undefined;
-    fontSize?: string | undefined;
-    spacing?: string | undefined;
-    borderRadius?: string | undefined;
-    borderColor?: string | undefined;
-    borderWidth?: string | undefined;
-    focusRingColor?: string | undefined;
-    padding?: string | undefined;
-}>;
-
-export declare type AppearanceVariables = z.infer<typeof AppearanceVariables>;
-
-export declare const CardCvcElement: FC<ElementProps>;
-
-export declare const CardElement: FC<ElementProps>;
-
-export declare const CardExpiryElement: FC<ElementProps>;
-
-export declare const CardNumberElement: FC<ElementProps>;
-
-declare type ElementProps = {
-    styles?: ElementsStyle;
-};
-
-declare type ElementsContextValue = {
-    contextId: string;
-    formHeight: string;
-    referer?: string;
-    checkoutSecureToken?: string;
-    appearance?: Appearance;
-};
-
-export declare const ElementsForm: FC<ElementsFormProps>;
-
-declare type ElementsFormChildrenProps = {
-    submit: () => void;
-};
-
-declare type ElementsFormProps = {
-    className?: string;
-    appearance?: Appearance;
-    checkoutSecureToken?: string;
-    children: (props: ElementsFormChildrenProps) => JSX.Element;
-    onFocus?: (elementId: string) => void;
-    onBlur?: (elementId: string) => void;
-    onChange?: (elementId: string) => void;
-    onLoad?: (totalAmountAtoms: number) => void;
-    onLoadError?: (message: string) => void;
-    onValidationError?: (message: string, elementId?: string) => void;
-    onCheckoutStarted?: () => void;
-    onCheckoutSuccess?: (invoiceUrls: string[]) => void;
-    onCheckoutError?: (message: string) => void;
-};
-
-declare const ElementsStyle: z.ZodObject<{
-    backgroundColor: z.ZodOptional<z.ZodString>;
-    color: z.ZodOptional<z.ZodString>;
-    fontFamily: z.ZodOptional<z.ZodString>;
-    fontSize: z.ZodOptional<z.ZodString>;
-    fontWeight: z.ZodOptional<z.ZodString>;
-    margin: z.ZodOptional<z.ZodString>;
-    padding: z.ZodOptional<z.ZodString>;
-}, "strip", z.ZodTypeAny, {
-    fontFamily?: string | undefined;
-    fontSize?: string | undefined;
-    padding?: string | undefined;
-    backgroundColor?: string | undefined;
-    color?: string | undefined;
-    fontWeight?: string | undefined;
-    margin?: string | undefined;
-}, {
-    fontFamily?: string | undefined;
-    fontSize?: string | undefined;
-    padding?: string | undefined;
-    backgroundColor?: string | undefined;
-    color?: string | undefined;
-    fontWeight?: string | undefined;
-    margin?: string | undefined;
-}>;
-
-declare type ElementsStyle = z.infer<typeof ElementsStyle>;
-
-/**
- * Form field names
- */
-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"
-}
-
-export declare const useOpenPayElements: () => ElementsContextValue;
-
-export { }