@betterstore/react 0.0.3 → 0.1.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @betterstore/sdk
 
+## 0.1.0
+
+### Minor Changes
+
+- payment element added
+
 ## 0.0.3
 
 ### Patch Changes

package/dist/checkout/appearance.d.ts

@@ -0,0 +1,56 @@
+export declare const appearance: {
+    theme: "flat";
+    variables: {
+        fontFamily: string;
+        borderRadius: string;
+        focusOutline: string;
+        focusBoxShadow: string;
+        colorSuccess: string;
+        colorWarning: string;
+        colorDanger: string;
+        colorBackground: string;
+        colorPrimary: string;
+        colorText: string;
+        colorTextSecondary: string;
+        colorTextPlaceholder: string;
+        tabIconColor: string;
+        tabIconSelectedColor: string;
+    };
+    rules: {
+        ".Input": {
+            padding: string;
+            border: string;
+            backgroundColor: string;
+            fontSize: string;
+            outline: string;
+        };
+        ".Input:focus": {
+            backgroundColor: string;
+        };
+        ".Input::placeholder": {
+            fontSize: string;
+            color: string;
+        };
+        ".Label": {
+            marginBottom: string;
+            fontSize: string;
+            fontWeight: string;
+        };
+        ".Input:disabled, .Input--invalid:disabled": {
+            cursor: string;
+        };
+        ".Tab": {
+            padding: string;
+            border: string;
+            backgroundColor: string;
+        };
+        ".Tab:hover": {
+            backgroundColor: string;
+        };
+        ".Tab--selected, .Tab--selected:focus, .Tab--selected:hover": {
+            border: string;
+            backgroundColor: string;
+            color: string;
+        };
+    };
+};

package/dist/checkout/checkout-form.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare const _default: React.MemoExoticComponent<({ onSuccess, onError, children, }: {
+    onSuccess?: () => void;
+    onError?: () => void;
+    children: React.ReactNode;
+}) => React.JSX.Element>;
+export default _default;

package/dist/checkout/payment-element.d.ts

@@ -0,0 +1,11 @@
+import { StripeElementsOptions } from "@stripe/stripe-js";
+import React from "react";
+declare function PaymentElement({ paymentSecret, checkoutAppearance, onSuccess, onError, children, }: {
+    paymentSecret: string;
+    checkoutAppearance?: Omit<StripeElementsOptions, "clientSecret" | "mode">;
+    onSuccess?: () => void;
+    onError?: () => void;
+    children: React.ReactNode;
+}): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof PaymentElement>;
+export default _default;

package/dist/checkout/useCheckout.d.ts

@@ -0,0 +1,6 @@
+interface CheckoutStore {
+    isSubmitting: boolean;
+    setIsSubmitting: (isSubmitting: boolean) => void;
+}
+export declare const useCheckout: import("zustand").UseBoundStore<import("zustand").StoreApi<CheckoutStore>>;
+export {};