@instockng/storefront-ui 1.0.53 → 1.0.55

package/dist/index98.mjs

@@ -1,72 +1,56 @@
 'use client';
-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
+import s from "./index83.mjs";
+import m from "./index207.mjs";
+import u from "./index208.mjs";
+import { getFetch as b } from "./index209.mjs";
+import d from "./index94.mjs";
+const p = {
+  http: m,
+  xhr: u,
+  fetch: {
+    get: b
+  }
 };
-Object.entries(e).forEach(([t, o]) => {
-  e[o] = t;
+s.forEach(p, (e, o) => {
+  if (e) {
+    try {
+      Object.defineProperty(e, "name", { value: o });
+    } catch {
+    }
+    Object.defineProperty(e, "adapterName", { value: o });
+  }
 });
+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")
+      );
+      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 {
-  e as default
+  y as default
 };

package/dist/index99.mjs

@@ -1,5 +1,72 @@
 'use client';
-var o = { exports: {} };
+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 {
-  o as __module
+  e as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instockng/storefront-ui",
-  "version": "1.0.53",
+  "version": "1.0.55",
   "description": "Pre-built UI components for OMS e-commerce sites",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -81,4 +81,4 @@
     "typescript": "^5.3.3",
     "vite": "^5.4.20"
   }
-}
+}

package/src/components/Checkout.tsx

@@ -117,7 +117,7 @@ export interface CheckoutProps {
   /** Initial form data */
   initialData?: Partial<CheckoutFormData>;
   /** Callback on successful checkout */
-  onSuccess?: (orderId: string) => void;
+  onSuccess?: (order: Order) => void;
   /** Callback on error */
   onError?: (error: Error) => void;
   /** Submit button text */
@@ -196,7 +196,7 @@ export function Checkout({
         // Clear the cart and create a new one for next purchase
         clearAndCreateNewCart();
 
-        onSuccess?.(order.id);
+        onSuccess?.(order as Order);
       } catch (error) {
         onError?.(error as Error);
       }
@@ -407,6 +407,12 @@ export function Checkout({
 
       const amountInKobo = Math.round(cart!.pricing.total * 100); // Convert to kobo
 
+      // Get Facebook attribution cookies for CAPI
+      const { fbc, fbp } = getFbCookies();
+
+      // Get TikTok attribution cookies for Events API
+      const { ttp, ttclid } = getTikTokCookies();
+
       // Initiate Paystack payment popup
       // The onSuccess callback in the hook will handle the checkout completion
       paystack.initializePayment({
@@ -415,6 +421,18 @@ export function Checkout({
         currency: 'NGN',
         metadata: {
           cartId: cart?.id,
+          brandSlug: cart?.brand?.slug,
+          address: formData.address,
+          city: formData.city,
+          delivery_zone_id: selectedDeliveryZoneId || formData.deliveryZoneId,
+          firstName: formData.firstName,
+          lastName: formData.lastName,
+          email: formData.email,
+          phone: formData.phone,
+          fbc,
+          fbp,
+          ttp,
+          ttclid,
           custom_fields: [
             {
               display_name: 'Customer Name',
@@ -426,6 +444,21 @@ export function Checkout({
               variable_name: 'phone_number',
               value: formData.phone,
             },
+            {
+              display_name: 'Address',
+              variable_name: 'address',
+              value: formData.address,
+            },
+            {
+              display_name: 'City',
+              variable_name: 'city',
+              value: formData.city,
+            },
+            {
+              display_name: 'Delivery Zone ID',
+              variable_name: 'delivery_zone_id',
+              value: selectedDeliveryZoneId || formData.deliveryZoneId,
+            }
           ],
         },
       });
@@ -469,7 +502,7 @@ export function Checkout({
       // Clear the cart and create a new one for next purchase
       clearAndCreateNewCart();
 
-      onSuccess?.(order.id);
+      onSuccess?.(order as Order);
     } catch (error) {
       onError?.(error as Error);
     }

package/src/components/ShoppingCart.tsx

@@ -8,6 +8,7 @@
  */
 
 import { useEffect, useState } from 'react';
+import type { Order } from '@instockng/api-client';
 import { useCart } from '../contexts/CartContext';
 import { CartItem } from './CartItem';
 import { DiscountCodeInput } from './DiscountCodeInput';
@@ -27,6 +28,8 @@ export interface ShoppingCartProps {
   onCheckout?: () => void;
   /** Callback when continue shopping is clicked */
   onContinueShopping?: () => void;
+  /** Callback when purchase is successfully completed */
+  onPurchaseSuccess?: (order: Order) => void;
   /** Custom class name */
   className?: string;
   /** Show discount code input */
@@ -52,6 +55,7 @@ export function ShoppingCart({
   onClose,
   onCheckout,
   onContinueShopping,
+  onPurchaseSuccess,
   className,
   showDiscountCode = true,
   showContinueShopping = true,
@@ -184,11 +188,11 @@ export function ShoppingCart({
                 </div>
 
                 {/* Discount Code - temporarily disabled */}
-                {/* {showDiscountCode && (
+                {showDiscountCode && (
                   <div className="px-4 pb-4">
                     <DiscountCodeInput />
                   </div>
-                )} */}
+                )}
               </div>
 
               {/* Recommended Products - Outside scroll area */}
@@ -255,7 +259,10 @@ export function ShoppingCart({
       {/* Checkout Modal */}
       <Checkout
         isOpen={isCheckoutOpen}
-        onSuccess={() => onClose()}
+        onSuccess={(order) => {
+          onPurchaseSuccess?.(order);
+          onClose();
+        }}
         onClose={() => setIsCheckoutOpen(false)}
         refundPolicy={{
           title: '🤔 Curious about Refunds?',