arkenstone-ui 0.0.24 → 0.0.25

package/dist/types/e-commerce/product/components/product-card/components/wishlist-button.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 export interface WishlistButtonProps {
     isWishlisted?: boolean;
     onToggle?: (value: boolean) => void;
@@ -6,10 +5,10 @@ export interface WishlistButtonProps {
     activeIcon?: React.ReactNode;
     ariaLabel?: string;
     size?: number;
-    className?: {
+    classNames?: {
         button?: string;
         icon?: string;
     };
     animationDuration?: number;
 }
-export declare function WishlistButton({ isWishlisted, onToggle, icon, activeIcon, ariaLabel, size, className, animationDuration, }: WishlistButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function WishlistButton({ isWishlisted, onToggle, icon, activeIcon, ariaLabel, size, classNames, animationDuration, }: WishlistButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/e-commerce/product/components/product-card/layouts/product-card-image-layout.d.ts

@@ -1,11 +1,10 @@
-import { default as React } from 'react';
 export interface ProductImageLayoutProps {
     imageUrl?: string;
     imageAlt?: string;
     width?: string | number;
     height?: string | number;
     background?: React.ReactNode;
-    className?: {
+    classNames?: {
         container?: string;
         image?: string;
         overlay?: string;
@@ -21,7 +20,7 @@ export interface ProductImageLayoutProps {
     center?: React.ReactNode;
     topPlaceholder?: React.ReactNode;
     bottomPlaceholder?: React.ReactNode;
-    placeholderClassName?: {
+    placeholderClassNames?: {
         top?: string;
         bottom?: string;
     };
@@ -32,4 +31,4 @@ export interface ProductImageLayoutProps {
  * - Provides 4 corner slots + center slot where you can place components (wishlist, discount badge, brand, price, view details)
  * - Fully customizable via className props and by passing custom nodes
  */
-export declare function ProductImageLayout({ imageUrl, imageAlt, width, height, background, className, topLeft, topRight, bottomLeft, bottomRight, center, topPlaceholder, bottomPlaceholder, placeholderClassName, }: ProductImageLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductImageLayout({ imageUrl, imageAlt, width, height, background, classNames, topLeft, topRight, bottomLeft, bottomRight, center, topPlaceholder, bottomPlaceholder, placeholderClassNames, }: ProductImageLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/e-commerce/product/components/product-card/layouts/product-card-layout.d.ts

@@ -1,11 +1,10 @@
-import { default as React } from 'react';
 export type ProductLayoutType = "compact" | "detailed";
 export interface ProductCardLayoutProps {
     layout?: ProductLayoutType;
     ImageComponent: React.ReactNode;
     DetailsComponent: React.ReactNode;
     /** granular class overrides */
-    className?: {
+    classNames?: {
         container?: string;
         compactWrapper?: string;
         detailedWrapper?: string;
@@ -13,4 +12,4 @@ export interface ProductCardLayoutProps {
         detailsContainer?: string;
     };
 }
-export declare function ProductCardLayout({ layout, ImageComponent, DetailsComponent, className, }: ProductCardLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductCardLayout({ layout, ImageComponent, DetailsComponent, classNames, }: ProductCardLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/e-commerce/product/service/brand-service.d.ts

@@ -1,67 +1,7 @@
-import { ApiOptions } from '../../../hooks/api';
+import { ServiceFactory } from '../../../services';
 import { Brand } from '../types';
-/**
- * Defines the structure of a Brand object.
- * Customize these properties to match your application's data model.
- */
-export interface ServiceTypeBrand extends Brand {
-}
-/**
- * Defines the payload for creating a new brand.
- * It omits server-generated fields like `id`.
- */
-export type BrandCreationPayload = Omit<ServiceTypeBrand, 'id'>;
-/**
- * Defines the payload for updating an existing brand.
- * All fields are optional to allow for partial updates.
- */
-export type BrandUpdatePayload = Partial<BrandCreationPayload>;
-/**
- * Defines the available query parameters for fetching a list of brands.
- * This is useful for implementing features like pagination, sorting, and searching.
- */
-export type BrandListQuery = {
-    page?: number;
-    per_page?: number;
-    sort_by?: keyof Brand;
-    sort_order?: 'asc' | 'desc';
-    search?: string;
-};
-export declare const brandService: {
-    /**
-     * Fetches a paginated and filterable list of brands.
-     * @param {BrandListQuery} params - Query parameters for filtering and pagination.
-     * @param {ApiOptions} options - Custom options for the API request.
-     * @returns {Promise<Brand[]>} A promise that resolves to an array of brands.
-     */
-    getBrands(params?: BrandListQuery, options?: ApiOptions): Promise<Brand[]>;
-    /**
-     * Fetches a single brand by its unique identifier.
-     * @param {string | number} id - The ID of the brand.
-     * @param {ApiOptions} options - Custom options for the API request.
-     * @returns {Promise<Brand>} A promise that resolves to the requested brand.
-     */
-    getBrandById(id: string | number, options?: ApiOptions): Promise<Brand>;
-    /**
-     * Creates a new brand.
-     * @param {BrandCreationPayload} brandData - The data for the new brand.
-     * @param {ApiOptions} options - Custom options for the API request, `displaySuccess` is enabled by default.
-     * @returns {Promise<Brand>} A promise that resolves to the newly created brand.
-     */
-    createBrand(brandData: BrandCreationPayload, options?: ApiOptions): Promise<Brand>;
-    /**
-     * Updates an existing brand's information.
-     * @param {string | number} id - The ID of the brand to update.
-     * @param {BrandUpdatePayload} brandData - The data to update.
-     * @param {ApiOptions} options - Custom options for the API request, `displaySuccess` is enabled by default.
-     * @returns {Promise<Brand>} A promise that resolves to the updated brand.
-     */
-    updateBrand(id: string | number, brandData: BrandUpdatePayload, options?: ApiOptions): Promise<Brand>;
-    /**
-     * Deletes a brand.
-     * @param {string | number} id - The ID of the brand to delete.
-     * @param {ApiOptions} options - Custom options for the API request, `displaySuccess` is enabled by default.
-     * @returns {Promise<void>} A promise that resolves when the deletion is successful.
-     */
-    deleteBrand(id: string | number, options?: ApiOptions): Promise<void>;
-};
+export declare const brandService: ServiceFactory<Brand, Partial<Brand>, Partial<Brand>, {
+    list: Brand[];
+    selected: Brand | null;
+    loading: boolean;
+}>;

package/dist/types/e-commerce/product/service/category-service.d.ts

@@ -1,68 +1,7 @@
-import { ApiOptions } from '../../../hooks/api';
 import { Category } from '../types';
-/**
- * Defines the structure of a Category object.
- * Customize these properties to match your application's data model.
- */
-export interface ServiceTypeCategory extends Category {
-}
-/**
- * Defines the payload for creating a new category.
- * It omits server-generated fields like `id` and `children`.
- */
-export type CategoryCreationPayload = Omit<ServiceTypeCategory, 'id' | 'children'>;
-/**
- * Defines the payload for updating an existing category.
- * All fields are optional to allow for partial updates.
- */
-export type CategoryUpdatePayload = Partial<CategoryCreationPayload>;
-/**
- * Defines the available query parameters for fetching a list of categories.
- * This is useful for implementing features like pagination, sorting, and searching.
- */
-export type CategoryListQuery = {
-    page?: number;
-    per_page?: number;
-    sort_by?: keyof Category;
-    sort_order?: 'asc' | 'desc';
-    search?: string;
-    parent_id?: number | null;
-};
-export declare const categoryService: {
-    /**
-     * Fetches a hierarchical list of categories.
-     * @param {CategoryListQuery} params - Query parameters for filtering and pagination.
-     * @param {ApiOptions} options - Custom options for the API request.
-     * @returns {Promise<Category[]>} A promise that resolves to an array of categories with nested children.
-     */
-    getCategories(params?: CategoryListQuery, options?: ApiOptions): Promise<Category[]>;
-    /**
-     * Fetches a single category by its unique identifier.
-     * @param {string | number} id - The ID of the category.
-     * @param {ApiOptions} options - Custom options for the API request.
-     * @returns {Promise<Category>} A promise that resolves to the requested category.
-     */
-    getCategoryById(id: string | number, options?: ApiOptions): Promise<Category>;
-    /**
-     * Creates a new category.
-     * @param {CategoryCreationPayload} categoryData - The data for the new category.
-     * @param {ApiOptions} options - Custom options for the API request, `displaySuccess` is enabled by default.
-     * @returns {Promise<Category>} A promise that resolves to the newly created category.
-     */
-    createCategory(categoryData: CategoryCreationPayload, options?: ApiOptions): Promise<Category>;
-    /**
-     * Updates an existing category's information.
-     * @param {string | number} id - The ID of the category to update.
-     * @param {CategoryUpdatePayload} categoryData - The data to update.
-     * @param {ApiOptions} options - Custom options for the API request, `displaySuccess` is enabled by default.
-     * @returns {Promise<Category>} A promise that resolves to the updated category.
-     */
-    updateCategory(id: string | number, categoryData: CategoryUpdatePayload, options?: ApiOptions): Promise<Category>;
-    /**
-     * Deletes a category.
-     * @param {string | number} id - The ID of the category to delete.
-     * @param {ApiOptions} options - Custom options for the API request, `displaySuccess` is enabled by default.
-     * @returns {Promise<void>} A promise that resolves when the deletion is successful.
-     */
-    deleteCategory(id: string | number, options?: ApiOptions): Promise<void>;
-};
+import { ServiceFactory } from '../../../services';
+export declare const categoryService: ServiceFactory<Category, Partial<Category>, Partial<Category>, {
+    list: Category[];
+    selected: Category | null;
+    loading: boolean;
+}>;

package/dist/types/e-commerce/product/service/product-image-service.d.ts

@@ -1,44 +1,7 @@
-import { ApiOptions } from '../../../hooks/api';
 import { ProductImage } from '../types';
-/**
- * Defines the structure of a ProductImage object.
- * Customize these properties to match your application's data model.
- */
-export interface ServiceTypeProductImage extends ProductImage {
-}
-/**
- * Defines the payload for creating a new product image.
- * It omits server-generated fields.
- */
-export type ProductImageCreationPayload = Omit<ServiceTypeProductImage, 'product_id' | 'url' | 'order'> & {
-    image: File;
-};
-/**
- * Defines the payload for updating an existing product image.
- * All fields are optional to allow for partial updates.
- */
-export type ProductImageUpdatePayload = Partial<Omit<ServiceTypeProductImage, 'product_id' | 'url'>>;
-/**
- * Defines the available query parameters for fetching a list of product images.
- * This is useful for implementing features like filtering and searching.
- */
-export type ProductImageListQuery = {
-    product_id?: number;
-    is_primary?: boolean;
-};
-export declare const productImageService: {
-    /**
-     * Uploads a new product image.
-     * @param {File} image - The image file to upload.
-     * @param {ApiOptions} options - Custom options for the API request, `displaySuccess` is enabled by default.
-     * @returns {Promise<ProductImage>} A promise that resolves to the newly uploaded product image.
-     */
-    uploadImage(image: File, options?: ApiOptions): Promise<ProductImage>;
-    /**
-     * Deletes a product image.
-     * @param {number} imageId - The ID of the product image to delete.
-     * @param {ApiOptions} options - Custom options for the API request, `displaySuccess` is enabled by default.
-     * @returns {Promise<void>} A promise that resolves when the deletion is successful.
-     */
-    deleteImage(imageId: number, options?: ApiOptions): Promise<void>;
-};
+import { ServiceFactory } from '../../../services';
+export declare const productImageService: ServiceFactory<ProductImage, Partial<ProductImage>, Partial<ProductImage>, {
+    list: ProductImage[];
+    selected: ProductImage | null;
+    loading: boolean;
+}>;

package/dist/types/e-commerce/product/service/product-service.d.ts

@@ -1,67 +1,7 @@
-import { ApiOptions } from '../../../hooks/api';
+import { ServiceFactory } from '../../../services';
 import { Product } from '../types';
-/**
- * Defines the structure of a Product object.
- * Customize these properties to match your application's data model.
- */
-export interface ServiceTypeProduct extends Product {
-}
-/**
- * Defines the payload for creating a new product.
- * It omits server-generated fields like `id`, `created_at`, and `updated_at`.
- */
-export type ProductCreationPayload = Omit<ServiceTypeProduct, 'id' | 'created_at' | 'updated_at'>;
-/**
- * Defines the payload for updating an existing product.
- * All fields are optional to allow for partial updates.
- */
-export type ProductUpdatePayload = Partial<ProductCreationPayload>;
-/**
- * Defines the available query parameters for fetching a list of products.
- * This is useful for implementing features like pagination, sorting, and searching.
- */
-export interface ProductListQuery {
-    page?: number;
-    per_page?: number;
-    sort_by?: keyof Product;
-    sort_order?: 'asc' | 'desc';
-    search?: string;
-}
-export declare const productService: {
-    /**
-     * Fetches a paginated and filterable list of products.
-     * @param {ProductListQuery} params - Query parameters for filtering and pagination.
-     * @param {ApiOptions} options - Custom options for the API request.
-     * @returns {Promise<Product[]>} A promise that resolves to an array of products.
-     */
-    getProducts(params?: ProductListQuery, options?: ApiOptions): Promise<Product[]>;
-    /**
-     * Fetches a single product by its unique identifier.
-     * @param {string | number} id - The ID of the product.
-     * @param {ApiOptions} options - Custom options for the API request.
-     * @returns {Promise<Product>} A promise that resolves to the requested product.
-     */
-    getProductById(id: string | number, options?: ApiOptions): Promise<Product>;
-    /**
-     * Creates a new product.
-     * @param {ProductCreationPayload} productData - The data for the new product.
-     * @param {ApiOptions} options - Custom options for the API request, `displaySuccess` is enabled by default.
-     * @returns {Promise<Product>} A promise that resolves to the newly created product.
-     */
-    createProduct(productData: ProductCreationPayload, options?: ApiOptions): Promise<Product>;
-    /**
-     * Updates an existing product's information.
-     * @param {string | number} id - The ID of the product to update.
-     * @param {ProductUpdatePayload} productData - The data to update.
-     * @param {ApiOptions} options - Custom options for the API request, `displaySuccess` is enabled by default.
-     * @returns {Promise<Product>} A promise that resolves to the updated product.
-     */
-    updateProduct(id: string | number, productData: ProductUpdatePayload, options?: ApiOptions): Promise<Product>;
-    /**
-     * Deletes a product.
-     * @param {string | number} id - The ID of the product to delete.
-     * @param {ApiOptions} options - Custom options for the API request, `displaySuccess` is enabled by default.
-     * @returns {Promise<void>} A promise that resolves when the deletion is successful.
-     */
-    deleteProduct(id: string | number, options?: ApiOptions): Promise<void>;
-};
+export declare const productService: ServiceFactory<Product, Partial<Product>, Partial<Product>, {
+    list: Product[];
+    selected: Product | null;
+    loading: boolean;
+}>;

package/dist/types/stores/catelog.store.d.ts

@@ -0,0 +1,67 @@
+import { Product, Category } from '../e-commerce/product/types';
+interface CatalogState {
+    products: Product[];
+    total: number;
+    loading: boolean;
+    searchQuery: string;
+    filters: Record<string, any>;
+    sortOrder: "asc" | "desc";
+    sortBy: string;
+    viewMode: "list" | "card" | "table";
+    page: number;
+    pageSize: number;
+}
+interface CatalogActions {
+    setSearchQuery: (query: string) => void;
+    setFilters: (filters: Record<string, any>) => void;
+    setSortOrder: (order: "asc" | "desc") => void;
+    setSortBy: (by: string) => void;
+    setViewMode: (mode: "list" | "card" | "table") => void;
+    setPage: (page: number) => void;
+    fetchProducts: () => Promise<void>;
+}
+export declare const useCatalogStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<CatalogState & import('./store-factory').BaseActions<CatalogState> & CatalogActions>, "setState"> & {
+    setState(nextStateOrUpdater: (CatalogState & import('./store-factory').BaseActions<CatalogState> & CatalogActions) | Partial<CatalogState & import('./store-factory').BaseActions<CatalogState> & CatalogActions> | ((state: import('immer').WritableDraft<CatalogState & import('./store-factory').BaseActions<CatalogState> & CatalogActions>) => void), shouldReplace?: false): void;
+    setState(nextStateOrUpdater: (CatalogState & import('./store-factory').BaseActions<CatalogState> & CatalogActions) | ((state: import('immer').WritableDraft<CatalogState & import('./store-factory').BaseActions<CatalogState> & CatalogActions>) => void), shouldReplace: true): void;
+}>;
+interface ProductCardState {
+    wishlist: number[];
+    activeProductId: number | null;
+}
+interface ProductCardActions {
+    toggleWishlist: (productId: number) => void;
+    isWishlisted: (productId: number) => boolean;
+    viewDetails: (productId: number) => void;
+    closeDetails: () => void;
+}
+export declare const useProductCardStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<ProductCardState & import('./store-factory').BaseActions<ProductCardState> & ProductCardActions>, "setState"> & {
+    setState(nextStateOrUpdater: (ProductCardState & import('./store-factory').BaseActions<ProductCardState> & ProductCardActions) | Partial<ProductCardState & import('./store-factory').BaseActions<ProductCardState> & ProductCardActions> | ((state: import('immer').WritableDraft<ProductCardState & import('./store-factory').BaseActions<ProductCardState> & ProductCardActions>) => void), shouldReplace?: false): void;
+    setState(nextStateOrUpdater: (ProductCardState & import('./store-factory').BaseActions<ProductCardState> & ProductCardActions) | ((state: import('immer').WritableDraft<ProductCardState & import('./store-factory').BaseActions<ProductCardState> & ProductCardActions>) => void), shouldReplace: true): void;
+}>;
+interface CartState {
+    cart: Record<number, number>;
+}
+interface CartActions {
+    addToCart: (productId: number, qty?: number) => void;
+    removeFromCart: (productId: number) => void;
+    updateQuantity: (productId: number, qty: number) => void;
+    getCartQuantity: (productId: number) => number;
+    getTotalItems: () => number;
+    clearCart: () => void;
+}
+export declare const useCartStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<CartState & import('./store-factory').BaseActions<CartState> & CartActions>, "setState"> & {
+    setState(nextStateOrUpdater: (CartState & import('./store-factory').BaseActions<CartState> & CartActions) | Partial<CartState & import('./store-factory').BaseActions<CartState> & CartActions> | ((state: import('immer').WritableDraft<CartState & import('./store-factory').BaseActions<CartState> & CartActions>) => void), shouldReplace?: false): void;
+    setState(nextStateOrUpdater: (CartState & import('./store-factory').BaseActions<CartState> & CartActions) | ((state: import('immer').WritableDraft<CartState & import('./store-factory').BaseActions<CartState> & CartActions>) => void), shouldReplace: true): void;
+}>;
+interface CategoryState {
+    selectedCategory: Category | null;
+}
+interface CategoryActions {
+    setSelectedCategory: (cat: Category | Record<string, any> | null) => void;
+    clearCategory: () => void;
+}
+export declare const useCategoryStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<CategoryState & import('./store-factory').BaseActions<CategoryState> & CategoryActions>, "setState"> & {
+    setState(nextStateOrUpdater: (CategoryState & import('./store-factory').BaseActions<CategoryState> & CategoryActions) | Partial<CategoryState & import('./store-factory').BaseActions<CategoryState> & CategoryActions> | ((state: import('immer').WritableDraft<CategoryState & import('./store-factory').BaseActions<CategoryState> & CategoryActions>) => void), shouldReplace?: false): void;
+    setState(nextStateOrUpdater: (CategoryState & import('./store-factory').BaseActions<CategoryState> & CategoryActions) | ((state: import('immer').WritableDraft<CategoryState & import('./store-factory').BaseActions<CategoryState> & CategoryActions>) => void), shouldReplace: true): void;
+}>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arkenstone-ui",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",