@shophost/react 0.1.3

package/storefront/lib/react-query.lib.d.ts

@@ -0,0 +1,2 @@
+import { QueryClient } from '@tanstack/react-query';
+export declare const queryClient: QueryClient;

package/storefront/lib/utils.d.ts

@@ -0,0 +1,11 @@
+import { ClassValue } from 'clsx';
+export declare function cx(...args: ClassValue[]): string;
+export declare const focusInput: string[];
+export declare const focusRing: string[];
+export declare const hasErrorInput: string[];
+export declare const usNumberformatter: (number: number, decimals?: number) => string;
+export declare const percentageFormatter: (number: number, decimals?: number) => string;
+export declare const millionFormatter: (number: number, decimals?: number) => string;
+export declare const formatters: {
+    [key: string]: any;
+};

package/storefront/mock/products.d.ts

@@ -0,0 +1,48 @@
+export declare const mockProducts: {
+    id: string;
+    slug: string;
+    sku: string;
+    basePrice: number;
+    discountedBasePrice: null;
+    currency: string;
+    images: {
+        id: string;
+        url: string;
+        mimeType: string;
+        size: number;
+        filename: string;
+    }[];
+    modifierGroups: {
+        id: string;
+        selectMin: number;
+        selectMax: number;
+        modifiers: {
+            id: string;
+            title: string;
+            sku: null;
+            price: number;
+        }[];
+        translations: {
+            locale: string;
+            title: string;
+        }[];
+    }[];
+    categories: {
+        id: string;
+        slug: string;
+        createdAt: string;
+        translations: {
+            locale: string;
+            title: string;
+            description: string;
+        }[];
+    }[];
+    manufacturerId: null;
+    createdAt: string;
+    publishedAt: string;
+    translations: {
+        locale: string;
+        title: string;
+        description: string;
+    }[];
+}[];

package/storefront/providers/api-provider.d.ts

@@ -0,0 +1,11 @@
+import { initClient } from '../../../../client/src/index.ts';
+import { default as React } from 'react';
+interface APIProviderProps {
+    baseUrl: string;
+    children: React.ReactNode;
+}
+declare const APIProvider: React.FC<APIProviderProps>;
+declare const useAPI: () => {
+    client: ReturnType<typeof initClient>;
+};
+export { APIProvider, useAPI };

package/storefront/providers/auth-provider.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+type AuthContextType = any;
+interface AuthProviderProps {
+    baseURL: string;
+    children: React.ReactNode;
+}
+export declare const AuthProvider: React.FC<AuthProviderProps>;
+export declare const useAuth: () => AuthContextType;
+export {};

package/storefront/providers/cart-provider.d.ts

@@ -0,0 +1,39 @@
+import { CartItem, Locale, LocalizedProduct, Product, ShippingMethod } from '../../../../client/src/index.ts';
+import { default as React } from 'react';
+import { CartContextType } from '../types/cart.types';
+interface CartProviderProps {
+    organizationId: string;
+    children: React.ReactNode;
+    locale?: Locale;
+}
+export declare const CartProvider: React.FC<CartProviderProps>;
+export declare const useCart: () => {
+    items: CartItem[];
+    total: number;
+    subtotal: number;
+    shipping: number | undefined;
+    loading: boolean;
+    formattedCartItems: import('../types/cart.types').FormattedCartItem[];
+    addProductToCart: (product: Product | LocalizedProduct) => void;
+    clearCart: () => void;
+    itemCount: number;
+    rawCart: CartItem[];
+    onCheckoutClick: () => void;
+    totalAmount: number;
+    paymentMethod: {
+        id: string;
+        provider: "stripe" | "revolut" | "payu" | "not_applicable";
+        method: "card" | "blik" | "cash_on_delivery" | "paypal";
+        description: string;
+    } | null;
+    setPaymentMethod: React.Dispatch<React.SetStateAction<{
+        id: string;
+        provider: "stripe" | "revolut" | "payu" | "not_applicable";
+        method: "card" | "blik" | "cash_on_delivery" | "paypal";
+        description: string;
+    } | null>>;
+    shippingMethod: ShippingMethod | null;
+    setShippingMethod: React.Dispatch<React.SetStateAction<ShippingMethod | null>>;
+};
+export declare const useCartContext: () => CartContextType;
+export {};

