@bikdotai/bik-component-library 0.0.703-beta.10 → 0.0.703-beta.12

package/dist/cjs/components/bik-layout/MockMenus.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/cjs/components/whats-new/WhatsNew.styles.js

@@ -174,7 +174,7 @@
 	&:hover {
 		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 	}
-`,c=n.default.div`
+`,p=n.default.div`
 	background-image: url(${e=>e.imageUrl});
 	background-size: cover;
 	background-position: center;
@@ -182,15 +182,4 @@
 	height: ${e=>e.height||"200px"};
 	width: ${e=>e.width||"100%"};
 	border-radius: 4px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-
-	&:empty::after {
-		content: '';
-		background: ${t.COLORS.background.base};
-		width: 100%;
-		height: 100%;
-		border-radius: 4px;
-	}
-`;exports.BackgroundImageContainer=c,exports.MainCardContainer=d,exports.MainContainer=o,exports.WhatsNewIconContainer=r,exports.WhatsNewWrapper=a;
+`;exports.BackgroundImageContainer=p,exports.MainCardContainer=d,exports.MainContainer=o,exports.WhatsNewIconContainer=r,exports.WhatsNewWrapper=a;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("date-fns"),s=require("react"),n=require("../../constants/Theme.js"),r=require("../button/Button.js"),i=require("../input/Input.js"),o=require("../TypographyStyle.js"),a=require("./WhatsNew.styles.js");const x=t=>{let{width:s=32,height:n=32}=t;return e.jsxRuntimeExports.jsx("svg",Object.assign({width:s,height:n,viewBox:"0 0 24 24",fill:"none"},{children:e.jsxRuntimeExports.jsx("path",{d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))},d=t=>{let{width:s=32,height:n=32}=t;return e.jsxRuntimeExports.jsxs("svg",Object.assign({width:s,height:n,viewBox:"0 0 32 32",fill:"none"},{children:[e.jsxRuntimeExports.jsx("path",{d:"M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2zm0 25c-6.065 0-11-4.935-11-11S9.935 5 16 5s11 4.935 11 11-4.935 11-11 11z",fill:"currentColor"}),e.jsxRuntimeExports.jsx("path",{d:"M16 10.5c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5zM15 15h2v8h-2v-8z",fill:"currentColor"})]}))};exports.WhatsNewPanel=l=>{let{isOpen:c,onClose:u,content:j,isLoading:h=!1,title:m="What's new",searchPlaceholder:p="Search posts",emptyStateTitle:g="Nothing new!",emptyStateDescription:R="There are no new updates or features at the moment. Check back soon!",noResultsText:b="Sorry, no results found.",width:w="480px",onContentClick:O,renderCustomContent:E}=l;const[y,C]=s.useState(""),f=e=>{if(!e.createdAt)return!1;const s=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return t.differenceInBusinessDays(new Date,s)<7},v=s.useMemo((()=>{if(!y.trim())return j;const e=y.toLowerCase();return j.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content.toLowerCase().includes(e)))}),[j,y]),S=(s,i)=>E?E(s):e.jsxRuntimeExports.jsxs(a.MainCardContainer,Object.assign({className:"padding--16 mb-mt-8"},{children:[s.image&&e.jsxRuntimeExports.jsx(a.BackgroundImageContainer,{imageUrl:s.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e.jsxRuntimeExports.jsx("div",Object.assign({className:"mt-20 full--width"},{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"created--at flex flex--row"},{children:[f(s)&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"new--content--tag"},{children:e.jsxRuntimeExports.jsx(o.Caption,{children:"New"})})),e.jsxRuntimeExports.jsx(o.Caption,Object.assign({style:{color:n.COLORS.content.placeholder}},{children:s.createdAt?t.format(s.createdAt.toDate?s.createdAt.toDate():new Date(s.createdAt),"dd MMMM yyyy"):""}))]}))})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"mt--8"},{children:e.jsxRuntimeExports.jsx(o.TitleSmall,{children:s.title})})),e.jsxRuntimeExports.jsx("div",{dangerouslySetInnerHTML:{__html:s.body},className:"card--desc mt--12"}),e.jsxRuntimeExports.jsx("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e.jsxRuntimeExports.jsx(r.Button,{buttonText:s.buttonText||"Explore the feature",onClick:()=>(e=>{O?O(e):e.redirectUrl&&window.open(e.redirectUrl,"_blank")})(s),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${i}`),k=0===j.length,N=0===v.length;return e.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"fixed",top:0,right:0,width:w,height:"100vh",backgroundColor:n.COLORS.surface.standard,boxShadow:"0 0 20px rgba(0,0,0,0.1)",zIndex:1e3,display:c?"flex":"none",flexDirection:"column"}},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{padding:"16px 24px",background:n.COLORS.background.brandLight,borderBottom:`1px solid ${n.COLORS.stroke.primary}`,display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsxRuntimeExports.jsx(o.TitleMedium,Object.assign({color:n.COLORS.background.inverse},{children:m})),e.jsxRuntimeExports.jsx("button",Object.assign({onClick:u,style:{background:"none",border:"none",fontSize:"20px",cursor:"pointer",color:n.COLORS.background.inverse}},{children:"×"}))]})),e.jsxRuntimeExports.jsxs(a.MainContainer,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"mt-8",style:{padding:"0 16px"}},{children:e.jsxRuntimeExports.jsx(i.Input,{value:y,onChangeText:C,placeholder:p,state:k?"disabled":"none",variant:"default",width:"100%"})})),e.jsxRuntimeExports.jsx(a.WhatsNewWrapper,{children:k||N?e.jsxRuntimeExports.jsxs("div",Object.assign({className:"no--data--found"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"icon--wrapper"},{children:k?e.jsxRuntimeExports.jsx(d,{width:32,height:32}):e.jsxRuntimeExports.jsx(x,{width:32,height:32})})),k?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(o.TitleRegular,{children:g}),e.jsxRuntimeExports.jsx(o.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:R}))]}):e.jsxRuntimeExports.jsx(o.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:b}))]})):e.jsxRuntimeExports.jsx("div",Object.assign({className:"scroller"},{children:v.map(((e,t)=>S(e,t)))}))})]})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("date-fns"),s=require("react"),r=require("../../constants/Theme.js"),n=require("../button/Button.js"),i=require("../searchBar/searchBar.js"),o=require("../side-modal/SideModal.js"),a=require("../TypographyStyle.js"),x=require("./WhatsNew.styles.js");const l=t=>{let{width:s=32,height:r=32}=t;return e.jsxRuntimeExports.jsx("svg",Object.assign({width:s,height:r,viewBox:"0 0 24 24",fill:"none"},{children:e.jsxRuntimeExports.jsx("path",{d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))},c=t=>{let{width:s=32,height:r=32}=t;return e.jsxRuntimeExports.jsxs("svg",Object.assign({width:s,height:r,viewBox:"0 0 32 32",fill:"none"},{children:[e.jsxRuntimeExports.jsx("path",{d:"M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2zm0 25c-6.065 0-11-4.935-11-11S9.935 5 16 5s11 4.935 11 11-4.935 11-11 11z",fill:"currentColor"}),e.jsxRuntimeExports.jsx("path",{d:"M16 10.5c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5zM15 15h2v8h-2v-8z",fill:"currentColor"})]}))};exports.WhatsNewPanel=d=>{let{isOpen:j,onClose:u,content:m,isLoading:h=!1,title:p="What's new on BIK",searchPlaceholder:g="Search posts",emptyStateTitle:R="Nothing new!",emptyStateDescription:E="There are no new updates or features at the moment. Check back soon!",noResultsText:w="Sorry, no results found.",width:b="480px",onContentClick:C,renderCustomContent:O}=d;const[y,f]=s.useState(""),v=e=>{if(!e.createdAt)return!1;const s=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return t.differenceInBusinessDays(new Date,s)<7},S=s.useMemo((()=>{if(!y.trim())return m;const e=y.toLowerCase();return m.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[m,y]),N=0===m.length,M=0===S.length;return j?e.jsxRuntimeExports.jsx(o.SideModal,Object.assign({width:b,onClose:u,header:"",headerCustomComponent:e.jsxRuntimeExports.jsx(a.TitleMedium,Object.assign({color:r.COLORS.background.inverse},{children:p})),headerStyle:{background:r.COLORS.background.brandLight},hideFooter:!0},{children:e.jsxRuntimeExports.jsxs(x.MainContainer,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"mt-8"},{children:e.jsxRuntimeExports.jsx(i.SearchBar,{width:"100%",isEnabled:!N,onChange:e=>{f(e)},onEnter:e=>{f(e)},placeholder:g,variant:"default",searchValue:y,onClickCross:()=>{f("")}})})),e.jsxRuntimeExports.jsx(x.WhatsNewWrapper,{children:N||M?e.jsxRuntimeExports.jsxs("div",Object.assign({className:"no--data--found"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"icon--wrapper"},{children:N?e.jsxRuntimeExports.jsx(c,{width:32,height:32}):e.jsxRuntimeExports.jsx(l,{width:32,height:32})})),N?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(a.TitleRegular,{children:R}),e.jsxRuntimeExports.jsx(a.BodyPrimary,Object.assign({color:r.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:E}))]}):M?e.jsxRuntimeExports.jsx(a.BodyPrimary,Object.assign({color:r.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:w})):null]})):e.jsxRuntimeExports.jsx("div",Object.assign({className:"scroller"},{children:S.map(((s,i)=>O?O(s):e.jsxRuntimeExports.jsxs(x.MainCardContainer,Object.assign({className:"padding--16 mb-mt-8"},{children:[e.jsxRuntimeExports.jsx(x.BackgroundImageContainer,{imageUrl:s.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e.jsxRuntimeExports.jsx("div",Object.assign({className:"mt-20 full--width"},{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"created--at flex flex--row"},{children:[v(s)?e.jsxRuntimeExports.jsx("div",Object.assign({className:"new--content--tag"},{children:e.jsxRuntimeExports.jsx(a.Caption,{children:"New"})})):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),e.jsxRuntimeExports.jsx(a.Caption,Object.assign({style:{color:r.COLORS.content.placeholder}},{children:s.createdAt?t.format(s.createdAt.toDate?s.createdAt.toDate():new Date(s.createdAt),"dd MMMM yyyy"):""}))]}))})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"mt--8"},{children:e.jsxRuntimeExports.jsx(a.TitleSmall,{children:s.title})})),e.jsxRuntimeExports.jsx("div",{dangerouslySetInnerHTML:{__html:s.body},className:"card--desc mt--12"}),e.jsxRuntimeExports.jsx("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e.jsxRuntimeExports.jsx(n.Button,{buttonText:s.buttonText||"Explore the feature",onClick:()=>(e=>{C?C(e):e.redirectUrl&&window.open(e.redirectUrl,"_blank")})(s),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${i}`)))}))})]})})):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})};

package/dist/esm/components/bik-layout/MockMenus.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/esm/components/whats-new/WhatsNew.styles.js

@@ -182,15 +182,4 @@ import e from"styled-components";import{COLORS as t}from"../../constants/Theme.j
 	height: ${e=>e.height||"200px"};
 	width: ${e=>e.width||"100%"};
 	border-radius: 4px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-
-	&:empty::after {
-		content: '';
-		background: ${t.background.base};
-		width: 100%;
-		height: 100%;
-		border-radius: 4px;
-	}
 `;export{a as BackgroundImageContainer,o as MainCardContainer,r as MainContainer,i as WhatsNewIconContainer,n as WhatsNewWrapper};

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

@@ -1 +1 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{format as t,differenceInBusinessDays as s}from"date-fns";import{useState as n,useMemo as r}from"react";import{COLORS as i}from"../../constants/Theme.js";import{Button as o}from"../button/Button.js";import{Input as a}from"../input/Input.js";import{TitleMedium as c,TitleRegular as d,BodyPrimary as l,Caption as h,TitleSmall as x}from"../TypographyStyle.js";import{MainContainer as j,WhatsNewWrapper as m,MainCardContainer as g,BackgroundImageContainer as p}from"./WhatsNew.styles.js";const u=t=>{let{width:s=32,height:n=32}=t;return e.jsx("svg",Object.assign({width:s,height:n,viewBox:"0 0 24 24",fill:"none"},{children:e.jsx("path",{d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))},b=t=>{let{width:s=32,height:n=32}=t;return e.jsxs("svg",Object.assign({width:s,height:n,viewBox:"0 0 32 32",fill:"none"},{children:[e.jsx("path",{d:"M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2zm0 25c-6.065 0-11-4.935-11-11S9.935 5 16 5s11 4.935 11 11-4.935 11-11 11z",fill:"currentColor"}),e.jsx("path",{d:"M16 10.5c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5zM15 15h2v8h-2v-8z",fill:"currentColor"})]}))},w=w=>{let{isOpen:f,onClose:y,content:v,isLoading:O=!1,title:C="What's new",searchPlaceholder:k="Search posts",emptyStateTitle:N="Nothing new!",emptyStateDescription:S="There are no new updates or features at the moment. Check back soon!",noResultsText:D="Sorry, no results found.",width:L="480px",onContentClick:M,renderCustomContent:T}=w;const[z,A]=n(""),W=e=>{if(!e.createdAt)return!1;const t=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return s(new Date,t)<7},B=r((()=>{if(!z.trim())return v;const e=z.toLowerCase();return v.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content.toLowerCase().includes(e)))}),[v,z]),I=(s,n)=>T?T(s):e.jsxs(g,Object.assign({className:"padding--16 mb-mt-8"},{children:[s.image&&e.jsx(p,{imageUrl:s.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e.jsx("div",Object.assign({className:"mt-20 full--width"},{children:e.jsxs("div",Object.assign({className:"created--at flex flex--row"},{children:[W(s)&&e.jsx("div",Object.assign({className:"new--content--tag"},{children:e.jsx(h,{children:"New"})})),e.jsx(h,Object.assign({style:{color:i.content.placeholder}},{children:s.createdAt?t(s.createdAt.toDate?s.createdAt.toDate():new Date(s.createdAt),"dd MMMM yyyy"):""}))]}))})),e.jsx("div",Object.assign({className:"mt--8"},{children:e.jsx(x,{children:s.title})})),e.jsx("div",{dangerouslySetInnerHTML:{__html:s.body},className:"card--desc mt--12"}),e.jsx("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e.jsx(o,{buttonText:s.buttonText||"Explore the feature",onClick:()=>(e=>{M?M(e):e.redirectUrl&&window.open(e.redirectUrl,"_blank")})(s),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${n}`),_=0===v.length,U=0===B.length;return e.jsxs("div",Object.assign({style:{position:"fixed",top:0,right:0,width:L,height:"100vh",backgroundColor:i.surface.standard,boxShadow:"0 0 20px rgba(0,0,0,0.1)",zIndex:1e3,display:f?"flex":"none",flexDirection:"column"}},{children:[e.jsxs("div",Object.assign({style:{padding:"16px 24px",background:i.background.brandLight,borderBottom:`1px solid ${i.stroke.primary}`,display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsx(c,Object.assign({color:i.background.inverse},{children:C})),e.jsx("button",Object.assign({onClick:y,style:{background:"none",border:"none",fontSize:"20px",cursor:"pointer",color:i.background.inverse}},{children:"×"}))]})),e.jsxs(j,{children:[e.jsx("div",Object.assign({className:"mt-8",style:{padding:"0 16px"}},{children:e.jsx(a,{value:z,onChangeText:A,placeholder:k,state:_?"disabled":"none",variant:"default",width:"100%"})})),e.jsx(m,{children:_||U?e.jsxs("div",Object.assign({className:"no--data--found"},{children:[e.jsx("div",Object.assign({className:"icon--wrapper"},{children:_?e.jsx(b,{width:32,height:32}):e.jsx(u,{width:32,height:32})})),_?e.jsxs(e.Fragment,{children:[e.jsx(d,{children:N}),e.jsx(l,Object.assign({color:i.content.secondary,className:"text--align",style:{maxWidth:300}},{children:S}))]}):e.jsx(l,Object.assign({color:i.content.secondary,className:"text--align",style:{maxWidth:300}},{children:D}))]})):e.jsx("div",Object.assign({className:"scroller"},{children:B.map(((e,t)=>I(e,t)))}))})]})]}))};export{w as WhatsNewPanel};
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import{format as t,differenceInBusinessDays as s}from"date-fns";import{useState as n,useMemo as r}from"react";import{COLORS as a}from"../../constants/Theme.js";import{Button as i}from"../button/Button.js";import{SearchBar as o}from"../searchBar/searchBar.js";import{SideModal as c}from"../side-modal/SideModal.js";import{TitleMedium as l,TitleRegular as d,BodyPrimary as h,Caption as m,TitleSmall as j}from"../TypographyStyle.js";import{MainContainer as x,WhatsNewWrapper as g,MainCardContainer as u,BackgroundImageContainer as p}from"./WhatsNew.styles.js";const w=t=>{let{width:s=32,height:n=32}=t;return e.jsx("svg",Object.assign({width:s,height:n,viewBox:"0 0 24 24",fill:"none"},{children:e.jsx("path",{d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))},b=t=>{let{width:s=32,height:n=32}=t;return e.jsxs("svg",Object.assign({width:s,height:n,viewBox:"0 0 32 32",fill:"none"},{children:[e.jsx("path",{d:"M16 2C8.268 2 2 8.268 2 16s6.268 14 14 14 14-6.268 14-14S23.732 2 16 2zm0 25c-6.065 0-11-4.935-11-11S9.935 5 16 5s11 4.935 11 11-4.935 11-11 11z",fill:"currentColor"}),e.jsx("path",{d:"M16 10.5c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5zM15 15h2v8h-2v-8z",fill:"currentColor"})]}))},f=f=>{let{isOpen:y,onClose:C,content:v,isLoading:O=!1,title:N="What's new on BIK",searchPlaceholder:k="Search posts",emptyStateTitle:M="Nothing new!",emptyStateDescription:S="There are no new updates or features at the moment. Check back soon!",noResultsText:L="Sorry, no results found.",width:A="480px",onContentClick:D,renderCustomContent:T}=f;const[z,B]=n(""),W=e=>{if(!e.createdAt)return!1;const t=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return s(new Date,t)<7},F=r((()=>{if(!z.trim())return v;const e=z.toLowerCase();return v.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[v,z]),_=0===v.length,E=0===F.length;return y?e.jsx(c,Object.assign({width:A,onClose:C,header:"",headerCustomComponent:e.jsx(l,Object.assign({color:a.background.inverse},{children:N})),headerStyle:{background:a.background.brandLight},hideFooter:!0},{children:e.jsxs(x,{children:[e.jsx("div",Object.assign({className:"mt-8"},{children:e.jsx(o,{width:"100%",isEnabled:!_,onChange:e=>{B(e)},onEnter:e=>{B(e)},placeholder:k,variant:"default",searchValue:z,onClickCross:()=>{B("")}})})),e.jsx(g,{children:_||E?e.jsxs("div",Object.assign({className:"no--data--found"},{children:[e.jsx("div",Object.assign({className:"icon--wrapper"},{children:_?e.jsx(b,{width:32,height:32}):e.jsx(w,{width:32,height:32})})),_?e.jsxs(e.Fragment,{children:[e.jsx(d,{children:M}),e.jsx(h,Object.assign({color:a.content.secondary,className:"text--align",style:{maxWidth:300}},{children:S}))]}):E?e.jsx(h,Object.assign({color:a.content.secondary,className:"text--align",style:{maxWidth:300}},{children:L})):null]})):e.jsx("div",Object.assign({className:"scroller"},{children:F.map(((s,n)=>T?T(s):e.jsxs(u,Object.assign({className:"padding--16 mb-mt-8"},{children:[e.jsx(p,{imageUrl:s.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e.jsx("div",Object.assign({className:"mt-20 full--width"},{children:e.jsxs("div",Object.assign({className:"created--at flex flex--row"},{children:[W(s)?e.jsx("div",Object.assign({className:"new--content--tag"},{children:e.jsx(m,{children:"New"})})):e.jsx(e.Fragment,{}),e.jsx(m,Object.assign({style:{color:a.content.placeholder}},{children:s.createdAt?t(s.createdAt.toDate?s.createdAt.toDate():new Date(s.createdAt),"dd MMMM yyyy"):""}))]}))})),e.jsx("div",Object.assign({className:"mt--8"},{children:e.jsx(j,{children:s.title})})),e.jsx("div",{dangerouslySetInnerHTML:{__html:s.body},className:"card--desc mt--12"}),e.jsx("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e.jsx(i,{buttonText:s.buttonText||"Explore the feature",onClick:()=>(e=>{D?D(e):e.redirectUrl&&window.open(e.redirectUrl,"_blank")})(s),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${n}`)))}))})]})})):e.jsx(e.Fragment,{})};export{f as WhatsNewPanel};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.703-beta.10",
+	"version": "0.0.703-beta.12",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",