@bikdotai/bik-component-library 0.0.817-beta.6 → 0.0.817-beta.8

package/dist/esm/components/BikGiftedChat/GiftedChat/GiftedChat.js

@@ -1,33 +1,33 @@
-import { jsxDEV as t, Fragment as V } from "react/jsx-dev-runtime";
-import W, { forwardRef as z, useRef as U, useMemo as Y, useImperativeHandle as X, useCallback as y } from "react";
+import { jsxDEV as t, Fragment as W } from "react/jsx-dev-runtime";
+import z, { forwardRef as j, useRef as U, useMemo as Y, useImperativeHandle as X, useCallback as v } from "react";
 import { COLORS as p } from "../../../constants/Theme.js";
 import { useWindowSize as q } from "../../../hooks/useWindowSize.js";
 import { BodySecondary as J } from "../../TypographyStyle.js";
 import { GiftedChatAppType as a } from "../Bubble/types.js";
 import { Day as K } from "./Day.js";
 import { getMessagePlacement as Q, shouldCenterAlign as Z } from "./messageHelpers.js";
-import { useScrollToBottom as ee, useInitialMountScroll as te, useScrollCleanup as re, useRestoreScrollPosition as ie, useAutoScrollOnNewMessages as ne, useResizeObserverForFirstMessage as oe, useScrollHandler as ae } from "./scrollHooks.js";
-import { MESSAGE_CHANNELS as j } from "./types.js";
+import { useScrollToBottom as ee, useInitialMountScroll as te, useScrollCleanup as re, useRestoreScrollPosition as ne, useAutoScrollOnNewMessages as oe, useResizeObserverForFirstMessage as ie, useScrollHandler as ae } from "./scrollHooks.js";
+import { MESSAGE_CHANNELS as P } from "./types.js";
 import { TOP_THRESHOLD as se, normalizeRef as le, isSameDay as de, Constants as _ } from "./utils.js";
 const ce = (E, x) => {
   const {
-    messages: i = [],
+    messages: n = [],
     user: l,
-    renderBubble: v,
-    renderAvatar: G,
+    renderBubble: G,
+    renderAvatar: N,
     renderDay: S,
-    renderLoading: ue,
-    renderChatEmpty: M,
+    renderLoading: fe,
+    renderChatEmpty: w,
     listViewProps: b = {},
-    renderAvatarOnTop: P = !1,
-    showUserAvatar: C = !1,
-    showAvatarForEveryMessage: k = !1,
-    inverted: fe = !1,
-    messageIdGenerator: N,
+    renderAvatarOnTop: M = !1,
+    showUserAvatar: y = !1,
+    showAvatarForEveryMessage: C = !1,
+    inverted: ue = !1,
+    messageIdGenerator: g,
     topThreshold: I = se,
-    appType: n = a.Bik,
+    appType: o = a.Bik,
     ...B
-  } = E || {}, u = q(), L = U(null), f = le(
+  } = E || {}, f = q(), L = U(null), u = le(
     b.ref || x,
     L
   ), d = U({
@@ -36,64 +36,64 @@ const ce = (E, x) => {
     isLoadingOldMessages: !1,
     isAtBottom: !0,
     hasTriggeredEndReached: !1,
-    lastMessagesLength: i?.length ?? 0,
+    lastMessagesLength: n?.length ?? 0,
     previousScrollHeight: 0,
     previousScrollTop: 0,
     scrollTimeout: null
-  }), h = Y(() => !i || i.length === 0 ? [] : [...i].reverse(), [i]), g = ee(f, d);
-  X(x, () => f.current), te(
-    f,
+  }), m = Y(() => !n || n.length === 0 ? [] : [...n].reverse(), [n]), k = ee(u, d);
+  X(x, () => u.current), te(
+    u,
     d,
-    h.length,
-    g
-  ), re(d), ie(f, d, h.length), ne(
-    f,
+    m.length,
+    k
+  ), re(d), ne(u, d, m.length), oe(
+    u,
     d,
-    i.length,
-    g
-  ), oe(
-    i?.[0],
+    n.length,
+    k
+  ), ie(
+    n?.[0],
     d,
-    g,
-    N
+    k,
+    g
   );
   const O = ae(
     d,
     b.onEndReached,
     b.onScroll,
     I
-  ), m = y(
+  ), h = v(
     (e) => !!(e && l && e.user?._id === l._id),
     [l]
-  ), A = y(
-    (e, r) => C ? k ? !0 : !r || r.user._id !== e.user._id : !1,
-    [C, k]
-  ), D = y(
+  ), A = v(
+    (e, r) => y ? C ? !0 : !r || r.user._id !== e.user._id : !1,
+    [y, C]
+  ), H = v(
     (e, r, s) => {
-      const o = m(e) ? "right" : "left", c = {
+      const i = h(e) ? "right" : "left", c = {
         currentMessage: e,
         previousMessage: r,
         nextMessage: s,
-        position: o,
+        position: i,
         user: l,
         ...B
       };
-      return v ? v(c) : /* @__PURE__ */ t(
+      return G ? G(c) : /* @__PURE__ */ t(
         "div",
         {
           style: {
-            maxWidth: n === a.Manifest ? "50%" : "70%",
+            maxWidth: o === a.Manifest ? "50%" : "70%",
             width: "fit-content",
-            ...n === a.Manifest ? { minWidth: "130px" } : {},
+            ...o === a.Manifest ? { minWidth: "130px" } : {},
             padding: "8px 12px",
-            borderRadius: n === a.Manifest ? 16 : 4,
-            border: o === "left" && n === a.Manifest ? "1px solid rgb(224, 224, 224)" : "none",
-            backgroundColor: o === "right" ? n === a.Manifest ? p.background.brandTint : p.background.brandLight : n === a.Manifest ? p.background.pureWhite : p.background.inactive,
+            borderRadius: o === a.Manifest ? 16 : 4,
+            border: i === "left" && o === a.Manifest ? "1px solid rgb(224, 224, 224)" : "none",
+            backgroundColor: i === "right" ? o === a.Manifest ? p.background.brandTint : p.background.brandLight : o === a.Manifest ? p.background.pureWhite : p.background.inactive,
             color: p.content.primary,
             wordBreak: "break-word"
           },
           children: /* @__PURE__ */ t(J, { children: e.text }, void 0, !1, {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
             lineNumber: 179,
             columnNumber: 6
           }, void 0)
@@ -101,47 +101,47 @@ const ce = (E, x) => {
         void 0,
         !1,
         {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
           lineNumber: 154,
           columnNumber: 5
         },
         void 0
       );
     },
-    [m, l, v, B]
-  ), T = y(
+    [h, l, G, B]
+  ), D = v(
     (e, r, s) => {
       if (!A(e, s)) return null;
-      const c = m(e) ? "right" : "left";
-      return G ? G({
+      const c = h(e) ? "right" : "left";
+      return N ? N({
         currentMessage: e,
         previousMessage: r,
         nextMessage: s,
         position: c,
         user: l,
-        renderAvatarOnTop: P,
-        showUserAvatar: C,
-        showAvatarForEveryMessage: k
+        renderAvatarOnTop: M,
+        showUserAvatar: y,
+        showAvatarForEveryMessage: C
       }) : null;
     },
     [
       A,
-      m,
+      h,
       l,
-      P,
+      M,
+      y,
       C,
-      k,
-      G
+      N
     ]
   );
-  return !i || i.length === 0 ? M ? /* @__PURE__ */ t(V, { children: M() }, void 0, !1, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
+  return !n || n.length === 0 ? w ? /* @__PURE__ */ t(W, { children: w() }, void 0, !1, {
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
     lineNumber: 221,
     columnNumber: 28
   }, void 0) : null : /* @__PURE__ */ t(
     "div",
     {
-      ref: f,
+      ref: u,
       style: {
         flex: 1,
         overflowY: "auto",
@@ -153,7 +153,7 @@ const ce = (E, x) => {
       onScroll: O,
       children: [
         /* @__PURE__ */ t("div", { style: { flex: "1 0 auto" } }, void 0, !1, {
-          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
           lineNumber: 238,
           columnNumber: 4
         }, void 0),
@@ -165,14 +165,14 @@ const ce = (E, x) => {
               flexDirection: "column",
               flex: "0 0 auto"
             },
-            children: h.map((e, r) => {
-              const s = m(e) ? "right" : "left", o = h[r - 1], c = h[r + 1], w = !de(e, o), H = Q(e, s), F = Z(e), R = e?.channelId === j.SMTP || e?.channelName === j.SMTP, $ = e.category === _.ChatActivity.Category.ACTIVITY && e.activityType === _.ChatActivity.Type.PRIVATE_NOTE;
+            children: m.map((e, r) => {
+              const s = h(e) ? "right" : "left", i = m[r - 1], c = m[r + 1], T = !de(e, i), F = Q(e, s), $ = Z(e), R = e?.channelId === P.SMTP || e?.channelName === P.SMTP, V = e.category === _.ChatActivity.Category.ACTIVITY && e.activityType === _.ChatActivity.Type.PRIVATE_NOTE;
               return /* @__PURE__ */ t(
-                W.Fragment,
+                z.Fragment,
                 {
                   children: [
-                    w && (S ? S({ createdAt: e.createdAt }) : /* @__PURE__ */ t(K, { createdAt: e.createdAt, appType: n }, void 0, !1, {
-                      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
+                    T && (S ? S({ createdAt: e.createdAt }) : /* @__PURE__ */ t(K, { createdAt: e.createdAt, appType: o }, void 0, !1, {
+                      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
                       lineNumber: 271,
                       columnNumber: 10
                     }, void 0)),
@@ -180,37 +180,37 @@ const ce = (E, x) => {
                       "div",
                       {
                         style: {
-                          ...u ? { margin: "0 4px" } : {},
-                          ...F ? {} : { display: "flex" },
-                          ...n !== a.Manifest ? !u && e?.user?._id === 2 ? { marginLeft: 8 } : { marginRight: 8 } : {},
-                          ...R && !$ && u ? { marginLeft: 8, marginRight: 8 } : {},
-                          justifyContent: H,
+                          ...f ? { margin: "0 4px" } : {},
+                          ...$ ? {} : { display: "flex" },
+                          ...o !== a.Manifest ? !f && e?.user?._id === 2 ? { marginLeft: 8 } : { marginRight: 8 } : {},
+                          ...R && !V && f ? { marginLeft: 8, marginRight: 8 } : {},
+                          justifyContent: F,
                           marginBottom: 8
                         },
                         children: [
-                          !u && s === "left" && /* @__PURE__ */ t("div", { style: { margin: "0 8px" }, children: T(e, o, c) }, void 0, !1, {
-                            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
+                          !f && s === "left" && /* @__PURE__ */ t("div", { style: { margin: "0 8px" }, children: D(e, i, c) }, void 0, !1, {
+                            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
                             lineNumber: 293,
                             columnNumber: 10
                           }, void 0),
                           /* @__PURE__ */ t(
                             "div",
                             {
-                              id: `message-bubble-${e._id ?? `${r}-${N?.() ?? "id"}`}`,
-                              style: n === a.Manifest ? { width: "100%" } : u && R ? { display: "flex", flexGrow: 1 } : {},
-                              children: D(e, o, c)
+                              id: `message-bubble-${e._id ?? `${r}-${g?.() ?? "id"}`}`,
+                              style: o === a.Manifest ? { width: "100%" } : f && R ? { display: "flex", flexGrow: 1 } : {},
+                              children: H(e, i, c)
                             },
                             void 0,
                             !1,
                             {
-                              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
+                              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
                               lineNumber: 299,
                               columnNumber: 9
                             },
                             void 0
                           ),
-                          !u && s === "right" && /* @__PURE__ */ t("div", { style: { margin: "0 8px" }, children: T(e, o, c) }, void 0, !1, {
-                            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
+                          !f && s === "right" && /* @__PURE__ */ t("div", { style: { margin: "0 8px" }, children: D(e, i, c) }, void 0, !1, {
+                            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
                             lineNumber: 316,
                             columnNumber: 10
                           }, void 0)
@@ -219,7 +219,7 @@ const ce = (E, x) => {
                       void 0,
                       !0,
                       {
-                        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
+                        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
                         lineNumber: 275,
                         columnNumber: 8
                       },
@@ -227,10 +227,10 @@ const ce = (E, x) => {
                     )
                   ]
                 },
-                e._id ?? `${r}-${N?.() ?? "id"}`,
+                e._id ?? `${r}-${g?.() ?? "id"}`,
                 !0,
                 {
-                  fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
                   lineNumber: 263,
                   columnNumber: 7
                 },
@@ -241,7 +241,7 @@ const ce = (E, x) => {
           void 0,
           !1,
           {
-            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
             lineNumber: 240,
             columnNumber: 4
           },
@@ -252,13 +252,13 @@ const ce = (E, x) => {
     void 0,
     !0,
     {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx",
       lineNumber: 225,
       columnNumber: 3
     },
     void 0
   );
-}, xe = z(
+}, xe = j(
   ce
 );
 export {

package/dist/esm/components/InfiniteScroll/InfiniteScroll.js

@@ -1,48 +1,48 @@
-import { jsxDEV as o } from "react/jsx-dev-runtime";
-import { useRef as u, useState as h, useEffect as p } from "react";
-import { ProductPickerShimmer as I } from "../product-picker-v2/ProductPickerShimmer.js";
-const k = ({
+import { jsxDEV as i } from "react/jsx-dev-runtime";
+import { useRef as u, useState as p, useEffect as I } from "react";
+import { ProductPickerShimmer as h } from "../product-picker-v2/ProductPickerShimmer.js";
+const y = ({
   children: m,
-  fetchMore: i,
-  loadingComponent: f = /* @__PURE__ */ o(I, { limit: 2 }, void 0, !1, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/InfiniteScroll/InfiniteScroll.tsx",
+  fetchMore: t,
+  loadingComponent: f = /* @__PURE__ */ i(h, { limit: 2 }, void 0, !1, {
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/InfiniteScroll/InfiniteScroll.tsx",
     lineNumber: 15,
     columnNumber: 21
   }, void 0),
-  containerRef: n,
+  containerRef: r,
   hasData: s
 }) => {
-  const t = u(!1), [c, l] = h(!1), e = u(null), d = (r) => {
-    const [a] = r;
-    a.isIntersecting && !c && (l(!0), i().then((b) => {
-      b && (t.current = !0), l(!1);
+  const o = u(!1), [l, c] = p(!1), e = u(null), d = (n) => {
+    const [a] = n;
+    a.isIntersecting && !l && (c(!0), t().then((b) => {
+      b && (o.current = !0), c(!1);
     }));
   };
-  return p(() => {
-    if (!n.current || !e.current) return;
-    const r = new IntersectionObserver(d, {
-      root: n.current,
+  return I(() => {
+    if (!r.current || !e.current) return;
+    const n = new IntersectionObserver(d, {
+      root: r.current,
       rootMargin: "0px",
       threshold: 0.1
       // Adjust threshold as needed
     });
-    return r.observe(e.current), () => {
-      e.current && r.unobserve(e.current);
+    return n.observe(e.current), () => {
+      e.current && n.unobserve(e.current);
     };
-  }, [i, c, n]), console.log({ hasData: s, hasAllProductsLoaded: t }), /* @__PURE__ */ o("div", { children: [
+  }, [t, l, r]), console.log({ hasData: s, hasAllProductsLoaded: o }), /* @__PURE__ */ i("div", { children: [
     m,
-    !!s && !t.current && /* @__PURE__ */ o("div", { ref: e, style: { minHeight: "10px" }, children: f }, void 0, !1, {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/InfiniteScroll/InfiniteScroll.tsx",
+    !!s && !o.current && /* @__PURE__ */ i("div", { ref: e, style: { minHeight: "10px" }, children: f }, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/InfiniteScroll/InfiniteScroll.tsx",
       lineNumber: 62,
       columnNumber: 5
     }, void 0)
   ] }, void 0, !0, {
-    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/InfiniteScroll/InfiniteScroll.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/InfiniteScroll/InfiniteScroll.tsx",
     lineNumber: 59,
     columnNumber: 3
   }, void 0);
 };
 export {
-  k as InfiniteScroll
+  y as InfiniteScroll
 };
 //# sourceMappingURL=InfiniteScroll.js.map

package/dist/esm/components/ProgressChecklist/MultiChecklistItem.js

@@ -1,14 +1,14 @@
 import { jsxDEV as o } from "react/jsx-dev-runtime";
-import { BikAccordion as n } from "../accordion/Accordion.js";
-import l from "./SimpleChecklistItem.js";
+import { BikAccordion as l } from "../accordion/Accordion.js";
+import c from "./SimpleChecklistItem.js";
 const m = ({
   item: e,
-  children: r,
-  isOpen: s,
-  onToggle: t
+  children: s,
+  isOpen: r,
+  onToggle: n
 }) => {
-  const c = typeof s == "boolean" ? s : !!e.isActive, i = /* @__PURE__ */ o(
-    l,
+  const i = typeof r == "boolean" ? r : !!e.isActive, t = /* @__PURE__ */ o(
+    c,
     {
       header: e.header,
       subheader: e.subheader,
@@ -22,25 +22,25 @@ const m = ({
     void 0,
     !1,
     {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/MultiChecklistItem.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/MultiChecklistItem.tsx",
       lineNumber: 67,
       columnNumber: 3
     },
     void 0
   );
   return /* @__PURE__ */ o(
-    n,
+    l,
     {
-      header: i,
+      header: t,
       headerStyles: { height: "auto", cursor: "pointer" },
-      onToggleAccordion: t || (() => {
+      onToggleAccordion: n || (() => {
       }),
-      isOpen: c,
+      isOpen: i,
       skipHoverHeader: !0,
       showBorders: !0,
       borderRadius: "8px",
-      children: r ? /* @__PURE__ */ o("div", { style: { border: "none", padding: 16 }, children: r }, void 0, !1, {
-        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/MultiChecklistItem.tsx",
+      children: s ? /* @__PURE__ */ o("div", { style: { border: "none", padding: 16 }, children: s }, void 0, !1, {
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/MultiChecklistItem.tsx",
         lineNumber: 95,
         columnNumber: 5
       }, void 0) : null
@@ -48,7 +48,7 @@ const m = ({
     void 0,
     !1,
     {
-      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/MultiChecklistItem.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/MultiChecklistItem.tsx",
       lineNumber: 80,
       columnNumber: 3
     },