@cimulate/copilot-widget 1.24.1 → 1.24.2

package/dist/messaging.es.js

@@ -5363,23 +5363,23 @@ Et.getAdapter = r_.getAdapter;
 Et.HttpStatusCode = Bh;
 Et.default = Et;
 const {
-  Axios: r7,
-  AxiosError: i7,
-  CanceledError: s7,
-  isCancel: o7,
-  CancelToken: a7,
-  VERSION: u7,
-  all: l7,
-  Cancel: c7,
-  isAxiosError: d7,
-  spread: f7,
-  toFormData: h7,
-  AxiosHeaders: p7,
-  HttpStatusCode: m7,
-  formToJSON: g7,
-  getAdapter: E7,
-  mergeConfig: y7,
-  create: T7
+  Axios: s7,
+  AxiosError: o7,
+  CanceledError: a7,
+  isCancel: u7,
+  CancelToken: l7,
+  VERSION: c7,
+  all: d7,
+  Cancel: f7,
+  isAxiosError: h7,
+  spread: p7,
+  toFormData: m7,
+  AxiosHeaders: g7,
+  HttpStatusCode: E7,
+  formToJSON: y7,
+  getAdapter: T7,
+  mergeConfig: _7,
+  create: b7
 } = Et;
 class $N {
   constructor(t, n, r, s = !1, a, u) {
@@ -30652,7 +30652,7 @@ _o()([
   "portalled",
   "positioning"
 ]);
-const [_7, qc] = cs({
+const [S7, qc] = cs({
   name: "EnvironmentContext",
   hookName: "useEnvironmentContext",
   providerName: "<EnvironmentProvider />",
@@ -30662,7 +30662,7 @@ const [_7, qc] = cs({
     getDocument: () => document,
     getWindow: () => window
   }
-}), [b7, w0] = cs({
+}), [x7, w0] = cs({
   name: "LocaleContext",
   hookName: "useLocaleContext",
   providerName: "<LocaleProvider />",
@@ -35562,7 +35562,24 @@ const rB = ({
     ] }),
     /* @__PURE__ */ b.jsx("p", { className: F(t, `${P}-cart-footer`), children: R || "Shipping and taxes calculated at checkout." })
   ] });
-}, EB = ({
+}, EB = ({ image: e, alt: t, globalClassName: n }) => {
+  const [r, s] = j.useState(e.src), [a, u] = j.useState(!1), l = () => {
+    e.fallbackSrc && r !== e.fallbackSrc && s(e.fallbackSrc);
+  };
+  return /* @__PURE__ */ b.jsx(
+    "img",
+    {
+      className: F(n, `${P}-pdp-gallery__image`, {
+        [`${P}-pdp-gallery__image--loaded`]: a
+      }),
+      src: r,
+      alt: t,
+      loading: "lazy",
+      onLoad: () => u(!0),
+      onError: l
+    }
+  );
+}, yB = ({
   images: e,
   altText: t,
   globalClassName: n
@@ -35589,16 +35606,15 @@ const rB = ({
                 index: a,
                 className: F(n, `${P}-pdp-gallery__item`),
                 children: /* @__PURE__ */ b.jsx(
-                  "img",
+                  EB,
                   {
-                    className: F(n, `${P}-pdp-gallery__image`),
-                    src: s,
+                    image: s,
                     alt: t ? `${t} (${a + 1})` : `Product image ${a + 1}`,
-                    loading: "lazy"
+                    globalClassName: n
                   }
                 )
               },
-              s
+              s.src
             ))
           }
         ),
@@ -35644,11 +35660,14 @@ const rB = ({
       ]
     }
   );
-}, Sa = "color", _p = (e, t) => /^https?:\/\//i.test(t) || !e ? t : `${e}${t}`, TT = (e) => e.replace(/(^|\/)large\//, "$1medium/"), US = (e, t) => !e.vattr || !t ? !1 : e.vattr.some((n) => n.id === Sa && n.vals.includes(t)), yB = (e, t) => {
+}, Sa = "color", _p = (e, t) => /^https?:\/\//i.test(t) || !e ? t : `${e}${t}`, TB = (e) => e.replace(/(^|\/)large\//, "$1medium/"), US = (e, t) => !e.vattr || !t ? !1 : e.vattr.some((n) => n.id === Sa && n.vals.includes(t)), TT = (e, t) => {
+  const n = TB(t), r = _p(e, n);
+  return n === t ? { src: r } : { src: r, fallbackSrc: _p(e, t) };
+}, _B = (e, t) => {
   var l, d;
-  const n = ((l = e.imgGroups) != null ? l : []).filter((f) => f.viewType === "large"), r = t && n.find((f) => US(f, t)), s = n.find((f) => f.vattr === null), a = r || s || n[0], u = ((d = a == null ? void 0 : a.imgs) != null ? d : []).map((f) => _p(e.baseUrl, TT(f.url)));
-  return u.length > 0 ? u : e.imageUrl ? [_p(e.baseUrl, TT(e.imageUrl))] : [];
-}, TB = (e, t) => {
+  const n = ((l = e.imgGroups) != null ? l : []).filter((f) => f.viewType === "large"), r = t && n.find((f) => US(f, t)), s = n.find((f) => f.vattr === null), a = r || s || n[0], u = ((d = a == null ? void 0 : a.imgs) != null ? d : []).map((f) => TT(e.baseUrl, f.url));
+  return u.length > 0 ? u : e.imageUrl ? [TT(e.baseUrl, e.imageUrl)] : [];
+}, bB = (e, t) => {
   var s, a, u;
   const n = ((s = e.imgGroups) != null ? s : []).find(
     (l) => l.viewType === "swatch" && US(l, t)
@@ -35662,7 +35681,7 @@ const rB = ({
       return u === t || ((d = s.vars) == null ? void 0 : d[u]) === l;
     }
   );
-}), _B = (e, t) => {
+}), SB = (e, t) => {
   const n = Object.keys(t);
   return n.length === 0 ? !0 : !e || e.length === 0 ? !1 : e.some(
     (r) => r.ord !== !1 && n.every((s) => {
@@ -35670,7 +35689,7 @@ const rB = ({
       return ((a = r.vars) == null ? void 0 : a[s]) === t[s];
     })
   );
-}, bB = (e, t, n, r, s) => {
+}, xB = (e, t, n, r, s) => {
   if (!e || e.length === 0)
     return oe(U({}, s), { [n]: r });
   const a = e.find(
@@ -35693,7 +35712,7 @@ const rB = ({
     }
   );
   return u ? U({}, u.vars) : oe(U({}, s), { [n]: r });
-}, SB = (e, t) => {
+}, vB = (e, t) => {
   var s, a, u, l;
   if (!(Array.isArray(e.vattr) && e.vattr.length > 0))
     return (s = e.id) != null ? s : null;
@@ -35706,7 +35725,7 @@ const rB = ({
     })
   );
   return (l = (u = r == null ? void 0 : r.pid) != null ? u : e.id) != null ? l : null;
-}, xB = (e, t) => {
+}, AB = (e, t) => {
   if (!e.vmat || e.vmat.length === 0 || Object.keys(t).length === 0)
     return e.pr;
   const n = e.vmat.find(
@@ -35716,7 +35735,7 @@ const rB = ({
     })
   );
   return n != null && n.pr ? n.pr : e.pr;
-}, vB = (e) => {
+}, wB = (e) => {
   var n;
   const t = {};
   for (const r of (n = e.vattr) != null ? n : []) {
@@ -35724,7 +35743,7 @@ const rB = ({
     a && (t[r.id] = a.val);
   }
   return t;
-}, AB = ({
+}, NB = ({
   product: e,
   globalClassName: t,
   openLinksInNewTab: n,
@@ -35732,18 +35751,18 @@ const rB = ({
 }) => {
   var ce, ae, be, ue, $, Z, x;
   const { addToCart: s, loading: a } = pn(), u = e.data, l = (ce = u.vattr) != null ? ce : [], [d, f] = j.useState(
-    () => vB(u)
-  ), p = _B(u.vmat, d), m = (be = (ae = u.quantity) == null ? void 0 : ae.minQuantity) != null ? be : 1, T = ($ = (ue = u.quantity) == null ? void 0 : ue.maxQuantity) != null ? $ : Number.POSITIVE_INFINITY, y = (x = (Z = u.quantity) == null ? void 0 : Z.increment) != null ? x : 1, [S, N] = j.useState(m), w = d[Sa], A = j.useMemo(() => yB(u, w), [u, w]), C = j.useMemo(
-    () => xB(u, d),
+    () => wB(u)
+  ), p = SB(u.vmat, d), m = (be = (ae = u.quantity) == null ? void 0 : ae.minQuantity) != null ? be : 1, T = ($ = (ue = u.quantity) == null ? void 0 : ue.maxQuantity) != null ? $ : Number.POSITIVE_INFINITY, y = (x = (Z = u.quantity) == null ? void 0 : Z.increment) != null ? x : 1, [S, N] = j.useState(m), w = d[Sa], A = j.useMemo(() => _B(u, w), [u, w]), C = j.useMemo(
+    () => AB(u, d),
     [u, d]
   ), R = l.find((O) => O.id === Sa), z = l.filter((O) => O.id !== Sa), G = (O, q) => () => {
     f((k) => {
       const pe = !ql(u.vmat, O, q, k);
-      return O === Sa || pe ? bB(u.vmat, l, O, q, k) : oe(U({}, k), { [O]: q });
+      return O === Sa || pe ? xB(u.vmat, l, O, q, k) : oe(U({}, k), { [O]: q });
     });
   }, D = () => {
     if (a) return;
-    const O = SB(u, d);
+    const O = vB(u, d);
     if (!O) return;
     const q = l.map((k) => {
       const pe = k.opts.find((Oe) => Oe.val === d[k.id]);
@@ -35833,7 +35852,7 @@ const rB = ({
         "aria-labelledby": `variant-label-${O.id}`,
         className: F(t, `${P}-msg-pdp__swatches`),
         children: O.opts.map((q) => {
-          const k = ql(u.vmat, O.id, q.val, d), pe = d[O.id] === q.val, Oe = TB(u, q.val);
+          const k = ql(u.vmat, O.id, q.val, d), pe = d[O.id] === q.val, Oe = bB(u, q.val);
           return Oe ? /* @__PURE__ */ b.jsxs(
             "label",
             {
@@ -35898,7 +35917,7 @@ const rB = ({
   ] });
   return /* @__PURE__ */ b.jsx("div", { className: F(t, `${P}-msg-pdp`), children: /* @__PURE__ */ b.jsxs("div", { className: F(t, `${P}-msg-pdp__card`), children: [
     /* @__PURE__ */ b.jsx("div", { className: F(t, `${P}-msg-pdp__gallery`), children: /* @__PURE__ */ b.jsx(
-      EB,
+      yB,
       {
         images: A,
         altText: u.name,
@@ -35998,10 +36017,10 @@ const rB = ({
       ) })
     ] })
   ] }) });
-}, wB = (e) => {
+}, CB = (e) => {
   if (e.imageUrl)
     return e.baseUrl ? e.baseUrl + e.imageUrl : e.imageUrl;
-}, NB = ({
+}, OB = ({
   products: e,
   table: t,
   globalClassName: n,
@@ -36023,7 +36042,7 @@ const rB = ({
           /* @__PURE__ */ b.jsx("div", { className: `${P}-product-comparison__header-spacer` }),
           e.map((p) => {
             var T, y, S, N;
-            const m = wB(p);
+            const m = CB(p);
             return /* @__PURE__ */ b.jsxs(
               "div",
               {
@@ -36180,7 +36199,7 @@ const rB = ({
         );
       case "product_tile":
         return /* @__PURE__ */ b.jsx(
-          AB,
+          NB,
           {
             product: T.data,
             globalClassName: t,
@@ -36192,7 +36211,7 @@ const rB = ({
         );
       case "product_comparison":
         return /* @__PURE__ */ b.jsx(
-          NB,
+          OB,
           {
             products: (se = (J = T.data) == null ? void 0 : J.products) != null ? se : [],
             table: (V = (he = T.data) == null ? void 0 : he.table) != null ? V : [],
@@ -36268,7 +36287,7 @@ const rB = ({
         return null;
     }
   }) });
-}, CB = ({
+}, kB = ({
   message: e,
   globalClassName: t,
   openLinksInNewTab: n,
@@ -36406,7 +36425,7 @@ const rB = ({
         }
       );
   }
-}, OB = ({
+}, IB = ({
   message: e,
   onRetry: t,
   globalClassName: n,
@@ -36436,7 +36455,7 @@ const rB = ({
       )
     ]
   }
-), kB = "You are offline or we couldn't reach the assistant. Check connection and try again.", V0 = ({ isWidgetStandalone: e }) => {
+), PB = "You are offline or we couldn't reach the assistant. Check connection and try again.", V0 = ({ isWidgetStandalone: e }) => {
   var se, he;
   const { globalClassName: t, openLinksInNewTab: n, logger: r, autoScroll: s } = nt(), {
     messages: a,
@@ -36452,7 +36471,7 @@ const rB = ({
   } = pn(), N = j.useRef(null), w = a.length > 0, A = u.some(WN), C = w && (d || l) && !A, R = p === "reconnecting" && !C, z = p === "error";
   let G = null;
   z ? G = {
-    message: m != null ? m : kB,
+    message: m != null ? m : PB,
     kind: "connection",
     onRetry: S
   } : T && (G = { message: T.message, kind: "send", onRetry: y }), j.useEffect(() => {
@@ -36477,7 +36496,7 @@ const rB = ({
       }
     ),
     a.map((V) => /* @__PURE__ */ b.jsx(
-      CB,
+      kB,
       {
         message: V,
         globalClassName: t,
@@ -36487,7 +36506,7 @@ const rB = ({
       V.id
     )),
     G && /* @__PURE__ */ b.jsx(
-      OB,
+      IB,
       {
         message: G.message,
         onRetry: G.onRetry,
@@ -36541,7 +36560,7 @@ const rB = ({
     ),
     /* @__PURE__ */ b.jsx("div", { ref: N })
   ] });
-}, IB = () => /* @__PURE__ */ b.jsxs(
+}, RB = () => /* @__PURE__ */ b.jsxs(
   "svg",
   {
     className: `${P}-progress-step-check`,
@@ -36562,7 +36581,7 @@ const rB = ({
       )
     ]
   }
-), PB = () => /* @__PURE__ */ b.jsx(
+), LB = () => /* @__PURE__ */ b.jsx(
   "svg",
   {
     className: `${P}-progress-step-starburst`,
@@ -36612,7 +36631,7 @@ const rB = ({
                   `${P}-progress-step-icon`,
                   d ? "done" : "active"
                 ),
-                children: d ? /* @__PURE__ */ b.jsx(IB, {}) : /* @__PURE__ */ b.jsx(PB, {})
+                children: d ? /* @__PURE__ */ b.jsx(RB, {}) : /* @__PURE__ */ b.jsx(LB, {})
               }
             )
           ]
@@ -36621,7 +36640,7 @@ const rB = ({
       );
     }) })
   ] }) });
-}, RB = () => {
+}, DB = () => {
   const { globalClassName: e, themeVariables: t, messageAlignment: n, enableDownloadTranscript: r } = nt(), { isAgentTyping: s, sendMessage: a, resetConversation: u, progressSteps: l, downloadTranscript: d } = pn(), f = s;
   return /* @__PURE__ */ b.jsxs(
     "div",
@@ -36672,7 +36691,7 @@ const rB = ({
 }, jS = (e) => {
   var d;
   const { children: t, disabled: n } = e, [r, s] = j.useState((d = e.container) == null ? void 0 : d.current), a = j.useSyncExternalStore(
-    DB,
+    FB,
     () => !1,
     () => !0
   ), { getRootNode: u } = qc();
@@ -36682,13 +36701,13 @@ const rB = ({
       return (f = e.container) == null ? void 0 : f.current;
     });
   }, [e.container]), a || n) return /* @__PURE__ */ b.jsx(b.Fragment, { children: t });
-  const l = r != null ? r : LB(u);
+  const l = r != null ? r : MB(u);
   return /* @__PURE__ */ b.jsx(b.Fragment, { children: j.Children.map(t, (f) => lo.createPortal(f, l)) });
-}, LB = (e) => {
+}, MB = (e) => {
   const t = e == null ? void 0 : e(), n = t.getRootNode();
   return os(n) ? n : br(t).body;
-}, DB = () => () => {
-}, MB = () => {
+}, FB = () => () => {
+}, BB = () => {
   const { globalClassName: e, themeVariables: t, messageAlignment: n } = nt(), { mode: r, status: s, dialogPosition: a, isDialogFullHeight: u, dialogWidth: l } = bi(), {
     loading: d,
     isAgentTyping: f,
@@ -36767,7 +36786,7 @@ const rB = ({
       ) })
     }
   ) : null;
-}, FB = () => {
+}, UB = () => {
   const { globalClassName: e, themeVariables: t, messageAlignment: n } = nt(), { mode: r, status: s, isModalFullscreen: a } = bi(), {
     loading: u,
     isAgentTyping: l,
@@ -36854,12 +36873,12 @@ const rB = ({
       ]
     }
   ) }) }) : null;
-}, BB = () => {
+}, HB = () => {
   const e = bi(), {
     status: { type: t, isMinimized: n }
   } = e || { status: {} };
-  return n ? /* @__PURE__ */ b.jsx(lO, {}) : t === "dialog" ? /* @__PURE__ */ b.jsx(MB, {}) : t === "modal" ? /* @__PURE__ */ b.jsx(FB, {}) : /* @__PURE__ */ b.jsx(RB, {});
-}, UB = () => {
+  return n ? /* @__PURE__ */ b.jsx(lO, {}) : t === "dialog" ? /* @__PURE__ */ b.jsx(BB, {}) : t === "modal" ? /* @__PURE__ */ b.jsx(UB, {}) : /* @__PURE__ */ b.jsx(DB, {});
+}, jB = () => {
   const { setIsOpen: e, setIsInline: t, setElementId: n, setEntryType: r, setParams: s } = CM();
   j.useEffect(() => {
     const a = (u) => {
@@ -36871,7 +36890,7 @@ const rB = ({
     };
   }, [e, t, n, r, s]);
 };
-function HB({
+function $B({
   isReady: e,
   hasError: t,
   transmit: n
@@ -36895,7 +36914,7 @@ function HB({
 const $S = {
   copilot: "Ask Copilot",
   messaging: "Ask a question"
-}, jB = ({
+}, zB = ({
   onSubmit: e,
   disabled: t = !1
 }) => {
@@ -36937,7 +36956,7 @@ const $S = {
       ]
     }
   );
-}, $B = () => {
+}, VB = () => {
   const { globalClassName: e, mode: t } = nt(), { placeholder: n } = U0(), r = n || $S[t];
   return /* @__PURE__ */ b.jsxs("div", { className: F(e, `${P}-prompts-header`), children: [
     /* @__PURE__ */ b.jsx(
@@ -36949,8 +36968,8 @@ const $S = {
     ),
     /* @__PURE__ */ b.jsx("span", { className: F(e, `${P}-prompts-header-text`), children: r })
   ] });
-}, zB = () => {
-  const { globalClassName: e, themeVariables: t } = nt(), { isOpen: n, elementId: r, promptsDisplay: s } = U0(), { isConnected: a, sendMessage: u, connectionStatus: l } = pn(), d = s !== "buttons", [f, p] = j.useState(null), m = l === "error", T = l === "connecting", y = HB({
+}, qB = () => {
+  const { globalClassName: e, themeVariables: t } = nt(), { isOpen: n, elementId: r, promptsDisplay: s } = U0(), { isConnected: a, sendMessage: u, connectionStatus: l } = pn(), d = s !== "buttons", [f, p] = j.useState(null), m = l === "error", T = l === "connecting", y = $B({
     isReady: a,
     hasError: m,
     transmit: u
@@ -36973,8 +36992,8 @@ const $S = {
         className: F(e, `${P}-prompts-extension-container`),
         style: t,
         children: [
-          d && /* @__PURE__ */ b.jsx(jB, { onSubmit: S, disabled: m }),
-          !d && /* @__PURE__ */ b.jsx($B, {}),
+          d && /* @__PURE__ */ b.jsx(zB, { onSubmit: S, disabled: m }),
+          !d && /* @__PURE__ */ b.jsx(VB, {}),
           !m && T && /* @__PURE__ */ b.jsx("p", { className: F(e, `${P}-prompts-connecting-message`), children: "Connecting to agent..." }),
           m && /* @__PURE__ */ b.jsx("p", { className: F(e, `${P}-prompts-error-message`), children: "Oops, an error occurred with our agent." })
         ]
@@ -36982,22 +37001,22 @@ const $S = {
     ),
     f
   );
-}, VB = () => (UB(), /* @__PURE__ */ b.jsx(zB, {})), qB = (e) => /* @__PURE__ */ b.jsxs(WC, oe(U({}, e), { children: [
-  /* @__PURE__ */ b.jsx(BB, {}),
-  /* @__PURE__ */ b.jsx(VB, {})
+}, YB = () => (jB(), /* @__PURE__ */ b.jsx(qB, {})), WB = (e) => /* @__PURE__ */ b.jsxs(WC, oe(U({}, e), { children: [
+  /* @__PURE__ */ b.jsx(HB, {}),
+  /* @__PURE__ */ b.jsx(YB, {})
 ] }));
 var kl = {}, _T;
-function YB() {
+function GB() {
   if (_T) return kl;
   _T = 1;
   var e = w_();
   return kl.createRoot = e.createRoot, kl.hydrateRoot = e.hydrateRoot, kl;
 }
-var WB = YB();
+var XB = GB();
 const zS = (e, t, n, r) => {
-  WB.createRoot(e).render(
+  XB.createRoot(e).render(
     /* @__PURE__ */ b.jsx(
-      qB,
+      WB,
       oe(U({}, t), {
         overridesUrl: n,
         inlineOverrides: r,
@@ -37005,7 +37024,7 @@ const zS = (e, t, n, r) => {
       })
     )
   );
-}, GB = (a) => {
+}, KB = (a) => {
   var u = a, {
     elementId: e,
     timeout: t = 5e3,
@@ -37034,7 +37053,7 @@ const zS = (e, t, n, r) => {
       `Element with id: ${e} not found within ${t} milliseconds, stopping observation`
     );
   }, t), f;
-}, S7 = (a) => {
+}, v7 = (a) => {
   var u = a, {
     timeout: e,
     elementId: t,
@@ -37060,12 +37079,12 @@ const zS = (e, t, n, r) => {
   }
   const l = document.getElementById(t);
   if (!l) {
-    bt(!0, "warn", "Container element not found for id:", t), bt(!0, "warn", "Beginning observation for element"), GB(U({ elementId: t, timeout: e, overridesUrl: n, inlineOverrides: r }, s));
+    bt(!0, "warn", "Container element not found for id:", t), bt(!0, "warn", "Beginning observation for element"), KB(U({ elementId: t, timeout: e, overridesUrl: n, inlineOverrides: r }, s));
     return;
   }
   zS(l, s, n, r);
 };
-class x7 extends HTMLElement {
+class A7 extends HTMLElement {
   constructor() {
     super(...arguments);
     He(this, "_props", null);
@@ -37094,7 +37113,7 @@ class x7 extends HTMLElement {
   render() {
   }
 }
-const v7 = {
+const w7 = {
   components: {
     setEntryType: x_,
     toggleWidgetOpen: Ei,
@@ -37107,15 +37126,15 @@ const v7 = {
   }
 };
 export {
-  qB as AgentForceWidget,
+  WB as AgentForceWidget,
   WC as AgentforceWidgetProvider,
   lC as CIMULATE_WIDGET_READY_EVENT,
-  MB as MessagingDialog,
-  RB as MessagingEmbed,
-  FB as MessagingModal,
+  BB as MessagingDialog,
+  DB as MessagingEmbed,
+  UB as MessagingModal,
   mC as MessagingProvider,
-  x7 as OverrideElement,
-  v7 as eventHandlers,
-  S7 as injectMessagingWidget,
+  A7 as OverrideElement,
+  w7 as eventHandlers,
+  v7 as injectMessagingWidget,
   pn as useMessaging
 };