@bikdotai/bik-component-library 0.0.817-beta.1 → 0.0.817-beta.3

package/dist/cjs/components/variable-picker-v3/NoResult.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-dev-runtime"),n=require("../../assets/icons/search.svg.js"),s=require("styled-components"),i=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(s),l=e=>r.jsxDEV(c,{height:e.height,children:[r.jsxDEV(u,{children:r.jsxDEV(n.default,{width:24,height:24,color:i.COLORS.background.brand},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/NoResult.tsx",lineNumber:15,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/NoResult.tsx",lineNumber:14,columnNumber:4},void 0),r.jsxDEV("div",{style:{textAlign:"center"},children:[r.jsxDEV(o.TitleMedium,{children:"No results found"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/NoResult.tsx",lineNumber:18,columnNumber:5},void 0),e.searchText?r.jsxDEV(o.BodySecondary,{style:{color:i.COLORS.content.secondary,marginTop:8},children:`Sorry we could not find any results for "${e.searchText}"`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/NoResult.tsx",lineNumber:20,columnNumber:6},void 0):r.jsxDEV(o.BodySecondary,{style:{color:i.COLORS.content.secondary,marginTop:8},children:"Sorry we could not find any variables"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/NoResult.tsx",lineNumber:26,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/NoResult.tsx",lineNumber:17,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/NoResult.tsx",lineNumber:13,columnNumber:3},void 0),c=t.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),t=require("../../assets/icons/search.svg.js"),s=require("styled-components"),o=require("../../constants/Theme.js"),r=require("../TypographyStyle.js"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=l(s),a=e=>n.jsxDEV(c,{height:e.height,children:[n.jsxDEV(d,{children:n.jsxDEV(t.default,{width:24,height:24,color:o.COLORS.background.brand},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:15,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:14,columnNumber:4},void 0),n.jsxDEV("div",{style:{textAlign:"center"},children:[n.jsxDEV(r.TitleMedium,{children:"No results found"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:18,columnNumber:5},void 0),e.searchText?n.jsxDEV(r.BodySecondary,{style:{color:o.COLORS.content.secondary,marginTop:8},children:`Sorry we could not find any results for "${e.searchText}"`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:20,columnNumber:6},void 0):n.jsxDEV(r.BodySecondary,{style:{color:o.COLORS.content.secondary,marginTop:8},children:"Sorry we could not find any variables"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:26,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:17,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:13,columnNumber:3},void 0),c=i.default.div`
 	display: flex;
 	gap: 16px;
 	flex-direction: column;
@@ -6,13 +6,13 @@
 	justify-content: center;
 	padding: 0 16px;
 	height: ${e=>e.height};
-`,u=t.default.div`
+`,d=i.default.div`
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	background-color: ${i.COLORS.background.brandLight};
+	background-color: ${o.COLORS.background.brandLight};
 	width: 48px;
 	height: 48px;
 	border-radius: 24px;
-`;exports.default=l;
+`;exports.default=a;
 //# sourceMappingURL=NoResult.js.map

package/dist/cjs/components/variable-picker-v3/NoResult.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoResult.js","sources":["../../../../src/components/variable-picker-v3/NoResult.tsx"],"sourcesContent":["import SearchIcon from '@src/assets/icons/search.svg';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodySecondary, TitleMedium } from '../TypographyStyle';\n\ntype Props = {\n\theight: string;\n\tsearchText?: string;\n};\n\nconst NoResult = (props: Props) => {\n\treturn (\n\t\t<Container height={props.height}>\n\t\t\t<IconWrapper>\n\t\t\t\t<SearchIcon width={24} height={24} color={COLORS.background.brand} />\n\t\t\t</IconWrapper>\n\t\t\t<div style={{ textAlign: 'center' }}>\n\t\t\t\t<TitleMedium>No results found</TitleMedium>\n\t\t\t\t{props.searchText ? (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{`Sorry we could not find any results for \"${props.searchText}\"`}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t) : (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{`Sorry we could not find any variables`}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n\nexport default NoResult;\n\nconst Container = styled.div<{ height: string }>`\n\tdisplay: flex;\n\tgap: 16px;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0 16px;\n\theight: ${(props) => props.height};\n`;\n\nconst IconWrapper = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: ${COLORS.background.brandLight};\n\twidth: 48px;\n\theight: 48px;\n\tborder-radius: 24px;\n`;\n"],"names":["NoResult","props","jsxDEV","Container","IconWrapper","SearchIcon","COLORS","this","TitleMedium","BodySecondary","styled"],"mappings":"0WAUMA,EAAYC,GAEhBC,EAAAA,OAACC,EAAA,CAAU,OAAQF,EAAM,OACxB,SAAA,CAAAC,EAAAA,OAACE,EAAA,CACA,SAAAF,EAAAA,OAACG,EAAAA,QAAA,CAAW,MAAO,GAAI,OAAQ,GAAI,MAAOC,SAAO,WAAW,KAAA,EAA5D,OAAA,GAAA,CAAA,SAAA,iKAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAmE,CAAA,EADpE,OAAA,GAAA,CAAA,SAAA,iKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WACC,MAAA,CAAI,MAAO,CAAE,UAAW,UACxB,SAAA,CAAAL,EAAAA,OAACM,EAAAA,aAAY,SAAA,kBAAA,EAAb,OAAA,GAAA,CAAA,SAAA,iKAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAA6B,EAC5BN,EAAM,WACNC,EAAAA,OAACO,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOH,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAEpD,SAAA,4CAA4CL,EAAM,UAAU,GAAA,EAH9D,OAAA,GAAA,CAAA,SAAA,iKAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,EAMAL,EAAAA,OAACO,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOH,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAEpD,SAAA,uCAAA,EAHF,OAAA,GAAA,CAAA,SAAA,iKAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAIA,CAAA,EAbF,OAAA,GAAA,CAAA,SAAA,iKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,CAAA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,iKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA,EAMIJ,EAAYO,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAObT,GAAUA,EAAM,MAAM;AAAA,EAG5BG,EAAcM,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,qBAINJ,EAAAA,OAAO,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"NoResult.js","sources":["../../../../src/components/variable-picker-v3/NoResult.tsx"],"sourcesContent":["import SearchIcon from '@src/assets/icons/search.svg';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodySecondary, TitleMedium } from '../TypographyStyle';\n\ntype Props = {\n\theight: string;\n\tsearchText?: string;\n};\n\nconst NoResult = (props: Props) => {\n\treturn (\n\t\t<Container height={props.height}>\n\t\t\t<IconWrapper>\n\t\t\t\t<SearchIcon width={24} height={24} color={COLORS.background.brand} />\n\t\t\t</IconWrapper>\n\t\t\t<div style={{ textAlign: 'center' }}>\n\t\t\t\t<TitleMedium>No results found</TitleMedium>\n\t\t\t\t{props.searchText ? (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{`Sorry we could not find any results for \"${props.searchText}\"`}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t) : (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{`Sorry we could not find any variables`}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n\nexport default NoResult;\n\nconst Container = styled.div<{ height: string }>`\n\tdisplay: flex;\n\tgap: 16px;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0 16px;\n\theight: ${(props) => props.height};\n`;\n\nconst IconWrapper = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: ${COLORS.background.brandLight};\n\twidth: 48px;\n\theight: 48px;\n\tborder-radius: 24px;\n`;\n"],"names":["NoResult","props","jsxDEV","Container","IconWrapper","SearchIcon","COLORS","this","TitleMedium","BodySecondary","styled"],"mappings":"0WAUMA,EAAYC,GAEhBC,EAAAA,OAACC,EAAA,CAAU,OAAQF,EAAM,OACxB,SAAA,CAAAC,EAAAA,OAACE,EAAA,CACA,SAAAF,EAAAA,OAACG,EAAAA,QAAA,CAAW,MAAO,GAAI,OAAQ,GAAI,MAAOC,SAAO,WAAW,KAAA,EAA5D,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAmE,CAAA,EADpE,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WACC,MAAA,CAAI,MAAO,CAAE,UAAW,UACxB,SAAA,CAAAL,EAAAA,OAACM,EAAAA,aAAY,SAAA,kBAAA,EAAb,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAA6B,EAC5BN,EAAM,WACNC,EAAAA,OAACO,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOH,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAEpD,SAAA,4CAA4CL,EAAM,UAAU,GAAA,EAH9D,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,EAMAL,EAAAA,OAACO,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOH,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAEpD,SAAA,uCAAA,EAHF,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAIA,CAAA,EAbF,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,CAAA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA,EAMIJ,EAAYO,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAObT,GAAUA,EAAM,MAAM;AAAA,EAG5BG,EAAcM,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,qBAINJ,EAAAA,OAAO,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),I=require("../../assets/icons/chevronRight.svg.js"),g=require("../../assets/icons/plus.svg.js"),V=require("../../assets/icons/sub_category.svg.js"),j=require("../../assets/icons/triangle_error.svg.js"),w=require("lodash/cloneDeep"),o=require("../../constants/Theme.js"),v=require("../TypographyStyle.js"),H=require("./context.js"),k=require("./highlightSearchText.js"),T=require("./recommendVaribles.js"),n=require("../tooltips/Tooltip.js"),f=require("../list-item/ListItem.js"),E=s=>s&&typeof s=="object"&&"default"in s?s:{default:s},U=E(w),l=s=>s.contextQ?.join(" > ")||"",W=s=>{const{onSelect:h,variable:i,searchText:c,disabled:m,parentVariable:b}=s,{subHeaderStack:x,setSubHeaderStack:y,setVariables:p,showRecommended:N,containerRef:a,scrollPositionStack:D}=H.useVariablePickerContext();return e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:4},children:Object.keys(i).map((t,u)=>{if(typeof i[t].variables>"u"||Object.keys(i[t]?.variables||{}).length===0){const r=i[t];return e.jsxDEV(n.Tooltip,{body:l(r),placement:"bottom",children:e.jsxDEV(f.ListItem,{variant:m?"readonly":r?.selected?"selected":"default",version:"2.0",leadingIcon:r?.selected||m?e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:62,columnNumber:11},void 0):e.jsxDEV("div",{style:{flexShrink:0},children:e.jsxDEV(g.default,{width:14,height:14},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:65,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:64,columnNumber:11},void 0),customListItemLabel:e.jsxDEV("div",{style:{display:"flex",gap:4},children:[e.jsxDEV(v.BodySecondary,{style:{fontSize:"14px",color:o.COLORS.text.primary},children:k.highlightSearchText(r.displayName,c)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:76,columnNumber:11},void 0),!r.isAvailable&&e.jsxDEV(n.Tooltip,{body:"Not Recommended",children:e.jsxDEV("div",{style:{display:"flex",marginTop:2},children:e.jsxDEV(j.default,{width:16,height:16,color:o.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:87,columnNumber:14},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:86,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:85,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:70,columnNumber:10},void 0),listItem:{label:r.displayName,value:r.displayName},subText:r.description||"",onClick:()=>{h(r)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:51,columnNumber:8},void 0)},u,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:46,columnNumber:7},void 0)}return e.jsxDEV(n.Tooltip,{body:l(i[t]),placement:"bottom",children:e.jsxDEV(f.ListItem,{variant:"default",version:"2.0",listItem:{label:i[t].displayName,value:i[t].displayName},customListItemLabel:e.jsxDEV("div",{style:{display:"flex",alignItems:"center"},children:e.jsxDEV(v.BodySecondary,{style:{fontSize:"14px",color:o.COLORS.text.primary},children:k.highlightSearchText(i[t].displayName,c)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:129,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:123,columnNumber:9},void 0),leadingIcon:e.jsxDEV(V.default,{width:14,height:14},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:139,columnNumber:21},void 0),subText:i[t].description||"",trailingIcon:e.jsxDEV(I.default,{width:10,height:10,color:"#212121"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:142,columnNumber:9},void 0),onClick:()=>{a.current&&(D.current.push(a.current.scrollTop),a.current.scrollTop=0);const r=U.default(i[t]);typeof b<"u"&&(r.contextQ=[b.displayName]);const d=[...x,r];if(y(d),N){const S=T.showOnlyRecommendedVariables([r.variables],d);p(S)}else p([r.variables])}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:115,columnNumber:7},void 0)},u,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:110,columnNumber:6},void 0)})},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:38,columnNumber:3},void 0)};exports.default=W;exports.renderTooltipBody=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),I=require("../../assets/icons/chevronRight.svg.js"),g=require("../../assets/icons/plus.svg.js"),V=require("../../assets/icons/sub_category.svg.js"),j=require("../../assets/icons/triangle_error.svg.js"),w=require("lodash/cloneDeep"),a=require("../../constants/Theme.js"),f=require("../TypographyStyle.js"),H=require("./context.js"),v=require("./highlightSearchText.js"),T=require("./recommendVaribles.js"),l=require("../tooltips/Tooltip.js"),y=require("../list-item/ListItem.js"),E=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},U=E(w),t=o=>o.contextQ?.join(" > ")||"",q=o=>{const{onSelect:N,variable:n,searchText:d,disabled:c,parentVariable:m}=o,{subHeaderStack:x,setSubHeaderStack:h,setVariables:u,showRecommended:D,containerRef:s,scrollPositionStack:S}=H.useVariablePickerContext();return e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:4},children:Object.keys(n).map((i,b)=>{if(typeof n[i].variables>"u"||Object.keys(n[i]?.variables||{}).length===0){const r=n[i];return e.jsxDEV(l.Tooltip,{body:t(r),placement:"bottom",children:e.jsxDEV(y.ListItem,{variant:c?"readonly":r?.selected?"selected":"default",version:"2.0",leadingIcon:r?.selected||c?e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:62,columnNumber:11},void 0):e.jsxDEV("div",{style:{flexShrink:0},children:e.jsxDEV(g.default,{width:14,height:14},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:65,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:64,columnNumber:11},void 0),customListItemLabel:e.jsxDEV("div",{style:{display:"flex",gap:4},children:[e.jsxDEV(f.BodySecondary,{style:{fontSize:"14px",color:a.COLORS.text.primary},children:v.highlightSearchText(r.displayName,d)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:76,columnNumber:11},void 0),!r.isAvailable&&e.jsxDEV(l.Tooltip,{body:"Not Recommended",children:e.jsxDEV("div",{style:{display:"flex",marginTop:2},children:e.jsxDEV(j.default,{width:16,height:16,color:a.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:87,columnNumber:14},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:86,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:85,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:70,columnNumber:10},void 0),listItem:{label:r.displayName,value:r.displayName},subText:r.description||"",onClick:()=>{N(r)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:51,columnNumber:8},void 0)},b,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:46,columnNumber:7},void 0)}return e.jsxDEV(l.Tooltip,{body:t(n[i]),placement:"bottom",children:e.jsxDEV(y.ListItem,{variant:"default",version:"2.0",listItem:{label:n[i].displayName,value:n[i].displayName},customListItemLabel:e.jsxDEV("div",{style:{display:"flex",alignItems:"center"},children:e.jsxDEV(f.BodySecondary,{style:{fontSize:"14px",color:a.COLORS.text.primary},children:v.highlightSearchText(n[i].displayName,d)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:129,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:123,columnNumber:9},void 0),leadingIcon:e.jsxDEV(V.default,{width:14,height:14},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:139,columnNumber:21},void 0),subText:n[i].description||"",trailingIcon:e.jsxDEV(I.default,{width:10,height:10,color:"#212121"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:142,columnNumber:9},void 0),onClick:()=>{s.current&&(S.current.push(s.current.scrollTop),s.current.scrollTop=0);const r=U.default(n[i]);typeof m<"u"&&(r.contextQ=[m.displayName]);const p=[...x,r];if(h(p),D){const k=T.showOnlyRecommendedVariables([r.variables],p);u(k)}else u([r.variables])}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:115,columnNumber:7},void 0)},b,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:110,columnNumber:6},void 0)})},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:38,columnNumber:3},void 0)};exports.default=q;exports.renderTooltipBody=t;
 //# sourceMappingURL=SubHeaderItems.js.map

package/dist/cjs/components/variable-picker-v3/SubHeaderItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubHeaderItems.js","sources":["../../../../src/components/variable-picker-v3/SubHeaderItems.tsx"],"sourcesContent":["import ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport AddIcon from '@src/assets/icons/plus.svg';\nimport SubCategoryIcon from '@src/assets/icons/sub_category.svg';\nimport WarnIcon from '@src/assets/icons/triangle_error.svg';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { COLORS } from '@src/constants/Theme';\nimport { ListItem } from '../list-item';\nimport { Tooltip } from '../tooltips';\nimport { BodySecondary } from '../TypographyStyle';\nimport { useVariablePickerContext } from './context';\nimport { highlightSearchText } from './highlightSearchText';\nimport { SubHeader, VariableListInterfaceV3, VariableV3 } from './model';\nimport { showOnlyRecommendedVariables } from './recommendVaribles';\n\ntype SubHeaderProps = {\n\tparentVariable?: VariableListInterfaceV3;\n\tdisabled: boolean;\n\tsearchText: string;\n\tonSelect: (variable: VariableV3) => void;\n\tvariable: { [key: string]: SubHeader | VariableV3 };\n};\n\nexport const renderTooltipBody = (variable: VariableV3) => {\n\treturn variable.contextQ?.join(' > ') || '';\n};\n\nconst SubHeaderItem: React.FC<SubHeaderProps> = (props: SubHeaderProps) => {\n\tconst { onSelect, variable, searchText, disabled, parentVariable } = props;\n\tconst {\n\t\tsubHeaderStack,\n\t\tsetSubHeaderStack,\n\t\tsetVariables,\n\t\tshowRecommended,\n\t\tcontainerRef,\n\t\tscrollPositionStack,\n\t} = useVariablePickerContext();\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n\t\t\t{Object.keys(variable).map((key, index) => {\n\t\t\t\tif (\n\t\t\t\t\ttypeof variable[key].variables === 'undefined' ||\n\t\t\t\t\tObject.keys(variable[key]?.variables || {}).length === 0\n\t\t\t\t) {\n\t\t\t\t\tconst variableV3 = variable[key] as VariableV3;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tbody={renderTooltipBody(variableV3)}\n\t\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t? 'readonly'\n\t\t\t\t\t\t\t\t\t\t: variableV3?.selected\n\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\t\tleadingIcon={\n\t\t\t\t\t\t\t\t\tvariableV3?.selected || disabled ? (\n\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<div style={{ flexShrink: 0 }}>\n\t\t\t\t\t\t\t\t\t\t\t<AddIcon width={14} height={14} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tgap: 4,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{highlightSearchText(variableV3.displayName, searchText)}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t{!variableV3.isAvailable && (\n\t\t\t\t\t\t\t\t\t\t\t<Tooltip body=\"Not Recommended\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ display: 'flex', marginTop: 2 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<WarnIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\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</div>\n\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\t\tlabel: variableV3.displayName,\n\t\t\t\t\t\t\t\t\tvalue: variableV3.displayName,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tsubText={variableV3.description || ''}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonSelect(variableV3);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tbody={renderTooltipBody(variable[key] as VariableV3)}\n\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\tvariant={'default'}\n\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\tlabel: variable[key].displayName,\n\t\t\t\t\t\t\t\tvalue: variable[key].displayName,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{highlightSearchText(variable[key].displayName, searchText)}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tleadingIcon={<SubCategoryIcon width={14} height={14} />}\n\t\t\t\t\t\t\tsubText={variable[key].description || ''}\n\t\t\t\t\t\t\ttrailingIcon={\n\t\t\t\t\t\t\t\t<ChevronRight width={10} height={10} color=\"#212121\" />\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t// Save current scroll position before navigating into subcategory\n\t\t\t\t\t\t\t\tif (containerRef.current) {\n\t\t\t\t\t\t\t\t\tscrollPositionStack.current.push(\n\t\t\t\t\t\t\t\t\t\tcontainerRef.current.scrollTop,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tcontainerRef.current.scrollTop = 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst currentVariable = cloneDeep(variable[key]) as SubHeader;\n\t\t\t\t\t\t\t\tif (typeof parentVariable !== 'undefined') {\n\t\t\t\t\t\t\t\t\tcurrentVariable.contextQ = [parentVariable.displayName];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst stack = [...subHeaderStack, currentVariable];\n\t\t\t\t\t\t\t\tsetSubHeaderStack(stack);\n\t\t\t\t\t\t\t\tif (showRecommended) {\n\t\t\t\t\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\t\t\t\t\t[currentVariable.variables],\n\t\t\t\t\t\t\t\t\t\tstack,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetVariables([currentVariable.variables]);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default SubHeaderItem;\n"],"names":["renderTooltipBody","variable","SubHeaderItem","props","onSelect","searchText","disabled","parentVariable","subHeaderStack","setSubHeaderStack","setVariables","showRecommended","containerRef","scrollPositionStack","useVariablePickerContext","key","index","variableV3","jsxDEV","Tooltip","ListItem","Fragment","this","AddIcon","BodySecondary","COLORS","highlightSearchText","WarnIcon","SubCategoryIcon","ChevronRight","currentVariable","cloneDeep","stack","recommended","showOnlyRecommendedVariables"],"mappings":"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"}
+{"version":3,"file":"SubHeaderItems.js","sources":["../../../../src/components/variable-picker-v3/SubHeaderItems.tsx"],"sourcesContent":["import ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport AddIcon from '@src/assets/icons/plus.svg';\nimport SubCategoryIcon from '@src/assets/icons/sub_category.svg';\nimport WarnIcon from '@src/assets/icons/triangle_error.svg';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { COLORS } from '@src/constants/Theme';\nimport { ListItem } from '../list-item';\nimport { Tooltip } from '../tooltips';\nimport { BodySecondary } from '../TypographyStyle';\nimport { useVariablePickerContext } from './context';\nimport { highlightSearchText } from './highlightSearchText';\nimport { SubHeader, VariableListInterfaceV3, VariableV3 } from './model';\nimport { showOnlyRecommendedVariables } from './recommendVaribles';\n\ntype SubHeaderProps = {\n\tparentVariable?: VariableListInterfaceV3;\n\tdisabled: boolean;\n\tsearchText: string;\n\tonSelect: (variable: VariableV3) => void;\n\tvariable: { [key: string]: SubHeader | VariableV3 };\n};\n\nexport const renderTooltipBody = (variable: VariableV3) => {\n\treturn variable.contextQ?.join(' > ') || '';\n};\n\nconst SubHeaderItem: React.FC<SubHeaderProps> = (props: SubHeaderProps) => {\n\tconst { onSelect, variable, searchText, disabled, parentVariable } = props;\n\tconst {\n\t\tsubHeaderStack,\n\t\tsetSubHeaderStack,\n\t\tsetVariables,\n\t\tshowRecommended,\n\t\tcontainerRef,\n\t\tscrollPositionStack,\n\t} = useVariablePickerContext();\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n\t\t\t{Object.keys(variable).map((key, index) => {\n\t\t\t\tif (\n\t\t\t\t\ttypeof variable[key].variables === 'undefined' ||\n\t\t\t\t\tObject.keys(variable[key]?.variables || {}).length === 0\n\t\t\t\t) {\n\t\t\t\t\tconst variableV3 = variable[key] as VariableV3;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tbody={renderTooltipBody(variableV3)}\n\t\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t? 'readonly'\n\t\t\t\t\t\t\t\t\t\t: variableV3?.selected\n\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\t\tleadingIcon={\n\t\t\t\t\t\t\t\t\tvariableV3?.selected || disabled ? (\n\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<div style={{ flexShrink: 0 }}>\n\t\t\t\t\t\t\t\t\t\t\t<AddIcon width={14} height={14} />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tgap: 4,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{highlightSearchText(variableV3.displayName, searchText)}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t{!variableV3.isAvailable && (\n\t\t\t\t\t\t\t\t\t\t\t<Tooltip body=\"Not Recommended\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ display: 'flex', marginTop: 2 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<WarnIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\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</div>\n\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\t\tlabel: variableV3.displayName,\n\t\t\t\t\t\t\t\t\tvalue: variableV3.displayName,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tsubText={variableV3.description || ''}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonSelect(variableV3);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tbody={renderTooltipBody(variable[key] as VariableV3)}\n\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\tvariant={'default'}\n\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\tlabel: variable[key].displayName,\n\t\t\t\t\t\t\t\tvalue: variable[key].displayName,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{highlightSearchText(variable[key].displayName, searchText)}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tleadingIcon={<SubCategoryIcon width={14} height={14} />}\n\t\t\t\t\t\t\tsubText={variable[key].description || ''}\n\t\t\t\t\t\t\ttrailingIcon={\n\t\t\t\t\t\t\t\t<ChevronRight width={10} height={10} color=\"#212121\" />\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t// Save current scroll position before navigating into subcategory\n\t\t\t\t\t\t\t\tif (containerRef.current) {\n\t\t\t\t\t\t\t\t\tscrollPositionStack.current.push(\n\t\t\t\t\t\t\t\t\t\tcontainerRef.current.scrollTop,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tcontainerRef.current.scrollTop = 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst currentVariable = cloneDeep(variable[key]) as SubHeader;\n\t\t\t\t\t\t\t\tif (typeof parentVariable !== 'undefined') {\n\t\t\t\t\t\t\t\t\tcurrentVariable.contextQ = [parentVariable.displayName];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst stack = [...subHeaderStack, currentVariable];\n\t\t\t\t\t\t\t\tsetSubHeaderStack(stack);\n\t\t\t\t\t\t\t\tif (showRecommended) {\n\t\t\t\t\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\t\t\t\t\t[currentVariable.variables],\n\t\t\t\t\t\t\t\t\t\tstack,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetVariables([currentVariable.variables]);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default SubHeaderItem;\n"],"names":["renderTooltipBody","variable","SubHeaderItem","props","onSelect","searchText","disabled","parentVariable","subHeaderStack","setSubHeaderStack","setVariables","showRecommended","containerRef","scrollPositionStack","useVariablePickerContext","key","index","variableV3","jsxDEV","Tooltip","ListItem","Fragment","this","AddIcon","BodySecondary","COLORS","highlightSearchText","WarnIcon","SubCategoryIcon","ChevronRight","currentVariable","cloneDeep","stack","recommended","showOnlyRecommendedVariables"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-dev-runtime"),t=require("../../assets/icons/cross.svg.js"),n=require("../../constants/Theme.js"),s=require("../modals/modal.styled.js"),i=require("./Content.js"),c=require("./model.js"),a=e=>{const{type:o}=e;return o==c.PickerType.FLOATER?r.jsxDEV("div",{style:{boxShadow:"0px 2px 8px 0px #0000001F",width:e.width?e.width:344,borderRadius:4,height:"100%"},children:[r.jsxDEV(i.VariablePickerContent,{...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:25,columnNumber:5},void 0),r.jsxDEV(s.CloseButtonContainer,{onClick:()=>{e.onClose&&e.onClose()},children:r.jsxDEV(t.default,{height:20,width:20,color:n.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:31,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:26,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:17,columnNumber:4},void 0):r.jsxDEV("div",{style:{width:e.width??"100%",height:"100%"},children:r.jsxDEV(i.VariablePickerContent,{...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:38,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:37,columnNumber:3},void 0)};exports.VariablePicker=a;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-dev-runtime"),a=require("../../assets/icons/cross.svg.js"),l=require("../../constants/Theme.js"),s=require("../modals/modal.styled.js"),r=require("./Content.js"),t=require("./model.js"),n=e=>{const{type:o}=e;return o==t.PickerType.FLOATER?i.jsxDEV("div",{style:{boxShadow:"0px 2px 8px 0px #0000001F",width:e.width?e.width:344,borderRadius:4,height:"100%"},children:[i.jsxDEV(r.VariablePickerContent,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:25,columnNumber:5},void 0),i.jsxDEV(s.CloseButtonContainer,{onClick:()=>{e.onClose&&e.onClose()},children:i.jsxDEV(a.default,{height:20,width:20,color:l.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:31,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:26,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:17,columnNumber:4},void 0):i.jsxDEV("div",{style:{width:e.width??"100%",height:"100%"},children:i.jsxDEV(r.VariablePickerContent,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:38,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:37,columnNumber:3},void 0)};exports.VariablePicker=n;exports.default=n;
 //# sourceMappingURL=VariablePicker.js.map

package/dist/cjs/components/variable-picker-v3/VariablePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"VariablePicker.js","sources":["../../../../src/components/variable-picker-v3/VariablePicker.tsx"],"sourcesContent":["import CrossIcon from '@src/assets/icons/cross.svg';\nimport React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { CloseButtonContainer } from '../modals/modal.styled';\nimport { VariablePickerContent } from './Content';\nimport { PickerType, VariablePickerV3Props } from './model';\n\ntype Props = VariablePickerV3Props;\n\nexport const VariablePicker: React.FC<Props> = (\n\tprops: VariablePickerV3Props,\n) => {\n\tconst { type } = props;\n\n\tif (type == PickerType.FLOATER) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tboxShadow: '0px 2px 8px 0px #0000001F',\n\t\t\t\t\twidth: props.width ? props.width : 344,\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\theight: '100%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<VariablePickerContent {...props} />\n\t\t\t\t<CloseButtonContainer\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tprops.onClose && props.onClose();\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<CrossIcon height={20} width={20} color={COLORS.content.secondary} />\n\t\t\t\t</CloseButtonContainer>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<div style={{ width: props.width ?? '100%', height: '100%' }}>\n\t\t\t<VariablePickerContent {...props} />\n\t\t</div>\n\t);\n};\n\nexport default VariablePicker;\n"],"names":["VariablePicker","props","type","PickerType","jsxDEV","VariablePickerContent","this","CloseButtonContainer","CrossIcon","COLORS"],"mappings":"iUASaA,EACZC,GACI,CACJ,KAAM,CAAE,KAAAC,GAASD,EAEjB,OAAIC,GAAQC,EAAAA,WAAW,QAErBC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,UAAW,4BACX,MAAOH,EAAM,MAAQA,EAAM,MAAQ,IACnC,aAAc,EACd,OAAQ,MAAA,EAGT,SAAA,CAAAG,EAAAA,OAACC,EAAAA,sBAAA,CAAuB,GAAGJ,CAAA,EAA3B,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAkC,EAClCF,EAAAA,OAACG,EAAAA,qBAAA,CACA,QAAS,IAAM,CACdN,EAAM,SAAWA,EAAM,QAAA,CACxB,EAEA,SAAAG,EAAAA,OAACI,EAAAA,SAAU,OAAQ,GAAI,MAAO,GAAI,MAAOC,EAAAA,OAAO,QAAQ,SAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAmE,CAAA,EALpE,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAMA,CAAA,EAfD,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAoBDF,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,MAAOH,EAAM,OAAS,OAAQ,OAAQ,QACnD,SAAAG,EAAAA,OAACC,EAAAA,sBAAA,CAAuB,GAAGJ,CAAA,EAA3B,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAkC,CAAA,EADnC,OAAA,GAAA,CAAA,SAAA,uKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,CAEF"}
+{"version":3,"file":"VariablePicker.js","sources":["../../../../src/components/variable-picker-v3/VariablePicker.tsx"],"sourcesContent":["import CrossIcon from '@src/assets/icons/cross.svg';\nimport React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { CloseButtonContainer } from '../modals/modal.styled';\nimport { VariablePickerContent } from './Content';\nimport { PickerType, VariablePickerV3Props } from './model';\n\ntype Props = VariablePickerV3Props;\n\nexport const VariablePicker: React.FC<Props> = (\n\tprops: VariablePickerV3Props,\n) => {\n\tconst { type } = props;\n\n\tif (type == PickerType.FLOATER) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tboxShadow: '0px 2px 8px 0px #0000001F',\n\t\t\t\t\twidth: props.width ? props.width : 344,\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\theight: '100%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<VariablePickerContent {...props} />\n\t\t\t\t<CloseButtonContainer\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tprops.onClose && props.onClose();\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<CrossIcon height={20} width={20} color={COLORS.content.secondary} />\n\t\t\t\t</CloseButtonContainer>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<div style={{ width: props.width ?? '100%', height: '100%' }}>\n\t\t\t<VariablePickerContent {...props} />\n\t\t</div>\n\t);\n};\n\nexport default VariablePicker;\n"],"names":["VariablePicker","props","type","PickerType","jsxDEV","VariablePickerContent","this","CloseButtonContainer","CrossIcon","COLORS"],"mappings":"iUASaA,EACZC,GACI,CACJ,KAAM,CAAE,KAAAC,GAASD,EAEjB,OAAIC,GAAQC,EAAAA,WAAW,QAErBC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,UAAW,4BACX,MAAOH,EAAM,MAAQA,EAAM,MAAQ,IACnC,aAAc,EACd,OAAQ,MAAA,EAGT,SAAA,CAAAG,EAAAA,OAACC,EAAAA,sBAAA,CAAuB,GAAGJ,CAAA,EAA3B,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAkC,EAClCF,EAAAA,OAACG,EAAAA,qBAAA,CACA,QAAS,IAAM,CACdN,EAAM,SAAWA,EAAM,QAAA,CACxB,EAEA,SAAAG,EAAAA,OAACI,EAAAA,SAAU,OAAQ,GAAI,MAAO,GAAI,MAAOC,EAAAA,OAAO,QAAQ,SAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAmE,CAAA,EALpE,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAMA,CAAA,EAfD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAoBDF,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,MAAOH,EAAM,OAAS,OAAQ,OAAQ,QACnD,SAAAG,EAAAA,OAACC,EAAAA,sBAAA,CAAuB,GAAGJ,CAAA,EAA3B,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAkC,CAAA,EADnC,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,CAEF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),a=require("../../constants/Theme.js"),c=(e,i)=>{if(i.length===0)return e;const r=e.toLowerCase().indexOf(i.toLowerCase());if(r===-1)return e;const t=e.slice(0,r),o=e.slice(r,r+i.length),s=e.slice(r+i.length);return n.jsxDEV("span",{children:[t,n.jsxDEV("b",{style:{color:a.COLORS.content.primary},children:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/highlightSearchText.tsx",lineNumber:13,columnNumber:4},void 0),s]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/variable-picker-v3/highlightSearchText.tsx",lineNumber:11,columnNumber:3},void 0)};exports.highlightSearchText=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),l=require("../../constants/Theme.js"),c=(e,r)=>{if(r.length===0)return e;const n=e.toLowerCase().indexOf(r.toLowerCase());if(n===-1)return e;const o=e.slice(0,n),s=e.slice(n,n+r.length),t=e.slice(n+r.length);return i.jsxDEV("span",{children:[o,i.jsxDEV("b",{style:{color:l.COLORS.content.primary},children:s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/highlightSearchText.tsx",lineNumber:13,columnNumber:4},void 0),t]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/highlightSearchText.tsx",lineNumber:11,columnNumber:3},void 0)};exports.highlightSearchText=c;
 //# sourceMappingURL=highlightSearchText.js.map

package/dist/cjs/components/variable-picker-v3/highlightSearchText.js.map

@@ -1 +1 @@
-{"version":3,"file":"highlightSearchText.js","sources":["../../../../src/components/variable-picker-v3/highlightSearchText.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\n\nexport const highlightSearchText = (text: string, searchText: string) => {\n\tif (searchText.length === 0) return text;\n\tconst index = text.toLowerCase().indexOf(searchText.toLowerCase());\n\tif (index === -1) return text;\n\tconst firstPart = text.slice(0, index);\n\tconst secondPart = text.slice(index, index + searchText.length);\n\tconst thirdPart = text.slice(index + searchText.length);\n\treturn (\n\t\t<span>\n\t\t\t{firstPart}\n\t\t\t<b style={{ color: COLORS.content.primary }}>{secondPart}</b>\n\t\t\t{thirdPart}\n\t\t</span>\n\t);\n};\n"],"names":["highlightSearchText","text","searchText","index","firstPart","secondPart","thirdPart","jsxDEV","COLORS","this"],"mappings":"+JAEaA,EAAsB,CAACC,EAAcC,IAAuB,CACxE,GAAIA,EAAW,SAAW,EAAG,OAAOD,EACpC,MAAME,EAAQF,EAAK,YAAA,EAAc,QAAQC,EAAW,aAAa,EACjE,GAAIC,IAAU,GAAI,OAAOF,EACzB,MAAMG,EAAYH,EAAK,MAAM,EAAGE,CAAK,EAC/BE,EAAaJ,EAAK,MAAME,EAAOA,EAAQD,EAAW,MAAM,EACxDI,EAAYL,EAAK,MAAME,EAAQD,EAAW,MAAM,EACtD,gBACE,OAAA,CACC,SAAA,CAAAE,EACDG,EAAAA,OAAC,KAAE,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,OAAA,EAAY,SAAAH,CAAA,EAA9C,OAAA,GAAA,CAAA,SAAA,4KAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAyD,EACxDH,CAAA,CAAA,EAHF,OAAA,GAAA,CAAA,SAAA,4KAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAIA,CAEF"}
+{"version":3,"file":"highlightSearchText.js","sources":["../../../../src/components/variable-picker-v3/highlightSearchText.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\n\nexport const highlightSearchText = (text: string, searchText: string) => {\n\tif (searchText.length === 0) return text;\n\tconst index = text.toLowerCase().indexOf(searchText.toLowerCase());\n\tif (index === -1) return text;\n\tconst firstPart = text.slice(0, index);\n\tconst secondPart = text.slice(index, index + searchText.length);\n\tconst thirdPart = text.slice(index + searchText.length);\n\treturn (\n\t\t<span>\n\t\t\t{firstPart}\n\t\t\t<b style={{ color: COLORS.content.primary }}>{secondPart}</b>\n\t\t\t{thirdPart}\n\t\t</span>\n\t);\n};\n"],"names":["highlightSearchText","text","searchText","index","firstPart","secondPart","thirdPart","jsxDEV","COLORS","this"],"mappings":"+JAEaA,EAAsB,CAACC,EAAcC,IAAuB,CACxE,GAAIA,EAAW,SAAW,EAAG,OAAOD,EACpC,MAAME,EAAQF,EAAK,YAAA,EAAc,QAAQC,EAAW,aAAa,EACjE,GAAIC,IAAU,GAAI,OAAOF,EACzB,MAAMG,EAAYH,EAAK,MAAM,EAAGE,CAAK,EAC/BE,EAAaJ,EAAK,MAAME,EAAOA,EAAQD,EAAW,MAAM,EACxDI,EAAYL,EAAK,MAAME,EAAQD,EAAW,MAAM,EACtD,gBACE,OAAA,CACC,SAAA,CAAAE,EACDG,EAAAA,OAAC,KAAE,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,OAAA,EAAY,SAAAH,CAAA,EAA9C,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAyD,EACxDH,CAAA,CAAA,EAHF,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAIA,CAEF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),v=require("../../assets/icons/cross.svg.js"),x=require("../TypographyStyle.js"),o=require("./styles.js"),y=require("../icon-button/IconButton.js"),s=require("../button/Button.js"),h="-424px",N=({headerText:a,body:l,primaryButtonTitle:c,onSave:m,secondaryButtonTitle:u="Cancel",secondaryButtonClick:p,hideSecondaryButton:n=!1,disablePrimaryButton:b=!1,onClose:t,width:d,className:k,modalOffsetPx:i})=>{const f=p||t;return e.jsxDEV("div",{style:{position:"fixed",top:0,right:i?`${i}px`:h,bottom:0},children:e.jsxDEV(o.VerticalModalContainer,{onClick:r=>r.stopPropagation(),onMouseDown:r=>r.stopPropagation(),width:d,className:k,children:[e.jsxDEV(o.VerticalModalHeader,{children:[e.jsxDEV(x.TitleRegular,{children:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/vertical-full-screen-modal/component.tsx",lineNumber:68,columnNumber:6},void 0),e.jsxDEV(y.IconButton,{Icon:v.default,onClick:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/vertical-full-screen-modal/component.tsx",lineNumber:70,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/vertical-full-screen-modal/component.tsx",lineNumber:67,columnNumber:5},void 0),e.jsxDEV(o.VerticalModalContent,{children:l},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/vertical-full-screen-modal/component.tsx",lineNumber:73,columnNumber:5},void 0),e.jsxDEV(o.VerticalModalFooter,{addGap:!n,children:[!n&&e.jsxDEV(s.Button,{buttonText:u,buttonType:"tertiaryGray",onClick:f},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/vertical-full-screen-modal/component.tsx",lineNumber:77,columnNumber:7},void 0),e.jsxDEV(s.Button,{style:{marginRight:12},buttonText:c,onClick:m,disabled:b},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/vertical-full-screen-modal/component.tsx",lineNumber:83,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/vertical-full-screen-modal/component.tsx",lineNumber:75,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/vertical-full-screen-modal/component.tsx",lineNumber:61,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/vertical-full-screen-modal/component.tsx",lineNumber:53,columnNumber:3},void 0)};exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),N=require("../../assets/icons/cross.svg.js"),x=require("../TypographyStyle.js"),n=require("./styles.js"),v=require("../icon-button/IconButton.js"),i=require("../button/Button.js"),D="-424px",k=({headerText:t,body:a,primaryButtonTitle:c,onSave:d,secondaryButtonTitle:m="Cancel",secondaryButtonClick:u,hideSecondaryButton:r=!1,disablePrimaryButton:b=!1,onClose:l,width:p,className:f,modalOffsetPx:s})=>{const y=u||l;return e.jsxDEV("div",{style:{position:"fixed",top:0,right:s?`${s}px`:D,bottom:0},children:e.jsxDEV(n.VerticalModalContainer,{onClick:o=>o.stopPropagation(),onMouseDown:o=>o.stopPropagation(),width:p,className:f,children:[e.jsxDEV(n.VerticalModalHeader,{children:[e.jsxDEV(x.TitleRegular,{children:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:68,columnNumber:6},void 0),e.jsxDEV(v.IconButton,{Icon:N.default,onClick:l},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:70,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:67,columnNumber:5},void 0),e.jsxDEV(n.VerticalModalContent,{children:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:73,columnNumber:5},void 0),e.jsxDEV(n.VerticalModalFooter,{addGap:!r,children:[!r&&e.jsxDEV(i.Button,{buttonText:m,buttonType:"tertiaryGray",onClick:y},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:77,columnNumber:7},void 0),e.jsxDEV(i.Button,{style:{marginRight:12},buttonText:c,onClick:d,disabled:b},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:83,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:75,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:61,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:53,columnNumber:3},void 0)};exports.default=k;
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../../src/components/vertical-full-screen-modal/component.tsx"],"sourcesContent":["import React from 'react';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\nimport { IconButton } from '../icon-button';\nimport { TitleRegular } from '../TypographyStyle';\nimport {\n\tVerticalModalContainer,\n\tVerticalModalContent,\n\tVerticalModalFooter,\n\tVerticalModalHeader,\n} from './styles';\nimport { VerticalFullScreenModalProps } from './types';\n\nconst MODAL_OFFSET_PX = '-424px';\n\n/**\n * VerticalFullScreenModal - A reusable full-screen modal component\n *\n * This component provides a common full-screen modal structure with:\n * - Fixed height (100vh)\n * - Header section with close button\n * - Scrollable body content\n * - Dynamic footer with configurable buttons\n *\n * @example\n * <VerticalFullScreenModal\n *   headerText=\"My Modal\"\n *   body={<div>Modal content here</div>}\n *   primaryButtonTitle=\"Save\"\n *   onSave={handleSave}\n *   secondaryButtonTitle=\"Cancel\"\n *   secondaryButtonClick={handleCancel}\n *   onClose={handleClose}\n * />\n */\nconst VerticalFullScreenModal: React.FC<VerticalFullScreenModalProps> = ({\n\theaderText,\n\tbody,\n\tprimaryButtonTitle,\n\tonSave,\n\tsecondaryButtonTitle = 'Cancel',\n\tsecondaryButtonClick,\n\thideSecondaryButton = false,\n\tdisablePrimaryButton = false,\n\tonClose,\n\twidth,\n\tclassName,\n\tmodalOffsetPx,\n}) => {\n\tconst handleSecondaryClick = secondaryButtonClick || onClose;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'fixed',\n\t\t\t\ttop: 0,\n\t\t\t\tright: modalOffsetPx ? `${modalOffsetPx}px` : MODAL_OFFSET_PX,\n\t\t\t\tbottom: 0,\n\t\t\t}}\n\t\t>\n\t\t\t<VerticalModalContainer\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\tonMouseDown={(e) => e.stopPropagation()}\n\t\t\t\twidth={width}\n\t\t\t\tclassName={className}\n\t\t\t>\n\t\t\t\t<VerticalModalHeader>\n\t\t\t\t\t<TitleRegular>{headerText}</TitleRegular>\n\n\t\t\t\t\t<IconButton Icon={CrossIcon} onClick={onClose} />\n\t\t\t\t</VerticalModalHeader>\n\n\t\t\t\t<VerticalModalContent>{body}</VerticalModalContent>\n\n\t\t\t\t<VerticalModalFooter addGap={!hideSecondaryButton}>\n\t\t\t\t\t{!hideSecondaryButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={secondaryButtonTitle}\n\t\t\t\t\t\t\tbuttonType=\"tertiaryGray\"\n\t\t\t\t\t\t\tonClick={handleSecondaryClick}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Button\n\t\t\t\t\t\tstyle={{ marginRight: 12 }}\n\t\t\t\t\t\tbuttonText={primaryButtonTitle}\n\t\t\t\t\t\tonClick={onSave}\n\t\t\t\t\t\tdisabled={disablePrimaryButton}\n\t\t\t\t\t/>\n\t\t\t\t</VerticalModalFooter>\n\t\t\t</VerticalModalContainer>\n\t\t</div>\n\t);\n};\n\nexport default VerticalFullScreenModal;\n"],"names":["MODAL_OFFSET_PX","VerticalFullScreenModal","headerText","body","primaryButtonTitle","onSave","secondaryButtonTitle","secondaryButtonClick","hideSecondaryButton","disablePrimaryButton","onClose","width","className","modalOffsetPx","handleSecondaryClick","jsxDEV","VerticalModalContainer","e","VerticalModalHeader","TitleRegular","this","IconButton","CrossIcon","VerticalModalContent","VerticalModalFooter","Button"],"mappings":"yUAaMA,EAAkB,SAsBlBC,EAAkE,CAAC,CACxE,WAAAC,EACA,KAAAC,EACA,mBAAAC,EACA,OAAAC,EACA,qBAAAC,EAAuB,SACvB,qBAAAC,EACA,oBAAAC,EAAsB,GACtB,qBAAAC,EAAuB,GACvB,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,cAAAC,CACD,IAAM,CACL,MAAMC,EAAuBP,GAAwBG,EAErD,OACCK,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,SAAU,QACV,IAAK,EACL,MAAOF,EAAgB,GAAGA,CAAa,KAAOb,EAC9C,OAAQ,CAAA,EAGT,SAAAe,EAAAA,OAACC,EAAAA,uBAAA,CACA,QAAUC,GAAMA,EAAE,gBAAA,EAClB,YAAcA,GAAMA,EAAE,gBAAA,EACtB,MAAAN,EACA,UAAAC,EAEA,SAAA,CAAAG,SAACG,EAAAA,oBAAA,CACA,SAAA,CAAAH,EAAAA,OAACI,EAAAA,cAAc,SAAAjB,CAAA,EAAf,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAkB,MAA0B,EAE1BL,SAACM,EAAAA,WAAA,CAAW,KAAMC,EAAAA,QAAW,QAASZ,CAAA,EAAtC,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAA+C,CAAA,CAAA,EAHhD,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAIA,EAEAL,EAAAA,OAACQ,EAAAA,sBAAsB,SAAApB,CAAA,EAAvB,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAA4B,EAE5BL,EAAAA,OAACS,EAAAA,oBAAA,CAAoB,OAAQ,CAAChB,EAC5B,SAAA,CAAA,CAACA,GACDO,EAAAA,OAACU,EAAAA,OAAA,CACA,WAAYnB,EACZ,WAAW,eACX,QAASQ,CAAA,EAHV,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,EAMDL,EAAAA,OAACU,EAAAA,OAAA,CACA,MAAO,CAAE,YAAa,EAAA,EACtB,WAAYrB,EACZ,QAASC,EACT,SAAUI,CAAA,EAJX,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,CAKA,CAAA,EAbD,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAcA,CAAA,CAAA,EA5BD,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA6BA,EArCD,OAAA,GAAA,CAAA,SAAA,0KAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwCF"}
+{"version":3,"file":"component.js","sources":["../../../../src/components/vertical-full-screen-modal/component.tsx"],"sourcesContent":["import React from 'react';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\nimport { IconButton } from '../icon-button';\nimport { TitleRegular } from '../TypographyStyle';\nimport {\n\tVerticalModalContainer,\n\tVerticalModalContent,\n\tVerticalModalFooter,\n\tVerticalModalHeader,\n} from './styles';\nimport { VerticalFullScreenModalProps } from './types';\n\nconst MODAL_OFFSET_PX = '-424px';\n\n/**\n * VerticalFullScreenModal - A reusable full-screen modal component\n *\n * This component provides a common full-screen modal structure with:\n * - Fixed height (100vh)\n * - Header section with close button\n * - Scrollable body content\n * - Dynamic footer with configurable buttons\n *\n * @example\n * <VerticalFullScreenModal\n *   headerText=\"My Modal\"\n *   body={<div>Modal content here</div>}\n *   primaryButtonTitle=\"Save\"\n *   onSave={handleSave}\n *   secondaryButtonTitle=\"Cancel\"\n *   secondaryButtonClick={handleCancel}\n *   onClose={handleClose}\n * />\n */\nconst VerticalFullScreenModal: React.FC<VerticalFullScreenModalProps> = ({\n\theaderText,\n\tbody,\n\tprimaryButtonTitle,\n\tonSave,\n\tsecondaryButtonTitle = 'Cancel',\n\tsecondaryButtonClick,\n\thideSecondaryButton = false,\n\tdisablePrimaryButton = false,\n\tonClose,\n\twidth,\n\tclassName,\n\tmodalOffsetPx,\n}) => {\n\tconst handleSecondaryClick = secondaryButtonClick || onClose;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'fixed',\n\t\t\t\ttop: 0,\n\t\t\t\tright: modalOffsetPx ? `${modalOffsetPx}px` : MODAL_OFFSET_PX,\n\t\t\t\tbottom: 0,\n\t\t\t}}\n\t\t>\n\t\t\t<VerticalModalContainer\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\tonMouseDown={(e) => e.stopPropagation()}\n\t\t\t\twidth={width}\n\t\t\t\tclassName={className}\n\t\t\t>\n\t\t\t\t<VerticalModalHeader>\n\t\t\t\t\t<TitleRegular>{headerText}</TitleRegular>\n\n\t\t\t\t\t<IconButton Icon={CrossIcon} onClick={onClose} />\n\t\t\t\t</VerticalModalHeader>\n\n\t\t\t\t<VerticalModalContent>{body}</VerticalModalContent>\n\n\t\t\t\t<VerticalModalFooter addGap={!hideSecondaryButton}>\n\t\t\t\t\t{!hideSecondaryButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={secondaryButtonTitle}\n\t\t\t\t\t\t\tbuttonType=\"tertiaryGray\"\n\t\t\t\t\t\t\tonClick={handleSecondaryClick}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Button\n\t\t\t\t\t\tstyle={{ marginRight: 12 }}\n\t\t\t\t\t\tbuttonText={primaryButtonTitle}\n\t\t\t\t\t\tonClick={onSave}\n\t\t\t\t\t\tdisabled={disablePrimaryButton}\n\t\t\t\t\t/>\n\t\t\t\t</VerticalModalFooter>\n\t\t\t</VerticalModalContainer>\n\t\t</div>\n\t);\n};\n\nexport default VerticalFullScreenModal;\n"],"names":["MODAL_OFFSET_PX","VerticalFullScreenModal","headerText","body","primaryButtonTitle","onSave","secondaryButtonTitle","secondaryButtonClick","hideSecondaryButton","disablePrimaryButton","onClose","width","className","modalOffsetPx","handleSecondaryClick","jsxDEV","VerticalModalContainer","e","VerticalModalHeader","TitleRegular","this","IconButton","CrossIcon","VerticalModalContent","VerticalModalFooter","Button"],"mappings":"yUAaMA,EAAkB,SAsBlBC,EAAkE,CAAC,CACxE,WAAAC,EACA,KAAAC,EACA,mBAAAC,EACA,OAAAC,EACA,qBAAAC,EAAuB,SACvB,qBAAAC,EACA,oBAAAC,EAAsB,GACtB,qBAAAC,EAAuB,GACvB,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,cAAAC,CACD,IAAM,CACL,MAAMC,EAAuBP,GAAwBG,EAErD,OACCK,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,SAAU,QACV,IAAK,EACL,MAAOF,EAAgB,GAAGA,CAAa,KAAOb,EAC9C,OAAQ,CAAA,EAGT,SAAAe,EAAAA,OAACC,EAAAA,uBAAA,CACA,QAAUC,GAAMA,EAAE,gBAAA,EAClB,YAAcA,GAAMA,EAAE,gBAAA,EACtB,MAAAN,EACA,UAAAC,EAEA,SAAA,CAAAG,SAACG,EAAAA,oBAAA,CACA,SAAA,CAAAH,EAAAA,OAACI,EAAAA,cAAc,SAAAjB,CAAA,EAAf,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAkB,MAA0B,EAE1BL,SAACM,EAAAA,WAAA,CAAW,KAAMC,EAAAA,QAAW,QAASZ,CAAA,EAAtC,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAA+C,CAAA,CAAA,EAHhD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAIA,EAEAL,EAAAA,OAACQ,EAAAA,sBAAsB,SAAApB,CAAA,EAAvB,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAA4B,EAE5BL,EAAAA,OAACS,EAAAA,oBAAA,CAAoB,OAAQ,CAAChB,EAC5B,SAAA,CAAA,CAACA,GACDO,EAAAA,OAACU,EAAAA,OAAA,CACA,WAAYnB,EACZ,WAAW,eACX,QAASQ,CAAA,EAHV,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,EAMDL,EAAAA,OAACU,EAAAA,OAAA,CACA,MAAO,CAAE,YAAa,EAAA,EACtB,WAAYrB,EACZ,QAASC,EACT,SAAUI,CAAA,EAJX,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,CAKA,CAAA,EAbD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAcA,CAAA,CAAA,EA5BD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA6BA,EArCD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwCF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),C=require("react"),y=require("./WhatsNewButton.js"),D=require("./WhatsNewPanel.js"),g=require("./WhatsNewProvider.js"),j=({title:r="What's new",tooltip:a="What's new",searchPlaceholder:i="Search posts",emptyStateTitle:c="Nothing new!",emptyStateDescription:u="There are no new updates or features at the moment. Check back soon!",noResultsText:h="Sorry, no results found.",width:l="480px",onContentClick:t,renderCustomContent:m,buttonTestId:w="whats-new-button",iconWidth:p=32,iconHeight:b=32,customIcon:N})=>{const[n,s]=C.useState(!1),{whatsNewContent:d,isLoading:o,newContentCount:k}=g.useWhatsNewContext(),f=()=>s(!0),W=()=>s(!1),v=x=>{t&&t(x)};return e.jsxDEV(e.Fragment,{children:[e.jsxDEV(y.WhatsNewButton,{onClick:f,newContentCount:k,isOpen:n,isLoading:o,tooltip:a,testId:w,iconWidth:p,iconHeight:b,customIcon:N},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/whats-new/WhatsNew.tsx",lineNumber:59,columnNumber:4},void 0),e.jsxDEV(D.WhatsNewPanel,{isOpen:n,onClose:W,content:d,isLoading:o,title:r,searchPlaceholder:i,emptyStateTitle:c,emptyStateDescription:u,noResultsText:h,width:l,onContentClick:v,renderCustomContent:m},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/whats-new/WhatsNew.tsx",lineNumber:70,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/whats-new/WhatsNew.tsx",lineNumber:58,columnNumber:3},void 0)};exports.WhatsNew=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),k=require("react"),D=require("./WhatsNewButton.js"),v=require("./WhatsNewPanel.js"),g=require("./WhatsNewProvider.js"),j=({title:a="What's new",tooltip:r="What's new",searchPlaceholder:i="Search posts",emptyStateTitle:u="Nothing new!",emptyStateDescription:c="There are no new updates or features at the moment. Check back soon!",noResultsText:l="Sorry, no results found.",width:w="480px",onContentClick:n,renderCustomContent:h,buttonTestId:d="whats-new-button",iconWidth:m=32,iconHeight:N=32,customIcon:b})=>{const[t,s]=k.useState(!1),{whatsNewContent:f,isLoading:o,newContentCount:p}=g.useWhatsNewContext(),W=()=>s(!0),C=()=>s(!1),x=y=>{n&&n(y)};return e.jsxDEV(e.Fragment,{children:[e.jsxDEV(D.WhatsNewButton,{onClick:W,newContentCount:p,isOpen:t,isLoading:o,tooltip:r,testId:d,iconWidth:m,iconHeight:N,customIcon:b},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNew.tsx",lineNumber:59,columnNumber:4},void 0),e.jsxDEV(v.WhatsNewPanel,{isOpen:t,onClose:C,content:f,isLoading:o,title:a,searchPlaceholder:i,emptyStateTitle:u,emptyStateDescription:c,noResultsText:l,width:w,onContentClick:x,renderCustomContent:h},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNew.tsx",lineNumber:70,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNew.tsx",lineNumber:58,columnNumber:3},void 0)};exports.WhatsNew=j;
 //# sourceMappingURL=WhatsNew.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WhatsNew.js","sources":["../../../../src/components/whats-new/WhatsNew.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { WhatsNewContent } from './WhatsNew.types';\nimport { WhatsNewButton } from './WhatsNewButton';\nimport { WhatsNewPanel } from './WhatsNewPanel';\nimport { useWhatsNewContext } from './WhatsNewProvider';\n\ninterface WhatsNewProps {\n\ttitle?: string;\n\ttooltip?: string;\n\tsearchPlaceholder?: string;\n\temptyStateTitle?: string;\n\temptyStateDescription?: string;\n\tnoResultsText?: string;\n\twidth?: string;\n\tonContentClick?: (content: WhatsNewContent) => void;\n\trenderCustomContent?: (content: WhatsNewContent) => React.ReactNode;\n\tbuttonTestId?: string;\n\ticonWidth?: number;\n\ticonHeight?: number;\n\tcustomIcon?: React.ComponentType<{\n\t\twidth?: number;\n\t\theight?: number;\n\t\tcolor?: string;\n\t}>;\n}\n\nexport const WhatsNew: React.FC<WhatsNewProps> = ({\n\ttitle = \"What's new\",\n\ttooltip = \"What's new\",\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\tbuttonTestId = 'whats-new-button',\n\ticonWidth = 32,\n\ticonHeight = 32,\n\tcustomIcon,\n}) => {\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst { whatsNewContent, isLoading, newContentCount } = useWhatsNewContext();\n\n\tconst handleOpen = () => setIsOpen(true);\n\tconst handleClose = () => setIsOpen(false);\n\n\tconst handleContentClick = (contentItem: WhatsNewContent) => {\n\t\t// WhatsNewPanel handles video/redirect logic directly\n\t\t// This handler is only for parent-level analytics/tracking\n\n\t\tif (onContentClick) {\n\t\t\tonContentClick(contentItem);\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<WhatsNewButton\n\t\t\t\tonClick={handleOpen}\n\t\t\t\tnewContentCount={newContentCount}\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttooltip={tooltip}\n\t\t\t\ttestId={buttonTestId}\n\t\t\t\ticonWidth={iconWidth}\n\t\t\t\ticonHeight={iconHeight}\n\t\t\t\tcustomIcon={customIcon}\n\t\t\t/>\n\t\t\t<WhatsNewPanel\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tonClose={handleClose}\n\t\t\t\tcontent={whatsNewContent}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttitle={title}\n\t\t\t\tsearchPlaceholder={searchPlaceholder}\n\t\t\t\temptyStateTitle={emptyStateTitle}\n\t\t\t\temptyStateDescription={emptyStateDescription}\n\t\t\t\tnoResultsText={noResultsText}\n\t\t\t\twidth={width}\n\t\t\t\tonContentClick={handleContentClick}\n\t\t\t\trenderCustomContent={renderCustomContent}\n\t\t\t/>\n\t\t</>\n\t);\n};\n"],"names":["WhatsNew","title","tooltip","searchPlaceholder","emptyStateTitle","emptyStateDescription","noResultsText","width","onContentClick","renderCustomContent","buttonTestId","iconWidth","iconHeight","customIcon","isOpen","setIsOpen","useState","whatsNewContent","isLoading","newContentCount","useWhatsNewContext","handleOpen","handleClose","handleContentClick","contentItem","jsxDEV","Fragment","WhatsNewButton","this","WhatsNewPanel"],"mappings":"gPA0BaA,EAAoC,CAAC,CACjD,MAAAC,EAAQ,aACR,QAAAC,EAAU,aACV,kBAAAC,EAAoB,eACpB,gBAAAC,EAAkB,eAClB,sBAAAC,EAAwB,uEACxB,cAAAC,EAAgB,2BAChB,MAAAC,EAAQ,QACR,eAAAC,EACA,oBAAAC,EACA,aAAAC,EAAe,mBACf,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,WAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpC,CAAE,gBAAAC,EAAiB,UAAAC,EAAW,gBAAAC,CAAA,EAAoBC,EAAAA,mBAAA,EAElDC,EAAa,IAAMN,EAAU,EAAI,EACjCO,EAAc,IAAMP,EAAU,EAAK,EAEnCQ,EAAsBC,GAAiC,CAIxDhB,GACHA,EAAegB,CAAW,CAE5B,EAEA,OACCC,EAAAA,OAAAC,WAAA,CACC,SAAA,CAAAD,EAAAA,OAACE,EAAAA,eAAA,CACA,QAASN,EACT,gBAAAF,EACA,OAAAL,EACA,UAAAI,EACA,QAAAhB,EACA,OAAQQ,EACR,UAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,EATD,OAAA,GAAA,CAAA,SAAA,wJAAA,WAAA,GAAA,aAAA,CAAA,EAAAe,MAAA,EAWAH,EAAAA,OAACI,EAAAA,cAAA,CACA,OAAAf,EACA,QAASQ,EACT,QAASL,EACT,UAAAC,EACA,MAAAjB,EACA,kBAAAE,EACA,gBAAAC,EACA,sBAAAC,EACA,cAAAC,EACA,MAAAC,EACA,eAAgBgB,EAChB,oBAAAd,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,wJAAA,WAAA,GAAA,aAAA,CAAA,EAAAmB,MAAA,CAaA,CAAA,EAzBD,OAAA,GAAA,CAAA,SAAA,wJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA0BA,CAEF"}
+{"version":3,"file":"WhatsNew.js","sources":["../../../../src/components/whats-new/WhatsNew.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { WhatsNewContent } from './WhatsNew.types';\nimport { WhatsNewButton } from './WhatsNewButton';\nimport { WhatsNewPanel } from './WhatsNewPanel';\nimport { useWhatsNewContext } from './WhatsNewProvider';\n\ninterface WhatsNewProps {\n\ttitle?: string;\n\ttooltip?: string;\n\tsearchPlaceholder?: string;\n\temptyStateTitle?: string;\n\temptyStateDescription?: string;\n\tnoResultsText?: string;\n\twidth?: string;\n\tonContentClick?: (content: WhatsNewContent) => void;\n\trenderCustomContent?: (content: WhatsNewContent) => React.ReactNode;\n\tbuttonTestId?: string;\n\ticonWidth?: number;\n\ticonHeight?: number;\n\tcustomIcon?: React.ComponentType<{\n\t\twidth?: number;\n\t\theight?: number;\n\t\tcolor?: string;\n\t}>;\n}\n\nexport const WhatsNew: React.FC<WhatsNewProps> = ({\n\ttitle = \"What's new\",\n\ttooltip = \"What's new\",\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\tbuttonTestId = 'whats-new-button',\n\ticonWidth = 32,\n\ticonHeight = 32,\n\tcustomIcon,\n}) => {\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst { whatsNewContent, isLoading, newContentCount } = useWhatsNewContext();\n\n\tconst handleOpen = () => setIsOpen(true);\n\tconst handleClose = () => setIsOpen(false);\n\n\tconst handleContentClick = (contentItem: WhatsNewContent) => {\n\t\t// WhatsNewPanel handles video/redirect logic directly\n\t\t// This handler is only for parent-level analytics/tracking\n\n\t\tif (onContentClick) {\n\t\t\tonContentClick(contentItem);\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<WhatsNewButton\n\t\t\t\tonClick={handleOpen}\n\t\t\t\tnewContentCount={newContentCount}\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttooltip={tooltip}\n\t\t\t\ttestId={buttonTestId}\n\t\t\t\ticonWidth={iconWidth}\n\t\t\t\ticonHeight={iconHeight}\n\t\t\t\tcustomIcon={customIcon}\n\t\t\t/>\n\t\t\t<WhatsNewPanel\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tonClose={handleClose}\n\t\t\t\tcontent={whatsNewContent}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttitle={title}\n\t\t\t\tsearchPlaceholder={searchPlaceholder}\n\t\t\t\temptyStateTitle={emptyStateTitle}\n\t\t\t\temptyStateDescription={emptyStateDescription}\n\t\t\t\tnoResultsText={noResultsText}\n\t\t\t\twidth={width}\n\t\t\t\tonContentClick={handleContentClick}\n\t\t\t\trenderCustomContent={renderCustomContent}\n\t\t\t/>\n\t\t</>\n\t);\n};\n"],"names":["WhatsNew","title","tooltip","searchPlaceholder","emptyStateTitle","emptyStateDescription","noResultsText","width","onContentClick","renderCustomContent","buttonTestId","iconWidth","iconHeight","customIcon","isOpen","setIsOpen","useState","whatsNewContent","isLoading","newContentCount","useWhatsNewContext","handleOpen","handleClose","handleContentClick","contentItem","jsxDEV","Fragment","WhatsNewButton","this","WhatsNewPanel"],"mappings":"gPA0BaA,EAAoC,CAAC,CACjD,MAAAC,EAAQ,aACR,QAAAC,EAAU,aACV,kBAAAC,EAAoB,eACpB,gBAAAC,EAAkB,eAClB,sBAAAC,EAAwB,uEACxB,cAAAC,EAAgB,2BAChB,MAAAC,EAAQ,QACR,eAAAC,EACA,oBAAAC,EACA,aAAAC,EAAe,mBACf,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,WAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpC,CAAE,gBAAAC,EAAiB,UAAAC,EAAW,gBAAAC,CAAA,EAAoBC,EAAAA,mBAAA,EAElDC,EAAa,IAAMN,EAAU,EAAI,EACjCO,EAAc,IAAMP,EAAU,EAAK,EAEnCQ,EAAsBC,GAAiC,CAIxDhB,GACHA,EAAegB,CAAW,CAE5B,EAEA,OACCC,EAAAA,OAAAC,WAAA,CACC,SAAA,CAAAD,EAAAA,OAACE,EAAAA,eAAA,CACA,QAASN,EACT,gBAAAF,EACA,OAAAL,EACA,UAAAI,EACA,QAAAhB,EACA,OAAQQ,EACR,UAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,EATD,OAAA,GAAA,CAAA,SAAA,4FAAA,WAAA,GAAA,aAAA,CAAA,EAAAe,MAAA,EAWAH,EAAAA,OAACI,EAAAA,cAAA,CACA,OAAAf,EACA,QAASQ,EACT,QAASL,EACT,UAAAC,EACA,MAAAjB,EACA,kBAAAE,EACA,gBAAAC,EACA,sBAAAC,EACA,cAAAC,EACA,MAAAC,EACA,eAAgBgB,EAChB,oBAAAd,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,4FAAA,WAAA,GAAA,aAAA,CAAA,EAAAmB,MAAA,CAaA,CAAA,EAzBD,OAAA,GAAA,CAAA,SAAA,4FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA0BA,CAEF"}

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

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),u=require("../../assets/icons/whatsNew.svg.js"),t=require("../../constants/Theme.js"),p=require("./WhatsNew.styles.js"),b=require("../tooltips/Tooltip.js"),h=({onClick:a,newContentCount:s=0,isOpen:r=!1,isLoading:m=!1,tooltip:c="What's new",testId:l="whats-new-button",iconWidth:n=32,iconHeight:o=32,customIcon:i})=>m?e.jsxDEV("div",{style:{margin:"0px 8px"},children:[e.jsxDEV("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/whats-new/WhatsNewButton.tsx",lineNumber:23,columnNumber:5},void 0),e.jsxDEV("style",{children:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),c=require("../../assets/icons/whatsNew.svg.js"),n=require("../../constants/Theme.js"),u=require("./WhatsNew.styles.js"),b=require("../tooltips/Tooltip.js"),w=({onClick:i,newContentCount:o=0,isOpen:s=!1,isLoading:l=!1,tooltip:d="What's new",testId:m="whats-new-button",iconWidth:t=32,iconHeight:r=32,customIcon:a})=>l?e.jsxDEV("div",{style:{margin:"0px 8px"},children:[e.jsxDEV("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:23,columnNumber:5},void 0),e.jsxDEV("style",{children:`
 						@keyframes spin {
 							0% { transform: rotate(0deg); }
 							100% { transform: rotate(360deg); }
 						}
-					`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/whats-new/WhatsNewButton.tsx",lineNumber:33,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/whats-new/WhatsNewButton.tsx",lineNumber:21,columnNumber:4},void 0):e.jsxDEV(p.WhatsNewIconContainer,{count:s,children:e.jsxDEV("div",{className:`main-icon-class ${r?"icon-active":""}`,style:{color:r?t.COLORS.content.brand:t.COLORS.content.primary},onClick:a,"data-testid":l,children:[e.jsxDEV(b.Tooltip,{body:c,placement:"bottom",children:e.jsxDEV("div",{children:i?e.jsxDEV(i,{width:n,height:o,color:r?t.COLORS.content.brand:t.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/whats-new/WhatsNewButton.tsx",lineNumber:58,columnNumber:8},void 0):e.jsxDEV(u.default,{width:n,height:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/whats-new/WhatsNewButton.tsx",lineNumber:64,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/whats-new/WhatsNewButton.tsx",lineNumber:56,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/whats-new/WhatsNewButton.tsx",lineNumber:55,columnNumber:5},void 0),s>0&&e.jsxDEV("div",{className:"notification--count",children:e.jsxDEV("div",{className:"count--text",children:s},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/whats-new/WhatsNewButton.tsx",lineNumber:70,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/whats-new/WhatsNewButton.tsx",lineNumber:69,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/whats-new/WhatsNewButton.tsx",lineNumber:47,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/whats-new/WhatsNewButton.tsx",lineNumber:46,columnNumber:3},void 0);exports.WhatsNewButton=h;
+					`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:33,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:21,columnNumber:4},void 0):e.jsxDEV(u.WhatsNewIconContainer,{count:o,children:e.jsxDEV("div",{className:`main-icon-class ${s?"icon-active":""}`,style:{color:s?n.COLORS.content.brand:n.COLORS.content.primary},onClick:i,"data-testid":m,children:[e.jsxDEV(b.Tooltip,{body:d,placement:"bottom",children:e.jsxDEV("div",{children:a?e.jsxDEV(a,{width:t,height:r,color:s?n.COLORS.content.brand:n.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:58,columnNumber:8},void 0):e.jsxDEV(c.default,{width:t,height:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:64,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:56,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:55,columnNumber:5},void 0),o>0&&e.jsxDEV("div",{className:"notification--count",children:e.jsxDEV("div",{className:"count--text",children:o},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:70,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:69,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:47,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:46,columnNumber:3},void 0);exports.WhatsNewButton=w;
 //# sourceMappingURL=WhatsNewButton.js.map

package/dist/cjs/components/whats-new/WhatsNewButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"WhatsNewButton.js","sources":["../../../../src/components/whats-new/WhatsNewButton.tsx"],"sourcesContent":["import React from 'react';\nimport WhatsNewIcon from '../../assets/icons/whatsNew.svg';\nimport { COLORS } from '../../constants/Theme';\nimport { Tooltip } from '../tooltips';\nimport { WhatsNewIconContainer } from './WhatsNew.styles';\nimport { WhatsNewButtonProps } from './WhatsNew.types';\n\nexport const WhatsNewButton: React.FC<WhatsNewButtonProps> = ({\n\tonClick,\n\tnewContentCount = 0,\n\tisOpen = false,\n\tisLoading = false,\n\ttooltip = \"What's new\",\n\ttestId = 'whats-new-button',\n\ticonWidth = 32,\n\ticonHeight = 32,\n\tcustomIcon: CustomIcon,\n}) => {\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ margin: '0px 8px' }}>\n\t\t\t\t{/* Simple loading spinner */}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: 16,\n\t\t\t\t\t\theight: 16,\n\t\t\t\t\t\tborder: '2px solid #f3f3f3',\n\t\t\t\t\t\tborderTop: '2px solid #731DCF',\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tanimation: 'spin 1s linear infinite',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<style>\n\t\t\t\t\t{`\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\t\t\t\t</style>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<WhatsNewIconContainer count={newContentCount}>\n\t\t\t<div\n\t\t\t\tclassName={`main-icon-class ${isOpen ? 'icon-active' : ''}`}\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: isOpen ? COLORS.content.brand : COLORS.content.primary,\n\t\t\t\t}}\n\t\t\t\tonClick={onClick}\n\t\t\t\tdata-testid={testId}\n\t\t\t>\n\t\t\t\t<Tooltip body={tooltip} placement={'bottom'}>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{CustomIcon ? (\n\t\t\t\t\t\t\t<CustomIcon\n\t\t\t\t\t\t\t\twidth={iconWidth}\n\t\t\t\t\t\t\t\theight={iconHeight}\n\t\t\t\t\t\t\t\tcolor={isOpen ? COLORS.content.brand : COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<WhatsNewIcon width={iconWidth} height={iconHeight} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</Tooltip>\n\t\t\t\t{newContentCount > 0 && (\n\t\t\t\t\t<div className=\"notification--count\">\n\t\t\t\t\t\t<div className=\"count--text\">{newContentCount}</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</WhatsNewIconContainer>\n\t);\n};\n"],"names":["WhatsNewButton","onClick","newContentCount","isOpen","isLoading","tooltip","testId","iconWidth","iconHeight","CustomIcon","jsxDEV","this","WhatsNewIconContainer","COLORS","Tooltip","WhatsNewIcon"],"mappings":"qRAOaA,EAAgD,CAAC,CAC7D,QAAAC,EACA,gBAAAC,EAAkB,EAClB,OAAAC,EAAS,GACT,UAAAC,EAAY,GACZ,QAAAC,EAAU,aACV,OAAAC,EAAS,mBACT,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,WAAYC,CACb,IACKL,WAED,MAAA,CAAI,MAAO,CAAE,OAAQ,WAErB,SAAA,CAAAM,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,MAAO,GACP,OAAQ,GACR,OAAQ,oBACR,UAAW,oBACX,aAAc,MACd,UAAW,yBAAA,CACZ,EARD,OAAA,GAAA,CAAA,SAAA,8JAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,WAUC,QAAA,CACC,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAA,EADF,OAAA,GAAA,CAAA,SAAA,8JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAOA,CAAA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,8JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA,EAKDD,EAAAA,OAACE,EAAAA,sBAAA,CAAsB,MAAOV,EAC7B,SAAAQ,EAAAA,OAAC,MAAA,CACA,UAAW,mBAAmBP,EAAS,cAAgB,EAAE,GACzD,MAAO,CACN,MAAOA,EAASU,EAAAA,OAAO,QAAQ,MAAQA,EAAAA,OAAO,QAAQ,OAAA,EAEvD,QAAAZ,EACA,cAAaK,EAEb,SAAA,CAAAI,EAAAA,OAACI,EAAAA,SAAQ,KAAMT,EAAS,UAAW,SAClC,SAAAK,EAAAA,OAAC,OACC,SAAAD,EACAC,EAAAA,OAACD,EAAA,CACA,MAAOF,EACP,OAAQC,EACR,MAAOL,EAASU,EAAAA,OAAO,QAAQ,MAAQA,EAAAA,OAAO,QAAQ,OAAA,EAHvD,OAAA,GAAA,CAAA,SAAA,8JAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAA,EAMAD,EAAAA,OAACK,UAAA,CAAa,MAAOR,EAAW,OAAQC,CAAA,EAAxC,OAAA,GAAA,CAAA,SAAA,8JAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAoD,CAAA,EARtD,OAAA,GAAA,CAAA,SAAA,8JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,EAXD,OAAA,GAAA,CAAA,SAAA,8JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA,EACCT,EAAkB,GAClBQ,SAAC,MAAA,CAAI,UAAU,sBACd,SAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,cAAe,SAAAR,CAAA,EAA9B,OAAA,GAAA,CAAA,SAAA,8JAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAA8C,CAAA,EAD/C,OAAA,GAAA,CAAA,SAAA,8JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,CAAA,EAxBF,OAAA,GAAA,CAAA,SAAA,8JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA0BA,EA3BD,OAAA,GAAA,CAAA,SAAA,8JAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4BA"}
+{"version":3,"file":"WhatsNewButton.js","sources":["../../../../src/components/whats-new/WhatsNewButton.tsx"],"sourcesContent":["import React from 'react';\nimport WhatsNewIcon from '../../assets/icons/whatsNew.svg';\nimport { COLORS } from '../../constants/Theme';\nimport { Tooltip } from '../tooltips';\nimport { WhatsNewIconContainer } from './WhatsNew.styles';\nimport { WhatsNewButtonProps } from './WhatsNew.types';\n\nexport const WhatsNewButton: React.FC<WhatsNewButtonProps> = ({\n\tonClick,\n\tnewContentCount = 0,\n\tisOpen = false,\n\tisLoading = false,\n\ttooltip = \"What's new\",\n\ttestId = 'whats-new-button',\n\ticonWidth = 32,\n\ticonHeight = 32,\n\tcustomIcon: CustomIcon,\n}) => {\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ margin: '0px 8px' }}>\n\t\t\t\t{/* Simple loading spinner */}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: 16,\n\t\t\t\t\t\theight: 16,\n\t\t\t\t\t\tborder: '2px solid #f3f3f3',\n\t\t\t\t\t\tborderTop: '2px solid #731DCF',\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tanimation: 'spin 1s linear infinite',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<style>\n\t\t\t\t\t{`\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\t\t\t\t</style>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<WhatsNewIconContainer count={newContentCount}>\n\t\t\t<div\n\t\t\t\tclassName={`main-icon-class ${isOpen ? 'icon-active' : ''}`}\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: isOpen ? COLORS.content.brand : COLORS.content.primary,\n\t\t\t\t}}\n\t\t\t\tonClick={onClick}\n\t\t\t\tdata-testid={testId}\n\t\t\t>\n\t\t\t\t<Tooltip body={tooltip} placement={'bottom'}>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{CustomIcon ? (\n\t\t\t\t\t\t\t<CustomIcon\n\t\t\t\t\t\t\t\twidth={iconWidth}\n\t\t\t\t\t\t\t\theight={iconHeight}\n\t\t\t\t\t\t\t\tcolor={isOpen ? COLORS.content.brand : COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<WhatsNewIcon width={iconWidth} height={iconHeight} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</Tooltip>\n\t\t\t\t{newContentCount > 0 && (\n\t\t\t\t\t<div className=\"notification--count\">\n\t\t\t\t\t\t<div className=\"count--text\">{newContentCount}</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</WhatsNewIconContainer>\n\t);\n};\n"],"names":["WhatsNewButton","onClick","newContentCount","isOpen","isLoading","tooltip","testId","iconWidth","iconHeight","CustomIcon","jsxDEV","this","WhatsNewIconContainer","COLORS","Tooltip","WhatsNewIcon"],"mappings":"qRAOaA,EAAgD,CAAC,CAC7D,QAAAC,EACA,gBAAAC,EAAkB,EAClB,OAAAC,EAAS,GACT,UAAAC,EAAY,GACZ,QAAAC,EAAU,aACV,OAAAC,EAAS,mBACT,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,WAAYC,CACb,IACKL,WAED,MAAA,CAAI,MAAO,CAAE,OAAQ,WAErB,SAAA,CAAAM,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,MAAO,GACP,OAAQ,GACR,OAAQ,oBACR,UAAW,oBACX,aAAc,MACd,UAAW,yBAAA,CACZ,EARD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,WAUC,QAAA,CACC,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAA,EADF,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAOA,CAAA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA,EAKDD,EAAAA,OAACE,EAAAA,sBAAA,CAAsB,MAAOV,EAC7B,SAAAQ,EAAAA,OAAC,MAAA,CACA,UAAW,mBAAmBP,EAAS,cAAgB,EAAE,GACzD,MAAO,CACN,MAAOA,EAASU,EAAAA,OAAO,QAAQ,MAAQA,EAAAA,OAAO,QAAQ,OAAA,EAEvD,QAAAZ,EACA,cAAaK,EAEb,SAAA,CAAAI,EAAAA,OAACI,EAAAA,SAAQ,KAAMT,EAAS,UAAW,SAClC,SAAAK,EAAAA,OAAC,OACC,SAAAD,EACAC,EAAAA,OAACD,EAAA,CACA,MAAOF,EACP,OAAQC,EACR,MAAOL,EAASU,EAAAA,OAAO,QAAQ,MAAQA,EAAAA,OAAO,QAAQ,OAAA,EAHvD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAA,EAMAD,EAAAA,OAACK,UAAA,CAAa,MAAOR,EAAW,OAAQC,CAAA,EAAxC,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAoD,CAAA,EARtD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,EAXD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA,EACCT,EAAkB,GAClBQ,SAAC,MAAA,CAAI,UAAU,sBACd,SAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,cAAe,SAAAR,CAAA,EAA9B,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAA8C,CAAA,EAD/C,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,CAAA,EAxBF,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA0BA,EA3BD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4BA"}

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

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

package/dist/cjs/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\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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"}
+{"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/cjs/components/whats-new/WhatsNewProvider.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),t=require("react"),u=require("./useWhatsNew.js"),s=t.createContext(null),c=({children:e,fetchWhatsNewContent:r,markContentAsViewed:o,module:n})=>{const a=u.useWhatsNew({fetchWhatsNewContent:r,markContentAsViewed:o,module:n});return i.jsxDEV(s.Provider,{value:a,children:e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/whats-new/WhatsNewProvider.tsx",lineNumber:22,columnNumber:3},void 0)},w=()=>{const e=t.useContext(s);if(!e)throw new Error("useWhatsNewContext must be used within a WhatsNewProvider");return e};exports.WhatsNewProvider=c;exports.useWhatsNewContext=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-dev-runtime"),t=require("react"),i=require("./useWhatsNew.js"),s=t.createContext(null),w=({children:e,fetchWhatsNewContent:o,markContentAsViewed:r,module:n})=>{const a=i.useWhatsNew({fetchWhatsNewContent:o,markContentAsViewed:r,module:n});return u.jsxDEV(s.Provider,{value:a,children:e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewProvider.tsx",lineNumber:22,columnNumber:3},void 0)},c=()=>{const e=t.useContext(s);if(!e)throw new Error("useWhatsNewContext must be used within a WhatsNewProvider");return e};exports.WhatsNewProvider=w;exports.useWhatsNewContext=c;
 //# sourceMappingURL=WhatsNewProvider.js.map

package/dist/cjs/components/whats-new/WhatsNewProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"WhatsNewProvider.js","sources":["../../../../src/components/whats-new/WhatsNewProvider.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport { useWhatsNew } from './useWhatsNew';\nimport { WhatsNewProviderProps } from './WhatsNew.types';\n\nconst WhatsNewContext = createContext<ReturnType<typeof useWhatsNew> | null>(\n\tnull,\n);\n\nexport const WhatsNewProvider: React.FC<WhatsNewProviderProps> = ({\n\tchildren,\n\tfetchWhatsNewContent,\n\tmarkContentAsViewed,\n\tmodule,\n}) => {\n\tconst whatsNewData = useWhatsNew({\n\t\tfetchWhatsNewContent,\n\t\tmarkContentAsViewed,\n\t\tmodule,\n\t});\n\n\treturn (\n\t\t<WhatsNewContext.Provider value={whatsNewData}>\n\t\t\t{children}\n\t\t</WhatsNewContext.Provider>\n\t);\n};\n\nexport const useWhatsNewContext = () => {\n\tconst context = useContext(WhatsNewContext);\n\tif (!context) {\n\t\tthrow new Error(\n\t\t\t'useWhatsNewContext must be used within a WhatsNewProvider',\n\t\t);\n\t}\n\treturn context;\n};\n"],"names":["WhatsNewContext","createContext","WhatsNewProvider","children","fetchWhatsNewContent","markContentAsViewed","module","whatsNewData","useWhatsNew","this","useWhatsNewContext","context","useContext"],"mappings":"0KAIMA,EAAkBC,EAAAA,cACvB,IACD,EAEaC,EAAoD,CAAC,CACjE,SAAAC,EACA,qBAAAC,EACA,oBAAAC,EACA,OAAAC,CACD,IAAM,CACL,MAAMC,EAAeC,EAAAA,YAAY,CAChC,qBAAAJ,EACA,oBAAAC,EACA,OAAAC,CAAA,CACA,EAED,gBACEN,EAAgB,SAAhB,CAAyB,MAAOO,EAC/B,SAAAJ,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,gKAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAEA,CAEF,EAEaC,EAAqB,IAAM,CACvC,MAAMC,EAAUC,EAAAA,WAAWZ,CAAe,EAC1C,GAAI,CAACW,EACJ,MAAM,IAAI,MACT,2DAAA,EAGF,OAAOA,CACR"}
+{"version":3,"file":"WhatsNewProvider.js","sources":["../../../../src/components/whats-new/WhatsNewProvider.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport { useWhatsNew } from './useWhatsNew';\nimport { WhatsNewProviderProps } from './WhatsNew.types';\n\nconst WhatsNewContext = createContext<ReturnType<typeof useWhatsNew> | null>(\n\tnull,\n);\n\nexport const WhatsNewProvider: React.FC<WhatsNewProviderProps> = ({\n\tchildren,\n\tfetchWhatsNewContent,\n\tmarkContentAsViewed,\n\tmodule,\n}) => {\n\tconst whatsNewData = useWhatsNew({\n\t\tfetchWhatsNewContent,\n\t\tmarkContentAsViewed,\n\t\tmodule,\n\t});\n\n\treturn (\n\t\t<WhatsNewContext.Provider value={whatsNewData}>\n\t\t\t{children}\n\t\t</WhatsNewContext.Provider>\n\t);\n};\n\nexport const useWhatsNewContext = () => {\n\tconst context = useContext(WhatsNewContext);\n\tif (!context) {\n\t\tthrow new Error(\n\t\t\t'useWhatsNewContext must be used within a WhatsNewProvider',\n\t\t);\n\t}\n\treturn context;\n};\n"],"names":["WhatsNewContext","createContext","WhatsNewProvider","children","fetchWhatsNewContent","markContentAsViewed","module","whatsNewData","useWhatsNew","this","useWhatsNewContext","context","useContext"],"mappings":"0KAIMA,EAAkBC,EAAAA,cACvB,IACD,EAEaC,EAAoD,CAAC,CACjE,SAAAC,EACA,qBAAAC,EACA,oBAAAC,EACA,OAAAC,CACD,IAAM,CACL,MAAMC,EAAeC,EAAAA,YAAY,CAChC,qBAAAJ,EACA,oBAAAC,EACA,OAAAC,CAAA,CACA,EAED,gBACEN,EAAgB,SAAhB,CAAyB,MAAOO,EAC/B,SAAAJ,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,oGAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAEA,CAEF,EAEaC,EAAqB,IAAM,CACvC,MAAMC,EAAUC,EAAAA,WAAWZ,CAAe,EAC1C,GAAI,CAACW,EACJ,MAAM,IAAI,MACT,2DAAA,EAGF,OAAOA,CACR"}

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

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),d=require("styled-components"),a=require("../TypographyStyle.js"),r=require("../../constants/Theme.js"),b=require("../../assets/icons/alert.svg.js"),f=require("../spinner/Spinner.js"),k=require("../button/Button.js"),y=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=y(d),x=c.default.div`
-	background: ${r.COLORS.surface.standard};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),f=require("styled-components"),a=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),b=require("../../assets/icons/alert.svg.js"),y=require("../spinner/Spinner.js"),p=require("../button/Button.js"),S=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=S(f),x=c.default.div`
+	background: ${o.COLORS.surface.standard};
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	flex: 1;
 	gap: 6px;
-`,h=c.default.div`
-	background: ${r.COLORS.background.base};
+`,N=c.default.div`
+	background: ${o.COLORS.background.base};
 	width: 48px;
 	height: 48px;
 	display: flex;
@@ -15,5 +15,5 @@
 	align-items: center;
 	justify-content: center;
 	border-radius: 24px;
-`,S=({subTitle:e,title:m,IconHolderStyle:u,style:p,isLoading:n,containerWidth:s,...o})=>{let l=a.TitleRegular;const i=s?parseFloat(s):0;return i&&!isNaN(i)&&i<=150&&(l=a.TitleSmall),t.jsxDEV(x,{style:p??{},children:[n?t.jsxDEV(f.Spinner,{size:"large",color:r.COLORS.stroke.brand},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/zeroState/ZeroState.tsx",lineNumber:64,columnNumber:5},void 0):t.jsxDEV(h,{style:u??{},children:o?.Icon||t.jsxDEV(b.default,{color:r.COLORS.content.placeholder,height:24,width:24},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/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/worktrees/macro-tiptap-fixes/src/components/zeroState/ZeroState.tsx",lineNumber:66,columnNumber:5},void 0),t.jsxDEV(l,{style:{color:r.COLORS.content.primary},children:n?"Loading...":m||"No results found"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/zeroState/ZeroState.tsx",lineNumber:77,columnNumber:4},void 0),!!e&&!n&&t.jsxDEV(a.BodyCaption,{style:{color:r.COLORS.content.secondary,textAlign:"center",maxWidth:184},children:e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/zeroState/ZeroState.tsx",lineNumber:85,columnNumber:5},void 0),!!o?.actionButton&&t.jsxDEV("div",{style:o?.buttonWidth?{width:o?.buttonWidth,display:"flex"}:{},children:t.jsxDEV(k.Button,{...o?.actionButton},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/src/components/zeroState/ZeroState.tsx",lineNumber:103,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/worktrees/macro-tiptap-fixes/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/worktrees/macro-tiptap-fixes/src/components/zeroState/ZeroState.tsx",lineNumber:62,columnNumber:3},void 0)};exports.ZeroState=S;
+`,D=({subTitle:e,title:d,IconHolderStyle:u,style:m,isLoading:r,containerWidth:s,...t})=>{let l=a.TitleRegular;const i=s?parseFloat(s):0;return i&&!isNaN(i)&&i<=150&&(l=a.TitleSmall),n.jsxDEV(x,{style:m??{},children:[r?n.jsxDEV(y.Spinner,{size:"large",color:o.COLORS.stroke.brand},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:64,columnNumber:5},void 0):n.jsxDEV(N,{style:u??{},children:t?.Icon||n.jsxDEV(b.default,{color:o.COLORS.content.placeholder,height:24,width:24},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:68,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:66,columnNumber:5},void 0),n.jsxDEV(l,{style:{color:o.COLORS.content.primary},children:r?"Loading...":d||"No results found"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:77,columnNumber:4},void 0),!!e&&!r&&n.jsxDEV(a.BodyCaption,{style:{color:o.COLORS.content.secondary,textAlign:"center",maxWidth:184},children:e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:85,columnNumber:5},void 0),!!t?.actionButton&&n.jsxDEV("div",{style:t?.buttonWidth?{width:t?.buttonWidth,display:"flex"}:{},children:n.jsxDEV(p.Button,{...t?.actionButton},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:103,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:96,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:62,columnNumber:3},void 0)};exports.ZeroState=D;
 //# sourceMappingURL=ZeroState.js.map