@bikdotai/bik-component-library 0.0.77-4.beta.0.8 → 0.0.78

package/dist/esm/components/variable-picker-v3/SubHeaderItems.js

@@ -1 +0,0 @@
-import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import s from"../../assets/icons/chevronRight.svg.js";import o from"../../assets/icons/plus.svg.js";import l from"../../assets/icons/sub_category.svg.js";import a from"../../assets/icons/triangle_error.svg.js";import{cloneDeep as r}from"lodash";import{COLORS as n}from"../../constants/Theme.js";import{ListItem as c}from"../list-item/ListItem.js";import{Tooltip as d}from"../tooltips/Tooltip.js";import{BodySecondary as m}from"../TypographyStyle.js";import{useVariablePickerContext as p}from"./context.js";import{highlightSearchText as b}from"./highlightSearchText.js";import{showOnlyRecommendedVariables as h}from"./recommendVaribles.js";const g=e=>{var t;return(null===(t=e.contextQ)||void 0===t?void 0:t.join(" > "))||""},v=v=>{const{onSelect:y,variable:f,searchText:j,disabled:u,parentVariable:x}=v,{subHeaderStack:O,setSubHeaderStack:I,setVariables:S,showRecommended:N}=p();return e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4}},{children:Object.keys(f).map(((p,v)=>{var T;if(void 0===f[p].variables||0===Object.keys((null===(T=f[p])||void 0===T?void 0:T.variables)||{}).length){const s=f[p];return e(d,Object.assign({body:g(s),placement:"bottom"},{children:e(c,{variant:u?"readonly":(null==s?void 0:s.selected)?"selected":"default",version:"2.0",leadingIcon:(null==s?void 0:s.selected)||u?e(t,{}):e("div",Object.assign({style:{flexShrink:0}},{children:e(o,{width:14,height:14})})),customListItemLabel:i("div",Object.assign({style:{display:"flex",gap:4}},{children:[e(m,Object.assign({style:{fontSize:"14px",color:n.text.primary}},{children:b(s.displayName,j)})),!s.isAvailable&&e(d,Object.assign({body:"Not Recommended"},{children:e("div",Object.assign({style:{display:"flex",marginTop:2}},{children:e(a,{width:16,height:16,color:n.content.secondary})}))}))]})),listItem:{label:s.displayName,value:s.displayName},subText:s.description||"",onClick:()=>{y(s)}})}),v)}return e(d,Object.assign({body:g(f[p]),placement:"bottom"},{children:e(c,{variant:"default",version:"2.0",listItem:{label:f[p].displayName,value:f[p].displayName},customListItemLabel:e("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e(m,Object.assign({style:{fontSize:"14px",color:n.text.primary}},{children:b(f[p].displayName,j)}))})),leadingIcon:e(l,{width:14,height:14}),subText:f[p].description||"",trailingIcon:e(s,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=r(f[p]);void 0!==x&&(e.contextQ=[x.displayName]);const t=[...O,e];if(I(t),N){const i=h([e.variables],t);S(i)}else S([e.variables])}})}),v)}))}))};export{v as default,g as renderTooltipBody};

package/dist/esm/components/variable-picker-v3/VariablePicker.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { VariablePickerV3Props } from './model';
-type Props = VariablePickerV3Props;
-export declare const VariablePicker: React.FC<Props>;
-export default VariablePicker;

package/dist/esm/components/variable-picker-v3/VariablePicker.js

@@ -1 +0,0 @@
-import{jsxs as t,jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{CloseButtonContainer as i}from"../modals/modal.styled.js";import{VariablePickerContent as r}from"./Content.js";import{PickerType as n}from"./model.js";const d=d=>{var c;const{type:h}=d;return h==n.FLOATER?t("div",Object.assign({style:{boxShadow:"0px 2px 8px 0px #0000001F",width:d.width?d.width:344,borderRadius:4,height:"100%"}},{children:[s(r,Object.assign({},d)),s(i,Object.assign({onClick:()=>{d.onClose&&d.onClose()}},{children:s(o,{height:20,width:20,color:e.content.secondary})}))]})):s("div",Object.assign({style:{width:null!==(c=d.width)&&void 0!==c?c:"100%",height:"100%"}},{children:s(r,Object.assign({},d))}))};export{d as VariablePicker,d as default};

package/dist/esm/components/variable-picker-v3/context.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-export declare const VariablePickerContext: React.Context<{
-    searchText: string;
-    setSearchText: React.Dispatch<React.SetStateAction<string>>;
-    subHeaderStack: any[];
-    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
-    variables: any[];
-    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
-    showRecommended: boolean;
-    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
-}>;
-export declare const useVariablePickerContext: () => {
-    searchText: string;
-    setSearchText: React.Dispatch<React.SetStateAction<string>>;
-    subHeaderStack: any[];
-    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
-    variables: any[];
-    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
-    showRecommended: boolean;
-    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
-};

package/dist/esm/components/variable-picker-v3/context.js

@@ -1 +0,0 @@
-import e,{useContext as t}from"react";const a=e.createContext({searchText:"",setSearchText:()=>{},subHeaderStack:[],setSubHeaderStack:()=>{},variables:[],setVariables:()=>{},showRecommended:!1,setShowRecommended:()=>{}}),r=()=>t(a);export{a as VariablePickerContext,r as useVariablePickerContext};

package/dist/esm/components/variable-picker-v3/highlightSearchText.d.ts

@@ -1 +0,0 @@
-export declare const highlightSearchText: (text: string, searchText: string) => string | import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/variable-picker-v3/highlightSearchText.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{COLORS as r}from"../../constants/Theme.js";const n=(n,o)=>{if(0===o.length)return n;const s=n.toLowerCase().indexOf(o.toLowerCase());if(-1===s)return n;const c=n.slice(0,s),i=n.slice(s,s+o.length),l=n.slice(s+o.length);return e("span",{children:[c,t("b",Object.assign({style:{color:r.content.primary}},{children:i})),l]})};export{n as highlightSearchText};

package/dist/esm/components/variable-picker-v3/index.d.ts

@@ -1 +0,0 @@
-export * from './VariablePicker';

package/dist/esm/components/variable-picker-v3/model.d.ts

@@ -1,62 +0,0 @@
-export declare enum PickerType {
-    FLOATER = "floater",
-    EMBEDDED = "embedded"
-}
-export interface VariablePickerV3Props {
-    type: PickerType;
-    data: VariableListInterfaceV3[];
-    onSelect: (variable: VariableV3) => void;
-    width?: string;
-    onClose?: () => void;
-    showHeader?: boolean;
-    showBackButton?: boolean;
-    onBackButtonClick?: () => void;
-    onSearchBlur?: (e: any) => void;
-    isEvaluationList?: boolean;
-    hideHeaderCross?: boolean;
-    disabled?: boolean;
-    autoOpenFirst?: boolean;
-    headerText?: string;
-    contentHeight?: string;
-    onDefaultVariableSelect?: (variable: VariableV3) => void;
-    skipDefaultVariableContent?: boolean;
-}
-export interface VariableListInterfaceV3 {
-    isSubHeader?: boolean;
-    displayName: string;
-    description: string;
-    orderId?: number;
-    isAvailable?: boolean;
-    contextQ?: string[];
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-export interface SubHeader {
-    isSubHeader: boolean;
-    isAvailable: boolean;
-    displayName: string;
-    description: string;
-    contextQ?: string[];
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-export interface VariableV3 {
-    contextQ?: string[];
-    selected?: boolean;
-    description?: string;
-    defaultValue?: string;
-    displayName: string;
-    actualValue: string;
-    variableType: string;
-    isAvailable: boolean;
-    actualValueEval?: string;
-    isSubHeader?: boolean;
-    variables?: {
-        [key: string]: VariableV3;
-    };
-    needsFetching?: boolean;
-    isDefaultValueSupported?: boolean;
-    enableDefaultValueForGlobalUsage?: boolean;
-}

package/dist/esm/components/variable-picker-v3/model.js

@@ -1 +0,0 @@
-var e;!function(e){e.FLOATER="floater",e.EMBEDDED="embedded"}(e||(e={}));export{e as PickerType};

package/dist/esm/components/variable-picker-v3/recommendVaribles.d.ts

@@ -1 +0,0 @@
-export declare const showOnlyRecommendedVariables: (data: any, stack: any[]) => any;

package/dist/esm/components/variable-picker-v3/recommendVaribles.js

@@ -1 +0,0 @@
-const e=(e,i)=>e.map((e=>{if(e.isAvailable&&void 0===e.variables)return e;if(void 0===e.isAvailable&&void 0!==e.variables){const i=a(e.variables);return 0===Object.keys(i).length?{}:Object.assign(Object.assign({},e),{variables:i})}if(void 0===e.variables){return a(e)}{const s=a(e.variables);return i.length?s:0===Object.keys(s).length?{}:Object.assign(Object.assign({},e),{variables:s})}})).filter((e=>Object.keys(e).length>0)),a=e=>Object.keys(e).reduce(((a,i)=>(e[i]&&e[i].isAvailable&&(a[i]=e[i]),a)),{});export{e as showOnlyRecommendedVariables};

package/dist/esm/components/variable-picker-v3/searchVariables.d.ts

@@ -1,2 +0,0 @@
-import { VariableListInterfaceV3 } from './model';
-export declare const searchVariables: (text: string, data: VariableListInterfaceV3[], subHeaderStack: any[]) => any[];

package/dist/esm/components/variable-picker-v3/searchVariables.js

@@ -1 +0,0 @@
-const e=(e,s,t)=>{if(!e)return t.length>0?[t[t.length-1].variables]:s;const i=[];return s.forEach((s=>{if(t.length>0)if(s.displayName&&void 0!==s.variables)a(e,s.variables,i,[...s.contextQ||[],s.displayName]);else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,i,[...s.contextQ||[],s.displayName])}else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,i,[s.displayName])}})),i},a=function(e,s,t){let i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(e.toLowerCase())&&(void 0!==s[l].variables&&0===Object.keys(s[l].variables).length&&delete s[l].variables,t.push(s[l].isSubHeader?{[l]:Object.assign(Object.assign({},s[l]),{contextQ:i})}:Object.assign(Object.assign({},s[l]),{contextQ:i}))),s[l].variables&&Object.keys(s[l].variables).length&&a(e,s[l].variables,t,[...i,s[l].displayName])}))};export{e as searchVariables};

package/dist/esm/components/variable-picker-v3/styles.d.ts

@@ -1,8 +0,0 @@
-export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {
-    openDefault?: boolean | undefined;
-}, never>;
-export declare const RecommendWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BackHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    height: string;
-}, never>;

package/dist/esm/components/variable-picker-v3/styles.js

@@ -1,42 +0,0 @@
-import e from"styled-components";import{COLORS as t}from"../../constants/Theme.js";const o=e.div`
-	display: flex;
-	align-items: center;
-	padding: ${e=>e.openDefault?"12px 16px":"12px 16px 0px 16px"};
-	background-color: ${t.surface.subdued};
-	justify-content: space-between;
-	border-top-right-radius: 8px;
-	border-top-left-radius: 8px;
-`,r=e.div`
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 12px 16px;
-	background-color: ${t.surface.subdued};
-	border-bottom: 1px solid ${t.stroke.primary};
-`,i=e.div`
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 32px;
-	background-color: ${t.background.base};
-`,p=e.div`
-	margin: 8px;
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	height: ${e=>e.height};
-	overflow: scroll;
-	&::-webkit-scrollbar-thumb {
-		background-color: #e0e0e0 !important;
-		border-radius: 8px;
-	}
-	&::-webkit-scrollbar {
-		height: 5px;
-		display: block;
-		width: 8px;
-	}
-	&::-webkit-scrollbar-thumb:horizontal {
-		width: 8px;
-	}
-`;export{i as BackHeader,p as Container,o as HeaderWrapper,r as RecommendWrapper};

package/dist/esm/components/vertical-full-screen-modal/component.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { VerticalFullScreenModalProps } from './types';
-/**
- * VerticalFullScreenModal - A reusable full-screen modal component
- *
- * This component provides a common full-screen modal structure with:
- * - Fixed height (100vh)
- * - Header section with close button
- * - Scrollable body content
- * - Dynamic footer with configurable buttons
- *
- * @example
- * <VerticalFullScreenModal
- *   headerText="My Modal"
- *   body={<div>Modal content here</div>}
- *   primaryButtonTitle="Save"
- *   onSave={handleSave}
- *   secondaryButtonTitle="Cancel"
- *   secondaryButtonClick={handleCancel}
- *   onClose={handleClose}
- * />
- */
-declare const VerticalFullScreenModal: React.FC<VerticalFullScreenModalProps>;
-export default VerticalFullScreenModal;

package/dist/esm/components/vertical-full-screen-modal/component.js

@@ -1 +0,0 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import n from"../../assets/icons/cross.svg.js";import{Button as e}from"../button/Button.js";import{IconButton as i}from"../icon-button/IconButton.js";import{TitleRegular as r}from"../TypographyStyle.js";import{VerticalModalContainer as s,VerticalModalHeader as a,VerticalModalContent as c,VerticalModalFooter as l}from"./styles.js";const d=d=>{let{headerText:m,body:p,primaryButtonTitle:u,onSave:y,secondaryButtonTitle:h="Cancel",secondaryButtonClick:b,hideSecondaryButton:f=!1,disablePrimaryButton:g=!1,onClose:j,width:x,className:B,modalOffsetPx:C}=d;const T=b||j;return t("div",Object.assign({style:{position:"fixed",top:0,right:C?`${C}px`:"-424px",bottom:0}},{children:o(s,Object.assign({onClick:t=>t.stopPropagation(),onMouseDown:t=>t.stopPropagation(),width:x,className:B},{children:[o(a,{children:[t(r,{children:m}),t(i,{Icon:n,onClick:j})]}),t(c,{children:p}),o(l,Object.assign({addGap:!f},{children:[!f&&t(e,{buttonText:h,buttonType:"tertiaryGray",onClick:T}),t(e,{style:{marginRight:12},buttonText:u,onClick:y,disabled:g})]}))]}))}))};export{d as default};

package/dist/esm/components/vertical-full-screen-modal/index.d.ts

@@ -1,2 +0,0 @@
-export { default as VerticalFullScreenModal } from './component';
-export * from './types';

package/dist/esm/components/vertical-full-screen-modal/styles.d.ts

@@ -1,8 +0,0 @@
-export declare const VerticalModalContainer: import("styled-components").StyledComponent<"div", any, {
-    width?: string | undefined;
-}, never>;
-export declare const VerticalModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const VerticalModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const VerticalModalFooter: import("styled-components").StyledComponent<"div", any, {
-    addGap?: boolean | undefined;
-}, never>;

package/dist/esm/components/vertical-full-screen-modal/styles.js

@@ -1,45 +0,0 @@
-import e from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const r=e.div`
-	background-color: ${o.surface.standard};
-	border-radius: 0px;
-	padding: 0;
-	width: ${e=>e.width||"424px"};
-	height: 100vh;
-	display: flex;
-	flex-direction: column;
-	border-left: 1px solid ${o.stroke.primary};
-`,d=e.div`
-	padding: 16px 24px;
-	border-bottom: 1px solid ${o.stroke.primary};
-	background-color: ${o.surface.subdued};
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	flex-shrink: 0;
-	height: 60px;
-`,i=e.div`
-	padding: 16px;
-	background-color: ${o.surface.standard};
-	flex: 1;
-	overflow-x: hidden;
-	overflow-y: auto;
-	display: flex;
-	flex-direction: column;
-	scrollbar-width: none;
-	-ms-overflow-style: none;
-
-	&::-webkit-scrollbar {
-		display: none;
-	}
-`,t=e.div`
-	display: flex;
-	flex-direction: row;
-	gap: 16px;
-	justify-content: flex-end;
-	background: ${o.surface.standard};
-	height: 56px;
-	border-top: 1px solid #${o.stroke.primary};
-	align-items: center;
-	padding: 0 24px;
-	flex-shrink: 0;
-	gap: ${e=>e.addGap?"16px":"0px"};
-`;export{r as VerticalModalContainer,i as VerticalModalContent,t as VerticalModalFooter,d as VerticalModalHeader};

package/dist/esm/components/vertical-full-screen-modal/types.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-export interface VerticalFullScreenModalProps {
-    /** Content text to display in the modal header */
-    headerText: string;
-    /** Content to display in the modal body */
-    body: React.ReactNode;
-    /** Title for the primary action button */
-    primaryButtonTitle: string;
-    /** Callback when primary button is clicked */
-    onSave: () => void;
-    /** Optional title for the secondary button */
-    secondaryButtonTitle?: string;
-    /** Optional callback when secondary button is clicked */
-    secondaryButtonClick?: () => void;
-    /** Hide the secondary button if true */
-    hideSecondaryButton?: boolean;
-    /** Disable the primary button */
-    disablePrimaryButton?: boolean;
-    /** Callback when modal is closed */
-    onClose: () => void;
-    /** Optional custom width (default: 424px) */
-    width?: string;
-    /** Optional className for custom styling */
-    className?: string;
-    /** Optional offset for modal positioning */
-    modalOffsetPx?: number;
-}

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import { WhatsNewContent } from './WhatsNew.types';
-interface WhatsNewProps {
-    title?: string;
-    tooltip?: string;
-    searchPlaceholder?: string;
-    emptyStateTitle?: string;
-    emptyStateDescription?: string;
-    noResultsText?: string;
-    width?: string;
-    onContentClick?: (content: WhatsNewContent) => void;
-    renderCustomContent?: (content: WhatsNewContent) => React.ReactNode;
-    buttonTestId?: string;
-    iconWidth?: number;
-    iconHeight?: number;
-    customIcon?: React.ComponentType<{
-        width?: number;
-        height?: number;
-        color?: string;
-    }>;
-}
-export declare const WhatsNew: React.FC<WhatsNewProps>;
-export {};

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

@@ -1 +0,0 @@
-import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{useState as n}from"react";import{WhatsNewButton as i}from"./WhatsNewButton.js";import{WhatsNewPanel as s}from"./WhatsNewPanel.js";import{useWhatsNewContext as r}from"./WhatsNewProvider.js";const a=a=>{let{title:c="What's new",tooltip:h="What's new",searchPlaceholder:m="Search posts",emptyStateTitle:l="Nothing new!",emptyStateDescription:p="There are no new updates or features at the moment. Check back soon!",noResultsText:d="Sorry, no results found.",width:u="480px",onContentClick:C,renderCustomContent:w,buttonTestId:f="whats-new-button",iconWidth:W=32,iconHeight:g=32,customIcon:S}=a;const[T,k]=n(!1),{whatsNewContent:x,isLoading:y,newContentCount:N}=r();return t(e,{children:[o(i,{onClick:()=>k(!0),newContentCount:N,isOpen:T,isLoading:y,tooltip:h,testId:f,iconWidth:W,iconHeight:g,customIcon:S}),o(s,{isOpen:T,onClose:()=>k(!1),content:x,isLoading:y,title:c,searchPlaceholder:m,emptyStateTitle:l,emptyStateDescription:p,noResultsText:d,width:u,onContentClick:t=>{C&&C(t)},renderCustomContent:w})]})};export{a as WhatsNew};

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

@@ -1,11 +0,0 @@
-export declare const WhatsNewIconContainer: import("styled-components").StyledComponent<"div", any, {
-    count?: number | undefined;
-}, never>;
-export declare const WhatsNewWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MainContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MainCardContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BackgroundImageContainer: import("styled-components").StyledComponent<"div", any, {
-    imageUrl: string;
-    height?: string | undefined;
-    width?: string | undefined;
-}, never>;

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

@@ -1,185 +0,0 @@
-import e from"styled-components";import{COLORS as t}from"../../constants/Theme.js";const i=e.div`
-	cursor: pointer;
-	position: relative;
-
-	.main-icon-class {
-		padding: 6px;
-		border-radius: 32px;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		transition: background-color 0.2s ease;
-	}
-
-	.icon-active {
-		background: ${t.background.brandLight};
-	}
-
-	.main-icon-class:hover {
-		background: ${t.background.base};
-	}
-
-	.notification--count {
-		box-sizing: border-box;
-		position: absolute;
-		right: 6px;
-		top: 4px;
-		border-radius: 50%;
-		width: 14px;
-		height: 14px;
-		background: ${t.background.negative.vibrant};
-		border: 1.25px solid ${t.surface.standard};
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-
-	.count--text {
-		font-size: 8px;
-		line-height: 7.2px;
-		font-weight: 400;
-		color: ${t.surface.standard};
-	}
-`,n=e.div`
-	overflow-y: auto;
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	max-height: calc(100vh - 60px);
-
-	&::-webkit-scrollbar {
-		display: block;
-		width: 6px;
-	}
-
-	::-webkit-scrollbar-thumb {
-		background: ${t.content.inactive};
-		border-radius: 3px;
-		min-height: 30px;
-	}
-
-	.icon--wrapper {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		width: 64px;
-		height: 64px;
-		border-radius: 50%;
-		background: ${t.background.base};
-		margin-bottom: 16px;
-	}
-
-	.no--data--found {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-		height: 300px;
-		text-align: center;
-		padding: 24px;
-	}
-
-	.text--align {
-		text-align: center;
-	}
-
-	.scroller {
-		display: flex;
-		flex-direction: column;
-		gap: 16px;
-		padding: 16px 0;
-	}
-
-	.full--width {
-		width: 100%;
-	}
-
-	.flex {
-		display: flex;
-	}
-
-	.flex--row {
-		flex-direction: row;
-	}
-
-	.flex--column {
-		flex-direction: column;
-	}
-
-	.mt-8 {
-		margin-top: 8px;
-	}
-
-	.mt-20 {
-		margin-top: 20px;
-	}
-
-	.mt--8 {
-		margin-top: 8px;
-	}
-
-	.mt--12 {
-		margin-top: 12px;
-	}
-
-	.mb-mt-8 {
-		margin-bottom: 8px;
-		margin-top: 8px;
-	}
-
-	.padding--16 {
-		padding: 16px;
-	}
-
-	.card--desc {
-		max-height: 200px;
-		overflow-y: auto;
-		font-size: 12px;
-		color: ${t.content.secondary};
-
-		p {
-			margin-bottom: 0px;
-		}
-	}
-
-	.created--at {
-		align-items: center;
-		gap: 4px;
-	}
-
-	.new--content--tag {
-		padding: 2px 6px;
-		gap: 4px;
-		border-radius: 14px;
-		background: ${t.background.warning.vibrant};
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		margin-right: 8px;
-	}
-`,r=e.div`
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-`,o=e.div`
-	background: ${t.surface.standard};
-	border-radius: 8px;
-	border: 1px solid ${t.stroke.primary};
-	padding: 16px;
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-	transition: all 0.2s ease;
-
-	&:hover {
-		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-	}
-`,a=e.div`
-	background-image: url(${e=>e.imageUrl});
-	background-size: cover;
-	background-position: center;
-	background-repeat: no-repeat;
-	height: ${e=>e.height||"200px"};
-	width: ${e=>e.width||"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/WhatsNew.types.d.ts

@@ -1,64 +0,0 @@
-/// <reference types="react" />
-import { ButtonConfig, SecondaryButtonConfig } from '../feature-announcements/types/feature.types';
-export type { ButtonConfig, SecondaryButtonConfig };
-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;
-    primaryButton?: ButtonConfig;
-    secondaryButton?: SecondaryButtonConfig;
-    featureUpdateType?: 'Major' | 'Minor';
-    displayImage?: string;
-}
-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{jsxs as t,jsx as n}from"react/jsx-runtime";import i from"../../assets/icons/whatsNew.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{Tooltip as o}from"../tooltips/Tooltip.js";import{WhatsNewIconContainer as s}from"./WhatsNew.styles.js";const r=r=>{let{onClick:c,newContentCount:a=0,isOpen:d=!1,isLoading:l=!1,tooltip:m="What's new",testId:h="whats-new-button",iconWidth:p=32,iconHeight:g=32,customIcon:b}=r;return l?t("div",Object.assign({style:{margin:"0px 8px"}},{children:[n("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),n("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"})]})):n(s,Object.assign({count:a},{children:t("div",Object.assign({className:"main-icon-class "+(d?"icon-active":""),style:{color:d?e.content.brand:e.content.primary},onClick:c,"data-testid":h},{children:[n(o,Object.assign({body:m,placement:"bottom"},{children:n("div",{children:b?n(b,{width:p,height:g,color:d?e.content.brand:e.content.primary}):n(i,{width:p,height:g})})})),a>0&&n("div",Object.assign({className:"notification--count"},{children:n("div",Object.assign({className:"count--text"},{children:a}))}))]}))}))};export{r 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{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{format as n,differenceInBusinessDays as o}from"date-fns";import{useState as s,useMemo as a}from"react";import i from"../../assets/icons/searchIcon.svg.js";import c from"../../assets/icons/whatsNew.svg.js";import{COLORS as d}from"../../constants/Theme.js";import{Button as l}from"../button/Button.js";import{VideoModal as m}from"../feature-announcements/VideoModal.js";import{SearchBar as h}from"../searchBar/searchBar.js";import{SideModal as u}from"../side-modal/SideModal.js";import{TitleMedium as p,TitleRegular as g,BodyPrimary as f,Caption as b,TitleSmall as w}from"../TypographyStyle.js";import{MainContainer as j,WhatsNewWrapper as y,MainCardContainer as v,BackgroundImageContainer as x}from"./WhatsNew.styles.js";const C=C=>{let{isOpen:N,onClose:O,content:k,isLoading:A=!1,title:D="What's new on BIK",searchPlaceholder:S="Search posts",emptyStateTitle:T="Nothing new!",emptyStateDescription:L="There are no new updates or features at the moment. Check back soon!",noResultsText:M="Sorry, no results found.",width:B="480px",onContentClick:W,renderCustomContent:U}=C;const[V,E]=s(""),[I,_]=s(!1),[P,R]=s(""),z=e=>{if(!e.createdAt)return!1;const t=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return o(new Date,t)<7},F=a((()=>{if(!V.trim())return k;const e=V.toLowerCase();return k.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[k,V]),H=0===k.length,K=0===F.length;return N?r(u,Object.assign({width:B,onClose:O,header:"",headerCustomComponent:e(p,Object.assign({color:d.background.inverse},{children:D})),headerStyle:{background:d.background.brandLight},hideFooter:!0},{children:[r(j,{children:[e("div",Object.assign({className:"mt-8"},{children:e(h,{width:"100%",isEnabled:!H,onChange:e=>{E(e)},onEnter:e=>{E(e)},placeholder:S,variant:"default",searchValue:V,onClickCross:()=>{E("")}})})),e(y,{children:H||K?r("div",Object.assign({className:"no--data--found"},{children:[e("div",Object.assign({className:"icon--wrapper"},{children:e(H?c:i,{width:32,height:32})})),H?r(t,{children:[e(g,{children:T}),e(f,Object.assign({color:d.content.secondary,className:"text--align",style:{maxWidth:300}},{children:L}))]}):K?e(f,Object.assign({color:d.content.secondary,className:"text--align",style:{maxWidth:300}},{children:M})):null]})):e("div",Object.assign({className:"scroller"},{children:F.map(((o,s)=>{var a;return U?U(o):r(v,Object.assign({className:"padding--16 mb-mt-8"},{children:[e(x,{imageUrl:o.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e("div",Object.assign({className:"mt-20 full--width"},{children:r("div",Object.assign({className:"created--at flex flex--row"},{children:[z(o)?e("div",Object.assign({className:"new--content--tag"},{children:e(b,{children:"New"})})):e(t,{}),e(b,Object.assign({style:{color:d.content.placeholder}},{children:o.createdAt?n(o.createdAt.toDate?o.createdAt.toDate():new Date(o.createdAt),"dd MMMM yyyy"):""}))]}))})),e("div",Object.assign({className:"mt--8"},{children:e(w,{children:o.title})})),e("div",{dangerouslySetInnerHTML:{__html:o.body},className:"card--desc mt--12"}),e("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e(l,{buttonText:(null===(a=o.primaryButton)||void 0===a?void 0:a.text)||o.buttonText||"Explore the feature",onClick:()=>(e=>{var t;if(e.productVideo)R(e.productVideo),_(!0);else{const r=(null===(t=e.primaryButton)||void 0===t?void 0:t.redirectionUrl)||e.redirectUrl;r&&window.open(r,"_blank","noopener,noreferrer")}W&&W(e)})(o),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${s}`)}))}))})]}),e(m,{isOpen:I,videoUrl:P,onClose:()=>{_(!1)}})]})):e(t,{})};export{C 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{jsx as e}from"react/jsx-runtime";import{useContext as t,createContext as r}from"react";import{useWhatsNew as n}from"./useWhatsNew.js";const o=r(null),s=t=>{let{children:r,fetchWhatsNewContent:s,markContentAsViewed:i,module:a}=t;const m=n({fetchWhatsNewContent:s,markContentAsViewed:i,module:a});return e(o.Provider,Object.assign({value:m},{children:r}))},i=()=>{const e=t(o);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 {};