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

package/dist/cjs/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts

@@ -36,7 +36,7 @@ export declare class MetaCustomProcessor {
         value: {
             operator: string;
             dataType: import("../types").QueryBuilderConnectorType;
-            value?: string | number | string[] | number[] | Date | Date[] | undefined;
+            value?: string | number | string[] | Date | number[] | Date[] | undefined;
         };
         key: string;
         refresh?: boolean | undefined;

package/dist/cjs/components/accordion/Accordion.d.ts

@@ -21,7 +21,6 @@ export interface AccordionProps {
     autoOpen?: boolean;
     childrenMaxHeight?: number;
     openDirection?: 'DOWN' | 'UP';
-    containerStyle?: React.CSSProperties;
     headerStyles?: React.CSSProperties;
     onToggleAccordion?: (state: boolean) => void;
     arrowColor?: string;

package/dist/cjs/components/accordion/Accordion.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),r=require("../TypographyStyle.js"),o=require("../button/Button.js"),n=require("../icon-button/IconButton.js"),i=require("./Accordion.style.js"),s=require("./AccordionArrow.js");exports.BikAccordion=c=>{var l,a,u,d;const[x,p]=t.useState(!1),h=t.useRef(null),j=t.useRef(null);t.useEffect((()=>{c.autoOpen&&v(c.autoOpen,{})}),[c.autoOpen]),t.useEffect((()=>{void 0!==c.isOpen&&v(c.isOpen,{})}),[c.isOpen]);const v=(e,t)=>{var r,o;j.current&&h.current&&("keydown"===t.type&&"Enter"!==t.key||(e!==x&&p(e),e?(j.current.style.maxHeight=(null!==(r=c.childrenMaxHeight)&&void 0!==r?r:j.current.scrollHeight)+"px",h.current.style.transform="rotate(180deg)",h.current.style.transition="transform 0.25s ease-in-out",j.current.style.transition="max-height 0.25s ease-in-out"):(j.current.style.maxHeight="",h.current.style.transform="rotate(0deg)",h.current.style.transition="transform 0.25s ease-in-out",j.current.style.transition="padding 0s"),null===(o=c.onToggleAccordion)||void 0===o||o.call(c,e)))};return t.useEffect((()=>{const e=new MutationObserver((()=>{x&&j.current&&(j.current.style.maxHeight=j.current.scrollHeight+"px")}));return j.current&&e.observe(j.current,{childList:!0,subtree:!0}),()=>{e.disconnect()}}),[x]),t.useEffect((()=>{var e;x&&(null==c?void 0:c.refresh)&&(null===(e=null==j?void 0:j.current)||void 0===e?void 0:e.scrollHeight)&&!c.childrenMaxHeight&&setTimeout((()=>{j.current.style.maxHeight=j.current.scrollHeight+"px"}),100)}),[x,null==c?void 0:c.refresh,null===(l=null==j?void 0:j.current)||void 0===l?void 0:l.scrollHeight]),e.jsxRuntimeExports.jsxs(i.default,Object.assign({className:"accordion",isActive:x,width:null==c?void 0:c.width,contentMargin:null==c?void 0:c.contentMargin,headerPadding:c.headerPadding,skipHoverState:c.skipHoverHeader,showBorders:c.showBorders,borderColor:c.borderColor,backgroundColor:c.backgroundColor,openDirection:c.openDirection,borderRadius:c.borderRadius},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"accordion__overview "+(x?"active":""),style:null!==(a=null==c?void 0:c.containerStyle)&&void 0!==a?a:{},onClick:e=>v(!x,e),onKeyDown:e=>v(!x,e),role:"button",tabIndex:0},{children:[!c.rightActionComponent&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"accordion__overview__header",style:null!==(u=c.headerStyles)&&void 0!==u?u:{}},{children:[e.jsxRuntimeExports.jsxs(i.AccordionHeaderGroup,{children:["string"==typeof c.header?e.jsxRuntimeExports.jsx(r.TitleRegular,{children:null==c?void 0:c.header}):c.header,c.buttonLinkText&&e.jsxRuntimeExports.jsx(o.Button,{buttonText:c.buttonLinkText,buttonType:"text",darkMode:!0,onClick:c.onButtonLinkClick})]}),e.jsxRuntimeExports.jsxs(i.AccordionHeaderGroup2,{children:[c.headerButtons&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"accordion__overview__header-buttons"},{children:null===(d=c.headerButtons)||void 0===d?void 0:d.map((t=>e.jsxRuntimeExports.jsx(n.IconButton,{Icon:t.icon,onClick:e=>{e.stopPropagation(),t.onClick()},width:16,height:16,style:t.style,title:t.title},t.title)))})),e.jsxRuntimeExports.jsx(s.default,{arrowColor:c.arrowColor,isNewIcon:!0,ref:h})]})]})),(null==c?void 0:c.subHeader)?null==c?void 0:c.subHeader:null]}),c.rightActionComponent&&e.jsxRuntimeExports.jsxs("div",Object.assign({className:"accordion__overview__header"},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"accordion__overview__title-wrapper"},{children:[e.jsxRuntimeExports.jsx(s.default,{arrowColor:c.arrowColor,isNewIcon:!0,ref:h}),"string"==typeof c.header?e.jsxRuntimeExports.jsx(r.TitleRegular,{children:null==c?void 0:c.header}):c.header]})),e.jsxRuntimeExports.jsx("div",Object.assign({onClick:e=>e.stopPropagation(),onKeyDown:e=>{"Enter"===e.key&&e.stopPropagation()},role:"button",tabIndex:0},{children:c.rightActionComponent}))]})),(null==c?void 0:c.caption)&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"accordion__overview__caption"},{children:e.jsxRuntimeExports.jsx(r.BodySecondary,{children:e.jsxRuntimeExports.jsx("div",Object.assign({style:c.captionStyle},{children:c.caption}))})}))]})),e.jsxRuntimeExports.jsx("div",Object.assign({ref:j,className:"accordion__content"},{children:c.children}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),r=require("../TypographyStyle.js"),o=require("../button/Button.js"),n=require("../icon-button/IconButton.js"),s=require("./Accordion.style.js"),i=require("./AccordionArrow.js");exports.BikAccordion=c=>{var l,a,u;const[d,x]=t.useState(!1),p=t.useRef(null),h=t.useRef(null);t.useEffect((()=>{c.autoOpen&&j(c.autoOpen,{})}),[c.autoOpen]),t.useEffect((()=>{void 0!==c.isOpen&&j(c.isOpen,{})}),[c.isOpen]);const j=(e,t)=>{var r,o;h.current&&p.current&&("keydown"===t.type&&"Enter"!==t.key||(e!==d&&x(e),e?(h.current.style.maxHeight=(null!==(r=c.childrenMaxHeight)&&void 0!==r?r:h.current.scrollHeight)+"px",p.current.style.transform="rotate(180deg)",p.current.style.transition="transform 0.25s ease-in-out",h.current.style.transition="max-height 0.25s ease-in-out"):(h.current.style.maxHeight="",p.current.style.transform="rotate(0deg)",p.current.style.transition="transform 0.25s ease-in-out",h.current.style.transition="padding 0s"),null===(o=c.onToggleAccordion)||void 0===o||o.call(c,e)))};return t.useEffect((()=>{const e=new MutationObserver((()=>{d&&h.current&&(h.current.style.maxHeight=h.current.scrollHeight+"px")}));return h.current&&e.observe(h.current,{childList:!0,subtree:!0}),()=>{e.disconnect()}}),[d]),t.useEffect((()=>{var e;d&&(null==c?void 0:c.refresh)&&(null===(e=null==h?void 0:h.current)||void 0===e?void 0:e.scrollHeight)&&!c.childrenMaxHeight&&setTimeout((()=>{h.current.style.maxHeight=h.current.scrollHeight+"px"}),100)}),[d,null==c?void 0:c.refresh,null===(l=null==h?void 0:h.current)||void 0===l?void 0:l.scrollHeight]),e.jsxRuntimeExports.jsxs(s.default,Object.assign({className:"accordion",isActive:d,width:null==c?void 0:c.width,contentMargin:null==c?void 0:c.contentMargin,headerPadding:c.headerPadding,skipHoverState:c.skipHoverHeader,showBorders:c.showBorders,borderColor:c.borderColor,backgroundColor:c.backgroundColor,openDirection:c.openDirection,borderRadius:c.borderRadius},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"accordion__overview "+(d?"active":""),onClick:e=>j(!d,e),onKeyDown:e=>j(!d,e),role:"button",tabIndex:0},{children:[!c.rightActionComponent&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"accordion__overview__header",style:null!==(a=c.headerStyles)&&void 0!==a?a:{}},{children:[e.jsxRuntimeExports.jsxs(s.AccordionHeaderGroup,{children:["string"==typeof c.header?e.jsxRuntimeExports.jsx(r.TitleRegular,{children:null==c?void 0:c.header}):c.header,c.buttonLinkText&&e.jsxRuntimeExports.jsx(o.Button,{buttonText:c.buttonLinkText,buttonType:"text",darkMode:!0,onClick:c.onButtonLinkClick})]}),e.jsxRuntimeExports.jsxs(s.AccordionHeaderGroup2,{children:[c.headerButtons&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"accordion__overview__header-buttons"},{children:null===(u=c.headerButtons)||void 0===u?void 0:u.map((t=>e.jsxRuntimeExports.jsx(n.IconButton,{Icon:t.icon,onClick:e=>{e.stopPropagation(),t.onClick()},width:16,height:16,style:t.style,title:t.title},t.title)))})),e.jsxRuntimeExports.jsx(i.default,{arrowColor:c.arrowColor,isNewIcon:!0,ref:p})]})]})),(null==c?void 0:c.subHeader)?null==c?void 0:c.subHeader:null]}),c.rightActionComponent&&e.jsxRuntimeExports.jsxs("div",Object.assign({className:"accordion__overview__header"},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"accordion__overview__title-wrapper"},{children:[e.jsxRuntimeExports.jsx(i.default,{arrowColor:c.arrowColor,isNewIcon:!0,ref:p}),"string"==typeof c.header?e.jsxRuntimeExports.jsx(r.TitleRegular,{children:null==c?void 0:c.header}):c.header]})),e.jsxRuntimeExports.jsx("div",Object.assign({onClick:e=>e.stopPropagation(),onKeyDown:e=>{"Enter"===e.key&&e.stopPropagation()},role:"button",tabIndex:0},{children:c.rightActionComponent}))]})),(null==c?void 0:c.caption)&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"accordion__overview__caption"},{children:e.jsxRuntimeExports.jsx(r.BodySecondary,{children:e.jsxRuntimeExports.jsx("div",Object.assign({style:c.captionStyle},{children:c.caption}))})}))]})),e.jsxRuntimeExports.jsx("div",Object.assign({ref:h,className:"accordion__content"},{children:c.children}))]}))};

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts

@@ -6,17 +6,12 @@ export type LineChartProps = {
         data: number[];
         lineColor?: string;
         backgroundColor?: string;
-        gradientColor?: {
-            start: string;
-            end: string;
-        };
         dotted?: boolean;
         gradient?: boolean;
         legend?: string;
         lineWidth?: number;
         squareLegends?: boolean;
         useSecondYAxis?: boolean;
-        pointColors?: string[];
     }[];
     labels: Array<string>;
     scaleText?: {

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/react/jsx-runtime.js"),t=require("chart.js"),n=require("react"),r=require("react-chartjs-2"),l=require("../../../TypographyStyle.js"),i=require("../../../../constants/Theme.js"),o=require("../utils/calcPercentage.js"),a=require("./LineChart.styled.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.PointElement,t.BarElement,t.LineElement,t.ArcElement,t.Filler,t.Title,t.Tooltip,t.Legend);exports.LineChart=t=>{let{scaleText:s,labels:d,canvasHeight:c,datas:u,maintainAspectRatio:p=!1,stepSize:x,min:g,max:y,isZeroState:m,tension:v,isNewStyles:C,prefixCurrencyInYAxis:b,pointRadius:j,useKFormat:h,lineThickness:O,ticksLabelCallback:S,labelCallback:R,afterBodyCallBack:f,titleTooltipCallback:L,isInternationalStore:k,customYHeaders:E,headerIcons:w=[],legendsAndIconDirection:B="row",hasSecondYAxis:q=!1,min2:F,max2:I,stepSize2:$,prefixCurrencyInY2Axis:A,useKFormat2:z,customY2Headers:T}=t;var D,P,Y,V;const[W,H]=n.useState(null),Z=n.useRef();n.useEffect((()=>{var e,t,n,r;if(null===(r=null===(n=null===(t=null===(e=Z.current)||void 0===e?void 0:e.scales)||void 0===t?void 0:t.y)||void 0===n?void 0:n.ticks)||void 0===r?void 0:r.length){const e=38*Z.current.scales.y.ticks.length;H(e)}}),[Z]);const _=u.map((e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?i.COLORS.content.placeholder:i.COLORS.background.brand,square:e.squareLegends}))),K={labels:d,datasets:u.map(((e,t)=>{var n,r,l;return Object.assign(Object.assign({tension:null!=v?v:.4,fill:e.gradient?"start":0},((e,t,n)=>{const r={borderColor:e||(t?i.COLORS.content.placeholder:i.COLORS.background.brand)};return C?Object.assign({pointStyle:"circle",pointRadius:j||(d&&d.length>10?2.5:4),pointBorderColor:"transparent",pointBackgroundColor:n||e||(t?i.COLORS.content.placeholder:i.COLORS.background.brand)},r):Object.assign({pointRadius:null!=j?j:1},r)})(e.lineColor,e.dotted,e.pointColors)),{borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:null!==(r=null!==(n=e.lineWidth)&&void 0!==n?n:O)&&void 0!==r?r:2,backgroundColor:e.gradient?t=>{const n=t.chart.ctx.createLinearGradient(0,0,0,W?W-75:150);return e.gradientColor?(n.addColorStop(0,e.gradientColor.start),n.addColorStop(1,e.gradientColor.end),n):(n.addColorStop(0,"#F1EEFB"),n.addColorStop(1,"rgba(127, 86, 217, 0)"),n)}:null!==(l=e.backgroundColor)&&void 0!==l?l:"transparent",legend:e.legend,yAxisID:e.useSecondYAxis?"y1":"y"})}))},G={maintainAspectRatio:p,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:null!=C&&C,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>i.COLORS.content.primaryInverse,backgroundColor:i.COLORS.content.primary,callbacks:{labelTextColor:()=>i.COLORS.content.primaryInverse,title:L,label:R,afterBody:f},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:m?0:g,max:m?10:y,position:"left",id:"y",ticks:{color:i.COLORS.content.secondary,callback:e=>{var t,n;return h?`${null!==(t=null==s?void 0:s.yPrefix)&&void 0!==t?t:""}${k?o.truncateValueForInternationalStore(e):o.truncateValueForIndianStore(e)}${null!=b?b:""}`:E&&Object.keys(E).length>0?E[e]:`${null!==(n=null==s?void 0:s.yPrefix)&&void 0!==n?n:""}${e}${null!=b?b:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:m?1:x,padding:C?24:0},title:{display:!!(null==s?void 0:s.y),text:null==s?void 0:s.y},grid:{color:i.COLORS.background.base,drawBorder:null===(D=null==s?void 0:s.yDrawBorder)||void 0===D||D}},y1:{beginAtZero:!0,min:m?0:F,max:m?10:I,position:"right",id:"y1",display:q,ticks:{color:i.COLORS.content.secondary,callback:e=>{var t,n;return z?`${null!==(t=null==s?void 0:s.y2Prefix)&&void 0!==t?t:""}${k?o.truncateValueForInternationalStore(e):o.truncateValueForIndianStore(e)}${null!=A?A:""}`:T&&Object.keys(T).length>0?T[e]:`${null!==(n=null==s?void 0:s.y2Prefix)&&void 0!==n?n:""}${e}${null!=A?A:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:m?1:$,padding:C?24:0},title:{display:!!(null==s?void 0:s.y2),text:null==s?void 0:s.y2},grid:{color:"transparent",drawBorder:null===(P=null==s?void 0:s.y2DrawBorder)||void 0===P||P}},x:{ticks:{callback:S,color:i.COLORS.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==s?void 0:s.x),text:null==s?void 0:s.x},grid:{display:!1,drawBorder:null!==(Y=null==s?void 0:s.xDrawBorder)&&void 0!==Y&&Y}}}};return e.jsxRuntimeExports.jsxs("div",Object.assign({style:Object.assign(Object.assign({},p?{}:{height:null!==(V=null!=c?c:W)&&void 0!==V?V:204}),{display:"flex",flexDirection:"column",gap:2,width:"100%"})},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"space-between",width:"100%",flexDirection:B}},{children:[e.jsxRuntimeExports.jsx(a.LegendWrapper,{children:w.map(((t,n)=>e.jsxRuntimeExports.jsx(a.LegendContainer,{children:t},n)))}),e.jsxRuntimeExports.jsx(a.LegendWrapper,{children:_.map(((t,n)=>{let{text:r,color:i,square:o}=t;return r?e.jsxRuntimeExports.jsxs(a.LegendContainer,{children:[e.jsxRuntimeExports.jsx(a.LegendColor,{color:i,square:o,newStyle:C}),e.jsxRuntimeExports.jsx(l.BodyTiny,Object.assign({color:"#667085"},{children:r}))]},n):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})}))})]})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{flex:1}},{children:e.jsxRuntimeExports.jsx(r.Line,{ref:Z,options:G,data:K})}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/react/jsx-runtime.js"),t=require("chart.js"),n=require("react"),r=require("react-chartjs-2"),i=require("../../../TypographyStyle.js"),l=require("../../../../constants/Theme.js"),o=require("../utils/calcPercentage.js"),a=require("./LineChart.styled.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.PointElement,t.BarElement,t.LineElement,t.ArcElement,t.Filler,t.Title,t.Tooltip,t.Legend);exports.LineChart=t=>{let{scaleText:s,labels:d,canvasHeight:c,datas:u,maintainAspectRatio:p=!1,stepSize:x,min:y,max:g,isZeroState:m,tension:v,isNewStyles:b,prefixCurrencyInYAxis:j,pointRadius:h,useKFormat:C,lineThickness:O,ticksLabelCallback:S,labelCallback:R,afterBodyCallBack:f,titleTooltipCallback:L,isInternationalStore:k,customYHeaders:E,headerIcons:w=[],legendsAndIconDirection:B="row",hasSecondYAxis:q=!1,min2:F,max2:I,stepSize2:$,prefixCurrencyInY2Axis:A,useKFormat2:z,customY2Headers:T}=t;var D,P,Y,V;const[W,H]=n.useState(null),Z=n.useRef();n.useEffect((()=>{var e,t,n,r;if(null===(r=null===(n=null===(t=null===(e=Z.current)||void 0===e?void 0:e.scales)||void 0===t?void 0:t.y)||void 0===n?void 0:n.ticks)||void 0===r?void 0:r.length){const e=38*Z.current.scales.y.ticks.length;H(e)}}),[Z]);const _=u.map((e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?l.COLORS.content.placeholder:l.COLORS.background.brand,square:e.squareLegends}))),K={labels:d,datasets:u.map(((e,t)=>{var n,r,i;return Object.assign(Object.assign({tension:null!=v?v:.4,fill:e.gradient?"start":0},((e,t)=>{const n={borderColor:e||(t?l.COLORS.content.placeholder:l.COLORS.background.brand)};return b?Object.assign({pointStyle:"circle",pointRadius:h||(d&&d.length>10?2.5:4),pointBorderColor:"transparent",pointBackgroundColor:e||(t?l.COLORS.content.placeholder:l.COLORS.background.brand)},n):Object.assign({pointRadius:null!=h?h:1},n)})(e.lineColor,e.dotted)),{borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:null!==(r=null!==(n=e.lineWidth)&&void 0!==n?n:O)&&void 0!==r?r:2,backgroundColor:e.gradient?e=>{const t=e.chart.ctx.createLinearGradient(0,0,0,W?W-75:150);return t.addColorStop(0,"#F1EEFB"),t.addColorStop(1,"rgba(127, 86, 217, 0)"),t}:null!==(i=e.backgroundColor)&&void 0!==i?i:"transparent",legend:e.legend,yAxisID:e.useSecondYAxis?"y1":"y"})}))},G={maintainAspectRatio:p,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:null!=b&&b,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>l.COLORS.content.primaryInverse,backgroundColor:l.COLORS.content.primary,callbacks:{labelTextColor:()=>l.COLORS.content.primaryInverse,title:L,label:R,afterBody:f},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:m?0:y,max:m?10:g,position:"left",id:"y",ticks:{color:l.COLORS.content.secondary,callback:e=>{var t,n;return C?`${null!==(t=null==s?void 0:s.yPrefix)&&void 0!==t?t:""}${k?o.truncateValueForInternationalStore(e):o.truncateValueForIndianStore(e)}${null!=j?j:""}`:E&&Object.keys(E).length>0?E[e]:`${null!==(n=null==s?void 0:s.yPrefix)&&void 0!==n?n:""}${e}${null!=j?j:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:m?1:x,padding:b?24:0},title:{display:!!(null==s?void 0:s.y),text:null==s?void 0:s.y},grid:{color:l.COLORS.background.base,drawBorder:null===(D=null==s?void 0:s.yDrawBorder)||void 0===D||D}},y1:{beginAtZero:!0,min:m?0:F,max:m?10:I,position:"right",id:"y1",display:q,ticks:{color:l.COLORS.content.secondary,callback:e=>{var t,n;return z?`${null!==(t=null==s?void 0:s.y2Prefix)&&void 0!==t?t:""}${k?o.truncateValueForInternationalStore(e):o.truncateValueForIndianStore(e)}${null!=A?A:""}`:T&&Object.keys(T).length>0?T[e]:`${null!==(n=null==s?void 0:s.y2Prefix)&&void 0!==n?n:""}${e}${null!=A?A:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:m?1:$,padding:b?24:0},title:{display:!!(null==s?void 0:s.y2),text:null==s?void 0:s.y2},grid:{color:"transparent",drawBorder:null===(P=null==s?void 0:s.y2DrawBorder)||void 0===P||P}},x:{ticks:{callback:S,color:l.COLORS.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==s?void 0:s.x),text:null==s?void 0:s.x},grid:{display:!1,drawBorder:null!==(Y=null==s?void 0:s.xDrawBorder)&&void 0!==Y&&Y}}}};return e.jsxRuntimeExports.jsxs("div",Object.assign({style:Object.assign(Object.assign({},p?{}:{height:null!==(V=null!=c?c:W)&&void 0!==V?V:204}),{display:"flex",flexDirection:"column",gap:2,width:"100%"})},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"space-between",width:"100%",flexDirection:B}},{children:[e.jsxRuntimeExports.jsx(a.LegendWrapper,{children:w.map(((t,n)=>e.jsxRuntimeExports.jsx(a.LegendContainer,{children:t},n)))}),e.jsxRuntimeExports.jsx(a.LegendWrapper,{children:_.map(((t,n)=>{let{text:r,color:l,square:o}=t;return r?e.jsxRuntimeExports.jsxs(a.LegendContainer,{children:[e.jsxRuntimeExports.jsx(a.LegendColor,{color:l,square:o,newStyle:b}),e.jsxRuntimeExports.jsx(i.BodyTiny,Object.assign({color:"#667085"},{children:r}))]},n):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})}))})]})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{flex:1}},{children:e.jsxRuntimeExports.jsx(r.Line,{ref:Z,options:G,data:K})}))]}))};

package/dist/cjs/components/bik-layout/BikSidebar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),i=require("../../assets/icons/Bik_logo.svg.js"),t=require("../../assets/icons/locked.svg.js"),n=require("react"),s=require("../progress-bar/CircularProgressBar.js"),o=require("../../constants/Theme.js"),r=require("../navigation-hyperlink/NavigationHyperlink.js"),u=require("./SidebarPopup.js"),l=require("./SidebarStyles.js"),a=require("./SimpleSidebar.js");const d=i=>{const{icon:t,isActive:n,activeStateIcon:s,hoverStateIcon:r,isHovered:u}=i,l=t,a=s,d=r;return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:n?e.jsxRuntimeExports.jsx(a,{width:20,height:20}):u?e.jsxRuntimeExports.jsx(d,{width:20,height:20,color:o.COLORS.surface.standard}):e.jsxRuntimeExports.jsx(l,{width:20,height:20,color:o.COLORS.surface.standard})})},c=i=>{let{option:n,index:s,onClickMainMenuLogic:o,setHandleHoverForFullLayout:r,isDisabled:u,setHoveredComp:a,setPopupMenu:c,mainActiveMenu:v,hoveredComp:p,popupMenu:m}=i;var x,j,g,h,y,k;return e.jsxRuntimeExports.jsx(l.SibeBarMenuItem,{children:e.jsxRuntimeExports.jsxs("div",Object.assign({id:(null===(j=null===(x=n.displayName)||void 0===x?void 0:x.split(" "))||void 0===j?void 0:j.join(""))||n.key.toString(),className:"main--sidebar",onClick:()=>o(n),onMouseEnter:()=>{!u&&r(n)},onMouseOver:()=>{!u&&r(n)},onMouseLeave:()=>{var e;(null===(e=null==n?void 0:n.children)||void 0===e?void 0:e.length)||(a(void 0),c(void 0))},onFocus:()=>{},"aria-hidden":"true"},{children:[n.isNew&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"new-tag "+(n.isLastSticky?"tag-sticky":"")},{children:"NEW"})),n.isLocked&&e.jsxRuntimeExports.jsx("div",Object.assign({className:`locked--channel ${n.isLastSticky?"tag-sticky":""}  ${n.is2ndLastSticky?"tag-sticky-2":""}`},{children:e.jsxRuntimeExports.jsx(t.default,{height:16,width:16})})),e.jsxRuntimeExports.jsxs("div",Object.assign({id:(null===(h=null===(g=n.displayName)||void 0===g?void 0:g.split(" "))||void 0===h?void 0:h.join(""))+"_sub"||n.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==v?void 0:v.key)===n.key?"main-menu-active-class":""} \n\t\t\t\t\t${n.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${n.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${n.key===(null==p?void 0:p.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${n.isNew?"new-menu-item":""}`},{children:[e.jsxRuntimeExports.jsx(d,{icon:n.icon,isActive:n.key==(null==v?void 0:v.key),activeStateIcon:null!==(y=n.activeIcon)&&void 0!==y?y:{},hoverStateIcon:null!==(k=n.hoverIcon)&&void 0!==k?k:{},isHovered:n.key==(null==p?void 0:p.key)||n.key==(null==m?void 0:m.key)}),e.jsxRuntimeExports.jsx("div",Object.assign({className:"menu-item-container"},{children:e.jsxRuntimeExports.jsx("p",Object.assign({className:"menu-item-text "+((null==n?void 0:n.key)===(null==v?void 0:v.key)?"active-menu-item-text":"")},{children:n.displayName}))}))]}),s)]}),s)})};exports.BikSidebar=t=>{const{logoSvg:o,allMenuList:d,activeMainMenu:v,activeSubMenu:p,router:m,onClickingMainMenu:x,onClickingSubMenu:j,onClickingAccessUpgradePanel:g,onClickingPopupMenuItem:h,popupMinHeight:y,isNewSidebar:k,menuStyle:b}=t,[S,E]=n.useState(v),[M,R]=n.useState(),[w,C]=n.useState(p),[f,L]=n.useState(!1),[N,O]=n.useState(),[H,P]=n.useState(),[B,I]=n.useState(),[q,_]=n.useState(null),F=n.useMemo((()=>d.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[d]);n.useEffect((()=>{E(v)}),[v]),n.useEffect((()=>{C(p)}),[p]);const A=n.useCallback((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(O(void 0),R(void 0),L(!0),E(e),e.path||x(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?C(null==e?void 0:e.children[0]):C({}),R(void 0),setTimeout((()=>{L(!1)}),1e3))}),[x]),$=n.useCallback((e=>{var i,t;if(W(),R(void 0),O(void 0),"popup"==(null==e?void 0:e.layout)){const i=U();i&&P(i),O(e)}else{const n=document.getElementById((null===(t=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===t?void 0:t.join(""))||e.key.toString());if(n){const e=D(n);I(e)}R(e),z()}}),[]),D=e=>{const i=e.getBoundingClientRect();let t=i.top;const n=e.querySelectorAll("div");let s=null;if(window.innerHeight<=768)return t;if(n.forEach((e=>{e.className.includes("sticky")&&(s=e)})),s){const e=window.innerHeight-i.bottom;t=i.top+e-200}return t};n.useEffect((()=>{const e=()=>{const e=U();e&&P(e),T()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const T=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&I(window.innerHeight-i)},U=()=>{var e,i;if(N){const t=(null===(i=null===(e=N.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||N.key.toString()+"_sub",n=document.getElementById(t);if(n){const e=n.getBoundingClientRect();let i=e.top;const t=null!=y?y:320;return e.bottom+t>window.innerHeight&&(i-=e.bottom+t-window.innerHeight),i}return null}},z=()=>{W();const e=setTimeout((()=>R(void 0)),1e4);_(e)},W=()=>{clearTimeout(q)};return e.jsxRuntimeExports.jsxs(l.SideBarContainer,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:o||e.jsxRuntimeExports.jsx(i.default,{})})),e.jsxRuntimeExports.jsxs(l.MainSideBarMenuWrapper,Object.assign({style:b},{children:[null==d?void 0:d.map(((i,t)=>{var s,o;return e.jsxRuntimeExports.jsxs(n.Fragment,{children:[i.path?e.jsxRuntimeExports.jsx(r.NavigationHyperlink,Object.assign({href:i.path,router:m},{children:e.jsxRuntimeExports.jsx(c,{option:i,index:t,onClickMainMenuLogic:A,setHandleHoverForFullLayout:$,isDisabled:f,setHoveredComp:R,setPopupMenu:O,mainActiveMenu:S,hoveredComp:M,popupMenu:N})})):e.jsxRuntimeExports.jsx(c,{option:i,index:t,onClickMainMenuLogic:A,setHandleHoverForFullLayout:$,isDisabled:f,setHoveredComp:R,setPopupMenu:O,mainActiveMenu:S,hoveredComp:M,popupMenu:N}),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:["popup"===i.layout&&(null===(s=null==N?void 0:N.children)||void 0===s?void 0:s.length)&&e.jsxRuntimeExports.jsx(u.SidebarPopup,{top:null!=H?H:void 0,menuList:null==N?void 0:N.children,onClickingPopupMenu:e=>{h&&h(e),O(void 0)},onMouseLeaveOnMenu:()=>O(void 0)}),(null===(o=null==M?void 0:M.children)||void 0===o?void 0:o.length)&&e.jsxRuntimeExports.jsx(a.SimpleSidebar,{menuList:null==M?void 0:M.children,activeMenu:w,onMouseEnterOnMenu:()=>W(),onMouseLeaveOnMenu:()=>{W(),R(void 0)},left:k?92:88,postion:"fixed",header:M.displayName,theme:"brand",router:m,showAccessUpgradePanel:M.showAccessUpgradePanel,onMenuClick:(e,i)=>{C(e),E(M),R(void 0),O(void 0),i&&j(e)},onUpgrade:g,top:k&&B||0,isNewSidebar:k})]})]},t)})),"number"==typeof t.onboardingPercentage&&e.jsxRuntimeExports.jsx(l.SibeBarMenuItem,{children:e.jsxRuntimeExports.jsx("div",Object.assign({className:"main--sidebar"},{children:e.jsxRuntimeExports.jsx("div",Object.assign({id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===F?"sticky-menu":1===F?"sticky-menu-int":"sticky-menu-three")},{children:e.jsxRuntimeExports.jsx(s.default,{percentage:t.onboardingPercentage,width:48})}))}))})]}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),i=require("../../assets/icons/Bik_logo.svg.js"),t=require("../../assets/icons/locked.svg.js"),n=require("react"),s=require("../progress-bar/CircularProgressBar.js"),o=require("../../constants/Theme.js"),r=require("../navigation-hyperlink/NavigationHyperlink.js"),u=require("./SidebarPopup.js"),l=require("./SidebarStyles.js"),a=require("./SimpleSidebar.js");const d=i=>{const{icon:t,isActive:n,activeStateIcon:s,hoverStateIcon:r,isHovered:u}=i,l=t,a=s,d=r;return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:n?e.jsxRuntimeExports.jsx(a,{width:20,height:20}):u?e.jsxRuntimeExports.jsx(d,{width:20,height:20,color:o.COLORS.surface.standard}):e.jsxRuntimeExports.jsx(l,{width:20,height:20,color:o.COLORS.surface.standard})})},c=i=>{let{option:n,index:s,onClickMainMenuLogic:o,setHandleHoverForFullLayout:r,isDisabled:u,setHoveredComp:a,setPopupMenu:c,mainActiveMenu:v,hoveredComp:p,popupMenu:m}=i;var x,j,g,h,y,k;return e.jsxRuntimeExports.jsx(l.SibeBarMenuItem,{children:e.jsxRuntimeExports.jsxs("div",Object.assign({id:(null===(j=null===(x=n.displayName)||void 0===x?void 0:x.split(" "))||void 0===j?void 0:j.join(""))||n.key.toString(),className:"main--sidebar",onClick:()=>o(n),onMouseEnter:()=>{!u&&r(n)},onMouseOver:()=>{!u&&r(n)},onMouseLeave:()=>{var e;(null===(e=null==n?void 0:n.children)||void 0===e?void 0:e.length)||(a(void 0),c(void 0))},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:[n.isNew&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"new-tag "+(n.isLastSticky?"tag-sticky":"")},{children:"NEW"})),n.isLocked&&e.jsxRuntimeExports.jsx("div",Object.assign({className:`locked--channel ${n.isLastSticky?"tag-sticky":""}  ${n.is2ndLastSticky?"tag-sticky-2":""}`},{children:e.jsxRuntimeExports.jsx(t.default,{height:16,width:16})})),e.jsxRuntimeExports.jsxs("div",Object.assign({id:(null===(h=null===(g=n.displayName)||void 0===g?void 0:g.split(" "))||void 0===h?void 0:h.join(""))+"_sub"||n.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==v?void 0:v.key)===n.key?"main-menu-active-class":""} \n\t\t\t\t\t${n.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${n.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${n.key===(null==p?void 0:p.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${n.isNew?"new-menu-item":""}`},{children:[e.jsxRuntimeExports.jsx(d,{icon:n.icon,isActive:n.key==(null==v?void 0:v.key),activeStateIcon:null!==(y=n.activeIcon)&&void 0!==y?y:{},hoverStateIcon:null!==(k=n.hoverIcon)&&void 0!==k?k:{},isHovered:n.key==(null==p?void 0:p.key)||n.key==(null==m?void 0:m.key)}),e.jsxRuntimeExports.jsx("div",Object.assign({className:"menu-item-container"},{children:e.jsxRuntimeExports.jsx("p",Object.assign({className:"menu-item-text "+((null==n?void 0:n.key)===(null==v?void 0:v.key)?"active-menu-item-text":"")},{children:n.displayName}))}))]}),s)]}),s)})};exports.BikSidebar=t=>{const{logoSvg:o,allMenuList:d,activeMainMenu:v,activeSubMenu:p,router:m,onClickingMainMenu:x,onClickingSubMenu:j,onClickingAccessUpgradePanel:g,onClickingPopupMenuItem:h,popupMinHeight:y,isNewSidebar:k,menuStyle:b}=t,[S,E]=n.useState(v),[M,R]=n.useState(),[w,C]=n.useState(p),[f,L]=n.useState(!1),[N,O]=n.useState(),[H,P]=n.useState(),[B,I]=n.useState(),[q,_]=n.useState(null),F=n.useMemo((()=>d.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[d]);n.useEffect((()=>{E(v)}),[v]),n.useEffect((()=>{C(p)}),[p]);const A=n.useCallback((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(O(void 0),R(void 0),L(!0),E(e),e.path||x(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?C(null==e?void 0:e.children[0]):C({}),R(void 0),setTimeout((()=>{L(!1)}),1e3))}),[x]),$=n.useCallback((e=>{var i,t;if(W(),R(void 0),O(void 0),"popup"==(null==e?void 0:e.layout)){const i=U();i&&P(i),O(e)}else{const n=document.getElementById((null===(t=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===t?void 0:t.join(""))||e.key.toString());if(n){const e=D(n);I(e)}R(e),z()}}),[]),D=e=>{const i=e.getBoundingClientRect();let t=i.top;const n=e.querySelectorAll("div");let s=null;if(window.innerHeight<=768)return t;if(n.forEach((e=>{e.className.includes("sticky")&&(s=e)})),s){const e=window.innerHeight-i.bottom;t=i.top+e-140}return t};n.useEffect((()=>{const e=()=>{const e=U();e&&P(e),T()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const T=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&I(window.innerHeight-i)},U=()=>{var e,i;if(N){const t=(null===(i=null===(e=N.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||N.key.toString()+"_sub",n=document.getElementById(t);if(n){const e=n.getBoundingClientRect();let i=e.top;const t=null!=y?y:320;return e.bottom+t>window.innerHeight&&(i-=e.bottom+t-window.innerHeight),i}return null}},z=()=>{W();const e=setTimeout((()=>R(void 0)),1e4);_(e)},W=()=>{clearTimeout(q)};return e.jsxRuntimeExports.jsxs(l.SideBarContainer,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:o||e.jsxRuntimeExports.jsx(i.default,{})})),e.jsxRuntimeExports.jsxs(l.MainSideBarMenuWrapper,Object.assign({style:b},{children:[null==d?void 0:d.map(((i,t)=>{var s,o;return e.jsxRuntimeExports.jsxs(n.Fragment,{children:[i.path?e.jsxRuntimeExports.jsx(r.NavigationHyperlink,Object.assign({href:i.path,router:m},{children:e.jsxRuntimeExports.jsx(c,{option:i,index:t,onClickMainMenuLogic:A,setHandleHoverForFullLayout:$,isDisabled:f,setHoveredComp:R,setPopupMenu:O,mainActiveMenu:S,hoveredComp:M,popupMenu:N})})):e.jsxRuntimeExports.jsx(c,{option:i,index:t,onClickMainMenuLogic:A,setHandleHoverForFullLayout:$,isDisabled:f,setHoveredComp:R,setPopupMenu:O,mainActiveMenu:S,hoveredComp:M,popupMenu:N}),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:["popup"===i.layout&&(null===(s=null==N?void 0:N.children)||void 0===s?void 0:s.length)&&e.jsxRuntimeExports.jsx(u.SidebarPopup,{top:null!=H?H:void 0,menuList:null==N?void 0:N.children,onClickingPopupMenu:e=>{h&&h(e),O(void 0)},onMouseLeaveOnMenu:()=>O(void 0)}),(null===(o=null==M?void 0:M.children)||void 0===o?void 0:o.length)&&e.jsxRuntimeExports.jsx(a.SimpleSidebar,{menuList:null==M?void 0:M.children,activeMenu:w,onMouseEnterOnMenu:()=>W(),onMouseLeaveOnMenu:()=>{W(),R(void 0)},left:k?92:88,postion:"fixed",header:M.displayName,theme:"brand",router:m,showAccessUpgradePanel:M.showAccessUpgradePanel,onMenuClick:(e,i)=>{C(e),E(M),R(void 0),O(void 0),i&&j(e)},onUpgrade:g,top:k&&B||0,isNewSidebar:k})]})]},t)})),"number"==typeof t.onboardingPercentage&&e.jsxRuntimeExports.jsx(l.SibeBarMenuItem,{children:e.jsxRuntimeExports.jsx("div",Object.assign({className:"main--sidebar"},{children:e.jsxRuntimeExports.jsx("div",Object.assign({id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===F?"sticky-menu":1===F?"sticky-menu-int":"sticky-menu-three")},{children:e.jsxRuntimeExports.jsx(s.default,{percentage:t.onboardingPercentage,width:48})}))}))})]}))]})};

package/dist/cjs/components/feature-announcements/FeatureAnnouncement.types.d.ts

@@ -0,0 +1,27 @@
+export interface FeatureAnnouncement {
+    id: string;
+    title: string;
+    body: string;
+    content: string;
+    buttonText: string;
+    displayImage: string;
+    featureTag: string;
+    featureUpdateType: 'Major' | 'Minor';
+    image: string;
+    module: string[];
+    pageUrls: string[];
+    productVideo: string;
+    redirectUrl: string;
+    updates: string;
+    visibility: boolean;
+    createdAt: any;
+    expirationDate?: {
+        seconds: number;
+    } | string | Date;
+}
+export interface StoreFeatureProgress {
+    storeId: string;
+    viewedFeatures: {
+        [featureId: string]: boolean;
+    };
+}

package/dist/cjs/components/feature-announcements/FeatureAnnouncementProvider.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { FeatureAnnouncementRepoInjected, RouterProps } from './useFeatureAnnouncements';
+interface FeatureAnnouncementProviderProps {
+    children: React.ReactNode;
+    fetchVisibleFeatures: FeatureAnnouncementRepoInjected['fetchVisibleFeatures'];
+    getStoreFeatureProgress: FeatureAnnouncementRepoInjected['getStoreFeatureProgress'];
+    fetchFeatureById: FeatureAnnouncementRepoInjected['fetchFeatureById'];
+    markFeatureAsViewedForStore: FeatureAnnouncementRepoInjected['markFeatureAsViewedForStore'];
+    isFeatureApplicableToCurrentPage: FeatureAnnouncementRepoInjected['isFeatureApplicableToCurrentPage'];
+    module?: string;
+    router?: RouterProps;
+}
+declare const FeatureAnnouncementProvider: React.FC<FeatureAnnouncementProviderProps>;
+export default FeatureAnnouncementProvider;

package/dist/cjs/components/feature-announcements/FeatureAnnouncementProvider.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("react"),o=require("react-joyride"),n=require("./MajorUpdatePopup.js"),a=require("./MinorUpdatePopup.js"),r=require("./useFeatureAnnouncements.js"),s=require("./VideoModal.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(o);const u="#007bff";exports.default=i=>{let{children:d,fetchVisibleFeatures:p,getStoreFeatureProgress:c,fetchFeatureById:f,markFeatureAsViewedForStore:b,isFeatureApplicableToCurrentPage:g,module:x,router:h}=i;var m;const{majorUpdateFeatures:k,minorUpdateFeatures:C,isLoading:y,markFeatureAsViewed:S}=r.useFeatureAnnouncements({fetchVisibleFeatures:p,getStoreFeatureProgress:c,fetchFeatureById:f,markFeatureAsViewedForStore:b,isFeatureApplicableToCurrentPage:g,module:x,router:h}),[T,w]=t.useState(null),[B,j]=t.useState(null),[E,v]=t.useState(!1),[F,I]=t.useState([]),[N,R]=t.useState(!1),[P,M]=t.useState([]),[W,q]=t.useState(!1),[O,V]=t.useState(!1),[A,L]=t.useState([]),[U,$]=t.useState(!1),[z,_]=t.useState(!1),[D,G]=t.useState(!1),[H,J]=t.useState(""),[K,Q]=t.useState(!1);t.useEffect((()=>{if(!(k.length>0)||T||y||W||K)0!==k.length||y||_(!0);else{_(!1),$(!1),v(!1),I([]),j(null),L([]);const e=()=>{document.querySelector('[data-testid="whats-new-button"]')?X(k[0]):setTimeout(e,1e3)};e()}}),[k,T,y,W,K]),t.useEffect((()=>{var e;const t=null===(e=null==h?void 0:h.query)||void 0===e?void 0:e.featureId;if(!t||y||0===C.length)return;const o=C.find((e=>e.id===t));if(!o||!o.featureTag)return;$(!0);let n=0;const a=setInterval((()=>{n++;const e=o.featureTag.startsWith("#")||o.featureTag.startsWith(".")||o.featureTag.startsWith("[")?o.featureTag:`#${o.featureTag}`;document.querySelector(e)?(re(o),clearInterval(a)):n>=25&&(console.warn(`FeatureAnnouncements: Timed out waiting for element with selector: ${e}`),clearInterval(a))}),200);return()=>{clearInterval(a)}}),[C,null===(m=null==h?void 0:h.query)||void 0===m?void 0:m.featureId,y]),t.useEffect((()=>{if(C.length>0&&!y&&!E&&!O&&!B&&!U&&z&&!K){let e=null,t=null,o=null,n=!1;const a=()=>{if(n||O||B||U||!z)return;const a=C.filter((e=>{if(!e.featureTag||""===e.featureTag.trim())return!1;const t=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`;return null!==document.querySelector(t)}));a.length>0&&(L(a),re(a[0]),e&&(e.disconnect(),e=null),t&&(window.removeEventListener("scroll",t),t=null),o&&(clearTimeout(o),o=null))};return e=new MutationObserver((e=>{let t=!1;for(const o of e){if("childList"===o.type&&o.addedNodes.length>0)for(let e=0;e<o.addedNodes.length;e++){const n=o.addedNodes[e];if(n.nodeType===Node.ELEMENT_NODE){const e=n;if(e.id||e.querySelector("[id]")){t=!0;break}}}if(t)break}E||n||O||B||U||!z||!t||(o&&clearTimeout(o),o=setTimeout((()=>{n||O||B||U||!z||a()}),200))})),t=()=>{E||n||O||B||U||!z||(o&&clearTimeout(o),o=setTimeout((()=>{n||O||B||U||!z||a()}),300))},e&&e.observe(document.body,{childList:!0,subtree:!0}),t&&window.addEventListener("scroll",t,{passive:!0}),a(),setTimeout((()=>{n||O||B||U||!z||a()}),100),setTimeout((()=>{n||O||B||U||!z||a()}),1e3),setTimeout((()=>{n||O||B||U||!z||a()}),500),()=>{n=!0,e&&e.disconnect(),t&&window.removeEventListener("scroll",t),o&&clearTimeout(o)}}(0===C.length||y)&&(v(!1),I([]),j(null),L([]),$(!1))}),[C,y,E,O,B,U,z,S,K]);const X=t=>{w(t);const o=k.findIndex((e=>e.id===t.id)),a=k.length,r=[{target:'[data-testid="whats-new-button"]',content:e.jsxRuntimeExports.jsx(n.default,{feature:t,currentIndex:o,totalFeatures:a,onSkip:()=>Y(t),onExplore:()=>Z(t),onPrevious:()=>ee(t),onNext:()=>te(t)}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];M(r),R(!0)},Y=t.useCallback((e=>{(e||T)&&(q(!0),k.forEach((e=>{S(e.id)})),R(!1),w(null),M([]),_(!0),setTimeout((()=>{q(!1)}),500))}),[T,k,S]),Z=t.useCallback((e=>{q(!0),S(e.id),e.productVideo&&(J(e.productVideo),G(!0),Q(!0)),R(!1),w(null),M([]);k.findIndex((t=>t.id===e.id))===k.length-1&&_(!0),setTimeout((()=>{q(!1)}),500)}),[k,S]),ee=t.useCallback((t=>{const o=t||T;if(!o)return;const a=k.findIndex((e=>e.id===o.id));if(a>0){const t=k[a-1];w(t);const o=a-1,r=k.length,s=[{target:'[data-testid="whats-new-button"]',content:e.jsxRuntimeExports.jsx(n.default,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>Y(t),onExplore:()=>Z(t),onPrevious:()=>ee(t),onNext:()=>te(t)}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];M(s)}}),[T,k]),te=t.useCallback((t=>{const o=t||T;if(!o)return;const a=k.findIndex((e=>e.id===o.id));if(a<k.length-1){const t=k[a+1];w(t);const o=a+1,r=k.length,s=[{target:'[data-testid="whats-new-button"]',content:e.jsxRuntimeExports.jsx(n.default,{feature:t,currentIndex:o,totalFeatures:r,onSkip:()=>Y(t),onExplore:()=>Z(t),onPrevious:()=>ee(t),onNext:()=>te(t)}),placement:"bottom-start",placementBeacon:"top-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMajor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"16px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];M(s)}else q(!0),S(o.id),R(!1),w(null),M([]),_(!0),setTimeout((()=>{q(!1)}),500)}),[T,k,S]),oe=()=>{if(k.length>0&&!T){document.querySelector('[data-testid="whats-new-button"]')&&X(k[0])}};t.useEffect((()=>(window.showMajorUpdatePopup=oe,()=>{delete window.showMajorUpdatePopup})),[k,T]);const ne=t.useCallback((e=>{const{action:t}=e;t===o.ACTIONS.CLOSE&&(T&&(q(!0),k.forEach((e=>{S(e.id)})),_(!0),setTimeout((()=>{q(!1)}),500)),R(!1),w(null),M([]))}),[T,k,S]),ae=t.useCallback((e=>{const{action:t}=e;t===o.ACTIONS.CLOSE&&(B&&(V(!0),$(!0),C.forEach((e=>{S(e.id)})),setTimeout((()=>{V(!1)}),500)),v(!1),j(null),I([]))}),[B,C,S]),re=t=>{j(t);const o=A.findIndex((e=>e.id===t.id)),n=A.length,r=[{target:t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,content:e.jsxRuntimeExports.jsx(a.default,{feature:t,currentIndex:o,totalFeatures:n,onSkip:()=>se(t),onExplore:()=>ie(t),onPrevious:()=>le(t),onNext:()=>ue(t)}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];I(r),v(!0)},se=t.useCallback((e=>{(e||B)&&(V(!0),$(!0),C.forEach((e=>{S(e.id)})),v(!1),j(null),I([]),setTimeout((()=>{V(!1)}),500))}),[B,C,S]),ie=t.useCallback((e=>{V(!0),$(!0),S(e.id),e.productVideo&&(J(e.productVideo),G(!0),Q(!0)),v(!1),j(null),I([]),setTimeout((()=>{V(!1)}),500)}),[S]),le=t.useCallback((t=>{const o=t||B;if(!o)return;const n=A.findIndex((e=>e.id===o.id));if(n>0){const t=A[n-1];j(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,r=n-1,s=A.length,i=[{target:o,content:e.jsxRuntimeExports.jsx(a.default,{feature:t,currentIndex:r,totalFeatures:s,onSkip:()=>se(t),onExplore:()=>ie(t),onPrevious:()=>le(t),onNext:()=>ue(t)}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];I(i)}}),[B,A]),ue=t.useCallback((t=>{const o=t||B;if(!o)return;const n=A.findIndex((e=>e.id===o.id));if(n<A.length-1){const t=A[n+1];j(t);const o=t.featureTag.startsWith("#")||t.featureTag.startsWith(".")||t.featureTag.startsWith("[")?t.featureTag:`#${t.featureTag}`,r=n+1,s=A.length,i=[{target:o,content:e.jsxRuntimeExports.jsx(a.default,{feature:t,currentIndex:r,totalFeatures:s,onSkip:()=>se(t),onExplore:()=>ie(t),onPrevious:()=>le(t),onNext:()=>ue(t)}),placement:"bottom",placementBeacon:"bottom-end",disableBeacon:!0,hideCloseButton:!0,hideSkipButton:!0,hideFooter:!0,offset:0,data:{feature:t,isMinor:!0},styles:{tooltip:{padding:0,backgroundColor:"transparent",borderRadius:"4px",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}}}];I(i)}else V(!0),$(!0),S(o.id),v(!1),j(null),I([]),setTimeout((()=>{V(!1)}),500)}),[B,A,S]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[d,P.length>0&&e.jsxRuntimeExports.jsx(l.default,{steps:P,run:N,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ne,disableOverlayClose:!0,disableCloseOnEsc:!0,disableOverlay:!0,spotlightClicks:!1,styles:{options:{primaryColor:u,zIndex:1e4,width:"auto",arrowColor:"#212121"},overlay:{backgroundColor:"transparent"},spotlight:{backgroundColor:"transparent",border:"none"},tooltip:{borderRadius:"16px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonClose:{display:"none"},buttonSkip:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}}),F.length>0&&e.jsxRuntimeExports.jsx(l.default,{steps:F,run:E,continuous:!1,showProgress:!1,showSkipButton:!1,callback:ae,disableOverlayClose:!0,disableCloseOnEsc:!0,styles:{options:{primaryColor:u,zIndex:1e4,width:"auto",arrowColor:"#ffffff"},tooltip:{borderRadius:"4px",fontSize:"14px",padding:0,backgroundColor:"transparent",border:"none",filter:"none",boxShadow:"none"},tooltipContent:{padding:0},buttonNext:{display:"none"},buttonBack:{display:"none"},buttonSkip:{display:"none"},buttonClose:{display:"none"}},locale:{back:"Back",close:"Close",last:"Close",next:"Next",skip:"Skip"}}),e.jsxRuntimeExports.jsx(s.VideoModal,{isOpen:D,videoUrl:H,onClose:()=>{G(!1),J(""),Q(!1)}})]})};

package/dist/cjs/components/feature-announcements/MajorUpdatePopup.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { FeatureAnnouncement } from './FeatureAnnouncement.types';
+interface MajorUpdatePopupProps {
+    feature: FeatureAnnouncement;
+    currentIndex: number;
+    totalFeatures: number;
+    onSkip: () => void;
+    onExplore: () => void;
+    onPrevious: () => void;
+    onNext: () => void;
+}
+declare const MajorUpdatePopup: React.FC<MajorUpdatePopupProps>;
+export default MajorUpdatePopup;

package/dist/cjs/components/feature-announcements/MajorUpdatePopup.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js");const t=e=>{if(!e)return"";const t=document.createElement("textarea");return t.innerHTML=e,t.value};exports.default=n=>{let{feature:r,currentIndex:o,totalFeatures:s,onSkip:i,onExplore:l,onPrevious:a,onNext:x}=n;return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",Object.assign({style:{width:"959px",height:"274px",display:"flex",backgroundColor:"#212121",borderRadius:"4px",overflow:"hidden",position:"relative"}},{children:[e.jsxRuntimeExports.jsx("button",Object.assign({onClick:e=>{e.preventDefault(),e.stopPropagation(),i()},style:{position:"absolute",top:"10px",right:"10px",background:"transparent",border:"none",color:"#BDBDBD",fontSize:"14px",fontWeight:"500",cursor:"pointer",zIndex:10,transition:"all 0.2s"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor="#f3f4f6",e.currentTarget.style.color="#374151"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent",e.currentTarget.style.color="#6b7280"}},{children:"Skip"})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{backgroundColor:"#212121",width:"480px",height:"274px",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",padding:"8px"}},{children:r.displayImage?e.jsxRuntimeExports.jsx("img",{src:r.displayImage,alt:r.title,style:{width:"464px",height:"258px",objectFit:"cover"},onError:e=>{r.image&&(e.target.src=r.image)}}):e.jsxRuntimeExports.jsx("div",Object.assign({style:{color:"#9ca3af",fontSize:"14px",textAlign:"center",width:"290px",height:"258px",display:"flex",alignItems:"center",justifyContent:"center"}},{children:"Feature Preview"}))})),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{flex:1,display:"flex",margin:"0 8px 0 0",flexDirection:"column",justifyContent:"space-between",background:"transparent"}},{children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("h3",Object.assign({style:{fontSize:"16px",fontWeight:"600",padding:"36px 0 0 0",color:"#fff",lineHeight:"1.25",textAlign:"left"}},{children:r.title})),e.jsxRuntimeExports.jsx("div",{style:{fontSize:"14px",lineHeight:"1.5",color:"rgba(255, 255, 255, 0.8)",textAlign:"left"},dangerouslySetInnerHTML:{__html:t(r.content||r.body||"")}}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx("button",Object.assign({onClick:()=>{l()},style:{backgroundColor:"transparent",border:"1px solid #FEC02D",color:"#FEC02D",borderRadius:"4px",fontSize:"14px",fontWeight:"500",cursor:"pointer",width:"154px",height:"32px",transition:"all 0.2s",textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",marginTop:"16px"},onMouseEnter:e=>{e.currentTarget.style.backgroundColor="rgba(254, 192, 45, 0.1)"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent"}},{children:r.buttonText||"Explore the feature"}))})]}),s>1&&e.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"absolute",bottom:"16px",right:"16px",display:"flex",gap:"8px",alignItems:"center"}},{children:[e.jsxRuntimeExports.jsx("button",Object.assign({onClick:e=>{e.preventDefault(),e.stopPropagation(),a()},disabled:0===o,style:{width:"24px",height:"24px",backgroundColor:"transparent",border:"none",color:0===o?"#666":"#fff",fontSize:"20px",cursor:0===o?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},onMouseEnter:e=>{0!==o&&(e.currentTarget.style.color="#FEC02D")},onMouseLeave:e=>{0!==o&&(e.currentTarget.style.color="#fff")}},{children:"‹"})),e.jsxRuntimeExports.jsx("button",Object.assign({onClick:e=>{e.preventDefault(),e.stopPropagation(),x()},disabled:o===s-1,style:{width:"24px",height:"24px",backgroundColor:"transparent",border:"none",color:o===s-1?"#666":"#fff",fontSize:"20px",cursor:o===s-1?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},onMouseEnter:e=>{o!==s-1&&(e.currentTarget.style.color="#FEC02D")},onMouseLeave:e=>{o!==s-1&&(e.currentTarget.style.color="#fff")}},{children:"›"}))]}))]}))]}))})};

package/dist/cjs/components/feature-announcements/MinorUpdatePopup.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { FeatureAnnouncement } from './FeatureAnnouncement.types';
+interface MinorUpdatePopupProps {
+    feature: FeatureAnnouncement;
+    currentIndex: number;
+    totalFeatures: number;
+    onSkip: () => void;
+    onExplore: () => void;
+    onPrevious: () => void;
+    onNext: () => void;
+}
+declare const MinorUpdatePopup: React.FC<MinorUpdatePopupProps>;
+export default MinorUpdatePopup;

package/dist/cjs/components/feature-announcements/MinorUpdatePopup.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js");const t=e=>{if(!e)return"";const t=document.createElement("textarea");return t.innerHTML=e,t.value};exports.default=i=>{let{feature:n,currentIndex:s,totalFeatures:r,onSkip:o,onExplore:x,onPrevious:l,onNext:p}=i;return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",Object.assign({style:{width:"519px",height:"160px",display:"flex",backgroundColor:"#ffffff",borderRadius:"4px",overflow:"hidden",position:"relative",boxShadow:"0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04)"}},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{backgroundColor:"#f9fafb",borderRadius:"4px",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",margin:"13px 10px 13px 10px",width:"235px",minWidth:"235px",maxWidth:"235px",height:"134px"}},{children:n.displayImage?e.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"relative",width:"235px",height:"134px"}},{children:[e.jsxRuntimeExports.jsx("img",{src:n.displayImage,alt:n.title,style:{width:"235px",height:"134px",objectFit:"cover",borderRadius:"4px",display:"block"},onError:e=>{n.image&&(e.target.src=n.image)}}),e.jsxRuntimeExports.jsx("div",Object.assign({style:{position:"absolute",top:"0px",left:"0px",right:"0px",height:"27px",backgroundColor:"rgba(0, 0, 0, 0.26)",borderRadius:"4px 4px 4px 4px",display:"flex",alignItems:"center",justifyContent:"center",zIndex:10}},{children:e.jsxRuntimeExports.jsx("span",Object.assign({style:{color:"#ffffff",fontWeight:"400",fontSize:"14px"}},{children:"New feature"}))}))]})):e.jsxRuntimeExports.jsx("div",Object.assign({style:{color:"#9ca3af",fontSize:"14px",textAlign:"center",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#f3f4f6",borderRadius:"4px"}},{children:"Feature Preview"}))})),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{flex:1,display:"flex",margin:"13px 13px 13px 3px",flexDirection:"column",justifyContent:"space-between",background:"transparent"}},{children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("h3",Object.assign({style:{fontSize:"16px",fontWeight:"600",padding:"0 0 0 0",color:"#212121",lineHeight:"1.25",textAlign:"left"}},{children:n.title})),e.jsxRuntimeExports.jsx("div",{style:{fontSize:"12px",fontWeight:"400",lineHeight:"1.2",color:"#616161",textAlign:"left",maxHeight:"48px",overflow:"hidden",display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical"},dangerouslySetInnerHTML:{__html:t(n.content||n.body||"")}})]}),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"absolute",bottom:"13px",right:"10px",display:"flex",gap:"16px",alignItems:"center"}},{children:[e.jsxRuntimeExports.jsx("span",Object.assign({onClick:o,style:{color:"#4B1583",fontSize:"14px",fontWeight:"500",cursor:"pointer",transition:"all 0.2s"}},{children:"Understood"})),n.productVideo&&e.jsxRuntimeExports.jsx("button",Object.assign({onClick:()=>{x()},style:{backgroundColor:"#4B1583",border:"none",color:"#ffffff",borderRadius:"4px",fontSize:"14px",fontWeight:"500",cursor:"pointer",width:"154px",height:"32px",transition:"all 0.2s",textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center"}},{children:n.buttonText||"Explore the feature"}))]}))]}))]}))})};

package/dist/cjs/components/feature-announcements/VideoModal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface VideoModalProps {
+    isOpen: boolean;
+    videoUrl: string;
+    onClose: () => void;
+}
+export declare const VideoModal: React.FC<VideoModalProps>;
+export {};

package/dist/cjs/components/feature-announcements/VideoModal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js");exports.VideoModal=t=>{let{isOpen:o,videoUrl:r,onClose:i}=t;if(!o)return null;const s=r.includes("youtube.com")||r.includes("youtu.be")?r.replace("watch?v=","embed/").replace("youtu.be/","youtube.com/embed/"):r,n=r.includes("youtube.com")||r.includes("youtu.be");return e.jsxRuntimeExports.jsx("div",Object.assign({style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.9)",zIndex:2e3,display:"flex",justifyContent:"center",alignItems:"center",padding:"20px"},onClick:e=>{e.target===e.currentTarget&&i()}},{children:e.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"relative",width:"90vw",height:"90vh",maxWidth:"1200px",maxHeight:"800px",backgroundColor:"black",borderRadius:"12px",overflow:"hidden",boxShadow:"0 25px 50px rgba(0, 0, 0, 0.8)"},onClick:e=>e.stopPropagation()},{children:[e.jsxRuntimeExports.jsx("button",Object.assign({onClick:i,style:{position:"absolute",top:"20px",right:"20px",background:"rgba(0, 0, 0, 0.7)",border:"none",color:"white",fontSize:"24px",width:"40px",height:"40px",borderRadius:"50%",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",zIndex:10,transition:"background-color 0.2s"},onMouseOver:e=>{e.currentTarget.style.backgroundColor="rgba(0, 0, 0, 0.9)"},onMouseOut:e=>{e.currentTarget.style.backgroundColor="rgba(0, 0, 0, 0.7)"}},{children:"×"})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},{children:r?n?e.jsxRuntimeExports.jsx("iframe",{width:"100%",height:"100%",src:s,title:"Product Video",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,style:{borderRadius:"12px"}}):e.jsxRuntimeExports.jsxs("video",Object.assign({controls:!0,autoPlay:!0,style:{width:"100%",height:"100%",objectFit:"contain",borderRadius:"12px"}},{children:[e.jsxRuntimeExports.jsx("source",{src:r,type:"video/mp4"}),e.jsxRuntimeExports.jsx("source",{src:r,type:"video/webm"}),e.jsxRuntimeExports.jsx("source",{src:r,type:"video/ogg"}),"Your browser does not support the video tag."]})):e.jsxRuntimeExports.jsx("div",Object.assign({style:{color:"white",fontSize:"18px",textAlign:"center"}},{children:"No video available"}))}))]}))}))};

package/dist/cjs/components/feature-announcements/index.d.ts

@@ -0,0 +1,6 @@
+export { default as FeatureAnnouncementProvider } from './FeatureAnnouncementProvider';
+export { default as MajorUpdatePopup } from './MajorUpdatePopup';
+export { default as MinorUpdatePopup } from './MinorUpdatePopup';
+export { VideoModal } from './VideoModal';
+export * from './useFeatureAnnouncements';
+export * from './FeatureAnnouncement.types';

package/dist/cjs/components/feature-announcements/useFeatureAnnouncements.d.ts

@@ -0,0 +1,24 @@
+import { FeatureAnnouncement } from './FeatureAnnouncement.types';
+export interface FeatureAnnouncementRepoInjected {
+    fetchVisibleFeatures: (module?: string) => Promise<[any, FeatureAnnouncement[] | null]>;
+    getStoreFeatureProgress: (storeId: string) => Promise<[any, any | null]>;
+    fetchFeatureById: (featureId: string) => Promise<[any, FeatureAnnouncement | null]>;
+    markFeatureAsViewedForStore: (storeId: string, featureId: string) => Promise<[any]>;
+    isFeatureApplicableToCurrentPage: (feature: FeatureAnnouncement) => boolean;
+    module?: string;
+}
+export interface RouterProps {
+    pathname: string;
+    query: Record<string, string | string[] | undefined>;
+}
+export declare const useFeatureAnnouncements: ({ fetchVisibleFeatures, getStoreFeatureProgress, fetchFeatureById, markFeatureAsViewedForStore, isFeatureApplicableToCurrentPage, module, router, }: FeatureAnnouncementRepoInjected & {
+    router?: RouterProps | undefined;
+}) => {
+    features: FeatureAnnouncement[];
+    majorUpdateFeatures: FeatureAnnouncement[];
+    minorUpdateFeatures: FeatureAnnouncement[];
+    isLoading: boolean;
+    error: string | null;
+    markFeatureAsViewed: (featureId: string) => Promise<void>;
+    refetch: () => Promise<void>;
+};

package/dist/cjs/components/feature-announcements/useFeatureAnnouncements.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react");exports.useFeatureAnnouncements=r=>{let{fetchVisibleFeatures:a,getStoreFeatureProgress:o,fetchFeatureById:n,markFeatureAsViewedForStore:i,isFeatureApplicableToCurrentPage:l,module:u,router:s}=r;const c=(()=>{const[e,r]=t.useState(null);return t.useEffect((()=>{if("undefined"!=typeof window){let e=null;try{if(e=localStorage.getItem("storeId")||localStorage.getItem("Bik/StoreId")||localStorage.getItem("currentStore")||localStorage.getItem("store"),!e){const t=localStorage.getItem("Bik/CurrentUser");t&&(e=JSON.parse(t).storeId)}e||(e=new URLSearchParams(window.location.search).get("storeId"))}catch(e){console.error("FeatureAnnouncements: Failed to get store ID",e)}r(e)}}),[]),e})(),[d,f]=t.useState([]),[p,g]=t.useState([]),[y,m]=t.useState([]),[w,v]=t.useState(!1),[F,h]=t.useState(null),D=t.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(c){v(!0),h(null);try{const[e,t]=yield a(u);if(e||!t)return console.error("FeatureAnnouncements: Failed to fetch features",e),void h("Failed to fetch features");const[r,n]=yield o(c);r&&console.warn("FeatureAnnouncements: Progress fetch failed, treating all features as new",r);const i=new Date,s="undefined"!=typeof window?window.location.pathname:"",d=e=>{if(!e.expirationDate)return!0;let t;return"object"==typeof e.expirationDate&&null!==e.expirationDate&&("seconds"in e.expirationDate||"nanoseconds"in e.expirationDate)?t=new Date(1e3*e.expirationDate.seconds):"string"==typeof e.expirationDate?t=new Date(e.expirationDate):e.expirationDate instanceof Date&&(t=e.expirationDate),!(!t||isNaN(t.getTime()))&&i<t},p=e=>{if("Major"===e.featureUpdateType){let t=[];return Array.isArray(e.pageUrls)?t=e.pageUrls:"object"==typeof e.pageUrls&&null!==e.pageUrls&&"length"in e.pageUrls&&(t=Array.from(e.pageUrls)),t.includes(s)}return!0},y=t.filter((e=>{var t;return!((null===(t=null==n?void 0:n.viewedFeatures)||void 0===t?void 0:t[e.id])||!1)&&l(e)&&d(e)&&p(e)})),w=y.filter((e=>"Major"===e.featureUpdateType)),v=y.filter((e=>"Minor"===e.featureUpdateType));f(y),g(w),setTimeout((()=>{m(v)}),2e3)}catch(e){console.error("FeatureAnnouncements: Unexpected error in fetchFeatures",e),h("An unexpected error occurred")}finally{v(!1)}}}))),[c,a,o,l,u]),S=t.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){v(!0),h(null);try{const[e,r]=yield n(t);if(e||!r)return void h("Failed to fetch feature by ID");"Major"===r.featureUpdateType?g([r]):m([r]),f([r])}catch(e){h("An unexpected error occurred while fetching by ID")}finally{v(!1)}}))),[n]),x=t.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){if(!c)return;const[e]=yield i(c,t);e?(console.warn("FeatureAnnouncements: Failed to mark feature as viewed, removing from local state anyway",e),f((e=>e.filter((e=>e.id!==t)))),g((e=>e.filter((e=>e.id!==t)))),m((e=>e.filter((e=>e.id!==t))))):(f((e=>e.filter((e=>e.id!==t)))),g((e=>e.filter((e=>e.id!==t)))),m((e=>e.filter((e=>e.id!==t)))))}))),[c,i]);return t.useEffect((()=>{if(!s)return void D();const e=s.query.featureId;e?S(e):D()}),[null==s?void 0:s.query,D,S]),{features:d,majorUpdateFeatures:p,minorUpdateFeatures:y,isLoading:w,error:F,markFeatureAsViewed:x,refetch:D}};

package/dist/cjs/components/tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import { TagProps } from './model';
 export declare const Tag: {
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, }: TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, }: TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/cjs/components/tag/Tag.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),i=require("react"),t=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),s=require("./model.js"),a=require("./Tag.styled.js"),r=require("./themes.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=o(i);const l=i=>{let{tagText:o,LeadingIcon:l,TrailingIcon:d,onLeadingIconClicked:g,leadingIconId:p,trailingIconId:j,onTrailingIconClicked:u,theme:x="light",type:m="neutral",variant:b="regular",version:h,cursor:O,alignIcon:y,noBorder:T,tagHtmlText:E,contentPadding:I,leadingIconTooltip:C,trailingIconTooltip:R,tagColor:f}=i,w=o;const v=x;let N=m;s.ValidTagTypeMap[b][m]||(N="neutral"),"circle"===b&&"number"==typeof w&&w>99&&(w="99+");const k={height:"compressed"===b?12:16,width:"compressed"===b?12:16,color:r.getTagIconColor(x,N),style:{display:"block"}};return e.jsxRuntimeExports.jsx(a.Tag,Object.assign({cursor:O,theme:v,type:m,variant:b,version:h,alignIcon:y,noBorder:T,contentPadding:I},{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"container"},{children:[l&&(C?e.jsxRuntimeExports.jsx(t.Tooltip,Object.assign({},C,{children:e.jsxRuntimeExports.jsx("button",Object.assign({className:"icon-leading",onClick:g,id:`${p}-wrapper`||"leading-icon-wrapper"},{children:c.default.createElement(l,Object.assign(Object.assign({},k),{id:p||"leading-icon"}))}))})):e.jsxRuntimeExports.jsx("button",Object.assign({className:"icon-leading",onClick:g,id:`${p}-wrapper`||"leading-icon-wrapper"},{children:c.default.createElement(l,Object.assign(Object.assign({},k),{id:p||"leading-icon"}))}))),E&&("ai"===m&&"light"===x?e.jsxRuntimeExports.jsx(n.AiBodyCaption,{children:E}):e.jsxRuntimeExports.jsx(n.BodyCaption,Object.assign({className:"text"},{children:E}))),!E&&""!==w&&("ai"===m&&"light"===x?e.jsxRuntimeExports.jsx(n.AiBodyCaption,{children:w}):e.jsxRuntimeExports.jsx(n.BodyCaption,Object.assign({className:"text",color:f},{children:w}))),d&&(R?e.jsxRuntimeExports.jsx(t.Tooltip,Object.assign({},R,{children:e.jsxRuntimeExports.jsx("button",Object.assign({className:"icon-trailing",onClick:u,id:`${j}-wrapper`||"trailing-icon-wrapper"},{children:c.default.createElement(d,Object.assign(Object.assign({},k),{id:j||"trailing-icon"}))}))})):e.jsxRuntimeExports.jsx("button",Object.assign({className:"icon-trailing",onClick:u,id:`${j}-wrapper`||"trailing-icon-wrapper"},{children:c.default.createElement(d,Object.assign(Object.assign({},k),{id:j||"trailing-icon"}))})))]}))}))};l.displayName="Tag",exports.Tag=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),i=require("react"),t=require("../tooltips/Tooltip.js"),n=require("../TypographyStyle.js"),s=require("./model.js"),a=require("./Tag.styled.js"),r=require("./themes.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=o(i);const l=i=>{let{tagText:o,LeadingIcon:l,TrailingIcon:d,onLeadingIconClicked:g,leadingIconId:p,trailingIconId:j,onTrailingIconClicked:u,theme:x="light",type:m="neutral",variant:b="regular",version:h,cursor:O,alignIcon:y,noBorder:T,tagHtmlText:E,contentPadding:I,leadingIconTooltip:R,trailingIconTooltip:C}=i,f=o;const w=x;let v=m;s.ValidTagTypeMap[b][m]||(v="neutral"),"circle"===b&&"number"==typeof f&&f>99&&(f="99+");const N={height:"compressed"===b?12:16,width:"compressed"===b?12:16,color:r.getTagIconColor(x,v),style:{display:"block"}};return e.jsxRuntimeExports.jsx(a.Tag,Object.assign({cursor:O,theme:w,type:m,variant:b,version:h,alignIcon:y,noBorder:T,contentPadding:I},{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"container"},{children:[l&&(R?e.jsxRuntimeExports.jsx(t.Tooltip,Object.assign({},R,{children:e.jsxRuntimeExports.jsx("button",Object.assign({className:"icon-leading",onClick:g,id:`${p}-wrapper`||"leading-icon-wrapper"},{children:c.default.createElement(l,Object.assign(Object.assign({},N),{id:p||"leading-icon"}))}))})):e.jsxRuntimeExports.jsx("button",Object.assign({className:"icon-leading",onClick:g,id:`${p}-wrapper`||"leading-icon-wrapper"},{children:c.default.createElement(l,Object.assign(Object.assign({},N),{id:p||"leading-icon"}))}))),E&&("ai"===m&&"light"===x?e.jsxRuntimeExports.jsx(n.AiBodyCaption,{children:E}):e.jsxRuntimeExports.jsx(n.BodyCaption,Object.assign({className:"text"},{children:E}))),!E&&""!==f&&("ai"===m&&"light"===x?e.jsxRuntimeExports.jsx(n.AiBodyCaption,{children:f}):e.jsxRuntimeExports.jsx(n.BodyCaption,Object.assign({className:"text"},{children:f}))),d&&(C?e.jsxRuntimeExports.jsx(t.Tooltip,Object.assign({},C,{children:e.jsxRuntimeExports.jsx("button",Object.assign({className:"icon-trailing",onClick:u,id:`${j}-wrapper`||"trailing-icon-wrapper"},{children:c.default.createElement(d,Object.assign(Object.assign({},N),{id:j||"trailing-icon"}))}))})):e.jsxRuntimeExports.jsx("button",Object.assign({className:"icon-trailing",onClick:u,id:`${j}-wrapper`||"trailing-icon-wrapper"},{children:c.default.createElement(d,Object.assign(Object.assign({},N),{id:j||"trailing-icon"}))})))]}))}))};l.displayName="Tag",exports.Tag=l;

package/dist/cjs/components/tag/Tag.stories.d.ts

@@ -1,22 +1,22 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 declare const _default: ComponentMeta<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export default _default;
 export declare const Default: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const WithIcons: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const WithIconTooltips: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;
 export declare const DarkTheme: ComponentStory<{
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, tagColor, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, version, cursor, alignIcon, noBorder, tagHtmlText, contentPadding, leadingIconTooltip, trailingIconTooltip, }: import("./model").TagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 }>;

package/dist/cjs/components/tag/model.d.ts

@@ -98,5 +98,4 @@ export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
     noBorder?: boolean;
     tagHtmlText?: JSX.Element;
     contentPadding?: number;
-    tagColor?: string;
 }

package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("lodash"),l=require("react"),o=require("../../utils/StringUtils.js"),a=require("../../constants/Theme.js"),i=require("../modals/styledModal.js"),s=require("../template-preview/helpers/templateMiscHelper.js"),r=require("../template-preview/models/Channels.js"),n=require("../template-preview/models/WhatsAppTemplate.js"),d=require("./context/templateModalContext.js"),u=require("./modalElements/Footer.js"),c=require("./modalElements/TemplateAnalyticsComponent.js"),p=require("./modalElements/TemplateSelectModalContent.js"),m=require("./utils/convertPlaceholdersToBikDropdown.js");exports.TemplateContextMapper=v=>{var C,x,h,E,b,S,f,T;const{selectedTemplate:P,closeDialog:g,showVariableMapping:y,channel:j,htmlContent:I,templateVariables:D,onTemplateSelect:L,globalPlaceholders:w,showOnlyContent:A,whatsappSpecificPickerMeta:k,zIndex:M,showVariableModal:V,variableList:H,discountCode:N,setDiscountCode:O,onBackPress:q,enabledCustomText:B,variableListForImage:R,showSampleValues:F,disableEditVariable:_,pod:W,extras:Y,pickerConf:$,selectedCarouselProducts:z,disableEditExpiry:Q,cardWidth:U,onDeleteSelectedProducts:G,fileName:J,setFileName:K,hideDeviceContainerInPreview:X,maxCharLimit:Z,onDefaultVariableSelect:ee,skipDefaultVariableContent:te,disableDatePicker:le,disableCopyCode:oe,initialExpiryDateTime:ae,showDiscountCodeExpiryInfo:ie,footerButtonText:se,footerInfoText:re,templateAnalytics:ne}=v;l.useEffect((()=>{he(I)}),[I]);const de=s.determineCardIndex(j),ue=s.isItCarousal(j,P),ce=null==P?void 0:P.isProductCarouselType,[pe,me]=l.useState(j===r.CHANNEL_TYPE.EMAIL||j==r.CHANNEL_TYPE.WEBPUSH||ue?"desktop":"mobile"),[ve,Ce]=l.useState(!1),[xe,he]=l.useState(I),[Ee,be]=l.useState(!1),[Se,fe]=l.useState([]),[Te,Pe]=l.useState({}),[ge,ye]=l.useState(P),[je,Ie]=l.useState([]),[De,Le]=l.useState(null),[we,Ae]=l.useState(!1),[ke,Me]=l.useState(null!=D?D:[]),[Ve,He]=l.useState(!1),[Ne,Oe]=l.useState(ue?(null===(x=null===(C=null==ge?void 0:ge.mapping)||void 0===C?void 0:C.body)||void 0===x?void 0:x.length)?-1:0:-1),[qe,Be]=l.useState([]),[Re,Fe]=l.useState(void 0),_e=l.useRef(null),[We,Ye]=l.useState(!1),[$e,ze]=l.useState(!1),[Qe,Ue]=l.useState(!1),[Ge,Je]=l.useState(!0),[Ke,Xe]=l.useState(!0),[Ze,et]=l.useState({});l.useEffect((()=>{z?Be(z):ce&&Be([])}),[z]),l.useEffect((()=>{var e;if(!we&&ce&&(!z||0===Be.length)){const t=null===(e=null==ge?void 0:ge.components)||void 0===e?void 0:e[de].cards,l=[];null==t||t.forEach((e=>{var t;null===(t=null==e?void 0:e.components)||void 0===t||t.forEach((e=>{var t,o,a;"HEADER"===e.type&&l.push(null!==(a=null===(o=null===(t=e.example)||void 0===t?void 0:t.header_handle)||void 0===o?void 0:o[0])&&void 0!==a?a:"")}))})),Ie(l),Ae(!0)}}),[we]);const tt=l.useMemo((()=>m.convertPlaceholdersToBikDropdown(w)),[w]);return l.useEffect((()=>{Fe(t.cloneDeep(H))}),[H]),(null==ne?void 0:ne.show)&&Ge&&ne.templateQuality&&Object.values(n.TEMPLATE_QUALITY).find((e=>e===String(ne.templateQuality)))?e.jsxRuntimeExports.jsx(c.TemplateAnalyticsComponent,{headingTitle:null==ge?void 0:ge.label,headingSubtitle:j===r.CHANNEL_TYPE.WHATSAPP?`${o.default.capitaliseFirstLetterOfString(null!==(h=null==ge?void 0:ge.category)&&void 0!==h?h:"")} • ${null!==(E=null==ge?void 0:ge.templateCategory)&&void 0!==E?E:""}`:"",templateAnalytics:ne,analyticsData:ne.data,onClose:()=>{null==g||g(),Je(!1),Xe(!1)},onCancel:()=>{Je(!1),Xe(!1)},onProceed:()=>{Je(!1),Xe(!0)},templateId:(null==ge?void 0:ge.templateId)||""}):e.jsxRuntimeExports.jsx(d.TemplateModalContext.Provider,Object.assign({value:{hideFooterButton:Qe,setHideFooterButton:Ue,hideCrossButton:$e,setHideCrossButton:ze,variableList:Re,setVariableList:Fe,variableCallback:De,setVariableCallback:Le,showVariablePicker:ve,setShowVariablePicker:Ce,template:ge,setTemplate:ye,device:pe,setDevice:me,display_content:xe,setDisplayContent:he,originalVariableList:ke,setOriginalVariableList:Me,isError:Ee,setIsError:be,channel:j,globalNormalizedPlaceholders:tt,templateSelectionTriggered:Ve,setTemplateSelectionTriggered:He,enabledCustomText:B,disableEditVariable:_,pod:W,extras:Y,isWhatsappCarousel:ue,selectedCarouselIndex:Ne,setSelectedCarouselIndex:Oe,isProductCarouselType:ce,templateErrorIndexes:Te,cardCount:ue?null===(S=null===(b=P.components)||void 0===b?void 0:b[de].cards)||void 0===S?void 0:S.length:void 0,errorIndexes:Se,setErrorIndexes:fe,pickerConf:$,carouselProducts:qe,setCarouselProducts:Be,disableEditExpiry:Q,cardWidth:U,cardImages:je,onDeleteSelectedProducts:G,hideDeviceContainerInPreview:X,sliderRef:_e,isCarouselHovered:We,setIsCarouselHovered:Ye,maxCharLimit:Z,ctaOptionsErrors:Ze,setCtaOptionsErrors:et,onDefaultVariableSelect:ee,disableDatePicker:le,disableCopyCode:oe,initialExpiryDateTime:ae,showDiscountCodeExpiryInfo:ie,cardIndex:de}},{children:A?e.jsxRuntimeExports.jsx(p.default,{variableListFromProps:H,channel:r.CHANNEL_TYPE.EMAIL,hideHeader:!0}):e.jsxRuntimeExports.jsxs(i.StyledModal,Object.assign({hideCrossButton:$e,zIndex:M,centralContainerStyles:{width:ue?900:j===r.CHANNEL_TYPE.EMAIL&&y?1e3:800},open:Ke,onClose:()=>{Xe(!1),null==g||g()},headingTitle:null==ge?void 0:ge.label,headingSubtitle:j===r.CHANNEL_TYPE.WHATSAPP||s.isRCSChannel(j)?`${o.default.capitaliseFirstLetterOfString(null!==(f=null==ge?void 0:ge.category)&&void 0!==f?f:"")} • ${null!==(T=null==ge?void 0:ge.templateCategory)&&void 0!==T?T:""}`:"",onBackPress:()=>{if(null==ne?void 0:ne.show)return Je(!0),void Xe(!1);null==q||q()},modalHeaderStyles:{borderBottom:`1px solid ${a.COLORS.stroke.primary}`}},{children:[e.jsxRuntimeExports.jsx(p.default,{variableListFromProps:H,showSampleValues:F,showVariableMapping:y,channel:j,whatsappSpecificPickerMeta:k,showVariableModal:V,discountCode:N,setDiscountCode:O,variableListForImage:R&&(null==R?void 0:R.length)>0?R:Re,fileName:J,setFileName:e=>{null==K||K(e)},skipDefaultVariableContent:te}),L?e.jsxRuntimeExports.jsx(u.default,{isWhatsappCarousel:null!=ue&&ue,onSelect:function(){var e;if((null==qe?void 0:qe.length)<1&&ce)return void be(!0);if(Object.keys(Ze).length>0&&W!==n.POD.CHATBOT)return void be(!0);const t=null==L?void 0:L(ge,ke,null!=xe?xe:"",qe);Pe(null!==(e=null==t?void 0:t.templateErrorIndexes)&&void 0!==e?e:{body:[],buttons:[]}),(null==t?void 0:t.errorIndexes)||(null==t?void 0:t.error)?((null==t?void 0:t.errorIndexes)&&fe(t.errorIndexes),(null==t?void 0:t.error)&&be(!!(null==t?void 0:t.error))):He(!0)},footerButtonText:se,footerInfoText:re}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("lodash"),l=require("react"),o=require("../../utils/StringUtils.js"),a=require("../../constants/Theme.js"),i=require("../modals/styledModal.js"),s=require("../template-preview/helpers/templateMiscHelper.js"),r=require("../template-preview/models/Channels.js"),n=require("../template-preview/models/WhatsAppTemplate.js"),d=require("./context/templateModalContext.js"),u=require("./modalElements/Footer.js"),c=require("./modalElements/TemplateAnalyticsComponent.js"),p=require("./modalElements/TemplateSelectModalContent.js"),m=require("./utils/convertPlaceholdersToBikDropdown.js");exports.TemplateContextMapper=v=>{var C,x,h,E,b,S,f,T;const{selectedTemplate:P,closeDialog:g,showVariableMapping:j,channel:y,htmlContent:I,templateVariables:L,onTemplateSelect:D,globalPlaceholders:w,showOnlyContent:A,whatsappSpecificPickerMeta:k,zIndex:M,showVariableModal:V,variableList:H,discountCode:N,setDiscountCode:O,onBackPress:q,enabledCustomText:B,variableListForImage:R,showSampleValues:F,disableEditVariable:_,pod:W,extras:Y,pickerConf:$,selectedCarouselProducts:z,disableEditExpiry:Q,cardWidth:U,onDeleteSelectedProducts:G,fileName:J,setFileName:K,hideDeviceContainerInPreview:X,maxCharLimit:Z,onDefaultVariableSelect:ee,skipDefaultVariableContent:te,disableDatePicker:le,disableCopyCode:oe,initialExpiryDateTime:ae,showDiscountCodeExpiryInfo:ie,footerButtonText:se,footerInfoText:re,templateAnalytics:ne}=v;l.useEffect((()=>{he(I)}),[I]);const de=s.determineCardIndex(y),ue=s.isItCarousal(y,P),ce=null==P?void 0:P.isProductCarouselType,[pe,me]=l.useState(y===r.CHANNEL_TYPE.EMAIL||y==r.CHANNEL_TYPE.WEBPUSH||ue?"desktop":"mobile"),[ve,Ce]=l.useState(!1),[xe,he]=l.useState(I),[Ee,be]=l.useState(!1),[Se,fe]=l.useState([]),[Te,Pe]=l.useState({}),[ge,je]=l.useState(P),[ye,Ie]=l.useState([]),[Le,De]=l.useState(null),[we,Ae]=l.useState(!1),[ke,Me]=l.useState(null!=L?L:[]),[Ve,He]=l.useState(!1),[Ne,Oe]=l.useState(ue?(null===(x=null===(C=null==ge?void 0:ge.mapping)||void 0===C?void 0:C.body)||void 0===x?void 0:x.length)?-1:0:-1),[qe,Be]=l.useState([]),[Re,Fe]=l.useState(void 0),_e=l.useRef(null),[We,Ye]=l.useState(!1),[$e,ze]=l.useState(!1),[Qe,Ue]=l.useState(!1),[Ge,Je]=l.useState(!0),[Ke,Xe]=l.useState(!0),[Ze,et]=l.useState({});l.useEffect((()=>{z?Be(z):ce&&Be([])}),[z]),l.useEffect((()=>{var e;if(!we&&ce&&(!z||0===Be.length)){const t=null===(e=null==ge?void 0:ge.components)||void 0===e?void 0:e[de].cards,l=[];null==t||t.forEach((e=>{var t;null===(t=null==e?void 0:e.components)||void 0===t||t.forEach((e=>{var t,o,a;"HEADER"===e.type&&l.push(null!==(a=null===(o=null===(t=e.example)||void 0===t?void 0:t.header_handle)||void 0===o?void 0:o[0])&&void 0!==a?a:"")}))})),Ie(l),Ae(!0)}}),[we]);const tt=l.useMemo((()=>m.convertPlaceholdersToBikDropdown(w)),[w]);return l.useEffect((()=>{Fe(t.cloneDeep(H))}),[H]),(null==ne?void 0:ne.show)&&Ge&&ne.templateQuality&&Object.values(n.TEMPLATE_QUALITY).find((e=>e===String(ne.templateQuality)))?e.jsxRuntimeExports.jsx(c.TemplateAnalyticsComponent,{headingTitle:null==ge?void 0:ge.label,headingSubtitle:y===r.CHANNEL_TYPE.WHATSAPP?`${o.default.capitaliseFirstLetterOfString(null!==(h=null==ge?void 0:ge.category)&&void 0!==h?h:"")} • ${null!==(E=null==ge?void 0:ge.templateCategory)&&void 0!==E?E:""}`:"",templateAnalytics:ne,onClose:()=>{null==g||g(),Je(!1),Xe(!1)},onCancel:()=>{Je(!1),Xe(!1)},onProceed:()=>{Je(!1),Xe(!0)},templateId:(null==ge?void 0:ge.templateId)||""}):e.jsxRuntimeExports.jsx(d.TemplateModalContext.Provider,Object.assign({value:{hideFooterButton:Qe,setHideFooterButton:Ue,hideCrossButton:$e,setHideCrossButton:ze,variableList:Re,setVariableList:Fe,variableCallback:Le,setVariableCallback:De,showVariablePicker:ve,setShowVariablePicker:Ce,template:ge,setTemplate:je,device:pe,setDevice:me,display_content:xe,setDisplayContent:he,originalVariableList:ke,setOriginalVariableList:Me,isError:Ee,setIsError:be,channel:y,globalNormalizedPlaceholders:tt,templateSelectionTriggered:Ve,setTemplateSelectionTriggered:He,enabledCustomText:B,disableEditVariable:_,pod:W,extras:Y,isWhatsappCarousel:ue,selectedCarouselIndex:Ne,setSelectedCarouselIndex:Oe,isProductCarouselType:ce,templateErrorIndexes:Te,cardCount:ue?null===(S=null===(b=P.components)||void 0===b?void 0:b[de].cards)||void 0===S?void 0:S.length:void 0,errorIndexes:Se,setErrorIndexes:fe,pickerConf:$,carouselProducts:qe,setCarouselProducts:Be,disableEditExpiry:Q,cardWidth:U,cardImages:ye,onDeleteSelectedProducts:G,hideDeviceContainerInPreview:X,sliderRef:_e,isCarouselHovered:We,setIsCarouselHovered:Ye,maxCharLimit:Z,ctaOptionsErrors:Ze,setCtaOptionsErrors:et,onDefaultVariableSelect:ee,disableDatePicker:le,disableCopyCode:oe,initialExpiryDateTime:ae,showDiscountCodeExpiryInfo:ie,cardIndex:de}},{children:A?e.jsxRuntimeExports.jsx(p.default,{variableListFromProps:H,channel:r.CHANNEL_TYPE.EMAIL,hideHeader:!0}):e.jsxRuntimeExports.jsxs(i.StyledModal,Object.assign({hideCrossButton:$e,zIndex:M,centralContainerStyles:{width:ue?900:y===r.CHANNEL_TYPE.EMAIL&&j?1e3:800},open:Ke,onClose:()=>{Xe(!1),null==g||g()},headingTitle:null==ge?void 0:ge.label,headingSubtitle:y===r.CHANNEL_TYPE.WHATSAPP||s.isRCSChannel(y)?`${o.default.capitaliseFirstLetterOfString(null!==(f=null==ge?void 0:ge.category)&&void 0!==f?f:"")} • ${null!==(T=null==ge?void 0:ge.templateCategory)&&void 0!==T?T:""}`:"",onBackPress:()=>{if(null==ne?void 0:ne.show)return Je(!0),void Xe(!1);null==q||q()},modalHeaderStyles:{borderBottom:`1px solid ${a.COLORS.stroke.primary}`}},{children:[e.jsxRuntimeExports.jsx(p.default,{variableListFromProps:H,showSampleValues:F,showVariableMapping:j,channel:y,whatsappSpecificPickerMeta:k,showVariableModal:V,discountCode:N,setDiscountCode:O,variableListForImage:R&&(null==R?void 0:R.length)>0?R:Re,fileName:J,setFileName:e=>{null==K||K(e)},skipDefaultVariableContent:te}),D?e.jsxRuntimeExports.jsx(u.default,{isWhatsappCarousel:null!=ue&&ue,onSelect:function(){var e;if((null==qe?void 0:qe.length)<1&&ce)return void be(!0);if(Object.keys(Ze).length>0&&W!==n.POD.CHATBOT)return void be(!0);const t=null==D?void 0:D(ge,ke,null!=xe?xe:"",qe);Pe(null!==(e=null==t?void 0:t.templateErrorIndexes)&&void 0!==e?e:{body:[],buttons:[]}),(null==t?void 0:t.errorIndexes)||(null==t?void 0:t.error)?((null==t?void 0:t.errorIndexes)&&fe(t.errorIndexes),(null==t?void 0:t.error)&&be(!!(null==t?void 0:t.error))):He(!0)},footerButtonText:se,footerInfoText:re}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})]}))}))};

package/dist/cjs/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.d.ts

@@ -1,9 +1,8 @@
-import { TEMPLATE_QUALITY, TemplateAnalyticsComponentI, TemplateAnalyticsDataI } from "../../template-preview/models/WhatsAppTemplate";
+import { TemplateAnalyticsComponentI, TemplateAnalyticsDataI } from "../../template-preview/models/WhatsAppTemplate";
 export declare const TemplateAnalyticsComponent: (props: TemplateAnalyticsComponentI) => import("react/jsx-runtime").JSX.Element;
 export declare const RightPanelTemplateAnalytics: (props: {
     analyticsData: TemplateAnalyticsDataI;
     skipTitle?: boolean;
-    fullWidth?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const AnalyticsItem: (props: {
     icon: React.ElementType;
@@ -11,6 +10,3 @@ export declare const AnalyticsItem: (props: {
     value: number;
     percentValue?: number;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const QualityTimelineChart: (props: {
-    qualityTimeLine: TEMPLATE_QUALITY[];
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/template-context-mapper/modalElements/TemplateAnalyticsComponent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("../../../assets/icons/click.svg.js"),s=require("../../../assets/icons/speedometer.svg.js"),n=require("react"),i=require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),a=require("../../modals/styledModal.js"),r=require("../../tag/Tag.js"),l=require("../../template-preview/models/WhatsAppTemplate.js"),c=require("../../TypographyStyle.js"),o=require("../../../constants/Theme.js"),x=require("../styles/TemplateAnalyticsStyles.js"),u=require("../utils/TemplateConstants.js"),d=require("./TemplateAnalyticsSkeleton.js");const m=s=>{var n;const{analyticsData:i,skipTitle:a,fullWidth:r}=s;return e.jsxRuntimeExports.jsxs(x.RightPanelContainer,Object.assign({fullWidth:r},{children:[a?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.jsx(c.TitleSmall,{children:"Here are your template's delivery & engagement stats for the last 30 days"}),e.jsxRuntimeExports.jsx("div",Object.assign({className:"mt-3"},{children:u.ANALYTICS_ENGAGEMENT_MAP.map(((t,s)=>e.jsxRuntimeExports.jsx(j,{icon:t.icon,title:t.title,value:i[t.valName]||0,percentValue:t.percentValName?i[t.percentValName]:null},s)))})),(null==i?void 0:i.clickAnalytics)&&Object.keys(null==i?void 0:i.clickAnalytics)&&Object.keys(null==i?void 0:i.clickAnalytics).length?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(c.TitleSmall,Object.assign({color:o.COLORS.content.secondary},{children:"Clicked"})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"mt-3"},{children:Object.entries(i.clickAnalytics).map(((s,n)=>{let[i,a]=s;return e.jsxRuntimeExports.jsx(j,{icon:t.default,title:i,value:a.totalClicks||0,percentValue:a.clickPercentage},n)}))}))]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),(null===(n=null==i?void 0:i.performance)||void 0===n?void 0:n.qualityTimeLine)&&i.performance.qualityTimeLine.length>0?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(c.TitleSmall,Object.assign({color:o.COLORS.content.secondary},{children:"Performance"})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"mt-3"},{children:e.jsxRuntimeExports.jsx(p,{qualityTimeLine:i.performance.qualityTimeLine})}))]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})]}))},j=t=>{const{icon:s,title:n,value:i,percentValue:a}=t;return e.jsxRuntimeExports.jsxs("div",Object.assign({className:"each--analytics--container"},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"each--icon--container"},{children:e.jsxRuntimeExports.jsx(s,{width:"16px",height:"16px",color:o.COLORS.background.brand})})),e.jsxRuntimeExports.jsx(c.Caption,{children:n})]})),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[a?e.jsxRuntimeExports.jsx(r.Tag,{tagText:`${a}%`||0,theme:"light",type:"neutral"}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),e.jsxRuntimeExports.jsx(x.CustomTitleMedium,{children:i})]}))]}))},p=t=>{const{qualityTimeLine:n}=t,a=n.map((e=>{switch(e){case l.TEMPLATE_QUALITY.GREEN:return 2;case l.TEMPLATE_QUALITY.YELLOW:return 1;case l.TEMPLATE_QUALITY.RED:return.2;default:return 0}})),r=n.map(((e,t)=>`T${t+1}`)),x=n.map((e=>(e=>{switch(e){case l.TEMPLATE_QUALITY.GREEN:return o.COLORS.content.positive;case l.TEMPLATE_QUALITY.YELLOW:return o.COLORS.content.warning;case l.TEMPLATE_QUALITY.RED:return o.COLORS.content.negative;default:return o.COLORS.content.secondary}})(e)));return e.jsxRuntimeExports.jsxs("div",Object.assign({className:"each--analytics--container",style:{padding:16,display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",borderRadius:8,border:`1px solid ${o.COLORS.background.inactive}`}},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8,width:"50%"}},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"each--icon--container"},{children:e.jsxRuntimeExports.jsx(s.default,{width:16,height:16,color:o.COLORS.content.secondary})})),e.jsxRuntimeExports.jsx(c.Caption,{children:"Quality timeline"})]})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"d-flex align--center",style:{width:"50%",height:"62px",marginTop:-80}},{children:e.jsxRuntimeExports.jsx(i.LineChart,{datas:[{data:a,lineColor:"green",lineWidth:1,gradientColor:{start:"#E6F4E7",end:"#E6F4E7"},gradient:!0,pointColors:x}],labels:r,legends:[],canvasHeight:120,maintainAspectRatio:!1,min:0,max:4,stepSize:1,isNewStyles:!0,pointRadius:3.5,scaleText:{xDrawBorder:!1,yDrawBorder:!1},ticksLabelCallback:()=>"",labelCallback:e=>`${(e=>{switch(e){case 2:return"High";case 1:return"Medium";case.2:return"Low";default:return"Unknown"}})(e.parsed.y)}`,titleTooltipCallback:()=>"",customYHeaders:{0:"",1:"",2:""}})}))]}))};exports.AnalyticsItem=j,exports.QualityTimelineChart=p,exports.RightPanelTemplateAnalytics=m,exports.TemplateAnalyticsComponent=t=>{const{templateAnalytics:s,onClose:i,onProceed:r,onCancel:j,headingTitle:p,headingSubtitle:E,templateId:h}=t,{templateQuality:T=l.TEMPLATE_QUALITY.GREEN,fetchAnalytics:g}=s||{},{Icon:R,title:y,subline:L,sublineTextType:O,sublineColor:b}=u.TEMPLATE_QUALITY_MAP[T||l.TEMPLATE_QUALITY.GREEN],[A,C]=n.useState((null==t?void 0:t.analyticsData)||{}),[v,N]=n.useState(!0);n.useEffect((()=>{(null==t?void 0:t.analyticsData)?N(!1):null==g||g(h||"").then((e=>{e.analytics&&C(e.analytics),N(!1)}))}),[]);const S=n.useMemo((()=>({primaryButton:{buttonText:"Proceed with selection",buttonType:"primary",onClick:r,disabled:v},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",onClick:()=>{null==i||i(),null==j||j()},disabled:v}})),[T,v]),f=O||c.Caption;return e.jsxRuntimeExports.jsx(a.StyledModal,Object.assign({open:!0,headingTitle:p,tintedHeader:!0,modalHeaderStyles:{backgroundColor:o.COLORS.surface.subdued},onBackPress:()=>{null==i||i()},headingSubtitle:E,footerShadow:!0,primaryButton:S.primaryButton,secondaryButton:S.secondaryButton,onClose:()=>{null==i||i()},width:"700px"},{children:e.jsxRuntimeExports.jsxs(x.TemplateContainer,{children:[T!=l.TEMPLATE_QUALITY.UNKNOWN&&e.jsxRuntimeExports.jsx(x.LeftPanelContainer,{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"inside--container"},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"icon--container",style:{background:T===l.TEMPLATE_QUALITY.GREEN?o.COLORS.background.positive.light:o.COLORS.background.warning.light}},{children:e.jsxRuntimeExports.jsx(R,{width:40,height:40,color:T===l.TEMPLATE_QUALITY.GREEN?o.COLORS.content.positive:o.COLORS.content.warning})})),y&&e.jsxRuntimeExports.jsx(c.TitleRegular,Object.assign({style:{textAlign:"center"}},{children:y})),e.jsxRuntimeExports.jsx(f,Object.assign({style:{textAlign:"center",color:b||o.COLORS.content.primary}},{children:L}))]}))}),v?e.jsxRuntimeExports.jsx(d.TemplateAnalyticsSkeleton,{fullWidth:T===l.TEMPLATE_QUALITY.UNKNOWN}):e.jsxRuntimeExports.jsx(m,{analyticsData:A,fullWidth:T===l.TEMPLATE_QUALITY.UNKNOWN})]})}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("../../../assets/icons/alert_triangle.svg.js"),s=require("../../../assets/icons/click.svg.js"),n=require("react"),i=require("../../modals/styledModal.js"),l=require("../../tag/Tag.js"),a=require("../../template-preview/models/WhatsAppTemplate.js"),r=require("../../TypographyStyle.js"),o=require("../../../constants/Theme.js"),c=require("../styles/TemplateAnalyticsStyles.js"),x=require("../utils/TemplateConstants.js"),u=require("./TemplateAnalyticsSkeleton.js");const j=t=>{const{analyticsData:n,skipTitle:i}=t;return e.jsxRuntimeExports.jsxs(c.RightPanelContainer,{children:[i?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.jsx(r.TitleSmall,{children:"Here are your template's delivery & engagement stats for the last 30 days"}),e.jsxRuntimeExports.jsx("div",Object.assign({className:"mt-3"},{children:x.ANALYTICS_ENGAGEMENT_MAP.map(((t,s)=>e.jsxRuntimeExports.jsx(m,{icon:t.icon,title:t.title,value:n[t.valName]||0,percentValue:t.percentValName?n[t.percentValName]:null},s)))})),(null==n?void 0:n.clickAnalytics)&&Object.keys(null==n?void 0:n.clickAnalytics)&&Object.keys(null==n?void 0:n.clickAnalytics).length?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.TitleSmall,Object.assign({color:o.COLORS.content.secondary},{children:"Clicked"})),e.jsxRuntimeExports.jsx("div",Object.assign({className:"mt-3"},{children:Object.entries(n.clickAnalytics).map(((t,n)=>{let[i,l]=t;return e.jsxRuntimeExports.jsx(m,{icon:s.default,title:i,value:l.totalClicks||0,percentValue:l.clickPercentage},n)}))}))]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})]})},m=t=>{const{icon:s,title:n,value:i,percentValue:a}=t;return e.jsxRuntimeExports.jsxs("div",Object.assign({className:"each--analytics--container"},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({className:"each--icon--container"},{children:e.jsxRuntimeExports.jsx(s,{width:"16px",height:"16px",color:o.COLORS.background.brand})})),e.jsxRuntimeExports.jsx(r.Caption,{children:n})]})),e.jsxRuntimeExports.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[a?e.jsxRuntimeExports.jsx(l.Tag,{tagText:`${a}%`||0,theme:"light",type:"neutral"}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),e.jsxRuntimeExports.jsx(c.CustomTitleMedium,{children:i})]}))]}))};exports.AnalyticsItem=m,exports.RightPanelTemplateAnalytics=j,exports.TemplateAnalyticsComponent=s=>{const{templateAnalytics:l,onClose:m,onProceed:p,onCancel:d,headingTitle:y,headingSubtitle:E,templateId:T}=s,{templateQuality:g=a.TEMPLATE_QUALITY.GREEN,fetchAnalytics:h}=l||{},{icon:R,title:b,subline:A,sublineTextType:C,sublineColor:O}=x.TEMPLATE_QUALITY_MAP[g||a.TEMPLATE_QUALITY.GREEN],[k,v]=n.useState({}),[S,N]=n.useState(!0);n.useEffect((()=>{null==h||h(T||"").then((e=>{e.analytics&&v(e.analytics),N(!1)}))}),[]);const L=n.useMemo((()=>g===a.TEMPLATE_QUALITY.GREEN?{primaryButton:{buttonText:"Proceed with selection",buttonType:"primary",onClick:p,disabled:S},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",onClick:()=>{null==m||m(),null==d||d()},disabled:S}}:{primaryButton:{buttonText:"Cancel",buttonType:"primary",onClick:()=>{null==m||m(),null==d||d()},disabled:S},secondaryButton:{buttonText:"Proceed with selection",buttonType:"secondary",onClick:p,disabled:S}}),[g,S]),P=C||r.Caption;return e.jsxRuntimeExports.jsx(i.StyledModal,Object.assign({open:!0,headingTitle:y,tintedHeader:!0,modalHeaderStyles:{backgroundColor:o.COLORS.surface.subdued},onBackPress:()=>{null==m||m()},headingSubtitle:E,footerShadow:!0,primaryButton:L.primaryButton,secondaryButton:L.secondaryButton,onClose:()=>{null==m||m()},width:"700px"},{children:e.jsxRuntimeExports.jsxs(c.TemplateContainer,{children:[e.jsxRuntimeExports.jsx(c.LeftPanelContainer,{children:e.jsxRuntimeExports.jsxs("div",Object.assign({className:"inside--container"},{children:[R&&e.jsxRuntimeExports.jsx("div",Object.assign({className:"icon--container"},{children:e.jsxRuntimeExports.jsx(t.default,{width:40,height:40,color:o.COLORS.content.warning})})),b&&e.jsxRuntimeExports.jsx(r.TitleRegular,Object.assign({style:{textAlign:"center"}},{children:b})),e.jsxRuntimeExports.jsx(P,Object.assign({style:{textAlign:"center",color:O||o.COLORS.content.primary}},{children:A}))]}))}),S?e.jsxRuntimeExports.jsx(u.TemplateAnalyticsSkeleton,{}):e.jsxRuntimeExports.jsx(j,{analyticsData:k,skipTitle:g==a.TEMPLATE_QUALITY.GREEN})]})}))};

package/dist/cjs/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.d.ts

@@ -1,4 +1,3 @@
 export declare const TemplateAnalyticsSkeleton: (props: {
     skipTitleShimmer?: boolean;
-    fullWidth?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/template-context-mapper/modalElements/TemplateAnalyticsSkeleton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("../../../node_modules/react/jsx-runtime.js"),e=require("../../shimmer/ShimmerComponent/BikShimmer.js"),t=require("../styles/TemplateAnalyticsStyles.js");const i=()=>s.jsxRuntimeExports.jsxs("div",Object.assign({className:"each--analytics--container"},{children:[s.jsxRuntimeExports.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[s.jsxRuntimeExports.jsx(e.BikShimmer,{boxes:[{width:"24px",height:"24px"}]}),s.jsxRuntimeExports.jsx(e.BikShimmer,{boxes:[{width:"69px",height:"11px"}]})]})),s.jsxRuntimeExports.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[s.jsxRuntimeExports.jsx(e.BikShimmer,{boxes:[{width:"43px",height:"18px"}]}),s.jsxRuntimeExports.jsx(e.BikShimmer,{boxes:[{width:"69px",height:"28px"}]})]}))]}));exports.TemplateAnalyticsSkeleton=x=>{const{skipTitleShimmer:r,fullWidth:n}=x;return s.jsxRuntimeExports.jsxs(t.RightPanelContainer,Object.assign({fullWidth:n},{children:[s.jsxRuntimeExports.jsx("div",{children:r?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{}):s.jsxRuntimeExports.jsx(e.BikShimmer,{boxes:[{width:"76px",height:"18px"}]})}),s.jsxRuntimeExports.jsx("div",Object.assign({className:"mt-3"},{children:[0,1,2].map((e=>s.jsxRuntimeExports.jsx(i,{},e)))})),s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{children:s.jsxRuntimeExports.jsx(e.BikShimmer,{boxes:[{width:"76px",height:"18px"}]})}),s.jsxRuntimeExports.jsx("div",Object.assign({className:"mt-3"},{children:s.jsxRuntimeExports.jsx(i,{})}))]})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("../../../node_modules/react/jsx-runtime.js"),e=require("../../shimmer/ShimmerComponent/BikShimmer.js"),t=require("../styles/TemplateAnalyticsStyles.js");const i=()=>s.jsxRuntimeExports.jsxs("div",Object.assign({className:"each--analytics--container"},{children:[s.jsxRuntimeExports.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[s.jsxRuntimeExports.jsx(e.BikShimmer,{boxes:[{width:"24px",height:"24px"}]}),s.jsxRuntimeExports.jsx(e.BikShimmer,{boxes:[{width:"69px",height:"11px"}]})]})),s.jsxRuntimeExports.jsxs("div",Object.assign({className:"d-flex align--center",style:{gap:8}},{children:[s.jsxRuntimeExports.jsx(e.BikShimmer,{boxes:[{width:"43px",height:"18px"}]}),s.jsxRuntimeExports.jsx(e.BikShimmer,{boxes:[{width:"69px",height:"28px"}]})]}))]}));exports.TemplateAnalyticsSkeleton=x=>{const{skipTitleShimmer:r}=x;return s.jsxRuntimeExports.jsxs(t.RightPanelContainer,{children:[s.jsxRuntimeExports.jsx("div",{children:r?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{}):s.jsxRuntimeExports.jsx(e.BikShimmer,{boxes:[{width:"76px",height:"18px"}]})}),s.jsxRuntimeExports.jsx("div",Object.assign({className:"mt-3"},{children:[0,1,2].map((e=>s.jsxRuntimeExports.jsx(i,{},e)))})),s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{children:s.jsxRuntimeExports.jsx(e.BikShimmer,{boxes:[{width:"76px",height:"18px"}]})}),s.jsxRuntimeExports.jsx("div",Object.assign({className:"mt-3"},{children:s.jsxRuntimeExports.jsx(i,{})}))]})]})};

