@instockng/storefront-ui 1.0.56 → 1.0.58

package/dist/index97.mjs

@@ -1,37 +1,56 @@
 'use client';
-var a = (i, t, e = {}) => {
-  let r = `${i}=${t}`;
-  if (i.startsWith("__Secure-") && !e.secure)
-    throw new Error("__Secure- Cookie must have Secure attributes");
-  if (i.startsWith("__Host-")) {
-    if (!e.secure)
-      throw new Error("__Host- Cookie must have Secure attributes");
-    if (e.path !== "/")
-      throw new Error('__Host- Cookie must have Path attributes with "/"');
-    if (e.domain)
-      throw new Error("__Host- Cookie must not have Domain attributes");
+import s from "./index82.mjs";
+import m from "./index150.mjs";
+import u from "./index151.mjs";
+import { getFetch as b } from "./index152.mjs";
+import d from "./index93.mjs";
+const p = {
+  http: m,
+  xhr: u,
+  fetch: {
+    get: b
   }
-  if (e && typeof e.maxAge == "number" && e.maxAge >= 0) {
-    if (e.maxAge > 3456e4)
-      throw new Error(
-        "Cookies Max-Age SHOULD NOT be greater than 400 days (34560000 seconds) in duration."
-      );
-    r += `; Max-Age=${e.maxAge | 0}`;
+};
+s.forEach(p, (e, o) => {
+  if (e) {
+    try {
+      Object.defineProperty(e, "name", { value: o });
+    } catch {
+    }
+    Object.defineProperty(e, "adapterName", { value: o });
   }
-  if (e.domain && e.prefix !== "host" && (r += `; Domain=${e.domain}`), e.path && (r += `; Path=${e.path}`), e.expires) {
-    if (e.expires.getTime() - Date.now() > 3456e7)
-      throw new Error(
-        "Cookies Expires SHOULD NOT be greater than 400 days (34560000 seconds) in the future."
+});
+const f = (e) => `- ${e}`, g = (e) => s.isFunction(e) || e === null || e === !1, y = {
+  getAdapter: (e, o) => {
+    e = s.isArray(e) ? e : [e];
+    const { length: a } = e;
+    let i, t;
+    const c = {};
+    for (let r = 0; r < a; r++) {
+      i = e[r];
+      let n;
+      if (t = i, !g(i) && (t = p[(n = String(i)).toLowerCase()], t === void 0))
+        throw new d(`Unknown adapter '${n}'`);
+      if (t && (s.isFunction(t) || (t = t.get(o))))
+        break;
+      c[n || "#" + r] = t;
+    }
+    if (!t) {
+      const r = Object.entries(c).map(
+        ([l, h]) => `adapter ${l} ` + (h === !1 ? "is not supported by the environment" : "is not available in the build")
       );
-    r += `; Expires=${e.expires.toUTCString()}`;
-  }
-  if (e.httpOnly && (r += "; HttpOnly"), e.secure && (r += "; Secure"), e.sameSite && (r += `; SameSite=${e.sameSite.charAt(0).toUpperCase() + e.sameSite.slice(1)}`), e.priority && (r += `; Priority=${e.priority.charAt(0).toUpperCase() + e.priority.slice(1)}`), e.partitioned) {
-    if (!e.secure)
-      throw new Error("Partitioned Cookie must have Secure attributes");
-    r += "; Partitioned";
-  }
-  return r;
-}, s = (i, t, e) => (t = encodeURIComponent(t), a(i, t, e));
+      let n = a ? r.length > 1 ? `since :
+` + r.map(f).join(`
+`) : " " + f(r[0]) : "as no adapter specified";
+      throw new d(
+        "There is no suitable adapter to dispatch the request " + n,
+        "ERR_NOT_SUPPORT"
+      );
+    }
+    return t;
+  },
+  adapters: p
+};
 export {
-  s as serialize
+  y as default
 };

package/dist/index98.mjs

@@ -1,46 +1,72 @@
 'use client';
-var s = (e, r) => (e = e.replace(/\/+$/, ""), e = e + "/", r = r.replace(/^\/+/, ""), e + r), p = (e, r) => {
-  for (const [n, t] of Object.entries(r)) {
-    const c = new RegExp("/:" + n + "(?:{[^/]+})?\\??");
-    e = e.replace(c, t ? `/${t}` : "");
-  }
-  return e;
-}, f = (e) => {
-  const r = new URLSearchParams();
-  for (const [n, t] of Object.entries(e))
-    if (t !== void 0)
-      if (Array.isArray(t))
-        for (const c of t)
-          r.append(n, c);
-      else
-        r.set(n, t);
-  return r;
-}, i = (e, r) => {
-  switch (r) {
-    case "ws":
-      return e.replace(/^http/, "ws");
-    case "http":
-      return e.replace(/^ws/, "http");
-  }
-}, l = (e) => /^https?:\/\/[^\/]+?\/index(?=\?|$)/.test(e) ? e.replace(/\/index(?=\?|$)/, "/") : e.replace(/\/index(?=\?|$)/, "");
-function a(e) {
-  return typeof e == "object" && e !== null && !Array.isArray(e);
-}
-function o(e, r) {
-  if (!a(e) && !a(r))
-    return r;
-  const n = { ...e };
-  for (const t in r) {
-    const c = r[t];
-    a(n[t]) && a(c) ? n[t] = o(n[t], c) : n[t] = c;
-  }
-  return n;
-}
+const e = {
+  Continue: 100,
+  SwitchingProtocols: 101,
+  Processing: 102,
+  EarlyHints: 103,
+  Ok: 200,
+  Created: 201,
+  Accepted: 202,
+  NonAuthoritativeInformation: 203,
+  NoContent: 204,
+  ResetContent: 205,
+  PartialContent: 206,
+  MultiStatus: 207,
+  AlreadyReported: 208,
+  ImUsed: 226,
+  MultipleChoices: 300,
+  MovedPermanently: 301,
+  Found: 302,
+  SeeOther: 303,
+  NotModified: 304,
+  UseProxy: 305,
+  Unused: 306,
+  TemporaryRedirect: 307,
+  PermanentRedirect: 308,
+  BadRequest: 400,
+  Unauthorized: 401,
+  PaymentRequired: 402,
+  Forbidden: 403,
+  NotFound: 404,
+  MethodNotAllowed: 405,
+  NotAcceptable: 406,
+  ProxyAuthenticationRequired: 407,
+  RequestTimeout: 408,
+  Conflict: 409,
+  Gone: 410,
+  LengthRequired: 411,
+  PreconditionFailed: 412,
+  PayloadTooLarge: 413,
+  UriTooLong: 414,
+  UnsupportedMediaType: 415,
+  RangeNotSatisfiable: 416,
+  ExpectationFailed: 417,
+  ImATeapot: 418,
+  MisdirectedRequest: 421,
+  UnprocessableEntity: 422,
+  Locked: 423,
+  FailedDependency: 424,
+  TooEarly: 425,
+  UpgradeRequired: 426,
+  PreconditionRequired: 428,
+  TooManyRequests: 429,
+  RequestHeaderFieldsTooLarge: 431,
+  UnavailableForLegalReasons: 451,
+  InternalServerError: 500,
+  NotImplemented: 501,
+  BadGateway: 502,
+  ServiceUnavailable: 503,
+  GatewayTimeout: 504,
+  HttpVersionNotSupported: 505,
+  VariantAlsoNegotiates: 506,
+  InsufficientStorage: 507,
+  LoopDetected: 508,
+  NotExtended: 510,
+  NetworkAuthenticationRequired: 511
+};
+Object.entries(e).forEach(([t, o]) => {
+  e[o] = t;
+});
 export {
-  f as buildSearchParams,
-  o as deepMerge,
-  s as mergePath,
-  l as removeIndexString,
-  p as replaceUrlParam,
-  i as replaceUrlProtocol
+  e as default
 };

package/dist/index99.mjs

@@ -1,5 +1,37 @@
 'use client';
-var o = { exports: {} };
+var a = (i, t, e = {}) => {
+  let r = `${i}=${t}`;
+  if (i.startsWith("__Secure-") && !e.secure)
+    throw new Error("__Secure- Cookie must have Secure attributes");
+  if (i.startsWith("__Host-")) {
+    if (!e.secure)
+      throw new Error("__Host- Cookie must have Secure attributes");
+    if (e.path !== "/")
+      throw new Error('__Host- Cookie must have Path attributes with "/"');
+    if (e.domain)
+      throw new Error("__Host- Cookie must not have Domain attributes");
+  }
+  if (e && typeof e.maxAge == "number" && e.maxAge >= 0) {
+    if (e.maxAge > 3456e4)
+      throw new Error(
+        "Cookies Max-Age SHOULD NOT be greater than 400 days (34560000 seconds) in duration."
+      );
+    r += `; Max-Age=${e.maxAge | 0}`;
+  }
+  if (e.domain && e.prefix !== "host" && (r += `; Domain=${e.domain}`), e.path && (r += `; Path=${e.path}`), e.expires) {
+    if (e.expires.getTime() - Date.now() > 3456e7)
+      throw new Error(
+        "Cookies Expires SHOULD NOT be greater than 400 days (34560000 seconds) in the future."
+      );
+    r += `; Expires=${e.expires.toUTCString()}`;
+  }
+  if (e.httpOnly && (r += "; HttpOnly"), e.secure && (r += "; Secure"), e.sameSite && (r += `; SameSite=${e.sameSite.charAt(0).toUpperCase() + e.sameSite.slice(1)}`), e.priority && (r += `; Priority=${e.priority.charAt(0).toUpperCase() + e.priority.slice(1)}`), e.partitioned) {
+    if (!e.secure)
+      throw new Error("Partitioned Cookie must have Secure attributes");
+    r += "; Partitioned";
+  }
+  return r;
+}, s = (i, t, e) => (t = encodeURIComponent(t), a(i, t, e));
 export {
-  o as __module
+  s as serialize
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instockng/storefront-ui",
-  "version": "1.0.56",
+  "version": "1.0.58",
   "description": "Pre-built UI components for OMS e-commerce sites",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/OrderConfirmation.stories.tsx

@@ -29,7 +29,7 @@ const mockOrderResponse = {
           sku: 'TSHIRT-MD-BLUE',
           product: {
             name: 'Premium Cotton T-Shirt',
-            imageUrl: 'https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?w=400',
+            thumbnailUrl: 'https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?w=400',
           },
         },
         quantity: 2,
@@ -43,7 +43,7 @@ const mockOrderResponse = {
           sku: 'JEANS-LG-BLACK',
           product: {
             name: 'Slim Fit Jeans',
-            imageUrl: 'https://images.unsplash.com/photo-1542272604-787c3835535d?w=400',
+            thumbnailUrl: 'https://images.unsplash.com/photo-1542272604-787c3835535d?w=400',
           },
         },
         quantity: 1,

package/src/components/ProductAddOns.stories.tsx

@@ -18,7 +18,7 @@ const mockProducts: AddOnProduct[] = [
         id: '1',
         slug: 'travel-case',
         name: 'Travel Case',
-        imageUrl: 'https://images.unsplash.com/photo-1544816155-12df9643f363?w=400',
+        thumbnailUrl: 'https://images.unsplash.com/photo-1544816155-12df9643f363?w=400',
         variants: [{ id: 'v1', price: 15.00, sku: 'CASE-01', name: 'Standard' }],
         addonDescription: 'Keep your products safe while traveling.',
         compareAtPrice: 25.00,
@@ -28,7 +28,7 @@ const mockProducts: AddOnProduct[] = [
         id: '2',
         slug: 'expansion-kit',
         name: 'Expansion Kit',
-        imageUrl: 'https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?w=400',
+        thumbnailUrl: 'https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?w=400',
         variants: [{ id: 'v2', price: 49.99, sku: 'KIT-01', name: 'Full' }],
         addonDescription: 'Adds 5 more slots to your base unit.',
         compareAtPrice: 65.00,
@@ -38,7 +38,7 @@ const mockProducts: AddOnProduct[] = [
         id: '3',
         slug: 'cleaning-solution',
         name: 'Cleaning Solution',
-        imageUrl: 'https://images.unsplash.com/photo-1584622650111-993a426fbf0a?w=400',
+        thumbnailUrl: 'https://images.unsplash.com/photo-1584622650111-993a426fbf0a?w=400',
         variants: [{ id: 'v3', price: 9.99, sku: 'CLEAN-01', name: '100ml' }],
         addonDescription: 'Eco-friendly formula for deep cleaning.',
         brand: { name: 'Pure' }
@@ -47,7 +47,7 @@ const mockProducts: AddOnProduct[] = [
         id: '4',
         slug: 'extra-batteries',
         name: 'Extra Batteries',
-        imageUrl: 'https://images.unsplash.com/photo-1619648366548-05f476906233?w=400',
+        thumbnailUrl: 'https://images.unsplash.com/photo-1619648366548-05f476906233?w=400',
         variants: [{ id: 'v4', price: 12.00, sku: 'BATT-01', name: '2-Pack' }],
         brand: { name: 'PowerUp' }
     },
@@ -55,7 +55,7 @@ const mockProducts: AddOnProduct[] = [
         id: '5',
         slug: 'replacement-straps',
         name: 'Replacement Straps',
-        imageUrl: 'https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=400',
+        thumbnailUrl: 'https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=400',
         variants: [{ id: 'v5', price: 19.99, sku: 'STRAP-01', name: 'Leather' }],
         addonDescription: 'Genuine leather replacement straps.',
         compareAtPrice: 29.99,
@@ -65,7 +65,7 @@ const mockProducts: AddOnProduct[] = [
         id: '6',
         slug: 'protective-film',
         name: 'Protective Film',
-        imageUrl: 'https://images.unsplash.com/photo-1586210579191-33b45e38fa2c?w=400',
+        thumbnailUrl: 'https://images.unsplash.com/photo-1586210579191-33b45e38fa2c?w=400',
         variants: [{ id: 'v6', price: 5.50, sku: 'FILM-01', name: 'Clear' }],
         brand: { name: 'Shield' }
     }

package/src/components/ProductAddOns.tsx

@@ -2,7 +2,6 @@
 
 import { useState, useRef } from 'react';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
-import { Button } from './ui/button';
 import { Switch } from './ui/switch';
 import { Badge } from './ui/badge';
 import { cn, formatCurrency } from '../lib/utils';
@@ -17,7 +16,7 @@ export interface AddOnProduct extends ProductCardProduct {
     addonDescription?: string | null;
 }
 
-interface ProductAddOnsProps {
+export interface ProductAddOnsProps {
     /** Product slug to fetch add-ons for */
     slug?: string;
     /** Manual product list (overrides slug fetching) */
@@ -146,9 +145,9 @@ export function ProductAddOns({
                             >
                                 {/* Image Container */}
                                 <div className="h-20 w-20 flex-shrink-0 overflow-hidden rounded-xl bg-white/40 flex items-center justify-center">
-                                    {product.imageUrl ? (
+                                    {product.thumbnailUrl ? (
                                         <img
-                                            src={product.imageUrl}
+                                            src={product.thumbnailUrl}
                                             alt={product.name}
                                             className="h-full w-full object-cover"
                                         />

package/src/components/ProductCard.stories.tsx

@@ -18,7 +18,7 @@ const mockProduct: ProductCardProduct = {
   id: '1',
   name: 'Premium Cotton T-Shirt',
   description: 'Comfortable and stylish cotton t-shirt perfect for everyday wear',
-  imageUrl: 'https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?w=400',
+  thumbnailUrl: 'https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?w=400',
   brand: {
     name: 'Fashion Brand',
     logoUrl: 'https://via.placeholder.com/100x50',
@@ -99,7 +99,7 @@ export const NoImage: Story = {
   args: {
     product: {
       ...mockProduct,
-      imageUrl: undefined,
+      thumbnailUrl: undefined,
     },
   },
 };

package/src/components/ProductCard.tsx

@@ -19,7 +19,7 @@ export interface ProductCardProduct {
   id: string;
   name: string;
   description?: string;
-  imageUrl?: string;
+  thumbnailUrl?: string;
   brand?: {
     name: string;
     logoUrl?: string;
@@ -92,9 +92,9 @@ export function ProductCard({
     >
       {/* Product Image */}
       <div className="relative aspect-square overflow-hidden bg-gray-100">
-        {product.imageUrl ? (
+        {product.thumbnailUrl ? (
           <img
-            src={product.imageUrl}
+            src={product.thumbnailUrl}
             alt={product.name}
             className={cn(
               'h-full w-full object-cover transition-transform group-hover:scale-105',

package/src/components/ProductGrid.tsx

@@ -110,7 +110,7 @@ export function ProductGrid({
           id: product.id,
           name: product.name,
           description: product.description || undefined,
-          imageUrl: product.thumbnailUrl || undefined,
+          thumbnailUrl: product.thumbnailUrl || undefined,
           brand: undefined, // Brand info not included in product response
           variants: product.variants.map((v: any) => ({
             id: v.id,

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';