@instockng/storefront-ui 1.0.55 → 1.0.57

package/src/components/ui/switch.tsx

@@ -0,0 +1,37 @@
+'use client';
+
+import * as React from 'react';
+import { cn } from '../../lib/utils';
+
+interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+
+const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(
+    ({ className, checked, onCheckedChange, disabled, ...props }, ref) => {
+        return (
+            <label
+                className={cn(
+                    'inline-flex cursor-pointer items-center',
+                    disabled && 'cursor-not-allowed opacity-50',
+                    className
+                )}
+            >
+                <input
+                    type="checkbox"
+                    className="peer sr-only"
+                    ref={ref}
+                    checked={checked}
+                    onChange={(e) => onCheckedChange?.(e.target.checked)}
+                    disabled={disabled}
+                    {...props}
+                />
+                <div className="peer h-6 w-11 rounded-full bg-[#ccc] after:absolute after:start-[2px] after:top-[2px] after:h-5 after:w-5 after:rounded-full  after:bg-white after:transition-all after:content-[''] peer-checked:bg-accent-600 peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-blue-300 dark:border-accent-600 dark:bg-[#ccc] dark:peer-focus:ring-blue-800 rtl:peer-checked:after:-translate-x-full"></div>
+            </label>
+        );
+    }
+);
+Switch.displayName = 'Switch';
+
+export { Switch };

package/src/index.ts

@@ -31,6 +31,12 @@ export type { ProductCardProps, ProductCardProduct } from './components/ProductC
 export { ProductGrid } from './components/ProductGrid';
 export type { ProductGridProps } from './components/ProductGrid';
 
+export { ProductAddOns } from './components/ProductAddOns';
+export type { ProductAddOnsProps, AddOnProduct } from './components/ProductAddOns';
+
+export { RecommendedProducts } from './components/RecommendedProducts';
+export type { RecommendedProductsProps } from './components/RecommendedProducts';
+
 export { CartItem } from './components/CartItem';
 export type { CartItemProps } from './components/CartItem';
 

package/src/lib/utils.ts

@@ -6,9 +6,11 @@ export function cn(...inputs: ClassValue[]) {
 }
 
 export function formatCurrency(amount: number): string {
-  return new Intl.NumberFormat('en-US', {
+  return new Intl.NumberFormat('en-NG', {
     style: 'currency',
     currency: 'NGN',
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0,
   }).format(amount)
 }
 

package/src/test-utils/MockCartProvider.tsx

@@ -24,6 +24,9 @@ const mockCart: Cart = {
     siteUrl: 'https://demo-store.com',
     domain: 'f',
     metaPixelId: null as any,
+    tiktokPixelId: null as any,
+    paystackPublicKey: null as any,
+    paystackSecretKey: null as any,
     createdAt: new Date().toISOString(),
     updatedAt: new Date().toISOString(),
     deletedAt: null as any,
@@ -53,6 +56,7 @@ const mockCart: Cart = {
         createdAt: new Date().toISOString(),
         updatedAt: new Date().toISOString(),
         deletedAt: null as any,
+        compareAtPrice: "0",
         product: {
           id: 'product-1',
           name: 'Premium Cotton T-Shirt',
@@ -64,9 +68,9 @@ const mockCart: Cart = {
           createdAt: new Date().toISOString(),
           updatedAt: new Date().toISOString(),
           deletedAt: null as any,
-          quantityDiscounts: null as any,
+          quantityDiscounts: [] as any,
         },
-      },
+      } as any,
       quantity: 2,
       basePrice: 29.99,
       discountPercent: 0,
@@ -87,7 +91,8 @@ const mockCart: Cart = {
         isActive: true,
         createdAt: new Date().toISOString(),
         updatedAt: new Date().toISOString(),
-        deletedAt: null,
+        deletedAt: null as any,
+        compareAtPrice: "0",
         product: {
           id: 'product-2',
           name: 'Slim Fit Jeans',
@@ -98,10 +103,10 @@ const mockCart: Cart = {
           thumbnailUrl: 'https://images.unsplash.com/photo-1542272604-787c3835535d?w=400',
           createdAt: new Date().toISOString(),
           updatedAt: new Date().toISOString(),
-          deletedAt: null,
-          quantityDiscounts: null,
+          deletedAt: null as any,
+          quantityDiscounts: [] as any,
         },
-      },
+      } as any,
       quantity: 1,
       basePrice: 34.99,
       discountPercent: 0,
@@ -191,7 +196,7 @@ export function MockCartProvider({
     isSuccess: false,
     data: undefined,
     error: null,
-    reset: () => {},
+    reset: () => { },
     status: 'idle' as const,
     failureCount: 0,
     failureReason: null,
@@ -244,6 +249,8 @@ export function MockCartProvider({
         brandId: cart.brand.id,
         deliveryCost: 1500,
         freeShippingThreshold: null as any,
+        noteTitle: null as any,
+        noteContent: null as any,
         allowCOD: true,
         allowOnline: true,
         waybillOnly: false,