package/storefront/providers/modifiers-provider.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+interface ModifiersContextType {
+    isOpen: boolean;
+    onClose: () => void;
+    product: any;
+    productName: string;
+    hasModifiers: boolean;
+    quantity: number;
+    handleIncrement: () => void;
+    handleDecrement: () => void;
+    handleAddToCart: () => void;
+    validationError: string | null;
+    modifierGroups: any[];
+    isModifierSelected: (groupId: string, modifierId: string) => boolean;
+    isMultiSelect: (group: any) => boolean;
+    toggleModifier: (groupId: string, modifierId: string) => void;
+    selectModifier: (groupId: string, modifierId: string) => void;
+    getModifierGroupName: (group: any) => string;
+    formatModifierPrice: (modifier: any, currency: string) => string;
+    locale: string;
+}
+export declare const ModifiersProvider: React.FC<{
+    children: React.ReactNode;
+    locale?: string;
+}>;
+export declare const useModifiers: () => ModifiersContextType;
+export {};

package/storefront/providers/organization-provider.d.ts

@@ -0,0 +1,15 @@
+import { Organization } from '../../../../client/src/index.ts';
+import { default as React } from 'react';
+interface OrganizationContextType {
+    organizationId: string;
+    loading: boolean;
+    organization?: Organization;
+    error: string | Error | null;
+}
+interface OrganizationProviderProps {
+    organizationId: string;
+    children: React.ReactNode;
+}
+export declare const OrganizationProvider: React.FC<OrganizationProviderProps>;
+export declare const useOrganization: () => OrganizationContextType;
+export {};

package/storefront/providers/shophost-provider.d.ts

@@ -0,0 +1,29 @@
+import { Locale } from '../../../../client/src/index.ts';
+import { default as React } from 'react';
+export interface ShophostProviderProps {
+    /**
+     * The URL of shophost server
+     */
+    baseUrl: string;
+    /**
+     * Children to render inside the provider
+     */
+    children: React.ReactNode;
+    /**
+     * Locale for translations
+     */
+    locale?: Locale;
+    /**
+     * Custom modifiers modal component
+     */
+    modifiersModal?: React.ReactNode;
+    /**
+     * Organization ID
+     */
+    organizationId: string;
+}
+/**
+ * ShophostProvider is the main provider for the Shophost SDK.
+ * It wraps CartProvider and ModifiersModal to provide a complete shopping experience.
+ */
+export declare const ShophostProvider: React.FC<ShophostProviderProps>;

package/storefront/providers/translation-provider.d.ts

