tanya-chatbot 0.6.0 → 0.6.1

package/dist/tanya-chatbot.es.js

@@ -1,4 +1,4 @@
-import { useEffect as q, useState as z, useRef as xt } from "react";
+import { useEffect as q, useState as A, useRef as xt } from "react";
 import { jsx as a, jsxs as u, Fragment as re } from "react/jsx-runtime";
 import { createHttpLink as lr, ApolloClient as cr, InMemoryCache as dr, ApolloProvider as ur } from "@apollo/client";
 import { Provider as pr, useDispatch as De, useSelector as Rt } from "react-redux";
@@ -197,7 +197,7 @@ const tt = () => sessionStorage.getItem("Host"), J = () => sessionStorage.getIte
   return o ? `<p key=${r} class="mb-2"><strong>${o[1]}.</strong> ${o[2]}</p>` : e.trim() ? `<p key=${r} class="mb-2">${e}</p>` : "<br/>";
 }).join("");
 function Ir() {
-  const t = () => window.innerWidth < 425 ? 1 : window.innerWidth < 768 ? 2 : 4, [e, r] = z(t);
+  const t = () => window.innerWidth < 425 ? 1 : window.innerWidth < 768 ? 2 : 4, [e, r] = A(t);
   return q(() => {
     const o = () => r(t());
     return window.addEventListener("resize", o), () => window.removeEventListener("resize", o);
@@ -206,7 +206,7 @@ function Ir() {
 const Fr = ({
   product: t
 }) => {
-  const e = De(), r = Ir(), [o, n] = z(0), c = () => {
+  const e = De(), r = Ir(), [o, n] = A(0), c = () => {
     n(
       (s) => s + r >= t.length ? 0 : s + r
     );
@@ -421,14 +421,14 @@ const nt = (t) => {
   }
 }, Ce = 300, Tr = ({ addToCartPwa: t }) => {
   var s, x, y, C, S, H;
-  const e = De(), r = Rt((N) => N.product.product), o = Rt((N) => N.store.store), [n, c] = z(!!r);
+  const e = De(), r = Rt((N) => N.product.product), o = Rt((N) => N.store.store), [n, c] = A(!!r);
   if (q(() => {
     c(!!r);
   }, [r]), !r) return null;
   const l = async () => {
-    var N, A, W, lt, R, ct, _t, $t, et, Ct, It, dt, zt, At, rt, P;
+    var N, P, W, lt, R, ct, _t, $t, et, Ct, It, dt, zt, At, rt, O;
     try {
-      if (!((A = (N = r == null ? void 0 : r.variants) == null ? void 0 : N[0]) != null && A.product_id) && !(r.type.item || r.type.bundle) && !((lt = (W = r == null ? void 0 : r.variants) == null ? void 0 : W[0]) != null && lt.productId)) {
+      if (!((P = (N = r == null ? void 0 : r.variants) == null ? void 0 : N[0]) != null && P.product_id) && !(r.type.item || r.type.bundle) && !((lt = (W = r == null ? void 0 : r.variants) == null ? void 0 : W[0]) != null && lt.productId)) {
         M.error("Variants not available", {
           position: "bottom-right",
           autoClose: 1e3
@@ -444,22 +444,22 @@ const nt = (t) => {
         sessionStorage.getItem("customerData") || "{}"
       ), ut = (v == null ? void 0 : v.basketId) || localStorage.getItem(Yt), Wt = !1, jt = localStorage.getItem(Pt), Dt = Date.now();
       if (!Wt || !jt || Dt >= parseInt(jt)) {
-        let $ = "";
-        if ($ = "Bearer " + (await Ot()).access_token, !$) {
+        let z = "";
+        if (z = "Bearer " + (await Ot()).access_token, !z) {
           console.error("Failed to get customer_token");
           return;
         }
         const pt = Dt + 300 * 1e3;
-        if (Kt($), localStorage.setItem(Pt, pt.toString()), ut) {
+        if (Kt(z), localStorage.setItem(Pt, pt.toString()), ut) {
           const Ft = await Ye({
             basketId: ut,
-            customer_token: $
+            customer_token: z
           });
           if (Ft.status === 200 && Ft) {
             const D = await ne(
               ut,
               _,
-              $
+              z
             );
             (((_t = D == null ? void 0 : D.product_items) == null ? void 0 : _t.length) > 0 || (($t = D == null ? void 0 : D.productItems) == null ? void 0 : $t.length) > 0) && (M.success("Added to cart", {
               position: "bottom-right",
@@ -479,7 +479,7 @@ const nt = (t) => {
               quantity: 1
             }
           ]
-        }, k = await Ve($, Lt);
+        }, k = await Ve(z, Lt);
         if (!(k != null && k.basket_id) && !(k != null && k.basketId)) {
           console.error("Failed to create basket");
           return;
@@ -490,7 +490,7 @@ const nt = (t) => {
         const G = await ne(
           (k == null ? void 0 : k.basket_id) || (k == null ? void 0 : k.basketId),
           _,
-          $
+          z
         );
         console.log("object added to basket"), (((It = G == null ? void 0 : G.product_items) == null ? void 0 : It.length) > 0 || ((dt = G == null ? void 0 : G.productItems) == null ? void 0 : dt.length) > 0) && M.success("Added to cart", {
           position: "bottom-right",
@@ -506,7 +506,7 @@ const nt = (t) => {
         position: "bottom-right",
         autoClose: 3e3
       }), ((zt = _ == null ? void 0 : _.response) == null ? void 0 : zt.status) === 404 || // Basket not found
-      ((At = _ == null ? void 0 : _.response) == null ? void 0 : At.status) === 401 ? (((rt = _ == null ? void 0 : _.response) == null ? void 0 : rt.status) === 404 && nt(null), ((P = _ == null ? void 0 : _.response) == null ? void 0 : P.status) === 401 && (nt(null), Kt(null))) : (console.error("Failed to add product to basket:", _.message), M.error("Failed to add product to cart", {
+      ((At = _ == null ? void 0 : _.response) == null ? void 0 : At.status) === 401 ? (((rt = _ == null ? void 0 : _.response) == null ? void 0 : rt.status) === 404 && nt(null), ((O = _ == null ? void 0 : _.response) == null ? void 0 : O.status) === 401 && (nt(null), Kt(null))) : (console.error("Failed to add product to basket:", _.message), M.error("Failed to add product to cart", {
         position: "bottom-right",
         autoClose: 3e3
       }));
@@ -561,14 +561,14 @@ const nt = (t) => {
               }
             ) }),
             /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2", children: r.imageGroups.slice(1, 2).map(
-              (N) => N.images.slice(1, 2).map((A) => /* @__PURE__ */ a(
+              (N) => N.images.slice(1, 2).map((P) => /* @__PURE__ */ a(
                 "img",
                 {
-                  src: A.link,
+                  src: P.link,
                   alt: r.name,
                   className: "rounded-[10px] w-[60px] h-[60px]"
                 },
-                A.link
+                P.link
               ))
             ) })
           ] }),
@@ -615,7 +615,7 @@ const nt = (t) => {
                 " ratings"
               ] })
             ] }) }),
-            /* @__PURE__ */ a("div", { className: "mt-2 flex flex-row items-center gap-2", children: Array.from({ length: 5 }).map((N, A) => {
+            /* @__PURE__ */ a("div", { className: "mt-2 flex flex-row items-center gap-2", children: Array.from({ length: 5 }).map((N, P) => {
               var W;
               return /* @__PURE__ */ a(
                 be,
@@ -624,10 +624,10 @@ const nt = (t) => {
                   width: "20",
                   height: "20",
                   className: `text-yellow-500 
-                ${((W = r == null ? void 0 : r.rating) == null ? void 0 : W.rate) > A ? "text-yellow-500" : "text-gray-300"}
+                ${((W = r == null ? void 0 : r.rating) == null ? void 0 : W.rate) > P ? "text-yellow-500" : "text-gray-300"}
               `
                 },
-                A
+                P
               );
             }) })
           ] }),
@@ -681,14 +681,14 @@ const nt = (t) => {
     "Niece/Nephew": "his/her niece/nephew",
     "My Friends": "his/her friends",
     Others: "others"
-  }, c = xt(null), l = xt(null), d = xt(null), s = xt(null), [x, y] = z(null);
+  }, c = xt(null), l = xt(null), d = xt(null), s = xt(null), [x, y] = A(null);
   xt(null);
-  const [C, S] = z(!1), [H, N] = z(!1), [A, W] = z(!1), [lt, R] = z(!1), [ct, _t] = z(!1), [$t, et] = z(!1), [Ct, It] = z(""), [dt, zt] = z(""), At = (i) => ({
+  const [C, S] = A(!1), [H, N] = A(!1), [P, W] = A(!1), [lt, R] = A(!1), [ct, _t] = A(!1), [$t, et] = A(!1), [Ct, It] = A(""), [dt, zt] = A(""), At = (i) => ({
     id: i.id,
     title: i.name,
     image: i.image ?? "",
     price: i.price ?? 0
-  }), [rt, P] = z([]), _ = xt(null), v = Rt((i) => i.store.store), ut = Rt((i) => i.product.product);
+  }), [rt, O] = A([]), _ = xt(null), v = Rt((i) => i.store.store), ut = Rt((i) => i.product.product);
   q(() => {
     const i = localStorage.getItem(
       `access_token_${t.siteId}`
@@ -697,7 +697,7 @@ const nt = (t) => {
     );
     if (i && w === i) {
       const m = localStorage.getItem("chatHistory");
-      m && P(JSON.parse(m));
+      m && O(JSON.parse(m));
     } else
       localStorage.setItem("chatHistory", JSON.stringify([])), localStorage.setItem(
         `chat-token-${t.siteId}`,
@@ -722,12 +722,15 @@ const nt = (t) => {
     zt(n[i]);
   };
   q(() => {
-    _.current && (_.current.scrollTop += 150);
-  }, [rt]);
-  let $ = null, pt = null;
+    P && _.current && _.current.scrollTo({
+      top: _.current.scrollHeight,
+      behavior: "smooth"
+    });
+  }, [rt, P]);
+  let z = null, pt = null;
   const Lt = async () => {
-    if ($ && pt && Date.now() < pt)
-      return $;
+    if (z && pt && Date.now() < pt)
+      return z;
     try {
       const i = "https://us-east-1lsr29ln3u.auth.us-east-1.amazoncognito.com/oauth2/token", w = new URLSearchParams({
         grant_type: "client_credentials",
@@ -746,11 +749,11 @@ const nt = (t) => {
           `Token request failed! status: ${m.status}`
         );
       const g = await m.json();
-      $ = g.access_token;
+      z = g.access_token;
       const p = g.expires_in || 3600;
-      return pt = Date.now() + (p - 60) * 1e3, $;
+      return pt = Date.now() + (p - 60) * 1e3, z;
     } catch (i) {
-      return console.error("Error obtaining JWT token:", i), $ = null, pt = null, null;
+      return console.error("Error obtaining JWT token:", i), z = null, pt = null, null;
     }
   }, k = async () => {
     const i = await Ot();
@@ -775,7 +778,7 @@ const nt = (t) => {
     const m = await G();
     if (console.log(m, "interests of customer", Nt), !!m)
       try {
-        P(
+        O(
           (U) => U.map(
             (V, Y) => Y === U.length - 1 ? { ...V, secondaryLoading: !0 } : V
           )
@@ -818,19 +821,19 @@ const nt = (t) => {
               const f = X.slice(5).trim();
               try {
                 const K = JSON.parse(f);
-                K.index === 0 && P(
+                K.index === 0 && O(
                   (I) => I.map(
-                    (O, Q) => Q === I.length - 1 ? {
-                      ...O,
+                    ($, Q) => Q === I.length - 1 ? {
+                      ...$,
                       secondaryResponse: K.data,
                       secondaryLoading: !1
-                    } : O
+                    } : $
                   )
                 );
               } catch (K) {
-                P(
+                O(
                   (I) => I.map(
-                    (O, Q) => Q === I.length - 1 ? { ...O, secondaryLoading: !1 } : O
+                    ($, Q) => Q === I.length - 1 ? { ...$, secondaryLoading: !1 } : $
                   )
                 ), console.error("Secondary flow JSON parse error:", K);
               }
@@ -842,7 +845,7 @@ const nt = (t) => {
   }, D = async (i) => {
     const w = i || Ct.trim();
     if (w) {
-      _t(!0), It(""), c.current = null, l.current = null, d.current = null, s.current = null, P((m) => [
+      _t(!0), It(""), c.current = null, l.current = null, d.current = null, s.current = null, O((m) => [
         ...m,
         {
           query: w,
@@ -893,9 +896,9 @@ const nt = (t) => {
               const K = f.slice(5).trim();
               try {
                 const I = JSON.parse(K);
-                I.index == 1 && (U = I.data), P(
-                  (O) => O.map(
-                    (Q, Bt) => Bt === O.length - 1 ? {
+                I.index == 1 && (U = I.data), O(
+                  ($) => $.map(
+                    (Q, Bt) => Bt === $.length - 1 ? {
                       ...Q,
                       [I.index == 0 ? "response" : I.index == 1 ? "keywords" : I.index == 2 ? "potentialQuestions" : "end"]: I.data
                     } : Q
@@ -924,7 +927,7 @@ const nt = (t) => {
       const w = i.split(",");
       for (const m of w) {
         const g = await xe(m);
-        if (et(!1), (g == null ? void 0 : g.length) > 0 && (P(
+        if (et(!1), (g == null ? void 0 : g.length) > 0 && (O(
           (p) => p.map(
             (h, j) => j === p.length - 1 ? {
               ...h,
@@ -944,7 +947,7 @@ const nt = (t) => {
     } else
       for (const w of i) {
         const m = await xe(w);
-        et(!1), (m == null ? void 0 : m.length) > 0 && P(
+        et(!1), (m == null ? void 0 : m.length) > 0 && O(
           (g) => g.map(
             (p, h) => h === g.length - 1 ? {
               ...p,
@@ -957,7 +960,7 @@ const nt = (t) => {
         );
       }
     if (c.current) {
-      P(
+      O(
         (m) => m.map(
           (g, p) => p === m.length - 1 ? {
             ...g,
@@ -999,7 +1002,7 @@ const nt = (t) => {
       console.log(K, "product data", "app version", Nt);
       const I = JSON.parse(
         sessionStorage.getItem("customerData") || "{}"
-      ), O = (I == null ? void 0 : I.basketId) || localStorage.getItem(Yt), Q = !1, Bt = localStorage.getItem(Pt), we = Date.now();
+      ), $ = (I == null ? void 0 : I.basketId) || localStorage.getItem(Yt), Q = !1, Bt = localStorage.getItem(Pt), we = Date.now();
       if (!Q || !Bt || we >= parseInt(Bt)) {
         const ar = await Me();
         let { customer_token: gt } = await He(
@@ -1010,14 +1013,14 @@ const nt = (t) => {
           return;
         }
         const ir = we + 300 * 1e3;
-        if (Kt(gt), localStorage.setItem(Pt, ir.toString()), console.log(O, "basketIdFromCustomer"), O) {
+        if (Kt(gt), localStorage.setItem(Pt, ir.toString()), console.log($, "basketIdFromCustomer"), $) {
           const ge = await Ye({
-            basketId: O,
+            basketId: $,
             customer_token: gt
           });
           if (ge.status === 200 && ge) {
             const Gt = await ne(
-              O,
+              $,
               K,
               gt
             );
@@ -1028,7 +1031,7 @@ const nt = (t) => {
               closeOnClick: !0,
               pauseOnHover: !0,
               draggable: !0
-            }), Vt(O), R(!1));
+            }), Vt($), R(!1));
             return;
           }
         }
@@ -1081,8 +1084,8 @@ const nt = (t) => {
     R(!1);
   };
   return q(() => {
-    A ? setTimeout(() => N(!0), 10) : N(!1);
-  }, [A]), /* @__PURE__ */ a("div", { className: "relative flex justify-center", children: /* @__PURE__ */ u(vr, { open: C, onOpenChange: S, children: [
+    P ? setTimeout(() => N(!0), 10) : N(!1);
+  }, [P]), /* @__PURE__ */ a("div", { className: "relative flex justify-center", children: /* @__PURE__ */ u(vr, { open: C, onOpenChange: S, children: [
     /* @__PURE__ */ a(
       kr,
       {
@@ -1146,7 +1149,7 @@ const nt = (t) => {
         ) })
       }
     ),
-    A && /* @__PURE__ */ u(re, { children: [
+    P && /* @__PURE__ */ u(re, { children: [
       /* @__PURE__ */ a(
         "div",
         {
@@ -1478,7 +1481,7 @@ const nt = (t) => {
                                               "button",
                                               {
                                                 className: "px-3 py-1 text-sm",
-                                                onClick: () => P(
+                                                onClick: () => O(
                                                   (p) => p.map(
                                                     (h, j) => j === w && h.productSnapshot ? {
                                                       ...h,
@@ -1504,7 +1507,7 @@ const nt = (t) => {
                                               "button",
                                               {
                                                 className: "px-3 py-1 text-sm",
-                                                onClick: () => P(
+                                                onClick: () => O(
                                                   (p) => p.map(
                                                     (h, j) => j === w && h.productSnapshot ? {
                                                       ...h,