@instockng/storefront-ui 1.0.110 → 1.0.112

package/dist/index99.mjs

@@ -1,9 +1,90 @@
 'use client';
-function u(n) {
-  return function(r) {
-    return n.apply(null, r);
-  };
+import t from "./index95.mjs";
+import c from "./index106.mjs";
+import u from "./index158.mjs";
+import S from "./index105.mjs";
+import h from "./index159.mjs";
+import a from "./index160.mjs";
+import O from "./index100.mjs";
+function y(i, r, e) {
+  if (t.isString(i))
+    try {
+      return (r || JSON.parse)(i), t.trim(i);
+    } catch (n) {
+      if (n.name !== "SyntaxError")
+        throw n;
+    }
+  return (e || JSON.stringify)(i);
 }
+const l = {
+  transitional: u,
+  adapter: ["xhr", "http", "fetch"],
+  transformRequest: [function(r, e) {
+    const n = e.getContentType() || "", s = n.indexOf("application/json") > -1, f = t.isObject(r);
+    if (f && t.isHTMLForm(r) && (r = new FormData(r)), t.isFormData(r))
+      return s ? JSON.stringify(O(r)) : r;
+    if (t.isArrayBuffer(r) || t.isBuffer(r) || t.isStream(r) || t.isFile(r) || t.isBlob(r) || t.isReadableStream(r))
+      return r;
+    if (t.isArrayBufferView(r))
+      return r.buffer;
+    if (t.isURLSearchParams(r))
+      return e.setContentType("application/x-www-form-urlencoded;charset=utf-8", !1), r.toString();
+    let o;
+    if (f) {
+      if (n.indexOf("application/x-www-form-urlencoded") > -1)
+        return h(r, this.formSerializer).toString();
+      if ((o = t.isFileList(r)) || n.indexOf("multipart/form-data") > -1) {
+        const p = this.env && this.env.FormData;
+        return S(
+          o ? { "files[]": r } : r,
+          p && new p(),
+          this.formSerializer
+        );
+      }
+    }
+    return f || s ? (e.setContentType("application/json", !1), y(r)) : r;
+  }],
+  transformResponse: [function(r) {
+    const e = this.transitional || l.transitional, n = e && e.forcedJSONParsing, s = this.responseType === "json";
+    if (t.isResponse(r) || t.isReadableStream(r))
+      return r;
+    if (r && t.isString(r) && (n && !this.responseType || s)) {
+      const m = !(e && e.silentJSONParsing) && s;
+      try {
+        return JSON.parse(r, this.parseReviver);
+      } catch (o) {
+        if (m)
+          throw o.name === "SyntaxError" ? c.from(o, c.ERR_BAD_RESPONSE, this, null, this.response) : o;
+      }
+    }
+    return r;
+  }],
+  /**
+   * A timeout in milliseconds to abort a request. If set to 0 (default) a
+   * timeout is not created.
+   */
+  timeout: 0,
+  xsrfCookieName: "XSRF-TOKEN",
+  xsrfHeaderName: "X-XSRF-TOKEN",
+  maxContentLength: -1,
+  maxBodyLength: -1,
+  env: {
+    FormData: a.classes.FormData,
+    Blob: a.classes.Blob
+  },
+  validateStatus: function(r) {
+    return r >= 200 && r < 300;
+  },
+  headers: {
+    common: {
+      Accept: "application/json, text/plain, */*",
+      "Content-Type": void 0
+    }
+  }
+};
+t.forEach(["delete", "get", "head", "post", "put", "patch"], (i) => {
+  l.headers[i] = {};
+});
 export {
-  u as default
+  l as default
 };

package/dist/lib/utils.d.ts

@@ -28,4 +28,7 @@ export declare function getTikTokCookies(): {
  * Matches the format used by the backend: {type}_{id}_{suffix}
  */
 export declare function generateClientEventId(type: 'cart' | 'order', id: string, suffix?: string): string;
+export declare const WHATSAPP_HELP_NUMBER = "2348125648668";
+export declare const WHATSAPP_HELP_NUMBER_FORMATTED: string;
+export declare const WHATSAPP_HELP_LINK = "https://wa.me/2348125648668";
 //# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAOrD;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAOtD;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAS1D;AAED,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;AAE5E,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,iBAAiB,EAAE,mBAAmB,GAAG,MAAM,CAa9F;AAED,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,iBAAiB,EAAE,mBAAmB,GAAG,MAAM,CAKvH;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAUrD;AAsBD;;;GAGG;AACH,wBAAgB,YAAY,IAAI;IAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAKnF;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI;IAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAK1F;AACD;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,GAAG,OAAO,EACtB,EAAE,EAAE,MAAM,EACV,MAAM,CAAC,EAAE,MAAM,GACd,MAAM,CAER"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAOrD;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAOtD;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAS1D;AAED,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;AAE5E,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,iBAAiB,EAAE,mBAAmB,GAAG,MAAM,CAa9F;AAED,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,iBAAiB,EAAE,mBAAmB,GAAG,MAAM,CAKvH;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAUrD;AAsBD;;;GAGG;AACH,wBAAgB,YAAY,IAAI;IAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAKnF;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI;IAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAK1F;AACD;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,GAAG,OAAO,EACtB,EAAE,EAAE,MAAM,EACV,MAAM,CAAC,EAAE,MAAM,GACd,MAAM,CAER;AAGD,eAAO,MAAM,oBAAoB,kBAAkB,CAAC;AAEpD,eAAO,MAAM,8BAA8B,QAA4E,CAAC;AACxH,eAAO,MAAM,kBAAkB,gCAA0C,CAAC"}

package/package.json

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

package/src/components/AssistantDrawer.tsx

@@ -13,14 +13,15 @@
 
 import { useState, useEffect, useRef, useCallback } from 'react';
 import { createPortal } from 'react-dom';
-import { X, Send, Sparkles, Loader2 } from 'lucide-react';
-import { cn, formatCurrency } from '../lib/utils';
+import { X, Send, Sparkles, Loader2, MessageCircle } from 'lucide-react';
+import { cn, formatCurrency, WHATSAPP_HELP_LINK } from '../lib/utils';
 import { useHideBodyOverflow } from '../hooks/useHideBodyOverflow';
 
 type ChatMessage = {
   role: 'user' | 'assistant';
   content: string;
   products?: RecommendedProduct[];
+  whatsapp?: boolean;
 };
 
 type RecommendedProduct = {
@@ -84,7 +85,9 @@ export function AssistantDrawer({
         const updated = [...prev];
         const last = updated[updated.length - 1];
         if (last?.role === 'assistant') {
-          updated[updated.length - 1] = { ...last, content: last.content + data };
+          const raw = last.content + data;
+          const cleaned = raw.replace(/\n?PRODUCTS:.*$/m, '').replace(/\n?CONTACT_SUPPORT\s*/gi, '');
+          updated[updated.length - 1] = { ...last, content: cleaned };
         }
         return updated;
       });
@@ -99,6 +102,7 @@ export function AssistantDrawer({
               ...last,
               content: parsed.answer || last.content,
               products: parsed.products?.length > 0 ? parsed.products : undefined,
+              whatsapp: parsed.whatsapp || false,
             };
           }
           return updated;
@@ -368,6 +372,18 @@ export function AssistantDrawer({
                       ))}
                     </div>
                   )}