package/dist/cjs/components/template-context-mapper/styles/TemplateAnalyticsStyles.d.ts

@@ -1,7 +1,5 @@
 export declare const TemplateContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RightPanelContainer: import("styled-components").StyledComponent<"div", any, {
-    fullWidth?: boolean | undefined;
-}, never>;
+export declare const RightPanelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LeftPanelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CustomTitleMedium: import("styled-components").StyledComponent<"div", any, {
     numberOfLines?: number | undefined;

package/dist/cjs/components/template-context-mapper/styles/TemplateAnalyticsStyles.js

@@ -2,14 +2,13 @@
 	display: flex;
 	padding: 16px 0px;
 `,o=r.default.div`
-	max-width: ${e=>e.fullWidth?"none":"450px"};
+	max-width: 450px;
 	height: 456px;
 	min-width: 358px;
 	overflow-y: auto;
-	border-left: ${e=>e.fullWidth?"none":`${i.COLORS.stroke.primary} 1px solid`};
+	border-left: ${i.COLORS.stroke.primary} 1px solid;
 	padding: 0px 23px 32px 23px;
 	gap: 16px;
-	${e=>e.fullWidth&&"flex: 1;"}
 	.each--analytics--container {
 		border: 1px solid ${i.COLORS.background.inactive};
 		border-radius: 8px;
@@ -32,7 +31,7 @@
 	.align--center {
 		align-items: center;
 	}
-`,d=r.default.div`
+`,p=r.default.div`
 	padding: 0px 23px 32px 23px;
 	flex: 1;
 	height: 456px;
@@ -56,9 +55,9 @@
 		align-items: center;
 		justify-content: center;
 	}
-`,l=r.default(t.TitleMedium)`
+`,d=r.default(t.TitleMedium)`
 	white-space: nowrap;
 	max-width: 161px;
 	overflow: hidden;
 	text-overflow: ellipsis;
-`;exports.CustomTitleMedium=l,exports.LeftPanelContainer=d,exports.RightPanelContainer=o,exports.TemplateContainer=a;
+`;exports.CustomTitleMedium=d,exports.LeftPanelContainer=p,exports.RightPanelContainer=o,exports.TemplateContainer=a;