@shophost/react 0.1.3

package/storefront/components/ui/input/switch.d.ts

@@ -0,0 +1,50 @@
+import { default as React } from 'react';
+import { VariantProps } from 'tailwind-variants';
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+declare const switchVariants: import('tailwind-variants').TVReturnType<{
+    size: {
+        default: {
+            root: string;
+            thumb: string;
+        };
+        small: {
+            root: string;
+            thumb: string;
+        };
+    };
+}, {
+    root: (string | string[])[];
+    thumb: string[];
+}, undefined, {
+    size: {
+        default: {
+            root: string;
+            thumb: string;
+        };
+        small: {
+            root: string;
+            thumb: string;
+        };
+    };
+}, {
+    root: (string | string[])[];
+    thumb: string[];
+}, import('tailwind-variants').TVReturnType<{
+    size: {
+        default: {
+            root: string;
+            thumb: string;
+        };
+        small: {
+            root: string;
+            thumb: string;
+        };
+    };
+}, {
+    root: (string | string[])[];
+    thumb: string[];
+}, undefined, unknown, unknown, undefined>>;
+interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, "asChild">, VariantProps<typeof switchVariants> {
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };

package/storefront/components/ui/input/text-input.d.ts

@@ -0,0 +1,87 @@
+import { default as React } from 'react';
+import { VariantProps } from 'tailwind-variants';
+declare const inputStyles: import('tailwind-variants').TVReturnType<{
+    hasError: {
+        true: string[];
+    };
+    enableStepper: {
+        false: string;
+    };
+    multiline: {
+        true: string;
+        false: string;
+    };
+}, undefined, (string | string[])[], {
+    hasError: {
+        true: string[];
+    };
+    enableStepper: {
+        false: string;
+    };
+    multiline: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    hasError: {
+        true: string[];
+    };
+    enableStepper: {
+        false: string;
+    };
+    multiline: {
+        true: string;
+        false: string;
+    };
+}, undefined, (string | string[])[], unknown, unknown, undefined>>;
+type InputType = React.HTMLInputTypeAttribute | "textarea";
+type InputProps = React.InputHTMLAttributes<HTMLInputElement> & React.TextareaHTMLAttributes<HTMLTextAreaElement> & VariantProps<typeof inputStyles> & {
+    inputClassName?: string;
+    type?: InputType;
+    /** Optional prefix element (e.g. a currency symbol) */
+    prefix?: React.ReactNode;
+    /** Optional suffix element (e.g. a currency code) */
+    suffix?: React.ReactNode;
+};
+declare const TextInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.TextareaHTMLAttributes<HTMLTextAreaElement> & VariantProps<import('tailwind-variants').TVReturnType<{
+    hasError: {
+        true: string[];
+    };
+    enableStepper: {
+        false: string;
+    };
+    multiline: {
+        true: string;
+        false: string;
+    };
+}, undefined, (string | string[])[], {
+    hasError: {
+        true: string[];
+    };
+    enableStepper: {
+        false: string;
+    };
+    multiline: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    hasError: {
+        true: string[];
+    };
+    enableStepper: {
+        false: string;
+    };
+    multiline: {
+        true: string;
+        false: string;
+    };
+}, undefined, (string | string[])[], unknown, unknown, undefined>>> & {
+    inputClassName?: string;
+    type?: InputType;
+    /** Optional prefix element (e.g. a currency symbol) */
+    prefix?: React.ReactNode;
+    /** Optional suffix element (e.g. a currency code) */
+    suffix?: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export { TextInput, inputStyles, type InputProps };

package/storefront/components/ui/input/time-input.d.ts

@@ -0,0 +1,4 @@
+import { TextInput } from '../text-input';
+type TimeFieldProps = React.ComponentProps<typeof TextInput>;
+export default function TimeInput({ className, ...props }: TimeFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/storefront/components/ui/input/week-time-input.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface WeekTimeInputProps {
+    value: Date | null;
+    onChange: (value: Date) => void;
+    disabled?: boolean;
+}
+declare const WeekTimeInput: React.FC<WeekTimeInputProps>;
+export { WeekTimeInput };

package/storefront/components/ui/input-group.d.ts

@@ -0,0 +1,20 @@
+import { Locale } from '../../../../../client/src/index.ts';
+import { default as React } from 'react';
+import { InputType } from './input';
+import { Option } from './input/select-input';
+interface InputGroupProps {
+    name: string;
+    type?: InputType;
+    label?: string;
+    className?: string;
+    placeholder?: string;
+    localizable?: boolean;
+    locale?: Locale;
+    multiple?: boolean;
+    options?: Option[];
+    prefix?: string;
+    disabled?: boolean;
+}
+export declare const getFieldError: (obj: Record<string, any> | undefined, path: string) => any;
+declare const InputGroup: React.FC<InputGroupProps>;
+export { InputGroup };

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

@@ -0,0 +1,7 @@
+import * as LabelPrimitives from "@radix-ui/react-label";
+import * as React from "react";
+interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitives.Root> {
+    disabled?: boolean;
+}
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/storefront/components/ui/popover.d.ts

@@ -0,0 +1,13 @@
+import * as PopoverPrimitives from '@radix-ui/react-popover';
+import * as React from 'react';
+declare const Popover: {
+    (props: React.ComponentPropsWithoutRef<typeof PopoverPrimitives.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<PopoverPrimitives.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<Omit<PopoverPrimitives.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverClose: React.ForwardRefExoticComponent<Omit<PopoverPrimitives.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+interface ContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitives.Content> {
+}
+declare const PopoverContent: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };

package/storefront/components/ui/radio-card.d.ts

@@ -0,0 +1,6 @@
+import * as RadioGroupPrimitives from "@radix-ui/react-radio-group";
+import * as React from "react";
+declare const RadioCardGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitives.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioCardGroupIndicator: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitives.RadioGroupIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const RadioCardItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitives.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { RadioCardGroup, RadioCardGroupIndicator, RadioCardItem };

package/storefront/components/ui/slideover.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface OrderSummarySliderOverPropType {
+    isOpen?: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+}
+declare const SliderOver: ({ isOpen, onClose, children, }: OrderSummarySliderOverPropType) => import("react/jsx-runtime").JSX.Element;
+export { SliderOver };

package/storefront/components/ui/text-input.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const TextInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+export { TextInput };

package/storefront/config/countries.d.ts

@@ -0,0 +1,8 @@
+export declare const countries: {
+    continent: string;
+    items: {
+        value: string;
+        label: string;
+        flag: string;
+    }[];
+}[];

package/storefront/constants/cart.constants.d.ts

@@ -0,0 +1,3 @@
+import { CartState } from '../reducers/cart.reducer';
+export declare const shophostLSKey = "shophost-cart";
+export declare const initialState: CartState;

package/storefront/exports.d.ts

@@ -0,0 +1,21 @@
+export { CartProvider, useCartContext, useCart, } from './providers/cart-provider';
+export { useModifiers } from './providers/modifiers-provider';
+export { CartItems } from './components/cart/cart-items';
+export { CustomerDetailsPage } from './components/pages/checkout-pages/customer-details-page';
+export { ShippingAndPaymentPage } from './components/pages/checkout-pages/shipping-and-payment-page';
+export { AuthPages } from './components/pages/account-pages';
+export { CheckoutPages } from './components/pages/checkout-pages';
+export * from './components';
+export { ModifierContainer, QuantityControl, ModifiersGroup, ModifiersOption, ModifiersModal, } from './components/modifiers';
+export { useProductDetails, useMultipleProductDetails, } from './hooks/useProductDetails';
+export { useModifierSelection } from './hooks/useModifierSelection';
+export { useLocalization } from './hooks/useLocalization';
+export { calculateCartTotal, formatPrice, getFormattedModifiers, findCartItem, productRequiresModifiers, } from './utils/cart.util';
+export { mockProducts } from './mock/products';
+export type { CartItem } from './schemas/cart.schema';
+export * from './components/modifiers';
+export * from './hooks/useModifierSelection';
+export * from './hooks/useLocalization';
+export { ShophostProvider } from './providers/shophost-provider';
+export { APIProvider, useAPI } from './providers/api-provider';
+export { useOrganization } from './providers/organization-provider';

package/storefront/hooks/useLocalization.d.ts

@@ -0,0 +1,12 @@
+export declare const useLocalization: (defaultLocale?: string) => {
+    locale: string;
+    setLocale: import('react').Dispatch<import('react').SetStateAction<string>>;
+    getTranslation: (translations: Array<{
+        locale: string;
+        [key: string]: any;
+    }> | undefined, field: string, fallback?: string) => string;
+    getProductName: (product: any, fallback?: string) => string;
+    getProductDescription: (product: any, fallback?: string) => string;
+    getCategoryName: (category: any, fallback?: string) => string;
+    getModifierGroupName: (modifierGroup: any, fallback?: string) => string;
+};

package/storefront/hooks/useModifierSelection.d.ts

@@ -0,0 +1,21 @@
+interface ModifierSelection {
+    groupId: string;
+    modifierIds: string[];
+}
+export declare const useModifierSelection: (product: any) => {
+    selections: ModifierSelection[];
+    initializeSelections: () => void;
+    toggleModifier: (groupId: string, modifierId: string) => void;
+    selectModifier: (groupId: string, modifierId: string) => void;
+    isModifierSelected: (groupId: string, modifierId: string) => boolean;
+    validateSelections: () => boolean;
+    validationError: string | null;
+    getCartModifierGroups: () => {
+        id: string;
+        modifiers: {
+            id: string;
+            quantity: number;
+        }[];
+    }[];
+};
+export {};

package/storefront/hooks/useProductDetails.d.ts

@@ -0,0 +1,11 @@
+export declare const useProductDetails: (productId: string, productData?: any[]) => {
+    product: any;
+    loading: boolean;
+    error: Error | null;
+};
+export declare const useMultipleProductDetails: (productIds: string[], productData?: any[]) => {
+    products: Record<string, any>;
+    getProduct: (id: string) => any;
+    loading: boolean;
+    error: Error | null;
+};

package/storefront/index.d.ts

@@ -0,0 +1 @@
+export * from './exports';