@betterstore/react 0.2.4 → 0.2.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @betterstore/sdk
 
+## 0.2.5
+
+### Patch Changes
+
+- high-level overview checkout form
+
 ## 0.2.4
 
 ### Patch Changes

package/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import type { CheckoutFormData } from "./checkout-schema";
+interface CheckoutFormProps {
+    checkoutId: string;
+    onComplete?: (data: CheckoutFormData) => void;
+}
+export default function CheckoutForm({ checkoutId, onComplete, }: CheckoutFormProps): React.JSX.Element;
+export {};

package/dist/components/checkout-embed/checkout-schema.d.ts

@@ -0,0 +1,173 @@
+import { z } from "zod";
+export declare const customerSchema: z.ZodObject<{
+    email: z.ZodString;
+    marketingConsent: z.ZodOptional<z.ZodBoolean>;
+    firstName: z.ZodOptional<z.ZodString>;
+    lastName: z.ZodString;
+    address: z.ZodString;
+    apartment: z.ZodOptional<z.ZodString>;
+    city: z.ZodString;
+    state: z.ZodString;
+    zipCode: z.ZodString;
+    country: z.ZodString;
+    saveInfo: z.ZodOptional<z.ZodBoolean>;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+    lastName: string;
+    address: string;
+    city: string;
+    state: string;
+    zipCode: string;
+    country: string;
+    marketingConsent?: boolean | undefined;
+    firstName?: string | undefined;
+    apartment?: string | undefined;
+    saveInfo?: boolean | undefined;
+}, {
+    email: string;
+    lastName: string;
+    address: string;
+    city: string;
+    state: string;
+    zipCode: string;
+    country: string;
+    marketingConsent?: boolean | undefined;
+    firstName?: string | undefined;
+    apartment?: string | undefined;
+    saveInfo?: boolean | undefined;
+}>;
+export declare const shippingMethodSchema: z.ZodObject<{
+    method: z.ZodEnum<["economy", "standard"]>;
+}, "strip", z.ZodTypeAny, {
+    method: "economy" | "standard";
+}, {
+    method: "economy" | "standard";
+}>;
+export declare const paymentMethodSchema: z.ZodObject<{
+    cardNumber: z.ZodString;
+    expiryDate: z.ZodString;
+    cvv: z.ZodString;
+    nameOnCard: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    cardNumber: string;
+    expiryDate: string;
+    cvv: string;
+    nameOnCard: string;
+}, {
+    cardNumber: string;
+    expiryDate: string;
+    cvv: string;
+    nameOnCard: string;
+}>;
+export declare const checkoutSchema: z.ZodObject<{
+    customer: z.ZodObject<{
+        email: z.ZodString;
+        marketingConsent: z.ZodOptional<z.ZodBoolean>;
+        firstName: z.ZodOptional<z.ZodString>;
+        lastName: z.ZodString;
+        address: z.ZodString;
+        apartment: z.ZodOptional<z.ZodString>;
+        city: z.ZodString;
+        state: z.ZodString;
+        zipCode: z.ZodString;
+        country: z.ZodString;
+        saveInfo: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        email: string;
+        lastName: string;
+        address: string;
+        city: string;
+        state: string;
+        zipCode: string;
+        country: string;
+        marketingConsent?: boolean | undefined;
+        firstName?: string | undefined;
+        apartment?: string | undefined;
+        saveInfo?: boolean | undefined;
+    }, {
+        email: string;
+        lastName: string;
+        address: string;
+        city: string;
+        state: string;
+        zipCode: string;
+        country: string;
+        marketingConsent?: boolean | undefined;
+        firstName?: string | undefined;
+        apartment?: string | undefined;
+        saveInfo?: boolean | undefined;
+    }>;
+    shipping: z.ZodObject<{
+        method: z.ZodEnum<["economy", "standard"]>;
+    }, "strip", z.ZodTypeAny, {
+        method: "economy" | "standard";
+    }, {
+        method: "economy" | "standard";
+    }>;
+    payment: z.ZodObject<{
+        cardNumber: z.ZodString;
+        expiryDate: z.ZodString;
+        cvv: z.ZodString;
+        nameOnCard: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        cardNumber: string;
+        expiryDate: string;
+        cvv: string;
+        nameOnCard: string;
+    }, {
+        cardNumber: string;
+        expiryDate: string;
+        cvv: string;
+        nameOnCard: string;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    customer: {
+        email: string;
+        lastName: string;
+        address: string;
+        city: string;
+        state: string;
+        zipCode: string;
+        country: string;
+        marketingConsent?: boolean | undefined;
+        firstName?: string | undefined;
+        apartment?: string | undefined;
+        saveInfo?: boolean | undefined;
+    };
+    shipping: {
+        method: "economy" | "standard";
+    };
+    payment: {
+        cardNumber: string;
+        expiryDate: string;
+        cvv: string;
+        nameOnCard: string;
+    };
+}, {
+    customer: {
+        email: string;
+        lastName: string;
+        address: string;
+        city: string;
+        state: string;
+        zipCode: string;
+        country: string;
+        marketingConsent?: boolean | undefined;
+        firstName?: string | undefined;
+        apartment?: string | undefined;
+        saveInfo?: boolean | undefined;
+    };
+    shipping: {
+        method: "economy" | "standard";
+    };
+    payment: {
+        cardNumber: string;
+        expiryDate: string;
+        cvv: string;
+        nameOnCard: string;
+    };
+}>;
+export type CheckoutFormData = z.infer<typeof checkoutSchema>;
+export type CustomerFormData = z.infer<typeof customerSchema>;
+export type ShippingMethodFormData = z.infer<typeof shippingMethodSchema>;
+export type PaymentMethodFormData = z.infer<typeof paymentMethodSchema>;

package/dist/components/checkout-embed/customer/form.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { type CustomerFormData } from "../checkout-schema";
+interface CustomerFormProps {
+    initialData?: CustomerFormData;
+    onSubmit: (data: CustomerFormData) => void;
+    onBack: () => void;
+}
+export default function CustomerForm({ initialData, onSubmit, onBack, }: CustomerFormProps): React.JSX.Element;
+export {};

package/dist/components/checkout-embed/payment/form.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { type PaymentMethodFormData } from "../checkout-schema";
+interface PaymentFormProps {
+    initialData?: PaymentMethodFormData;
+    onSubmit: (data: PaymentMethodFormData) => void;
+    onBack: () => void;
+    contactEmail: string;
+    shippingAddress: string;
+    shippingMethod: string;
+    shippingPrice: string;
+}
+export default function PaymentForm({ initialData, onSubmit, onBack, contactEmail, shippingAddress, shippingMethod, shippingPrice, }: PaymentFormProps): React.JSX.Element;
+export {};

package/dist/components/checkout-embed/shipping/form.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { type ShippingMethodFormData } from "../checkout-schema";
+interface ShippingMethodFormProps {
+    initialData?: ShippingMethodFormData;
+    onSubmit: (data: ShippingMethodFormData) => void;
+    onBack: () => void;
+    contactEmail: string;
+    shippingAddress: string;
+}
+export default function ShippingMethodForm({ initialData, onSubmit, onBack, contactEmail, shippingAddress, }: ShippingMethodFormProps): React.JSX.Element;
+export {};

package/dist/components/checkout-embed/useLocalStorage.d.ts

@@ -0,0 +1 @@
+export declare function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T) => void];

package/dist/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Button, buttonVariants };

package/dist/components/ui/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import * as React from "react";
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): React.JSX.Element;
+export { Checkbox };

package/dist/components/ui/form.d.ts

@@ -0,0 +1,24 @@
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { Slot } from "@radix-ui/react-slot";
+import * as React from "react";
+import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import("react-hook-form").FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare function FormItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
+declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): React.JSX.Element;
+declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element | null;
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField, };

package/dist/components/ui/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+export { Input };

package/dist/components/ui/label.d.ts

@@ -0,0 +1,4 @@
+import * as LabelPrimitive from "@radix-ui/react-label";
+import * as React from "react";
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
+export { Label };

package/dist/components/ui/radio-group.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): React.JSX.Element;
+declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): React.JSX.Element;
+export { RadioGroup, RadioGroupItem };

package/dist/components/ui/select.d.ts

@@ -0,0 +1,13 @@
+import * as SelectPrimitive from "@radix-ui/react-select";
+import * as React from "react";
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): React.JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
+declare function SelectTrigger({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger>): React.JSX.Element;
+declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React.JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };