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

package/dist/esm/components/whats-new/WhatsNewPanel.js

@@ -1,57 +1,57 @@
-import { jsxDEV as n, Fragment as m } from "react/jsx-dev-runtime";
+import { jsxDEV as n, Fragment as d } from "react/jsx-dev-runtime";
 import { format as V, differenceInBusinessDays as A } from "date-fns";
-import { useState as c, useMemo as B } from "react";
+import { useState as m, useMemo as B } from "react";
 import L from "../../assets/icons/searchIcon.svg.js";
 import T from "../../assets/icons/whatsNew.svg.js";
 import { COLORS as a } from "../../constants/Theme.js";
 import { VideoModal as E } from "../feature-announcements/VideoModal.js";
-import { TitleRegular as O, BodyPrimary as N, Caption as f, TitleSmall as R, TitleMedium as _ } from "../TypographyStyle.js";
+import { TitleRegular as O, BodyPrimary as h, Caption as f, TitleSmall as R, TitleMedium as _ } from "../TypographyStyle.js";
 import { MainContainer as F, WhatsNewWrapper as j, MainCardContainer as z, BackgroundImageContainer as H } from "./WhatsNew.styles.js";
 import { SideModal as K } from "../side-modal/SideModal.js";
 import { SearchBar as $ } from "../searchBar/searchBar.js";
 import { Button as q } from "../button/Button.js";
-const te = ({
-  isOpen: k,
-  onClose: w,
+const le = ({
+  isOpen: p,
+  onClose: y,
   content: s,
   isLoading: G = !1,
-  title: v = "What's new on BIK",
-  searchPlaceholder: y = "Search posts",
+  title: x = "What's new on BIK",
+  searchPlaceholder: v = "Search posts",
   emptyStateTitle: W = "Nothing new!",
-  emptyStateDescription: x = "There are no new updates or features at the moment. Check back soon!",
+  emptyStateDescription: k = "There are no new updates or features at the moment. Check back soon!",
   noResultsText: D = "Sorry, no results found.",
   width: U = "480px",
-  onContentClick: d,
+  onContentClick: c,
   renderCustomContent: u
 }) => {
-  const [i, l] = c(""), [P, b] = c(!1), [g, C] = c(""), M = (e) => {
+  const [r, t] = m(""), [P, w] = m(!1), [g, C] = m(""), M = (e) => {
     if (!e.createdAt) return !1;
-    const r = e.createdAt.toDate ? e.createdAt.toDate() : new Date(e.createdAt);
-    return A(/* @__PURE__ */ new Date(), r) < 7;
-  }, h = B(() => {
-    if (!i.trim()) return s;
-    const e = i.toLowerCase();
+    const o = e.createdAt.toDate ? e.createdAt.toDate() : new Date(e.createdAt);
+    return A(/* @__PURE__ */ new Date(), o) < 7;
+  }, N = B(() => {
+    if (!r.trim()) return s;
+    const e = r.toLowerCase();
     return s.filter(
-      (r) => r.title.toLowerCase().includes(e) || r.body.toLowerCase().includes(e) || r.content && r.content.toLowerCase().includes(e)
+      (o) => o.title.toLowerCase().includes(e) || o.body.toLowerCase().includes(e) || o.content && o.content.toLowerCase().includes(e)
     );
-  }, [s, i]), S = (e) => {
-    const r = e.primaryButton?.action;
-    if (r === "Play Video" || !r && e.productVideo)
-      e.productVideo && (C(e.productVideo), b(!0));
+  }, [s, r]), S = (e) => {
+    const o = e.primaryButton?.action;
+    if (o === "Play Video" || !o && e.productVideo)
+      e.productVideo && (C(e.productVideo), w(!0));
     else {
-      const t = e.primaryButton?.redirectionUrl || e.redirectUrl;
-      t && (t.startsWith("http") ? window.open(t, "_blank", "noopener,noreferrer") : window.location.href = t);
+      const l = e.primaryButton?.redirectionUrl || e.redirectUrl;
+      l && (l.startsWith("http") ? window.open(l, "_blank", "noopener,noreferrer") : window.location.href = l);
     }
-    d && d(e);
-  }, o = s.length === 0, p = h.length === 0;
-  return k ? /* @__PURE__ */ n(
+    c && c(e);
+  }, i = s.length === 0, b = N.length === 0;
+  return p ? /* @__PURE__ */ n(
     K,
     {
       width: U,
-      onClose: w,
+      onClose: y,
       header: "",
-      headerCustomComponent: /* @__PURE__ */ n(_, { color: a.background.inverse, children: v }, void 0, !1, {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+      headerCustomComponent: /* @__PURE__ */ n(_, { color: a.background.inverse, children: x }, void 0, !1, {
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
         lineNumber: 101,
         columnNumber: 5
       }, void 0),
@@ -63,76 +63,76 @@ const te = ({
             $,
             {
               width: "100%",
-              isEnabled: !o,
+              isEnabled: !i,
               onChange: (e) => {
-                l(e);
+                t(e);
               },
               onEnter: (e) => {
-                l(e);
+                t(e);
               },
-              placeholder: y,
+              placeholder: v,
               variant: "default",
-              searchValue: i,
+              searchValue: r,
               onClickCross: () => {
-                l("");
+                t("");
               }
             },
             void 0,
             !1,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
               lineNumber: 108,
               columnNumber: 6
             },
             void 0
           ) }, void 0, !1, {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
             lineNumber: 107,
             columnNumber: 5
           }, void 0),
-          /* @__PURE__ */ n(j, { children: o || p ? /* @__PURE__ */ n("div", { className: "no--data--found", children: [
-            /* @__PURE__ */ n("div", { className: "icon--wrapper", children: o ? /* @__PURE__ */ n(T, { width: 32, height: 32 }, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+          /* @__PURE__ */ n(j, { children: i || b ? /* @__PURE__ */ n("div", { className: "no--data--found", children: [
+            /* @__PURE__ */ n("div", { className: "icon--wrapper", children: i ? /* @__PURE__ */ n(T, { width: 32, height: 32 }, void 0, !1, {
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
               lineNumber: 130,
               columnNumber: 10
             }, void 0) : /* @__PURE__ */ n(L, { width: 32, height: 32 }, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
               lineNumber: 132,
               columnNumber: 10
             }, void 0) }, void 0, !1, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
               lineNumber: 128,
               columnNumber: 8
             }, void 0),
-            o ? /* @__PURE__ */ n(m, { children: [
+            i ? /* @__PURE__ */ n(d, { children: [
               /* @__PURE__ */ n(O, { children: W }, void 0, !1, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
                 lineNumber: 137,
                 columnNumber: 10
               }, void 0),
               /* @__PURE__ */ n(
-                N,
+                h,
                 {
                   color: a.content.secondary,
                   className: "text--align",
                   style: { maxWidth: 300 },
-                  children: x
+                  children: k
                 },
                 void 0,
                 !1,
                 {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
                   lineNumber: 138,
                   columnNumber: 10
                 },
                 void 0
               )
             ] }, void 0, !0, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
               lineNumber: 136,
               columnNumber: 9
-            }, void 0) : p ? /* @__PURE__ */ n(
-              N,
+            }, void 0) : b ? /* @__PURE__ */ n(
+              h,
               {
                 color: a.content.secondary,
                 className: "text--align",
@@ -142,17 +142,17 @@ const te = ({
               void 0,
               !1,
               {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
                 lineNumber: 147,
                 columnNumber: 9
               },
               void 0
             ) : null
           ] }, void 0, !0, {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
             lineNumber: 127,
             columnNumber: 7
-          }, void 0) : /* @__PURE__ */ n("div", { className: "scroller", children: h.map((e, r) => u ? u(e) : /* @__PURE__ */ n(
+          }, void 0) : /* @__PURE__ */ n("div", { className: "scroller", children: N.map((e, o) => u ? u(e) : /* @__PURE__ */ n(
             z,
             {
               className: "padding--16 mb-mt-8",
@@ -168,7 +168,7 @@ const te = ({
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
                     lineNumber: 168,
                     columnNumber: 11
                   },
@@ -176,15 +176,15 @@ const te = ({
                 ),
                 /* @__PURE__ */ n("div", { className: "mt-20 full--width", children: /* @__PURE__ */ n("div", { className: "created--at flex flex--row", children: [
                   M(e) ? /* @__PURE__ */ n("div", { className: "new--content--tag", children: /* @__PURE__ */ n(f, { children: "New" }, void 0, !1, {
-                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
                     lineNumber: 178,
                     columnNumber: 15
                   }, void 0) }, void 0, !1, {
-                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
                     lineNumber: 177,
                     columnNumber: 14
-                  }, void 0) : /* @__PURE__ */ n(m, {}, void 0, !1, {
-                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+                  }, void 0) : /* @__PURE__ */ n(d, {}, void 0, !1, {
+                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
                     lineNumber: 181,
                     columnNumber: 14
                   }, void 0),
@@ -192,25 +192,25 @@ const te = ({
                     e.createdAt.toDate ? e.createdAt.toDate() : new Date(e.createdAt),
                     "dd MMMM yyyy"
                   ) : "" }, void 0, !1, {
-                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
                     lineNumber: 183,
                     columnNumber: 13
                   }, void 0)
                 ] }, void 0, !0, {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
                   lineNumber: 175,
                   columnNumber: 12
                 }, void 0) }, void 0, !1, {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
                   lineNumber: 174,
                   columnNumber: 11
                 }, void 0),
                 /* @__PURE__ */ n("div", { className: "mt--8", children: /* @__PURE__ */ n(R, { children: e.title }, void 0, !1, {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
                   lineNumber: 196,
                   columnNumber: 12
                 }, void 0) }, void 0, !1, {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
                   lineNumber: 195,
                   columnNumber: 11
                 }, void 0),
@@ -223,7 +223,7 @@ const te = ({
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
                     lineNumber: 198,
                     columnNumber: 11
                   },
@@ -240,37 +240,37 @@ const te = ({
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
                     lineNumber: 203,
                     columnNumber: 12
                   },
                   void 0
                 ) }, void 0, !1, {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
                   lineNumber: 202,
                   columnNumber: 11
                 }, void 0)
               ]
             },
-            `whats-new-${r}`,
+            `whats-new-${o}`,
             !0,
             {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
               lineNumber: 164,
               columnNumber: 10
             },
             void 0
           )) }, void 0, !1, {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
             lineNumber: 157,
             columnNumber: 7
           }, void 0) }, void 0, !1, {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
             lineNumber: 125,
             columnNumber: 5
           }, void 0)
         ] }, void 0, !0, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
           lineNumber: 106,
           columnNumber: 4
         }, void 0),
@@ -280,13 +280,13 @@ const te = ({
             isOpen: P,
             videoUrl: g,
             onClose: () => {
-              b(!1);
+              w(!1);
             }
           },
           void 0,
           !1,
           {
-            fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
             lineNumber: 221,
             columnNumber: 4
           },
@@ -297,18 +297,18 @@ const te = ({
     void 0,
     !0,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
       lineNumber: 96,
       columnNumber: 3
     },
     void 0
-  ) : /* @__PURE__ */ n(m, {}, void 0, !1, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
+  ) : /* @__PURE__ */ n(d, {}, void 0, !1, {
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",
     lineNumber: 92,
     columnNumber: 10
   }, void 0);
 };
 export {
-  te as WhatsNewPanel
+  le as WhatsNewPanel
 };
 //# sourceMappingURL=WhatsNewPanel.js.map

package/dist/esm/components/whats-new/WhatsNewPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"WhatsNewPanel.js","sources":["../../../../src/components/whats-new/WhatsNewPanel.tsx"],"sourcesContent":["import { differenceInBusinessDays, format } from 'date-fns';\nimport React, { useMemo, useState } from 'react';\nimport SearchIconSvg from '../../assets/icons/searchIcon.svg';\nimport WhatsNewIcon from '../../assets/icons/whatsNew.svg';\nimport { COLORS } from '../../constants/Theme';\nimport { Button } from '../button';\nimport { VideoModal } from '../feature-announcements/VideoModal';\nimport { SearchBar } from '../searchBar';\nimport { SideModal } from '../side-modal';\nimport {\n\tBodyPrimary,\n\tCaption,\n\tTitleMedium,\n\tTitleRegular,\n\tTitleSmall,\n} from '../TypographyStyle';\nimport {\n\tBackgroundImageContainer,\n\tMainCardContainer,\n\tMainContainer,\n\tWhatsNewWrapper,\n} from './WhatsNew.styles';\nimport { WhatsNewContent, WhatsNewPanelProps } from './WhatsNew.types';\n\nexport const WhatsNewPanel: React.FC<WhatsNewPanelProps> = ({\n\tisOpen,\n\tonClose,\n\tcontent,\n\tisLoading = false,\n\ttitle = \"What's new on BIK\",\n\tsearchPlaceholder = 'Search posts',\n\temptyStateTitle = 'Nothing new!',\n\temptyStateDescription = 'There are no new updates or features at the moment. Check back soon!',\n\tnoResultsText = 'Sorry, no results found.',\n\twidth = '480px',\n\tonContentClick,\n\trenderCustomContent,\n}) => {\n\tconst [searchText, setSearchText] = useState('');\n\tconst [isVideoModalOpen, setIsVideoModalOpen] = useState(false);\n\tconst [videoUrl, setVideoUrl] = useState('');\n\n\tconst ifNewContent = (contentItem: WhatsNewContent): boolean => {\n\t\tif (!contentItem.createdAt) return false;\n\t\tconst createdAt = contentItem.createdAt.toDate\n\t\t\t? contentItem.createdAt.toDate()\n\t\t\t: new Date(contentItem.createdAt);\n\t\treturn differenceInBusinessDays(new Date(), createdAt) < 7;\n\t};\n\n\tconst modifiedWhatsNewContent = useMemo(() => {\n\t\tif (!searchText.trim()) return content;\n\n\t\tconst searchLower = searchText.toLowerCase();\n\t\treturn content.filter(\n\t\t\t(item) =>\n\t\t\t\titem.title.toLowerCase().includes(searchLower) ||\n\t\t\t\titem.body.toLowerCase().includes(searchLower) ||\n\t\t\t\t(item.content && item.content.toLowerCase().includes(searchLower)),\n\t\t);\n\t}, [content, searchText]);\n\n\tconst handleContentClick = (contentItem: WhatsNewContent) => {\n\t\tconst action = contentItem.primaryButton?.action;\n\t\tif (action === 'Play Video' || (!action && contentItem.productVideo)) {\n\t\t\tif (contentItem.productVideo) {\n\t\t\t\tsetVideoUrl(contentItem.productVideo);\n\t\t\t\tsetIsVideoModalOpen(true);\n\t\t\t}\n\t\t} else {\n\t\t\tconst redirectionUrl =\n\t\t\t\tcontentItem.primaryButton?.redirectionUrl || contentItem.redirectUrl;\n\t\t\tif (redirectionUrl) {\n\t\t\t\tconst isExternal = redirectionUrl.startsWith('http');\n\t\t\t\tif (isExternal) {\n\t\t\t\t\twindow.open(redirectionUrl, '_blank', 'noopener,noreferrer');\n\t\t\t\t} else {\n\t\t\t\t\twindow.location.href = redirectionUrl;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (onContentClick) {\n\t\t\tonContentClick(contentItem);\n\t\t}\n\t};\n\n\tconst isWhatsNewContentEmpty = content.length === 0;\n\tconst isModifiedWhatsNewContentEmpty = modifiedWhatsNewContent.length === 0;\n\n\tif (!isOpen) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<SideModal\n\t\t\twidth={width}\n\t\t\tonClose={onClose}\n\t\t\theader=\"\"\n\t\t\theaderCustomComponent={\n\t\t\t\t<TitleMedium color={COLORS.background.inverse}>{title}</TitleMedium>\n\t\t\t}\n\t\t\theaderStyle={{ background: COLORS.background.brandLight }}\n\t\t\thideFooter={true}\n\t\t>\n\t\t\t<MainContainer>\n\t\t\t\t<div className=\"mt-8\">\n\t\t\t\t\t<SearchBar\n\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\tisEnabled={!isWhatsNewContentEmpty}\n\t\t\t\t\t\tonChange={(inputText: string) => {\n\t\t\t\t\t\t\tsetSearchText(inputText);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonEnter={(inputText: string) => {\n\t\t\t\t\t\t\tsetSearchText(inputText);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tplaceholder={searchPlaceholder}\n\t\t\t\t\t\tvariant=\"default\"\n\t\t\t\t\t\tsearchValue={searchText}\n\t\t\t\t\t\tonClickCross={() => {\n\t\t\t\t\t\t\tsetSearchText('');\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<WhatsNewWrapper>\n\t\t\t\t\t{isWhatsNewContentEmpty || isModifiedWhatsNewContentEmpty ? (\n\t\t\t\t\t\t<div className=\"no--data--found\">\n\t\t\t\t\t\t\t<div className=\"icon--wrapper\">\n\t\t\t\t\t\t\t\t{isWhatsNewContentEmpty ? (\n\t\t\t\t\t\t\t\t\t<WhatsNewIcon width={32} height={32} />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<SearchIconSvg width={32} height={32} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{isWhatsNewContentEmpty ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<TitleRegular>{emptyStateTitle}</TitleRegular>\n\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\tclassName=\"text--align\"\n\t\t\t\t\t\t\t\t\t\tstyle={{ maxWidth: 300 }}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{emptyStateDescription}\n\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : isModifiedWhatsNewContentEmpty ? (\n\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\tclassName=\"text--align\"\n\t\t\t\t\t\t\t\t\tstyle={{ maxWidth: 300 }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{noResultsText}\n\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className=\"scroller\">\n\t\t\t\t\t\t\t{modifiedWhatsNewContent.map((contentItem, index) => {\n\t\t\t\t\t\t\t\tif (renderCustomContent) {\n\t\t\t\t\t\t\t\t\treturn renderCustomContent(contentItem);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<MainCardContainer\n\t\t\t\t\t\t\t\t\t\tclassName=\"padding--16 mb-mt-8\"\n\t\t\t\t\t\t\t\t\t\tkey={`whats-new-${index}`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BackgroundImageContainer\n\t\t\t\t\t\t\t\t\t\t\timageUrl={contentItem.image}\n\t\t\t\t\t\t\t\t\t\t\theight=\"209px\"\n\t\t\t\t\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ borderRadius: '4px' }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<div className=\"mt-20 full--width\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"created--at flex flex--row\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ifNewContent(contentItem) ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"new--content--tag\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Caption>New</Caption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t<Caption style={{ color: COLORS.content.placeholder }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{contentItem.createdAt\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? format(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontentItem.createdAt.toDate\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? contentItem.createdAt.toDate()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: new Date(contentItem.createdAt),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'dd MMMM yyyy',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t\t\t\t\t\t</Caption>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"mt--8\">\n\t\t\t\t\t\t\t\t\t\t\t<TitleSmall>{contentItem.title}</TitleSmall>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: contentItem.body }}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"card--desc mt--12\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex flex--row mt-20 full--width\">\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonText={\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontentItem.primaryButton?.text ||\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontentItem.buttonText ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Explore the feature'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleContentClick(contentItem)}\n\t\t\t\t\t\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</MainCardContainer>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</WhatsNewWrapper>\n\t\t\t</MainContainer>\n\t\t\t<VideoModal\n\t\t\t\tisOpen={isVideoModalOpen}\n\t\t\t\tvideoUrl={videoUrl}\n\t\t\t\tonClose={() => {\n\t\t\t\t\tsetIsVideoModalOpen(false);\n\t\t\t\t}}\n\t\t\t/>\n\t\t</SideModal>\n\t);\n};\n"],"names":["WhatsNewPanel","isOpen","onClose","content","isLoading","title","searchPlaceholder","emptyStateTitle","emptyStateDescription","noResultsText","width","onContentClick","renderCustomContent","searchText","setSearchText","useState","isVideoModalOpen","setIsVideoModalOpen","videoUrl","setVideoUrl","ifNewContent","contentItem","createdAt","differenceInBusinessDays","modifiedWhatsNewContent","useMemo","searchLower","item","handleContentClick","action","redirectionUrl","isWhatsNewContentEmpty","isModifiedWhatsNewContentEmpty","jsxDEV","SideModal","TitleMedium","COLORS","this","MainContainer","SearchBar","inputText","WhatsNewWrapper","WhatsNewIcon","SearchIconSvg","Fragment","TitleRegular","BodyPrimary","index","MainCardContainer","BackgroundImageContainer","Caption","format","TitleSmall","Button","VideoModal"],"mappings":"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"}
+{"version":3,"file":"WhatsNewPanel.js","sources":["../../../../src/components/whats-new/WhatsNewPanel.tsx"],"sourcesContent":["import { differenceInBusinessDays, format } from 'date-fns';\nimport React, { useMemo, useState } from 'react';\nimport SearchIconSvg from '../../assets/icons/searchIcon.svg';\nimport WhatsNewIcon from '../../assets/icons/whatsNew.svg';\nimport { COLORS } from '../../constants/Theme';\nimport { Button } from '../button';\nimport { VideoModal } from '../feature-announcements/VideoModal';\nimport { SearchBar } from '../searchBar';\nimport { SideModal } from '../side-modal';\nimport {\n\tBodyPrimary,\n\tCaption,\n\tTitleMedium,\n\tTitleRegular,\n\tTitleSmall,\n} from '../TypographyStyle';\nimport {\n\tBackgroundImageContainer,\n\tMainCardContainer,\n\tMainContainer,\n\tWhatsNewWrapper,\n} from './WhatsNew.styles';\nimport { WhatsNewContent, WhatsNewPanelProps } from './WhatsNew.types';\n\nexport const WhatsNewPanel: React.FC<WhatsNewPanelProps> = ({\n\tisOpen,\n\tonClose,\n\tcontent,\n\tisLoading = false,\n\ttitle = \"What's new on BIK\",\n\tsearchPlaceholder = 'Search posts',\n\temptyStateTitle = 'Nothing new!',\n\temptyStateDescription = 'There are no new updates or features at the moment. Check back soon!',\n\tnoResultsText = 'Sorry, no results found.',\n\twidth = '480px',\n\tonContentClick,\n\trenderCustomContent,\n}) => {\n\tconst [searchText, setSearchText] = useState('');\n\tconst [isVideoModalOpen, setIsVideoModalOpen] = useState(false);\n\tconst [videoUrl, setVideoUrl] = useState('');\n\n\tconst ifNewContent = (contentItem: WhatsNewContent): boolean => {\n\t\tif (!contentItem.createdAt) return false;\n\t\tconst createdAt = contentItem.createdAt.toDate\n\t\t\t? contentItem.createdAt.toDate()\n\t\t\t: new Date(contentItem.createdAt);\n\t\treturn differenceInBusinessDays(new Date(), createdAt) < 7;\n\t};\n\n\tconst modifiedWhatsNewContent = useMemo(() => {\n\t\tif (!searchText.trim()) return content;\n\n\t\tconst searchLower = searchText.toLowerCase();\n\t\treturn content.filter(\n\t\t\t(item) =>\n\t\t\t\titem.title.toLowerCase().includes(searchLower) ||\n\t\t\t\titem.body.toLowerCase().includes(searchLower) ||\n\t\t\t\t(item.content && item.content.toLowerCase().includes(searchLower)),\n\t\t);\n\t}, [content, searchText]);\n\n\tconst handleContentClick = (contentItem: WhatsNewContent) => {\n\t\tconst action = contentItem.primaryButton?.action;\n\t\tif (action === 'Play Video' || (!action && contentItem.productVideo)) {\n\t\t\tif (contentItem.productVideo) {\n\t\t\t\tsetVideoUrl(contentItem.productVideo);\n\t\t\t\tsetIsVideoModalOpen(true);\n\t\t\t}\n\t\t} else {\n\t\t\tconst redirectionUrl =\n\t\t\t\tcontentItem.primaryButton?.redirectionUrl || contentItem.redirectUrl;\n\t\t\tif (redirectionUrl) {\n\t\t\t\tconst isExternal = redirectionUrl.startsWith('http');\n\t\t\t\tif (isExternal) {\n\t\t\t\t\twindow.open(redirectionUrl, '_blank', 'noopener,noreferrer');\n\t\t\t\t} else {\n\t\t\t\t\twindow.location.href = redirectionUrl;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (onContentClick) {\n\t\t\tonContentClick(contentItem);\n\t\t}\n\t};\n\n\tconst isWhatsNewContentEmpty = content.length === 0;\n\tconst isModifiedWhatsNewContentEmpty = modifiedWhatsNewContent.length === 0;\n\n\tif (!isOpen) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<SideModal\n\t\t\twidth={width}\n\t\t\tonClose={onClose}\n\t\t\theader=\"\"\n\t\t\theaderCustomComponent={\n\t\t\t\t<TitleMedium color={COLORS.background.inverse}>{title}</TitleMedium>\n\t\t\t}\n\t\t\theaderStyle={{ background: COLORS.background.brandLight }}\n\t\t\thideFooter={true}\n\t\t>\n\t\t\t<MainContainer>\n\t\t\t\t<div className=\"mt-8\">\n\t\t\t\t\t<SearchBar\n\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\tisEnabled={!isWhatsNewContentEmpty}\n\t\t\t\t\t\tonChange={(inputText: string) => {\n\t\t\t\t\t\t\tsetSearchText(inputText);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonEnter={(inputText: string) => {\n\t\t\t\t\t\t\tsetSearchText(inputText);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tplaceholder={searchPlaceholder}\n\t\t\t\t\t\tvariant=\"default\"\n\t\t\t\t\t\tsearchValue={searchText}\n\t\t\t\t\t\tonClickCross={() => {\n\t\t\t\t\t\t\tsetSearchText('');\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<WhatsNewWrapper>\n\t\t\t\t\t{isWhatsNewContentEmpty || isModifiedWhatsNewContentEmpty ? (\n\t\t\t\t\t\t<div className=\"no--data--found\">\n\t\t\t\t\t\t\t<div className=\"icon--wrapper\">\n\t\t\t\t\t\t\t\t{isWhatsNewContentEmpty ? (\n\t\t\t\t\t\t\t\t\t<WhatsNewIcon width={32} height={32} />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<SearchIconSvg width={32} height={32} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{isWhatsNewContentEmpty ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<TitleRegular>{emptyStateTitle}</TitleRegular>\n\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\tclassName=\"text--align\"\n\t\t\t\t\t\t\t\t\t\tstyle={{ maxWidth: 300 }}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{emptyStateDescription}\n\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : isModifiedWhatsNewContentEmpty ? (\n\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\tclassName=\"text--align\"\n\t\t\t\t\t\t\t\t\tstyle={{ maxWidth: 300 }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{noResultsText}\n\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className=\"scroller\">\n\t\t\t\t\t\t\t{modifiedWhatsNewContent.map((contentItem, index) => {\n\t\t\t\t\t\t\t\tif (renderCustomContent) {\n\t\t\t\t\t\t\t\t\treturn renderCustomContent(contentItem);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<MainCardContainer\n\t\t\t\t\t\t\t\t\t\tclassName=\"padding--16 mb-mt-8\"\n\t\t\t\t\t\t\t\t\t\tkey={`whats-new-${index}`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BackgroundImageContainer\n\t\t\t\t\t\t\t\t\t\t\timageUrl={contentItem.image}\n\t\t\t\t\t\t\t\t\t\t\theight=\"209px\"\n\t\t\t\t\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ borderRadius: '4px' }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<div className=\"mt-20 full--width\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"created--at flex flex--row\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ifNewContent(contentItem) ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"new--content--tag\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Caption>New</Caption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t<Caption style={{ color: COLORS.content.placeholder }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{contentItem.createdAt\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? format(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontentItem.createdAt.toDate\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? contentItem.createdAt.toDate()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: new Date(contentItem.createdAt),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'dd MMMM yyyy',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t\t\t\t\t\t</Caption>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"mt--8\">\n\t\t\t\t\t\t\t\t\t\t\t<TitleSmall>{contentItem.title}</TitleSmall>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: contentItem.body }}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"card--desc mt--12\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex flex--row mt-20 full--width\">\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonText={\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontentItem.primaryButton?.text ||\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontentItem.buttonText ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Explore the feature'\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleContentClick(contentItem)}\n\t\t\t\t\t\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</MainCardContainer>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</WhatsNewWrapper>\n\t\t\t</MainContainer>\n\t\t\t<VideoModal\n\t\t\t\tisOpen={isVideoModalOpen}\n\t\t\t\tvideoUrl={videoUrl}\n\t\t\t\tonClose={() => {\n\t\t\t\t\tsetIsVideoModalOpen(false);\n\t\t\t\t}}\n\t\t\t/>\n\t\t</SideModal>\n\t);\n};\n"],"names":["WhatsNewPanel","isOpen","onClose","content","isLoading","title","searchPlaceholder","emptyStateTitle","emptyStateDescription","noResultsText","width","onContentClick","renderCustomContent","searchText","setSearchText","useState","isVideoModalOpen","setIsVideoModalOpen","videoUrl","setVideoUrl","ifNewContent","contentItem","createdAt","differenceInBusinessDays","modifiedWhatsNewContent","useMemo","searchLower","item","handleContentClick","action","redirectionUrl","isWhatsNewContentEmpty","isModifiedWhatsNewContentEmpty","jsxDEV","SideModal","TitleMedium","COLORS","this","MainContainer","SearchBar","inputText","WhatsNewWrapper","WhatsNewIcon","SearchIconSvg","Fragment","TitleRegular","BodyPrimary","index","MainCardContainer","BackgroundImageContainer","Caption","format","TitleSmall","Button","VideoModal"],"mappings":"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"}

package/dist/esm/components/whats-new/WhatsNewProvider.js

@@ -1,7 +1,7 @@
 import { jsxDEV as a } from "react/jsx-dev-runtime";
-import { useContext as i, createContext as m } from "react";
+import { useContext as i, createContext as w } from "react";
 import { useWhatsNew as u } from "./useWhatsNew.js";
-const t = m(
+const t = w(
   null
 ), N = ({
   children: e,
@@ -15,11 +15,11 @@ const t = m(
     module: s
   });
   return /* @__PURE__ */ a(t.Provider, { value: n, children: e }, void 0, !1, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewProvider.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewProvider.tsx",
     lineNumber: 22,
     columnNumber: 3
   }, void 0);
-}, l = () => {
+}, d = () => {
   const e = i(t);
   if (!e)
     throw new Error(
@@ -29,6 +29,6 @@ const t = m(
 };
 export {
   N as WhatsNewProvider,
-  l as useWhatsNewContext
+  d as useWhatsNewContext
 };
 //# sourceMappingURL=WhatsNewProvider.js.map

package/dist/esm/components/zeroState/ZeroState.js

@@ -1,20 +1,20 @@
 import { jsxDEV as e } from "react/jsx-dev-runtime";
-import l from "styled-components";
-import { TitleRegular as d, BodyCaption as b, TitleSmall as p } from "../TypographyStyle.js";
-import { COLORS as t } from "../../constants/Theme.js";
-import f from "../../assets/icons/alert.svg.js";
-import { Spinner as k } from "../spinner/Spinner.js";
-import { Button as y } from "../button/Button.js";
-const h = l.div`
-	background: ${t.surface.standard};
+import s from "styled-components";
+import { TitleRegular as u, BodyCaption as f, TitleSmall as b } from "../TypographyStyle.js";
+import { COLORS as o } from "../../constants/Theme.js";
+import p from "../../assets/icons/alert.svg.js";
+import { Spinner as y } from "../spinner/Spinner.js";
+import { Button as N } from "../button/Button.js";
+const x = s.div`
+	background: ${o.surface.standard};
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	flex: 1;
 	gap: 6px;
-`, v = l.div`
-	background: ${t.background.base};
+`, S = s.div`
+	background: ${o.background.base};
 	width: 48px;
 	height: 48px;
 	display: flex;
@@ -24,62 +24,62 @@ const h = l.div`
 	border-radius: 24px;
 `, Z = ({
   subTitle: i,
-  title: m,
-  IconHolderStyle: c,
-  style: u,
-  isLoading: r,
+  title: d,
+  IconHolderStyle: m,
+  style: c,
+  isLoading: t,
   containerWidth: a,
-  ...o
+  ...n
 }) => {
-  let s = d;
-  const n = a ? parseFloat(a) : 0;
-  return n && !isNaN(n) && n <= 150 && (s = p), /* @__PURE__ */ e(h, { style: u ?? {}, children: [
-    r ? /* @__PURE__ */ e(k, { size: "large", color: t.stroke.brand }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/zeroState/ZeroState.tsx",
+  let l = u;
+  const r = a ? parseFloat(a) : 0;
+  return r && !isNaN(r) && r <= 150 && (l = b), /* @__PURE__ */ e(x, { style: c ?? {}, children: [
+    t ? /* @__PURE__ */ e(y, { size: "large", color: o.stroke.brand }, void 0, !1, {
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",
       lineNumber: 64,
       columnNumber: 5
-    }, void 0) : /* @__PURE__ */ e(v, { style: c ?? {}, children: o?.Icon || /* @__PURE__ */ e(
-      f,
+    }, void 0) : /* @__PURE__ */ e(S, { style: m ?? {}, children: n?.Icon || /* @__PURE__ */ e(
+      p,
       {
-        color: t.content.placeholder,
+        color: o.content.placeholder,
         height: 24,
         width: 24
       },
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/zeroState/ZeroState.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",
         lineNumber: 68,
         columnNumber: 7
       },
       void 0
     ) }, void 0, !1, {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/zeroState/ZeroState.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",
       lineNumber: 66,
       columnNumber: 5
     }, void 0),
     /* @__PURE__ */ e(
-      s,
+      l,
       {
         style: {
-          color: t.content.primary
+          color: o.content.primary
         },
-        children: r ? "Loading..." : m || "No results found"
+        children: t ? "Loading..." : d || "No results found"
       },
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/zeroState/ZeroState.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",
         lineNumber: 77,
         columnNumber: 4
       },
       void 0
     ),
-    !!i && !r && /* @__PURE__ */ e(
-      b,
+    !!i && !t && /* @__PURE__ */ e(
+      f,
       {
         style: {
-          color: t.content.secondary,
+          color: o.content.secondary,
           textAlign: "center",
           maxWidth: 184
         },
@@ -88,18 +88,18 @@ const h = l.div`
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/zeroState/ZeroState.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",
         lineNumber: 85,
         columnNumber: 5
       },
       void 0
     ),
-    !!o?.actionButton && /* @__PURE__ */ e(
+    !!n?.actionButton && /* @__PURE__ */ e(
       "div",
       {
-        style: o?.buttonWidth ? { width: o?.buttonWidth, display: "flex" } : {},
-        children: /* @__PURE__ */ e(y, { ...o?.actionButton }, void 0, !1, {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/zeroState/ZeroState.tsx",
+        style: n?.buttonWidth ? { width: n?.buttonWidth, display: "flex" } : {},
+        children: /* @__PURE__ */ e(N, { ...n?.actionButton }, void 0, !1, {
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",
           lineNumber: 103,
           columnNumber: 6
         }, void 0)
@@ -107,14 +107,14 @@ const h = l.div`
       void 0,
       !1,
       {
-        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/zeroState/ZeroState.tsx",
+        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",
         lineNumber: 96,
         columnNumber: 5
       },
       void 0
     )
   ] }, void 0, !0, {
-    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/zeroState/ZeroState.tsx",
+    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",
     lineNumber: 62,
     columnNumber: 3
   }, void 0);