@bikdotai/bik-component-library 0.0.725-beta.9 → 0.0.725

package/dist/esm/components/whats-new/WhatsNew.types.d.ts

@@ -1,58 +0,0 @@
-/// <reference types="react" />
-export interface WhatsNewContent {
-    id: string;
-    title: string;
-    body: string;
-    content: string;
-    image: string;
-    buttonText: string;
-    redirectUrl: string;
-    productVideo?: string;
-    docId?: string;
-    createdAt: any;
-    module: string[];
-    visibility: boolean;
-}
-export interface WhatsNewProviderProps {
-    children: React.ReactNode;
-    fetchWhatsNewContent: () => Promise<[Error | null, WhatsNewContent[] | null]>;
-    markContentAsViewed?: (contentId: string) => Promise<void>;
-    module?: string;
-    isLoading?: boolean;
-}
-export interface WhatsNewButtonProps {
-    onClick?: () => void;
-    newContentCount?: number;
-    isOpen?: boolean;
-    isLoading?: boolean;
-    tooltip?: string;
-    testId?: string;
-    iconWidth?: number;
-    iconHeight?: number;
-    customIcon?: React.ComponentType<{
-        width?: number;
-        height?: number;
-        color?: string;
-    }>;
-}
-export interface WhatsNewPanelProps {
-    isOpen: boolean;
-    onClose: () => void;
-    content: WhatsNewContent[];
-    isLoading?: boolean;
-    title?: string;
-    searchPlaceholder?: string;
-    emptyStateTitle?: string;
-    emptyStateDescription?: string;
-    noResultsText?: string;
-    width?: string;
-    onContentClick?: (content: WhatsNewContent) => void;
-    renderCustomContent?: (content: WhatsNewContent) => React.ReactNode;
-}
-export interface WhatsNewHookReturn {
-    whatsNewContent: WhatsNewContent[];
-    isLoading: boolean;
-    newContentCount: number;
-    markAsViewed: (contentId: string) => Promise<void>;
-    refreshContent: () => Promise<void>;
-}

package/dist/esm/components/whats-new/WhatsNewButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { WhatsNewButtonProps } from './WhatsNew.types';
-export declare const WhatsNewButton: React.FC<WhatsNewButtonProps>;

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