@@ -0,0 +1,16 @@
+import { Locale } from '../../../../client/src/index.ts';
+import { default as React } from 'react';
+import { translations } from '../translations';
+type TranslationContextType = {
+    locale: Locale;
+    translations: typeof translations.en;
+    t: (key: string) => string;
+};
+interface TranslationProviderProps {
+    children: React.ReactNode;
+    locale: Locale;
+}
+export declare const TranslationProvider: ({ children, locale, }: TranslationProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AppTranslationProvider: ({ children, locale, }: TranslationProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useTranslation: () => TranslationContextType;
+export {};

package/storefront/reducers/cart.reducer.d.ts

@@ -0,0 +1,13 @@
+import { CartItem } from '../../../../client/src/index.ts';
+import { CartAction } from '../types/cart.types';
+export interface CartState {
+    items: CartItem[];
+    isInitialized: boolean;
+    isModifiersModalOpen: boolean;
+    selectedProduct: any | null;
+    onModalAddToCart: (() => void) | undefined;
+    totalAmount: number;
+    itemCount: number;
+    removedItemsAlert?: boolean;
+}
+export declare const cartReducer: (state: CartState, action: CartAction) => CartState;

package/storefront/schemas/cart.schema.d.ts

@@ -0,0 +1,13 @@
+import { z } from '@hono/zod-openapi';
+export declare const CartItemSchema: z.ZodObject<{
+    productId: z.ZodString;
+    quantity: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+    modifierGroups: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        modifiers: z.ZodArray<z.ZodObject<{
+            id: z.ZodString;
+            quantity: z.ZodDefault<z.ZodNumber>;
+        }, z.core.$strip>>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export type CartItem = z.infer<typeof CartItemSchema>;

package/storefront/translations/en.d.ts

@@ -0,0 +1,150 @@
+export declare const enTranslations: {
+    common: {
+        cart: string;
+        checkout: string;
+        products: string;
+        home: string;
+        search: string;
+        loading: string;
+        add: string;
+        remove: string;
+        close: string;
+        back: string;
+        next: string;
+        continue: string;
+        submit: string;
+        cancel: string;
+        apply: string;
+        save: string;
+        aboutUs: string;
+        ourStory: string;
+        menu: string;
+        reservations: string;
+        orderOnline: string;
+        checkOurMenu: string;
+        privacyPolicy: string;
+        termsAndConditions: string;
+        orderNow: string;
+        makeReservation: string;
+    };
+    product: {
+        addToCart: string;
+        outOfStock: string;
+        quantity: string;
+        price: string;
+        total: string;
+        description: string;
+        options: string;
+        modifiers: string;
+    };
+    checkout: {
+        yourOrder: string;
+        orderSummary: string;
+        delivery: string;
+        address: string;
+        payment: string;
+        confirmation: string;
+        deliveryDetails: string;
+        paymentMethod: string;
+        placeOrder: string;
+        subtotal: string;
+        total: string;
+    };
+    ourStory: {
+        title: string;
+        subtitle: string;
+        by: string;
+        paragraph1: string;
+        paragraph2: string;
+        paragraph3: string;
+        paragraph4: string;
+        paragraph5: string;
+        paragraph6: string;
+        signature: string;
+        description: string;
+    };
+    menuSection: {
+        title: string;
+        description: string;
+    };
+    orderOnline: {
+        title: string;
+        description: string;
+    };
+    hero: {
+        title: string;
+        subtitle: string;
+    };
+    introSection: {
+        title: string;
+        paragraph1: string;
+        paragraph2: string;
+    };
+    reservationSection: {
+        title: string;
+        description: string;
+    };
+    testimonialsSection: {
+        title: string;
+        description: string;
+        testimonials: {
+            name: string;
+            company: string;
+            text: string;
+        }[];
+    };
+    orderTracking: {
+        orderPlaced: string;
+        orderPlacedDesc: string;
+        orderAccepted: string;
+        orderAcceptedDesc: string;
+        readyForDispatch: string;
+        readyForDispatchDesc: string;
+        orderDispatched: string;
+        orderDispatchedDesc: string;
+        orderDelivered: string;
+        orderDeliveredDesc: string;
+        orderCancelled: string;
+        orderCancelledDesc: string;
+        price: string;
+        quantity: string;
+        subtotal: string;
+        total: string;
+        poweredBy: string;
+        reference: string;
+        status: string;
+    };
+    reservation: {
+        reservationDetails: string;
+        name: string;
+        phone: string;
+        guests: string;
+        date: string;
+        reference: string;
+        status: string;
+        notSpecified: string;
+        invalidDate: string;
+        requestSent: string;
+        requestSentDesc: string;
+        confirmed: string;
+        confirmedDesc: string;
+        cancelled: string;
+        cancelledDesc: string;
+        pendingStatus: string;
+        confirmedStatus: string;
+        cancelledStatus: string;
+        poweredBy: string;
+    };
+    homepage: {
+        description: string;
+    };
+    menu: {
+        description: string;
+    };
+    privacyPolicy: {
+        description: string;
+    };
+    termsAndConditions: {
+        description: string;
+    };
+};

package/storefront/translations/index.d.ts

@@ -0,0 +1,4 @@
+import { Locale } from '../../../../client/src/index.ts';
+import { enTranslations } from './en';
+export type TranslationKeys = typeof enTranslations;
+export declare const translations: Partial<Record<Locale, TranslationKeys>>;

package/storefront/translations/pl.d.ts

@@ -0,0 +1,150 @@
+export declare const plTranslations: {
+    common: {
+        cart: string;
+        checkout: string;
+        products: string;
+        home: string;
+        search: string;
+        loading: string;
+        add: string;
+        remove: string;
+        close: string;
+        back: string;
+        next: string;
+        continue: string;
+        submit: string;
+        cancel: string;
+        apply: string;
+        save: string;
+        aboutUs: string;
+        ourStory: string;
+        menu: string;
+        reservations: string;
+        orderOnline: string;
+        checkOurMenu: string;
+        privacyPolicy: string;
+        termsAndConditions: string;
+        orderNow: string;
+        makeReservation: string;
+    };
+    product: {
+        addToCart: string;
+        outOfStock: string;
+        quantity: string;
+        price: string;
+        total: string;
+        description: string;
+        options: string;
+        modifiers: string;
+    };
+    checkout: {
+        yourOrder: string;
+        orderSummary: string;
+        delivery: string;
+        address: string;
+        payment: string;
+        confirmation: string;
+        deliveryDetails: string;
+        paymentMethod: string;
+        placeOrder: string;
+        subtotal: string;
+        total: string;
+    };
+    ourStory: {
+        title: string;
+        subtitle: string;
+        by: string;
+        paragraph1: string;
+        paragraph2: string;
+        paragraph3: string;
+        paragraph4: string;
+        paragraph5: string;
+        paragraph6: string;
+        signature: string;
+        description: string;
+    };
+    menuSection: {
+        title: string;
+        description: string;
+    };
+    orderOnline: {
+        title: string;
+        description: string;
+    };
+    hero: {
+        title: string;
+        subtitle: string;
+    };
+    introSection: {
+        title: string;
+        paragraph1: string;
+        paragraph2: string;
+    };
+    reservationSection: {
+        title: string;
+        description: string;
+    };
+    testimonialsSection: {
+        title: string;
+        description: string;
+        testimonials: {
+            name: string;
+            company: string;
+            text: string;
+        }[];
+    };
+    orderTracking: {
+        orderPlaced: string;
+        orderPlacedDesc: string;
+        orderAccepted: string;
+        orderAcceptedDesc: string;
+        readyForDispatch: string;
+        readyForDispatchDesc: string;
+        orderDispatched: string;
+        orderDispatchedDesc: string;
+        orderDelivered: string;
+        orderDeliveredDesc: string;
+        orderCancelled: string;
+        orderCancelledDesc: string;
+        price: string;
+        quantity: string;
+        subtotal: string;
+        total: string;
+        poweredBy: string;
+        reference: string;
+        status: string;
+    };
+    reservation: {
+        reservationDetails: string;
+        name: string;
+        phone: string;
+        guests: string;
+        date: string;
+        reference: string;
+        status: string;
+        notSpecified: string;
+        invalidDate: string;
+        requestSent: string;
+        requestSentDesc: string;
+        confirmed: string;
+        confirmedDesc: string;
+        cancelled: string;
+        cancelledDesc: string;
+        pendingStatus: string;
+        confirmedStatus: string;
+        cancelledStatus: string;
+        poweredBy: string;
+    };
+    homepage: {
+        description: string;
+    };
+    menu: {
+        description: string;
+    };
+    privacyPolicy: {
+        description: string;
+    };
+    termsAndConditions: {
+        description: string;
+    };
+};

package/storefront/types/cart.types.d.ts

@@ -0,0 +1,109 @@
+import { CartItem, LocalizedProduct, PaymentMethodDetails, ShippingMethod, UploadedFile } from '../../../../client/src/index.ts';
+import { default as React } from 'react';
+export interface CartContextType {
+    locale: string;
+    items: CartItem[];
+    total: number;
+    shipping?: number;
+    subtotal: number;
+    addItem: (item: CartItem) => void;
+    removeItem: (productId: string, modifierGroups?: {
+        id: string;
+        modifiers: {
+            id: string;
+            quantity?: number;
+        }[];
+    }[]) => void;
+    updateItemQuantity: (productId: string, quantity: number, modifierGroups?: {
+        id: string;
+        modifiers: {
+            id: string;
+            quantity?: number;
+        }[];
+    }[]) => void;
+    clearCart: () => void;
+    itemCount: number;
+    totalAmount: number;
+    onCheckoutClick: () => void;
+    openModifiersModal: (product: any, onAddToCart?: () => void) => void;
+    closeModifiersModal: () => void;
+    isModifiersModalOpen: boolean;
+    selectedProduct: any | null;
+    onModalAddToCart: (() => void) | undefined;
+    products: Record<string, LocalizedProduct>;
+    isProductsLoading: boolean;
+    paymentMethod: PaymentMethodDetails | null;
+    setPaymentMethod: React.Dispatch<React.SetStateAction<PaymentMethodDetails | null>>;
+    shippingMethod: ShippingMethod | null;
+    setShippingMethod: React.Dispatch<React.SetStateAction<ShippingMethod | null>>;
+    formattedCartItems: FormattedCartItem[];
+}
+export interface FormattedCartItem {
+    title: string;
+    subtitle: (string | null)[];
+    image?: UploadedFile;
+    price: string;
+    unitPrice: string;
+    quantity: number;
+}
+export type CartAction = {
+    type: "INITIALIZE_CART";
+    payload: CartItem[];
+} | {
+    type: "SET_INITIALIZED";
+    payload: boolean;
+} | {
+    type: "ADD_ITEM";
+    payload: CartItem;
+} | {
+    type: "UPDATE_ITEM_QUANTITY";
+    payload: {
+        productId: string;
+        modifierGroups?: {
+            id: string;
+            modifiers: {
+                id: string;
+                quantity?: number;
+            }[];
+        }[];
+        quantity: number;
+    };
+} | {
+    type: "REMOVE_ITEM";
+    payload: {
+        productId: string;
+        modifierGroups?: {
+            id: string;
+            modifiers: {
+                id: string;
+                quantity?: number;
+            }[];
+        }[];
+    };
+} | {
+    type: "CLEAR_CART";
+} | {
+    type: "OPEN_MODIFIERS_MODAL";
+    payload: {
+        product: any;
+        onAddToCart?: () => void;
+    };
+} | {
+    type: "CLOSE_MODIFIERS_MODAL";
+} | {
+    type: "UPDATE_TOTALS";
+    payload: {
+        productsData: Record<string, LocalizedProduct>;
+    };
+} | {
+    type: "REMOVE_UNAVAILABLE_PRODUCTS";
+    payload: {
+        productsData: Record<string, LocalizedProduct>;
+        showAlert?: boolean;
+    };
+} | {
+    type: "REMOVE_INVALID_PRODUCTS";
+    payload: {
+        invalidProductIds: string[];
+    };
+};

package/storefront/utils/cart-item.util.d.ts

@@ -0,0 +1,3 @@
+import { CartItem, LocalizedProduct } from '../../../../client/src/index.ts';
+import { FormattedCartItem } from '../types/cart.types';
+export declare function formatCartItemData(item: CartItem, product: LocalizedProduct, currency: string, locale: string): FormattedCartItem;