+
+                  {msg.whatsapp && (
+                    <a
+                      href={WHATSAPP_HELP_LINK}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="inline-flex items-center gap-2 rounded-full bg-green-500 px-4 py-2 text-sm font-medium text-white hover:bg-green-600 transition-colors no-underline"
+                    >
+                      <MessageCircle className="h-4 w-4" />
+                      Chat on WhatsApp
+                    </a>
+                  )}
                 </div>
               )}
             </div>

package/src/components/Checkout.tsx

@@ -27,14 +27,10 @@ import {
   Package,
 } from 'lucide-react';
 import { PostPurchaseUpsell } from './PostPurchaseUpsell';
-import { formatCurrency, cn, getFbCookies, getTikTokCookies } from '../lib/utils';
+import { formatCurrency, cn, getFbCookies, getTikTokCookies, WHATSAPP_HELP_LINK } from '../lib/utils';
 import PaystackSVG from "../paystack.svg"
 import { usePaystackPayment } from '../hooks/usePaystackPayment';
 
-// WhatsApp support contact constants
-const WHATSAPP_HELP_NUMBER = '2348125648668';
-const WHATSAPP_HELP_LINK = `https://wa.me/${WHATSAPP_HELP_NUMBER}`;
-
 // Utility to clean phone number by removing all non-digit characters
 const cleanPhoneNumber = (phone: string): string => {
   return phone.replace(/\D/g, '');

package/src/components/DeliveryConfirmation.tsx

@@ -11,12 +11,7 @@ import { Card, CardContent, CardHeader, CardTitle } from './ui/card';
 import { Button } from './ui/button';
 import { Badge } from './ui/badge';
 import { CheckCircle, XCircle, Loader2, Package, Pencil } from 'lucide-react';
-import { formatCurrency, formatDateTime, cn } from '../lib/utils';
-
-const WHATSAPP_HELP_NUMBER = '2348125648668';
-const localPart = '0' + WHATSAPP_HELP_NUMBER.slice(3);
-const WHATSAPP_HELP_NUMBER_FORMATTED = `${localPart.slice(0, 4)} ${localPart.slice(4, 7)} ${localPart.slice(7)}`;
-const WHATSAPP_HELP_LINK = `https://wa.me/${WHATSAPP_HELP_NUMBER}`;
+import { formatCurrency, formatDateTime, cn, WHATSAPP_HELP_LINK, WHATSAPP_HELP_NUMBER_FORMATTED } from '../lib/utils';
 
 export interface DeliveryConfirmationProps {
   orderId: string;

package/src/components/OrderConfirmation.tsx

@@ -11,13 +11,7 @@ import { Card, CardContent, CardHeader, CardTitle } from './ui/card';
 import { Button } from './ui/button';
 import { Badge } from './ui/badge';
 import { CheckCircle, XCircle, Loader2, Package } from 'lucide-react';
-import { formatCurrency, formatDateTime, cn } from '../lib/utils';
-
-// WhatsApp support contact constants
-const WHATSAPP_HELP_NUMBER = '2348125648668';
-const localPart = '0' + WHATSAPP_HELP_NUMBER.slice(3);
-const WHATSAPP_HELP_NUMBER_FORMATTED = `${localPart.slice(0, 4)} ${localPart.slice(4, 7)} ${localPart.slice(7)}`;
-const WHATSAPP_HELP_LINK = `https://wa.me/${WHATSAPP_HELP_NUMBER}`;
+import { formatCurrency, formatDateTime, cn, WHATSAPP_HELP_LINK, WHATSAPP_HELP_NUMBER_FORMATTED } from '../lib/utils';
 
 export interface OrderConfirmationProps {
   /** Order UUID */

package/src/lib/utils.ts

@@ -122,3 +122,9 @@ export function generateClientEventId(
 ): string {
   return suffix ? `${type}_${id}_${suffix}` : `${type}_${id}`;
 }
+
+// WhatsApp help constants
+export const WHATSAPP_HELP_NUMBER = '2348125648668';
+const localPart = '0' + WHATSAPP_HELP_NUMBER.slice(3);
+export const WHATSAPP_HELP_NUMBER_FORMATTED = `${localPart.slice(0, 4)} ${localPart.slice(4, 7)} ${localPart.slice(7)}`;
+export const WHATSAPP_HELP_LINK = `https://wa.me/${WHATSAPP_HELP_NUMBER}`;