@@ -1 +0,0 @@
-import{j as t}from"../../node_modules/react/jsx-runtime.js";import s from"../../assets/icons/whatsNew.svg.js";import{COLORS as n}from"../../constants/Theme.js";import{Tooltip as i}from"../tooltips/Tooltip.js";import{WhatsNewIconContainer as e}from"./WhatsNew.styles.js";const o=o=>{let{onClick:r,newContentCount:a=0,isOpen:c=!1,isLoading:d=!1,tooltip:l="What's new",testId:m="whats-new-button",iconWidth:h=24,iconHeight:j=24,customIcon:p}=o;return d?t.jsxs("div",Object.assign({style:{margin:"0px 8px"}},{children:[t.jsx("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),t.jsx("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]})):t.jsx(e,Object.assign({count:a},{children:t.jsxs("div",Object.assign({className:"main-icon-class "+(c?"icon-active":""),style:{color:c?n.content.brand:n.content.primary},onClick:r,"data-testid":m},{children:[t.jsx(i,Object.assign({body:l},{children:t.jsx("div",{children:p?t.jsx(p,{width:h,height:j,color:c?n.content.brand:n.content.primary}):t.jsx(s,{width:h,height:j})})})),a>0&&t.jsx("div",Object.assign({className:"notification--count"},{children:t.jsx("div",Object.assign({className:"count--text"},{children:a}))}))]}))}))};export{o as WhatsNewButton};

package/dist/esm/components/whats-new/WhatsNewPanel.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { WhatsNewPanelProps } from './WhatsNew.types';
-export declare const WhatsNewPanel: React.FC<WhatsNewPanelProps>;

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

@@ -1 +0,0 @@
-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 a from"../../assets/icons/searchIconWhatsNew.svg.js";import o from"../../assets/icons/whatsNew.svg.js";import{COLORS as i}from"../../constants/Theme.js";import{Button as c}from"../button/Button.js";import{VideoModal as d}from"../feature-announcements/VideoModal.js";import{SearchBar as l}from"../searchBar/searchBar.js";import{SideModal as h}from"../side-modal/SideModal.js";import{TitleMedium as m,TitleRegular as j,BodyPrimary as x,Caption as g,TitleSmall as u}from"../TypographyStyle.js";import{MainContainer as p,WhatsNewWrapper as w,MainCardContainer as b,BackgroundImageContainer as f}from"./WhatsNew.styles.js";const y=y=>{let{isOpen:C,onClose:N,content:O,isLoading:v=!1,title:k="What's new on BIK",searchPlaceholder:A="Search posts",emptyStateTitle:D="Nothing new!",emptyStateDescription:S="There are no new updates or features at the moment. Check back soon!",noResultsText:T="Sorry, no results found.",width:L="480px",onContentClick:M,renderCustomContent:W}=y;const[B,F]=n(""),[U,V]=n(!1),[_,E]=n(""),I=e=>{if(!e.createdAt)return!1;const t=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return s(new Date,t)<7},P=r((()=>{if(!B.trim())return O;const e=B.toLowerCase();return O.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[O,B]),R=0===O.length,z=0===P.length;return C?e.jsxs(h,Object.assign({width:L,onClose:N,header:"",headerCustomComponent:e.jsx(m,Object.assign({color:i.background.inverse},{children:k})),headerStyle:{background:i.background.brandLight},hideFooter:!0},{children:[e.jsxs(p,{children:[e.jsx("div",Object.assign({className:"mt-8"},{children:e.jsx(l,{width:"100%",isEnabled:!R,onChange:e=>{F(e)},onEnter:e=>{F(e)},placeholder:A,variant:"default",searchValue:B,onClickCross:()=>{F("")}})})),e.jsx(w,{children:R||z?e.jsxs("div",Object.assign({className:"no--data--found"},{children:[e.jsx("div",Object.assign({className:"icon--wrapper"},{children:R?e.jsx(o,{width:32,height:32}):e.jsx(a,{width:32,height:32})})),R?e.jsxs(e.Fragment,{children:[e.jsx(j,{children:D}),e.jsx(x,Object.assign({color:i.content.secondary,className:"text--align",style:{maxWidth:300}},{children:S}))]}):z?e.jsx(x,Object.assign({color:i.content.secondary,className:"text--align",style:{maxWidth:300}},{children:T})):null]})):e.jsx("div",Object.assign({className:"scroller"},{children:P.map(((s,n)=>W?W(s):e.jsxs(b,Object.assign({className:"padding--16 mb-mt-8"},{children:[e.jsx(f,{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:[I(s)?e.jsx("div",Object.assign({className:"new--content--tag"},{children:e.jsx(g,{children:"New"})})):e.jsx(e.Fragment,{}),e.jsx(g,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(u,{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(c,{buttonText:s.buttonText||"Explore the feature",onClick:()=>(e=>{e.productVideo?(E(e.productVideo),V(!0)):e.redirectUrl&&window.open(e.redirectUrl,"_blank"),M&&M(e)})(s),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${n}`)))}))})]}),e.jsx(d,{isOpen:U,videoUrl:_,onClose:()=>{V(!1)}})]})):e.jsx(e.Fragment,{})};export{y as WhatsNewPanel};

package/dist/esm/components/whats-new/WhatsNewProvider.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { WhatsNewProviderProps } from './WhatsNew.types';
-export declare const WhatsNewProvider: React.FC<WhatsNewProviderProps>;
-export declare const useWhatsNewContext: () => import("./WhatsNew.types").WhatsNewHookReturn;

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

@@ -1 +0,0 @@
-import{j as e}from"../../node_modules/react/jsx-runtime.js";import{useContext as t,createContext as r}from"react";import{useWhatsNew as o}from"./useWhatsNew.js";const n=r(null),s=t=>{let{children:r,fetchWhatsNewContent:s,markContentAsViewed:i,module:a}=t;const m=o({fetchWhatsNewContent:s,markContentAsViewed:i,module:a});return e.jsx(n.Provider,Object.assign({value:m},{children:r}))},i=()=>{const e=t(n);if(!e)throw new Error("useWhatsNewContext must be used within a WhatsNewProvider");return e};export{s as WhatsNewProvider,i as useWhatsNewContext};

package/dist/esm/components/whats-new/index.d.ts

@@ -1,7 +0,0 @@
-export * from './WhatsNew.types';
-export * from './WhatsNew.styles';
-export * from './WhatsNewButton';
-export * from './WhatsNewPanel';
-export * from './WhatsNewProvider';
-export * from './WhatsNew';
-export * from './useWhatsNew';

package/dist/esm/components/whats-new/useWhatsNew.d.ts

@@ -1,9 +0,0 @@
-import { WhatsNewContent, WhatsNewHookReturn } from './WhatsNew.types';
-interface UseWhatsNewProps {
-    fetchWhatsNewContent: () => Promise<[Error | null, WhatsNewContent[] | null]>;
-    markContentAsViewed?: (contentId: string) => Promise<void>;
-    module?: string;
-    newContentThresholdDays?: number;
-}
-export declare const useWhatsNew: ({ fetchWhatsNewContent, markContentAsViewed, module, newContentThresholdDays, }: UseWhatsNewProps) => WhatsNewHookReturn;
-export {};

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

@@ -1 +0,0 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{differenceInBusinessDays as t}from"date-fns";import{useState as o,useRef as r,useEffect as n,useCallback as a}from"react";const i=i=>{let{fetchWhatsNewContent:c,markContentAsViewed:d,module:s,newContentThresholdDays:l=7}=i;const[u,f]=o([]),[w,v]=o(!0),m=r(c),A=r(d);n((()=>{m.current=c}),[c]),n((()=>{A.current=d}),[d]);const h=a((()=>e(void 0,void 0,void 0,(function*(){v(!0);try{const[e,t]=yield m.current();if(e)console.error("Failed to fetch what's new content:",e),f([]);else if(t){let e=t;s&&(e=t.filter((e=>Array.isArray(e.module)?e.module.includes(s):e.module===s))),e.sort(((e,t)=>{var o,r;const n=(null===(o=e.createdAt)||void 0===o?void 0:o.toDate)?e.createdAt.toDate():new Date(e.createdAt);return((null===(r=t.createdAt)||void 0===r?void 0:r.toDate)?t.createdAt.toDate():new Date(t.createdAt)).getTime()-n.getTime()})),f(e)}else f([])}catch(e){console.error("Failed to fetch what's new content:",e),f([])}finally{v(!1)}}))),[s]);n((()=>{h()}),[h]);const D=a((e=>{if(!e.createdAt)return!1;const o=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return t(new Date,o)<l}),[l]),y=u.reduce(((e,t)=>D(t)?e+1:e),0);return{whatsNewContent:u,isLoading:w,newContentCount:y,markAsViewed:a((t=>e(void 0,void 0,void 0,(function*(){if(A.current)try{yield A.current(t)}catch(e){console.warn("Failed to mark content as viewed:",e)}}))),[]),refreshContent:a((()=>e(void 0,void 0,void 0,(function*(){yield h()}))),[h])}};export{i as useWhatsNew};