@bikdotai/bik-component-library 0.0.736-beta.1 → 0.0.736-beta.10

package/dist/esm/components/accordion/Accordion.style.js

@@ -28,7 +28,7 @@ import e from"styled-components";import{COLORS as r}from"../../constants/Theme.j
 				display: flex;
 				gap: 8px;
 			}
-			:hover {
+			&:hover {
 				background: ${e=>e.skipHoverState?null:r.surface.subdued};
 				border-radius: ${e=>e.skipHoverState?null:"4px"};
 			}

package/dist/esm/components/accordion/AccordionArrow.js

@@ -1 +1 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"react";const l=o.forwardRef(((o,l)=>{var i,n;return r("div",{ref:l,className:"d-flex align-items-center",children:[!o.isNewIcon&&e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M7.7071 10.7071C7.07713 10.0771 7.5233 9 8.41421 9H15.5858C16.4767 9 16.9228 10.0771 16.2929 10.7071L12.7071 14.2929C12.3166 14.6834 11.6834 14.6834 11.2929 14.2929L7.7071 10.7071Z",fill:null!==(i=o.arrowColor)&&void 0!==i?i:"currentColor"})}),o.isNewIcon&&e("svg",{width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.528758 0.52827C0.789108 0.26792 1.21122 0.26792 1.47157 0.52827L5.00016 4.05687L8.52876 0.52827C8.78911 0.26792 9.21122 0.26792 9.47157 0.52827C9.73192 0.788619 9.73192 1.21073 9.47157 1.47108L5.47157 5.47108C5.21122 5.73143 4.78911 5.73143 4.52876 5.47108L0.528758 1.47108C0.268409 1.21073 0.268409 0.788619 0.528758 0.52827Z",fill:null!==(n=o.arrowColor)&&void 0!==n?n:"currentColor"})})]})}));l.displayName="BikAccordionArrow";export{l as default};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"react";const l=o.forwardRef((o,l)=>{var i,n;return r("div",{ref:l,className:"d-flex align-items-center",children:[!o.isNewIcon&&e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M7.7071 10.7071C7.07713 10.0771 7.5233 9 8.41421 9H15.5858C16.4767 9 16.9228 10.0771 16.2929 10.7071L12.7071 14.2929C12.3166 14.6834 11.6834 14.6834 11.2929 14.2929L7.7071 10.7071Z",fill:null!==(i=o.arrowColor)&&void 0!==i?i:"currentColor"})}),o.isNewIcon&&e("svg",{width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.528758 0.52827C0.789108 0.26792 1.21122 0.26792 1.47157 0.52827L5.00016 4.05687L8.52876 0.52827C8.78911 0.26792 9.21122 0.26792 9.47157 0.52827C9.73192 0.788619 9.73192 1.21073 9.47157 1.47108L5.47157 5.47108C5.21122 5.73143 4.78911 5.73143 4.52876 5.47108L0.528758 1.47108C0.268409 1.21073 0.268409 0.788619 0.528758 0.52827Z",fill:null!==(n=o.arrowColor)&&void 0!==n?n:"currentColor"})})]})});l.displayName="BikAccordionArrow";export{l as default};

package/dist/esm/components/action-button/ActionButton.styled.js

@@ -11,7 +11,7 @@ import r from"styled-components";import{BASE_COLORS as e}from"../../constants/Th
 	border-radius: 4px;
 	border: ${r=>{var o;return null!==(o=r.border)&&void 0!==o?o:`1px solid ${e.grayscale[200]}`}};
 	cursor: pointer;
-	:hover {
+	&:hover {
 		background-color: ${r=>r.isSelected||r.isError?"":e.grayscale[200]};
 		border: ${r=>r.isSelected||r.isError?"":r.isConfigured?`1px solid ${e.grayscale[400]}`:`1px dashed ${e.grayscale[400]}`};
 	}

package/dist/esm/components/action-button/ActionButtons.js

@@ -1 +1 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{BASE_COLORS as o}from"../../constants/Theme.js";import s from"../../assets/icons/similar.svg.js";import{BodyPrimary as i}from"../TypographyStyle.js";import{ActionButtonContainer as t}from"./ActionButton.styled.js";const l=l=>{let{state:c,buttonText:d,icon:a=s,isSelected:n,isError:g,onClick:b}=l;const{color:p,border:m}="CONFIGURED"===c?(r=>{let{isSelected:e,isError:s}=r;return e&&s?{color:o.negative[700],border:`1px solid ${o.negative[700]}`}:e?{color:o.brand[500],border:`1px solid ${o.brand[500]}`}:s?{color:o.grayscale[900],border:`1px solid ${o.negative[700]}`}:{color:o.grayscale[900],border:`1px solid ${o.grayscale[200]}`}})({isSelected:n,isError:g}):(r=>{let{isSelected:e,isError:s}=r;return e&&s?{color:o.negative[700],border:`1px solid ${o.negative[700]}`}:e?{color:o.brand[500],border:`1px solid ${o.brand[500]}`}:s?{color:o.grayscale[700],border:`1px solid ${o.negative[700]}`}:{color:o.grayscale[700],border:`1px dashed ${o.grayscale[200]}`}})({isSelected:n,isError:g}),y={height:20,width:20,color:p,style:{display:"block"},className:"icon"};return r(t,{isSelected:n,isError:g,border:m,isConfigured:"CONFIGURED"===c,onClick:b,children:[e("div",{className:"action__icon",children:e(a,Object.assign({},y))}),e(i,{style:{fontWeight:600,color:p},children:d})]})};export{l as ActionButtons};
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import{BASE_COLORS as e}from"../../constants/Theme.js";import s from"../../assets/icons/similar.svg.js";import{BodyPrimary as i}from"../TypographyStyle.js";import{ActionButtonContainer as l}from"./ActionButton.styled.js";const t=({state:t,buttonText:c,icon:d=s,isSelected:a,isError:n,onClick:g})=>{const{color:b,border:p}="CONFIGURED"===t?(({isSelected:r,isError:o})=>r&&o?{color:e.negative[700],border:`1px solid ${e.negative[700]}`}:r?{color:e.brand[500],border:`1px solid ${e.brand[500]}`}:o?{color:e.grayscale[900],border:`1px solid ${e.negative[700]}`}:{color:e.grayscale[900],border:`1px solid ${e.grayscale[200]}`})({isSelected:a,isError:n}):(({isSelected:r,isError:o})=>r&&o?{color:e.negative[700],border:`1px solid ${e.negative[700]}`}:r?{color:e.brand[500],border:`1px solid ${e.brand[500]}`}:o?{color:e.grayscale[700],border:`1px solid ${e.negative[700]}`}:{color:e.grayscale[700],border:`1px dashed ${e.grayscale[200]}`})({isSelected:a,isError:n}),m={height:20,width:20,color:b,style:{display:"block"},className:"icon"};return r(l,{isSelected:a,isError:n,border:p,isConfigured:"CONFIGURED"===t,onClick:g,children:[o("div",{className:"action__icon",children:o(d,Object.assign({},m))}),o(i,{style:{fontWeight:600,color:b},children:c})]})};export{t as ActionButtons};

package/dist/esm/components/add-variableV2/AddVariableV2.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as a,jsxs as i,Fragment as l}from"react/jsx-runtime";import s from"../../assets/icons/back_icon.svg.js";import t from"../../assets/icons/chevronRightAlt.svg.js";import r from"../../assets/icons/cross.svg.js";import n from"../../assets/icons/plus.svg.js";import o from"../../assets/icons/undo.svg.js";import{memo as d,useState as c,useEffect as v}from"react";import{AddVariableStyled as m}from"./AddVariableV2.styled.js";import{Button as b}from"../button/Button.js";import{IconButton as h}from"../icon-button/IconButton.js";import{SearchBar as p}from"../searchBar/searchBar.js";import{Tooltip as u}from"../tooltips/Tooltip.js";import{COLORS as y}from"../../constants/Theme.js";import{CloseButtonContainer as g}from"../modals/modal.styled.js";import{Switch as f}from"../switch/Switch.js";import{BodySecondary as N,TitleSmall as j,BodyCaption as V}from"../TypographyStyle.js";const w=d((d=>{const{data:w,hasHeader:S=!0,needsBorder:_=!0,styledCloseBtn:C=!1,readonly:T=!1}=d,[k,O]=c({}),[x,L]=c(),[B,I]=c(""),[A,E]=c(""),[F,H]=c(!0),z=/.*\..*/,[P,$]=c(d.data),[R,M]=c(!0);v((()=>{const e={};w.forEach((a=>{e[a.displayName]=[]})),L(e)}),[w]),v((()=>{G(!0)}),[]),v((()=>{G(R,!B)}),[k,B]),v((()=>{M(!0),E(""),D([],B),L((e=>Object.assign(Object.assign({},e),{[B]:[]}))),I("");const e=d.data.map((e=>J(e))).filter((e=>null!==e));$(e),e.length>0?H(!0):H(!1)}),[d.reRender]),v((()=>{let e=d.data;B&&(e=[k[B]]);W(e,R).length>0?H(!0):H(!1)}),[A]);const W=function(e){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return e.flatMap((e=>Object.keys(e.variables).filter((i=>{var l;return(null===(l=e.variables[i].displayName)||void 0===l?void 0:l.toLowerCase().includes(A.toLowerCase()))&&(!a||e.variables[i].isAvailable===a)||q(e.variables[i])}))))},D=(e,a)=>{const i=w.find((e=>e.displayName===a));if(i){let l=i;e.forEach(((e,a)=>{l=l.variables[e]})),O((e=>Object.assign(Object.assign({},e),{[a]:l})))}},q=e=>{let a=!1;if(e.isSubHeader&&e.variables){const i=Object.keys(e.variables);for(let l=0;l<i.length;l++){const s=i[l];if(e.variables&&e.variables[s].displayName.toLowerCase().includes(A.toLowerCase())&&e.variables[s].isAvailable===R){a=!0;break}}}return a},G=function(e){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(M(e),e){let i=[];if(!B||a)i=d.data.map((e=>J(e))).filter((e=>null!==e));else{const e=k[B];i=d.data.filter((e=>e.displayName===B)).map((a=>J(a,e))).filter((e=>null!=e))}$(i),A&&(i=W(i,e)),i.length>0?H(!0):H(!1)}else if($(d.data),A){W(d.data,e).length>0?H(!0):H(!1)}else H(!0)};function J(e,a){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(a)for(const l in e.variables)if(e.variables[l].displayName===a.displayName)for(const a in e.variables[l].variables)e.variables[l].variables[a].isAvailable&&(i[a]=e.variables[l].variables[a]);else e.variables[l].isSubHeader&&J(e.variables[l],a,i);else for(const a in e.variables)e.variables[a].isAvailable&&(i[a]=e.variables[a]);return 0===Object.keys(i).length?null:Object.assign(Object.assign({},e),{variables:i})}const K=e=>{const i=e.item.description;return e.readonly?a("div",{children:a(Q,{item:e.item,readonly:e.readonly})}):a(l,{children:a(u,{body:"",tooltipContent:a(V,{color:y.content.primaryInverse,style:{whiteSpace:"pre-line",padding:8},children:e.item.isAvailable?i?`• ${i}\n• Recommended here`:"Recommended here":"Not recommended here"}),width:300,delay:300,placement:"bottom",children:a("div",{children:a(Q,{item:e.item})})})})},Q=e=>a(b,{darkMode:d.enableVariable?d.enableVariable:e.item.isAvailable,size:"chip",disabled:!!e.readonly&&!e.item.isSubHeader,LeadingIcon:e.item.isSubHeader||e.readonly?void 0:n,TrailingIcon:()=>e.item.isSubHeader?a("div",{className:"icon-trailing",style:{display:"flex"},children:a(t,{})}):a(l,{}),buttonText:e.item.displayName}),U=(e,i)=>R&&!e.isAvailable?a(l,{}):a("div",{onClick:e.isSubHeader?()=>{W([e],R).length||H(!1),E("");const a=[...x[B],i];D(a,B),L((e=>Object.assign(Object.assign({},e),{[B]:a})))}:()=>{d.customTrigger?(d.customTrigger(e),d.setShowVariable(!1)):d.isEvaluationList?Y(e):d.setVariableValue(d.selectWithTypes?{actualValue:e.actualValue,variableType:e.variableType,needsFetching:e.needsFetching}:e.actualValue)},children:a(K,{item:e,readonly:T})}),X=(e,a)=>{const i=[...x[e.displayName],a];D(i,e.displayName),L((a=>Object.assign(Object.assign({},a),{[e.displayName]:i}))),I(e.displayName)},Y=e=>{if(e.actualValue.match(z)){const a=e.actualValue.replace("{{","").replace("}}","").split(".");let i=a[0];a.forEach(((e,a)=>{if(0===a)return;const l=(e=>/\w+\[\d+\]/g.test(e))(e);if(l){const a=e.match(/(\w+)\[(\d+)\]/);if(a){const e=a[1],l=a[2];i+=`['${e}'][${l}]`}}else i+=`['${e}']`})),d.setVariableValue(d.selectWithTypes?{actualValue:i,variableType:e.variableType,needsFetching:e.needsFetching}:i)}else{const a=e.actualValueEval?e.actualValueEval:e.actualValue;d.setVariableValue(d.selectWithTypes?{actualValue:a,variableType:e.variableType,needsFetching:e.needsFetching}:a)}},Z=(e,a)=>{if(d.customTrigger)d.customTrigger(e.variables[a]),d.setShowVariable(!1);else if(d.isEvaluationList){const i=e.variables[a];Y(i)}else d.setVariableValue(d.selectWithTypes?{actualValue:e.variables[a].actualValue,variableType:e.variables[a].variableType,needsFetching:e.variables[a].needsFetching}:e.variables[a].actualValue)},ee=d.isModalState?void 0:{top:`${d.topPosition?d.topPosition:"small"===d.pickerSize?"300px":"60px"}`,left:`${d.leftPosition?d.leftPosition+24:430}px`};return a("div",{id:"varList",tabIndex:-1,children:i(m,{style:ee,onClick:e=>{e.stopPropagation()},pickerSize:d.pickerSize||"large",isModalState:d.isModalState,positionStrategy:d.positionStrategy,zIndex:d.zindex,height:d.height,needsBorder:_,width:d.width,children:[C&&a(g,{onClick:()=>{d.setShowVariable(!1)},style:{zIndex:300},children:a(r,{height:20,width:20,color:y.content.secondary})}),d.showVariable&&i("div",{className:"popup",children:[i("div",{className:"sticky__bar",children:[S&&i("div",{className:"header__bar",children:[a("div",{className:"add__variable",children:"Add a new variable"}),!C&&a("div",{onClick:()=>{d.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"},children:a(h,{iconButtonType:"default",Icon:r})})]}),i("div",{className:"search__bar",onBlur:e=>{d.onSearchBlur&&d.onSearchBlur(e)},children:[a(p,{width:"100%",isEnabled:!0,onChange:e=>{E(e)},onEnter:()=>{},reset:!A,placeholder:"Search...",variant:"default"}),i("div",{style:{display:"flex",alignItems:"center",marginTop:8,justifyContent:"space-between"},children:[a(N,{style:{color:y.content.secondary},children:"Show only recommended variables"}),a(f,{value:R,onValueChange:a=>e(void 0,void 0,void 0,(function*(){return yield G(a)}))})]})]}),B&&x[B].length>0&&i("div",{className:"nav__bar",children:[i("div",{className:"left__nav",children:[a(h,{Icon:s,style:{color:"#919191",display:"flex"},onClick:()=>{E("");const e=x[B].slice(0,-1);D(e,B),L((a=>Object.assign(Object.assign({},a),{[B]:e}))),e.length||I("")}}),i("div",{className:"block",children:[a(j,{children:k[B].displayName}),k[B].description&&a(V,{children:k[B].description})]})]}),i("div",{className:"right__nav",children:[a(h,{Icon:o,style:{display:"flex"},onClick:()=>{E(""),D([],B),L((e=>Object.assign(Object.assign({},e),{[B]:[]}))),I("")}}),a("div",{children:"First page"})]})]})]}),!F&&i("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16},children:[a(j,{children:"No results found!"}),a(V,R?{children:"Sorry we could not find any recommended variables"}:{children:`Sorry we could not find any results for "${A}"`})]}),a("div",{className:"wrapper",children:a("div",{className:"list__map",children:i("div",{className:"items",children:[!B&&P.map((e=>{let s=[];return A&&(s=Object.keys(e.variables).filter((a=>{var i;return(null===(i=e.variables[a].displayName)||void 0===i?void 0:i.toLowerCase().includes(A.toLowerCase()))||q(e.variables[a])}))),i(l,{children:[A?s.length>0?i("div",{className:"block",children:[a("div",{className:"heading__font",children:null==e?void 0:e.displayName}),a(V,{style:{marginBottom:8,color:"#616161"},children:null==e?void 0:e.description})]}):a(l,{}):i("div",{className:"block",children:[a("div",{className:"heading__font",children:null==e?void 0:e.displayName}),a(V,{style:{marginBottom:8,color:"#616161"},children:null==e?void 0:e.description})]}),Object.keys(e.variables).map((i=>{var s;return A?(null===(s=e.variables[i].displayName)||void 0===s?void 0:s.toLowerCase().includes(A.toLowerCase()))||q(e.variables[i])?a("div",{onClick:e.variables[i].isSubHeader?()=>X(e,i):()=>Z(e,i),children:a(K,{item:e.variables[i],readonly:T})}):a(l,{}):a("div",{onClick:e.variables[i].isSubHeader?()=>X(e,i):()=>Z(e,i),children:a(K,{item:e.variables[i],readonly:T})})}))]})})),B&&a("div",{className:"list__map",children:a("div",{className:"items",style:{marginTop:16},children:Object.keys(k[B].variables).map(((e,i)=>{var s;return A?(null===(s=k[B].variables[e].displayName)||void 0===s?void 0:s.toLowerCase().includes(A.toLowerCase()))||q(k[B].variables[e])?U(k[B].variables[e],e):a(l,{}):U(k[B].variables[e],e)}))})})]})})}),a("div",{className:"bottom__padding"})]})]})})}),((e,a)=>e.enableVariable===a.enableVariable&&(e.leftPosition===a.leftPosition&&e.reRender===a.reRender)));export{w as AddVariableV2};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as a,jsxs as i,Fragment as l}from"react/jsx-runtime";import s from"../../assets/icons/back_icon.svg.js";import t from"../../assets/icons/chevronRightAlt.svg.js";import r from"../../assets/icons/cross.svg.js";import n from"../../assets/icons/plus.svg.js";import o from"../../assets/icons/undo.svg.js";import{memo as c,useState as d,useEffect as v}from"react";import{AddVariableStyled as m}from"./AddVariableV2.styled.js";import{Button as b}from"../button/Button.js";import{IconButton as h}from"../icon-button/IconButton.js";import{SearchBar as p}from"../searchBar/searchBar.js";import{Tooltip as u}from"../tooltips/Tooltip.js";import{COLORS as y}from"../../constants/Theme.js";import{CloseButtonContainer as g}from"../modals/modal.styled.js";import{Switch as f}from"../switch/Switch.js";import{BodySecondary as N,TitleSmall as j,BodyCaption as V}from"../TypographyStyle.js";const w=c(c=>{const{data:w,hasHeader:S=!0,needsBorder:_=!0,styledCloseBtn:C=!1,readonly:T=!1}=c,[k,O]=d({}),[x,L]=d(),[B,I]=d(""),[A,E]=d(""),[F,H]=d(!0),z=/.*\..*/,[P,$]=d(c.data),[R,M]=d(!0);v(()=>{const e={};w.forEach(a=>{e[a.displayName]=[]}),L(e)},[w]),v(()=>{G(!0)},[]),v(()=>{G(R,!B)},[k,B]),v(()=>{M(!0),E(""),D([],B),L(e=>Object.assign(Object.assign({},e),{[B]:[]})),I("");const e=c.data.map(e=>J(e)).filter(e=>null!==e);$(e),e.length>0?H(!0):H(!1)},[c.reRender]),v(()=>{let e=c.data;B&&(e=[k[B]]);W(e,R).length>0?H(!0):H(!1)},[A]);const W=(e,a=!1)=>e.flatMap(e=>Object.keys(e.variables).filter(i=>{var l;return(null===(l=e.variables[i].displayName)||void 0===l?void 0:l.toLowerCase().includes(A.toLowerCase()))&&(!a||e.variables[i].isAvailable===a)||q(e.variables[i])})),D=(e,a)=>{const i=w.find(e=>e.displayName===a);if(i){let l=i;e.forEach((e,a)=>{l=l.variables[e]}),O(e=>Object.assign(Object.assign({},e),{[a]:l}))}},q=e=>{let a=!1;if(e.isSubHeader&&e.variables){const i=Object.keys(e.variables);for(let l=0;l<i.length;l++){const s=i[l];if(e.variables&&e.variables[s].displayName.toLowerCase().includes(A.toLowerCase())&&e.variables[s].isAvailable===R){a=!0;break}}}return a},G=(e,a=!1)=>{if(M(e),e){let i=[];if(!B||a)i=c.data.map(e=>J(e)).filter(e=>null!==e);else{const e=k[B];i=c.data.filter(e=>e.displayName===B).map(a=>J(a,e)).filter(e=>null!=e)}$(i),A&&(i=W(i,e)),i.length>0?H(!0):H(!1)}else if($(c.data),A){W(c.data,e).length>0?H(!0):H(!1)}else H(!0)};function J(e,a,i={}){if(a)for(const l in e.variables)if(e.variables[l].displayName===a.displayName)for(const a in e.variables[l].variables)e.variables[l].variables[a].isAvailable&&(i[a]=e.variables[l].variables[a]);else e.variables[l].isSubHeader&&J(e.variables[l],a,i);else for(const a in e.variables)e.variables[a].isAvailable&&(i[a]=e.variables[a]);return 0===Object.keys(i).length?null:Object.assign(Object.assign({},e),{variables:i})}const K=e=>{const i=e.item.description;return e.readonly?a("div",{children:a(Q,{item:e.item,readonly:e.readonly})}):a(l,{children:a(u,{body:"",tooltipContent:a(V,{color:y.content.primaryInverse,style:{whiteSpace:"pre-line",padding:8},children:e.item.isAvailable?i?`• ${i}\n• Recommended here`:"Recommended here":"Not recommended here"}),width:300,delay:300,placement:"bottom",children:a("div",{children:a(Q,{item:e.item})})})})},Q=e=>a(b,{darkMode:c.enableVariable?c.enableVariable:e.item.isAvailable,size:"chip",disabled:!!e.readonly&&!e.item.isSubHeader,LeadingIcon:e.item.isSubHeader||e.readonly?void 0:n,TrailingIcon:()=>e.item.isSubHeader?a("div",{className:"icon-trailing",style:{display:"flex"},children:a(t,{})}):a(l,{}),buttonText:e.item.displayName}),U=(e,i)=>R&&!e.isAvailable?a(l,{}):a("div",{onClick:e.isSubHeader?()=>{W([e],R).length||H(!1),E("");const a=[...x[B],i];D(a,B),L(e=>Object.assign(Object.assign({},e),{[B]:a}))}:()=>{c.customTrigger?(c.customTrigger(e),c.setShowVariable(!1)):c.isEvaluationList?Y(e):c.setVariableValue(c.selectWithTypes?{actualValue:e.actualValue,variableType:e.variableType,needsFetching:e.needsFetching}:e.actualValue)},children:a(K,{item:e,readonly:T})}),X=(e,a)=>{const i=[...x[e.displayName],a];D(i,e.displayName),L(a=>Object.assign(Object.assign({},a),{[e.displayName]:i})),I(e.displayName)},Y=e=>{if(e.actualValue.match(z)){const a=e.actualValue.replace("{{","").replace("}}","").split(".");let i=a[0];a.forEach((e,a)=>{if(0===a)return;const l=(e=>/\w+\[\d+\]/g.test(e))(e);if(l){const a=e.match(/(\w+)\[(\d+)\]/);if(a){const e=a[1],l=a[2];i+=`['${e}'][${l}]`}}else i+=`['${e}']`}),c.setVariableValue(c.selectWithTypes?{actualValue:i,variableType:e.variableType,needsFetching:e.needsFetching}:i)}else{const a=e.actualValueEval?e.actualValueEval:e.actualValue;c.setVariableValue(c.selectWithTypes?{actualValue:a,variableType:e.variableType,needsFetching:e.needsFetching}:a)}},Z=(e,a)=>{if(c.customTrigger)c.customTrigger(e.variables[a]),c.setShowVariable(!1);else if(c.isEvaluationList){const i=e.variables[a];Y(i)}else c.setVariableValue(c.selectWithTypes?{actualValue:e.variables[a].actualValue,variableType:e.variables[a].variableType,needsFetching:e.variables[a].needsFetching}:e.variables[a].actualValue)},ee=c.isModalState?void 0:{top:`${c.topPosition?c.topPosition:"small"===c.pickerSize?"300px":"60px"}`,left:`${c.leftPosition?c.leftPosition+24:430}px`};return a("div",{id:"varList",tabIndex:-1,children:i(m,{style:ee,onClick:e=>{e.stopPropagation()},pickerSize:c.pickerSize||"large",isModalState:c.isModalState,positionStrategy:c.positionStrategy,zIndex:c.zindex,height:c.height,needsBorder:_,width:c.width,children:[C&&a(g,{onClick:()=>{c.setShowVariable(!1)},style:{zIndex:300},children:a(r,{height:20,width:20,color:y.content.secondary})}),c.showVariable&&i("div",{className:"popup",children:[i("div",{className:"sticky__bar",children:[S&&i("div",{className:"header__bar",children:[a("div",{className:"add__variable",children:"Add a new variable"}),!C&&a("div",{onClick:()=>{c.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"},children:a(h,{iconButtonType:"default",Icon:r})})]}),i("div",{className:"search__bar",onBlur:e=>{c.onSearchBlur&&c.onSearchBlur(e)},children:[a(p,{width:"100%",isEnabled:!0,onChange:e=>{E(e)},onEnter:()=>{},reset:!A,placeholder:"Search...",variant:"default"}),i("div",{style:{display:"flex",alignItems:"center",marginTop:8,justifyContent:"space-between"},children:[a(N,{style:{color:y.content.secondary},children:"Show only recommended variables"}),a(f,{value:R,onValueChange:a=>e(void 0,void 0,void 0,function*(){return yield G(a)})})]})]}),B&&x[B].length>0&&i("div",{className:"nav__bar",children:[i("div",{className:"left__nav",children:[a(h,{Icon:s,style:{color:"#919191",display:"flex"},onClick:()=>{E("");const e=x[B].slice(0,-1);D(e,B),L(a=>Object.assign(Object.assign({},a),{[B]:e})),e.length||I("")}}),i("div",{className:"block",children:[a(j,{children:k[B].displayName}),k[B].description&&a(V,{children:k[B].description})]})]}),i("div",{className:"right__nav",children:[a(h,{Icon:o,style:{display:"flex"},onClick:()=>{E(""),D([],B),L(e=>Object.assign(Object.assign({},e),{[B]:[]})),I("")}}),a("div",{children:"First page"})]})]})]}),!F&&i("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16},children:[a(j,{children:"No results found!"}),a(V,R?{children:"Sorry we could not find any recommended variables"}:{children:`Sorry we could not find any results for "${A}"`})]}),a("div",{className:"wrapper",children:a("div",{className:"list__map",children:i("div",{className:"items",children:[!B&&P.map(e=>{let s=[];return A&&(s=Object.keys(e.variables).filter(a=>{var i;return(null===(i=e.variables[a].displayName)||void 0===i?void 0:i.toLowerCase().includes(A.toLowerCase()))||q(e.variables[a])})),i(l,{children:[A?s.length>0?i("div",{className:"block",children:[a("div",{className:"heading__font",children:null==e?void 0:e.displayName}),a(V,{style:{marginBottom:8,color:"#616161"},children:null==e?void 0:e.description})]}):a(l,{}):i("div",{className:"block",children:[a("div",{className:"heading__font",children:null==e?void 0:e.displayName}),a(V,{style:{marginBottom:8,color:"#616161"},children:null==e?void 0:e.description})]}),Object.keys(e.variables).map(i=>{var s;return A?(null===(s=e.variables[i].displayName)||void 0===s?void 0:s.toLowerCase().includes(A.toLowerCase()))||q(e.variables[i])?a("div",{onClick:e.variables[i].isSubHeader?()=>X(e,i):()=>Z(e,i),children:a(K,{item:e.variables[i],readonly:T})}):a(l,{}):a("div",{onClick:e.variables[i].isSubHeader?()=>X(e,i):()=>Z(e,i),children:a(K,{item:e.variables[i],readonly:T})})})]})}),B&&a("div",{className:"list__map",children:a("div",{className:"items",style:{marginTop:16},children:Object.keys(k[B].variables).map((e,i)=>{var s;return A?(null===(s=k[B].variables[e].displayName)||void 0===s?void 0:s.toLowerCase().includes(A.toLowerCase()))||q(k[B].variables[e])?U(k[B].variables[e],e):a(l,{}):U(k[B].variables[e],e)})})})]})})}),a("div",{className:"bottom__padding"})]})]})})},(e,a)=>e.enableVariable===a.enableVariable&&(e.leftPosition===a.leftPosition&&e.reRender===a.reRender));export{w as AddVariableV2};

package/dist/esm/components/ai-modals/ActivateBikAI.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import o from"../../assets/icons/graph.svg.js";import r from"../../assets/icons/sparkle.svg.js";import{Button as n}from"../button/Button.js";import{Modal as l}from"../modals/Modal.js";import{TitleMedium as c,TitleLarge as s,BodyPrimary as d}from"../TypographyStyle.js";const a=a=>{let{open:p,onModalClose:h,onRightBtnClick:g,onLeftBtnClick:y,source:u}=a;return e(l,{open:p,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px"},zIndex:40,onClose:h,closeOnOutsideClick:!0,children:t("div",{children:[t("div",{style:{height:"180px",width:"100%",backgroundColor:"rgba(142, 142, 142, 0.2)",display:"flex",justifyContent:"center",alignItems:"center",gap:"18px",padding:"24px"},children:[e("div",{children:e(o,{width:100,height:90})}),e("div",{children:e(c,"CHATBOT"===u?{children:"Unlock higher conversion and ease agent work with BIK.AI"}:{children:"Experience reduced Average Handling Time of your tickets with Bik.AI!"})})]}),t("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"16px",padding:"24px"},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:"4px"},children:[e(s,{children:"Activate BIK AI"}),e(r,{width:32,height:32})]}),t("div","CHATBOT"===u?{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[e(d,{color:"#888888",children:"Sync your Shopify Data to Bik.AI to supercharge it with"}),e(d,{color:"#888888",children:"your store’s data to start personalizing it to your"}),e(d,{color:"#888888",children:"customers!"})]}:{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[t(d,{color:"#888888",children:["Sync your Shopify Data to Bik.AI to supercharge it with"," "]}),e(d,{color:"#888888",children:"your store’s data to start responding to customer"}),e(d,{color:"#888888",children:"queries right away!"})]})]}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px",paddingBottom:"24px",paddingLeft:"24px",paddingRight:"24px"},children:[e(n,{buttonText:"Learn More",buttonType:"text",size:"large",onClick:y}),e(n,{buttonText:"Sync Shopify Data",size:"large",style:{backgroundColor:i.background.brand},onClick:g})]})]})})};export{a as ActivateBikAi};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import o from"../../assets/icons/graph.svg.js";import n from"../../assets/icons/sparkle.svg.js";import{Button as r}from"../button/Button.js";import{Modal as l}from"../modals/Modal.js";import{TitleMedium as c,TitleLarge as s,BodyPrimary as d}from"../TypographyStyle.js";const a=({open:a,onModalClose:p,onRightBtnClick:h,onLeftBtnClick:g,source:y})=>e(l,{open:a,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px"},zIndex:40,onClose:p,closeOnOutsideClick:!0,children:t("div",{children:[t("div",{style:{height:"180px",width:"100%",backgroundColor:"rgba(142, 142, 142, 0.2)",display:"flex",justifyContent:"center",alignItems:"center",gap:"18px",padding:"24px"},children:[e("div",{children:e(o,{width:100,height:90})}),e("div",{children:e(c,"CHATBOT"===y?{children:"Unlock higher conversion and ease agent work with BIK.AI"}:{children:"Experience reduced Average Handling Time of your tickets with Bik.AI!"})})]}),t("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"16px",padding:"24px"},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:"4px"},children:[e(s,{children:"Activate BIK AI"}),e(n,{width:32,height:32})]}),t("div","CHATBOT"===y?{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[e(d,{color:"#888888",children:"Sync your Shopify Data to Bik.AI to supercharge it with"}),e(d,{color:"#888888",children:"your store’s data to start personalizing it to your"}),e(d,{color:"#888888",children:"customers!"})]}:{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[t(d,{color:"#888888",children:["Sync your Shopify Data to Bik.AI to supercharge it with"," "]}),e(d,{color:"#888888",children:"your store’s data to start responding to customer"}),e(d,{color:"#888888",children:"queries right away!"})]})]}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px",paddingBottom:"24px",paddingLeft:"24px",paddingRight:"24px"},children:[e(r,{buttonText:"Learn More",buttonType:"text",size:"large",onClick:g}),e(r,{buttonText:"Sync Shopify Data",size:"large",style:{backgroundColor:i.background.brand},onClick:h})]})]})});export{a as ActivateBikAi};

package/dist/esm/components/ai-modals/AiCreditsExhausted.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import n from"../../assets/icons/alert_triangle.svg.js";import{Button as i}from"../button/Button.js";import{Modal as r}from"../modals/Modal.js";import{ProgressBarComponent as l}from"../progress-bar/ProgressBarComponent.js";import{TitleLarge as s,TitleRegular as d,BodySecondary as c,BodyPrimary as a}from"../TypographyStyle.js";const p=p=>{let{open:h,onModalClose:x,body:m,onRightBtnClick:y,onLeftBtnClick:g}=p;return e(r,{open:h,centralContainerStyles:{width:"498px",height:"312px",borderRadius:"12px"},onClose:x,closeOnOutsideClick:!0,zIndex:40,children:t("div",{style:{padding:"24px",display:"flex",flexDirection:"column"},children:[e("div",{style:{display:"flex",justifyContent:"center"},children:e(s,{children:"Free AI Credits Exhausted"})}),e("div",{style:{height:"24px"}}),t("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"},children:[e(n,{color:o.content.negative,width:20,height:20}),e("div",{style:{width:"8px"}}),e(d,{children:"0/100"}),e(c,{color:o.content.secondary,children:"Free Credits left"})]}),e(l,{completed:100,isAnimated:!1,height:16,color:o.content.negative})]}),e("div",{style:{height:"24px"}}),e(a,{color:o.content.secondary,children:m||"Contact support to add credits to generate replies using AI, and enjoy continued AI assistance!"}),e("div",{style:{height:"44px"}}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e(i,{buttonText:"Learn More",buttonType:"text",size:"small",onClick:g}),e(i,{buttonText:"Contact Support",size:"small",style:{backgroundColor:o.background.brand},onClick:y})]})]})})};export{p as AiCreditsExhausted};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import n from"../../assets/icons/alert_triangle.svg.js";import{Button as i}from"../button/Button.js";import{Modal as r}from"../modals/Modal.js";import{ProgressBarComponent as l}from"../progress-bar/ProgressBarComponent.js";import{TitleLarge as s,TitleRegular as d,BodySecondary as c,BodyPrimary as a}from"../TypographyStyle.js";const p=({open:p,onModalClose:h,body:x,onRightBtnClick:m,onLeftBtnClick:y})=>e(r,{open:p,centralContainerStyles:{width:"498px",height:"312px",borderRadius:"12px"},onClose:h,closeOnOutsideClick:!0,zIndex:40,children:t("div",{style:{padding:"24px",display:"flex",flexDirection:"column"},children:[e("div",{style:{display:"flex",justifyContent:"center"},children:e(s,{children:"Free AI Credits Exhausted"})}),e("div",{style:{height:"24px"}}),t("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"},children:[e(n,{color:o.content.negative,width:20,height:20}),e("div",{style:{width:"8px"}}),e(d,{children:"0/100"}),e(c,{color:o.content.secondary,children:"Free Credits left"})]}),e(l,{completed:100,isAnimated:!1,height:16,color:o.content.negative})]}),e("div",{style:{height:"24px"}}),e(a,{color:o.content.secondary,children:x||"Contact support to add credits to generate replies using AI, and enjoy continued AI assistance!"}),e("div",{style:{height:"44px"}}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e(i,{buttonText:"Learn More",buttonType:"text",size:"small",onClick:y}),e(i,{buttonText:"Contact Support",size:"small",style:{backgroundColor:o.background.brand},onClick:m})]})]})});export{p as AiCreditsExhausted};

package/dist/esm/components/ai-modals/AiCreditsLow.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import n from"../../assets/icons/alert_triangle.svg.js";import{Button as i}from"../button/Button.js";import{Modal as r}from"../modals/Modal.js";import{TitleLarge as l,BodyPrimary as d}from"../TypographyStyle.js";const s=s=>{let{open:c,onModalClose:a,onLeftBtnClick:p,onRightBtnClick:h}=s;return e(r,{open:c,centralContainerStyles:{width:"498px",borderRadius:"12px"},onClose:a,closeOnOutsideClick:!0,zIndex:40,children:t("div",{style:{padding:"24px",display:"flex",flexDirection:"column",width:"100%"},children:[e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e("div",{style:{backgroundColor:o.background.negative.light,width:"64px",height:"64px",padding:"12px",borderRadius:"40px"},children:e(n,{width:40,height:40,color:o.content.negative})})}),e("div",{style:{height:"32px"}}),e(l,{children:"Your AI Credits are running low"}),e("div",{style:{height:"24px"}}),e(d,{color:o.content.secondary,children:"Recharge your credits now to ensure uninterrupted service."}),e("div",{style:{height:"12px"}}),e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e(d,{color:o.content.secondary,children:"Don’t let the growth stop. Add AI Credits"})}),e("div",{style:{height:"32px"}}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e(i,{buttonText:"Close",buttonType:"text",size:"small",onClick:p}),e(i,{buttonText:"Contact Support",size:"small",style:{backgroundColor:o.background.brand},onClick:h})]})]})})};export{s as AiCreditsLow};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import n from"../../assets/icons/alert_triangle.svg.js";import{Button as i}from"../button/Button.js";import{Modal as r}from"../modals/Modal.js";import{TitleLarge as l,BodyPrimary as d}from"../TypographyStyle.js";const s=({open:s,onModalClose:c,onLeftBtnClick:a,onRightBtnClick:p})=>e(r,{open:s,centralContainerStyles:{width:"498px",borderRadius:"12px"},onClose:c,closeOnOutsideClick:!0,zIndex:40,children:t("div",{style:{padding:"24px",display:"flex",flexDirection:"column",width:"100%"},children:[e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e("div",{style:{backgroundColor:o.background.negative.light,width:"64px",height:"64px",padding:"12px",borderRadius:"40px"},children:e(n,{width:40,height:40,color:o.content.negative})})}),e("div",{style:{height:"32px"}}),e(l,{children:"Your AI Credits are running low"}),e("div",{style:{height:"24px"}}),e(d,{color:o.content.secondary,children:"Recharge your credits now to ensure uninterrupted service."}),e("div",{style:{height:"12px"}}),e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e(d,{color:o.content.secondary,children:"Don’t let the growth stop. Add AI Credits"})}),e("div",{style:{height:"32px"}}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e(i,{buttonText:"Close",buttonType:"text",size:"small",onClick:a}),e(i,{buttonText:"Contact Support",size:"small",style:{backgroundColor:o.background.brand},onClick:p})]})]})});export{s as AiCreditsLow};

package/dist/esm/components/ai-modals/AiSyncProgress.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import i from"../../assets/icons/sync.svg.js";import{Button as n}from"../button/Button.js";import{Modal as l}from"../modals/Modal.js";import{ProgressBarComponent as r}from"../progress-bar/ProgressBarComponent.js";import{TitleLarge as s,BodyPrimary as c}from"../TypographyStyle.js";const a=a=>{let{open:d,onModalClose:p,completedPercent:m,onLeftBtnClick:h,onRightBtnClick:y}=a;return e(l,{open:d,centralContainerStyles:{width:"498px",height:"324px",borderRadius:"12px"},onClose:p,closeOnOutsideClick:!0,zIndex:40,children:t("div",{style:{padding:"24px",display:"flex",flexDirection:"column"},children:[e("div",{style:{display:"flex",justifyContent:"center"},children:e(s,{children:"Wait for Sync to complete"})}),e("div",{style:{height:"24px"}}),t("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:"12px"},children:[e(i,{width:24,height:24}),e(c,{color:"#616161",children:"Syncing Shopify Store Data..."})]}),e(r,{completed:m,isAnimated:!1,height:16,color:o.background.positive.vibrant})]}),e("div",{style:{height:"24px"}}),e(c,{color:o.content.secondary,children:"You can start replying with AI after sync is complete. In the meanwhile, learn how to leverage AI for maximum efficiency"}),e("div",{style:{height:"32px"}}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e(n,{buttonText:"Close",buttonType:"text",size:"small",onClick:h}),e(n,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:o.background.brand},onClick:y})]})]})})};export{a as AiSyncProgress};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import i from"../../assets/icons/sync.svg.js";import{Button as n}from"../button/Button.js";import{Modal as l}from"../modals/Modal.js";import{ProgressBarComponent as r}from"../progress-bar/ProgressBarComponent.js";import{TitleLarge as s,BodyPrimary as c}from"../TypographyStyle.js";const a=({open:a,onModalClose:d,completedPercent:p,onLeftBtnClick:m,onRightBtnClick:h})=>e(l,{open:a,centralContainerStyles:{width:"498px",height:"324px",borderRadius:"12px"},onClose:d,closeOnOutsideClick:!0,zIndex:40,children:t("div",{style:{padding:"24px",display:"flex",flexDirection:"column"},children:[e("div",{style:{display:"flex",justifyContent:"center"},children:e(s,{children:"Wait for Sync to complete"})}),e("div",{style:{height:"24px"}}),t("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:"12px"},children:[e(i,{width:24,height:24}),e(c,{color:"#616161",children:"Syncing Shopify Store Data..."})]}),e(r,{completed:p,isAnimated:!1,height:16,color:o.background.positive.vibrant})]}),e("div",{style:{height:"24px"}}),e(c,{color:o.content.secondary,children:"You can start replying with AI after sync is complete. In the meanwhile, learn how to leverage AI for maximum efficiency"}),e("div",{style:{height:"32px"}}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e(n,{buttonText:"Close",buttonType:"text",size:"small",onClick:m}),e(n,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:o.background.brand},onClick:h})]})]})});export{a as AiSyncProgress};

package/dist/esm/components/analytics-card/AnalyticsCard.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{BASE_COLORS as i,COLORS as r}from"../../constants/Theme.js";import{BikShimmer as o}from"../shimmer/ShimmerComponent/BikShimmer.js";import{TitleSmall as s,BodyCaption as h}from"../TypographyStyle.js";import{AnalyticsContainer as m,CardDataContainer as n}from"./AnalyticsCard.styled.js";const c=c=>{const{cardInfo:a,width:d,mode:l}=c;return e(m,{width:d,mode:l,count:Object.keys(a).length,children:c.isLoading?t("div",{className:"shimmers",children:[e(o,{isBrand:"light"!=c.mode,boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]}),e(o,{isBrand:"light"!=c.mode,boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]})]}):Object.keys(a).map((o=>{const m=a[o],d=o;return t(n,{className:"analytics__card",count:Object.keys(a).length,children:[e(s,{className:"statistic",color:"light"==c.mode?i.brand[900]:i.grayscale.white,children:m}),e(h,{className:"category",color:"light"==c.mode?i.brand[900]:r.content.secondaryInverse,children:d})]},d)}))})};export{c as AnalyticsCard};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{BASE_COLORS as i,COLORS as r}from"../../constants/Theme.js";import{BikShimmer as o}from"../shimmer/ShimmerComponent/BikShimmer.js";import{TitleSmall as s,BodyCaption as h}from"../TypographyStyle.js";import{AnalyticsContainer as m,CardDataContainer as n}from"./AnalyticsCard.styled.js";const c=c=>{const{cardInfo:a,width:d,mode:l}=c;return e(m,{width:d,mode:l,count:Object.keys(a).length,children:c.isLoading?t("div",{className:"shimmers",children:[e(o,{isBrand:"light"!=c.mode,boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]}),e(o,{isBrand:"light"!=c.mode,boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]})]}):Object.keys(a).map(o=>{const m=a[o],d=o;return t(n,{className:"analytics__card",count:Object.keys(a).length,children:[e(s,{className:"statistic",color:"light"==c.mode?i.brand[900]:i.grayscale.white,children:m}),e(h,{className:"category",color:"light"==c.mode?i.brand[900]:r.content.secondaryInverse,children:d})]},d)})})};export{c as AnalyticsCard};

package/dist/esm/components/analytics-card/AnalyticsCard.styled.js

@@ -1,4 +1,4 @@
-import t from"@emotion/styled";import{BASE_COLORS as i}from"../../constants/Theme.js";const e=t.div`
+import t from"styled-components";import{BASE_COLORS as e}from"../../constants/Theme.js";const i=t.div`
 	display: flex;
 	flex-wrap: wrap;
 	row-gap: 16px;
@@ -6,7 +6,7 @@ import t from"@emotion/styled";import{BASE_COLORS as i}from"../../constants/Them
 	justify-content: space-evenly;
 
 	${t=>t.width?`width: ${t.width}`:"width: 280px"};
-	background: ${t=>"light"==t.mode?i.grayscale[100]:i.brand[900]};
+	background: ${t=>"light"==t.mode?e.grayscale[100]:e.brand[900]};
 	padding: 26px 12px 16px 12px;
 	border-radius: 0 0 8px 8px;
 
@@ -43,4 +43,4 @@ import t from"@emotion/styled";import{BASE_COLORS as i}from"../../constants/Them
 		white-space: nowrap;
 		text-overflow: ellipsis;
 	}
-`;export{e as AnalyticsContainer,n as CardDataContainer};
+`;export{i as AnalyticsContainer,n as CardDataContainer};

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js

@@ -1 +1 @@
-import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useState as n,useRef as i,useEffect as l}from"react";import{Dropdown as r}from"react-bootstrap";import s from"react-dom";import{DEFAULT_THEME as d,BASE_COLORS as a}from"../../constants/Theme.js";import{DatePicker as c}from"../datePicker/DatePicker.js";import"react-calendar";import"../../utils/DateUtils.js";import{BodySecondary as p,BodyCaption as m,Caption as u}from"../TypographyStyle.js";import"../datePicker/DatePickerWrapper.styled.js";import"../datePicker/model.js";import"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import"../datePicker/DatePicker.styled.js";import{MainDropdown as g,ItemMenuContainer as v}from"./CommonStyles.js";const w=a=>{let{options:m,placeholder:v="Select an option",selected:w,onOptionSelected:D,resetDropdown:k,maxHeight:O,backgroundcolor:j,calendarPopperConfig:f,variant:b="default",datePickerPlacement:S,closeDropdown:I,labelColor:P,styleProps:R,showTimePicker:C=!1}=a;var x,L,T;const[F,$]=n(!1),[M,B]=n(w),[E,A]=n(),[N,H]=n(!1),[V,z]=n(w),U=i(null),W="small"===b?u:p;l((()=>{k&&B(void 0)}),[k]),l((()=>{var e;(null==w?void 0:w.isCustom)&&(null===(e=w.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?A(w.dateRangeSelectionOptions.selectedDates):A(void 0),B(w)}),[w]),l((()=>{H(!1),$(!1)}),[I]);const Y=e=>{void 0!==e?(H(e),F&&$(!1)):H((e=>!e))},Z=e=>{U.current&&!U.current.contains(e.target)&&(F&&$(!1),Y(!1))};return l((()=>(N&&document.addEventListener("mousedown",Z),()=>{document.removeEventListener("mousedown",Z)})),[N]),e(o,{children:t(g,{drop:"down",show:N,onToggle:Y,bgColor:j,id:"analytic-dropdown",children:[e(r.Toggle,{id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===b?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${d.colorsV2.stroke.primary}`}:R||void 0,children:e(W,{style:"small"===b||P?{color:P||d.colorsV2.content.secondary}:void 0,children:(null==M?void 0:M.isCustom)?E?y(E[0],C)===y(E[1],C)?`${y(E[0],C)}`:`${y(E[0],C)} to ${y(E[1],C)}`:(null==V?void 0:V.label)?null==V?void 0:V.label:v:M?null==M?void 0:M.label:v})}),s.createPortal(e(r.Menu,{className:"main--dropdown",style:{padding:0},ref:U,children:t(g,{drop:null!=S?S:"end",id:"sub--dropdown",show:F,onToggle:e=>{!e&&H(!1),$(!F)},children:[e("div",{style:{maxHeight:O||"auto",overflowY:"scroll"},children:m.map(((o,t)=>{var n;return e("div",{children:(null==o?void 0:o.isCustom)?e(r.Toggle,{className:"sub--dropdown",children:e(h,{isFirstItem:0===t,isLastItem:t===m.length-1,eachOption:o,selectedOption:M,selectedDate:E,onClickingEachItem:e=>{B(e),$(!0)},rangeSelection:!!(null===(n=null==o?void 0:o.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange),showTimePicker:C})}):e(h,{isFirstItem:0===t,isLastItem:t===m.length-1,eachOption:o,selectedOption:M,selectedDate:E,onClickingEachItem:e=>{if(A(void 0),B(e),z(e),Y(),!e.noOfDays)return void D(e);const o=new Date,t=new Date;t.setDate(o.getDate()-e.noOfDays),D(Object.assign(Object.assign({},e),{selectedRange:[t,o]}))},showTimePicker:C})},null==o?void 0:o.key)}))}),e(r.Menu,{className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==f?void 0:f.offsetSkid)||0,(null==f?void 0:f.offsetDistance)||0]}}]},children:e(c,{selectRange:(null===(x=null==M?void 0:M.dateRangeSelectionOptions)||void 0===x?void 0:x.selectRange)||!1,showTimePicker:C,maxDate:null===(L=null==M?void 0:M.dateRangeSelectionOptions)||void 0===L?void 0:L.maxDate,minDate:null===(T=null==M?void 0:M.dateRangeSelectionOptions)||void 0===T?void 0:T.minDate,selectedDates:E,onSelectRange:(e,o)=>{const t=[e,o];(null==M?void 0:M.dateRangeSelectionOptions)&&(M.dateRangeSelectionOptions.selectedDates=t,D(Object.assign(Object.assign({},M),{selectedRange:[e,o]}))),z(M),$(!1),A(t),H(!N)},onSelectDate:e=>{(null==M?void 0:M.dateRangeSelectionOptions)&&(M.dateRangeSelectionOptions.selectedDates=[e,e],D(Object.assign(Object.assign({},M),{selectedRange:[e,e]}))),z(M),$(!1),A([e,e]),H(!N)}})})]})}),document.body)]})})},h=n=>{let{eachOption:i,selectedOption:l,selectedDate:r,onClickingEachItem:s,rangeSelection:d,isLastItem:c,isFirstItem:u,showTimePicker:g}=n;return t(v,{isFirstItem:u,isLastItem:c,onClick:()=>s(i),isSelected:i.isCustom?i.key==(null==l?void 0:l.key)&&!!r:i.key==(null==l?void 0:l.key),children:[e(p,{color:i.key==(null==l?void 0:l.key)?a.positive[900]:a.grayscale[900],children:i.label}),i.subLabel?e(m,{style:{color:a.grayscale[700]},children:i.subLabel}):e(o,{}),r&&(null==l?void 0:l.isCustom)&&i.key==(null==l?void 0:l.key)&&e(m,{style:{whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:d?`${y(r[0],g)} to ${y(r[1],g)}`:`${y(r[0],g)}`})]},i.key)},y=(e,o)=>{const t=e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});if(o){return`${t} (${e.toLocaleString("default",{hour:"numeric",minute:"2-digit",hour12:!0})})`}return t};export{w as AnalyticsDropdown,h as EachItem,y as formatDate};
+import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useState as n,useRef as i,useEffect as l}from"react";import{Dropdown as r}from"react-bootstrap";import s from"react-dom";import{DEFAULT_THEME as d,BASE_COLORS as a}from"../../constants/Theme.js";import{DatePicker as c}from"../datePicker/DatePicker.js";import"react-calendar";import"../../utils/DateUtils.js";import{BodySecondary as p,BodyCaption as m,Caption as u}from"../TypographyStyle.js";import"../datePicker/DatePickerWrapper.styled.js";import"../datePicker/model.js";import"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import"../datePicker/DatePicker.styled.js";import{MainDropdown as g,ItemMenuContainer as v}from"./CommonStyles.js";const w=({options:a,placeholder:m="Select an option",selected:v,onOptionSelected:w,resetDropdown:D,maxHeight:k,backgroundcolor:O,calendarPopperConfig:j,variant:f="default",datePickerPlacement:b,closeDropdown:S,labelColor:I,styleProps:P,showTimePicker:R=!1})=>{var C,x,L;const[T,F]=n(!1),[$,M]=n(v),[B,E]=n(),[A,N]=n(!1),[H,V]=n(v),z=i(null),U="small"===f?u:p;l(()=>{D&&M(void 0)},[D]),l(()=>{var e;(null==v?void 0:v.isCustom)&&(null===(e=v.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?E(v.dateRangeSelectionOptions.selectedDates):E(void 0),M(v)},[v]),l(()=>{N(!1),F(!1)},[S]);const W=e=>{void 0!==e?(N(e),T&&F(!1)):N(e=>!e)},Y=e=>{z.current&&!z.current.contains(e.target)&&(T&&F(!1),W(!1))};return l(()=>(A&&document.addEventListener("mousedown",Y),()=>{document.removeEventListener("mousedown",Y)}),[A]),e(o,{children:t(g,{drop:"down",show:A,onToggle:W,bgColor:O,id:"analytic-dropdown",children:[e(r.Toggle,{id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===f?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${d.colorsV2.stroke.primary}`}:P||void 0,children:e(U,{style:"small"===f||I?{color:I||d.colorsV2.content.secondary}:void 0,children:(null==$?void 0:$.isCustom)?B?y(B[0],R)===y(B[1],R)?`${y(B[0],R)}`:`${y(B[0],R)} to ${y(B[1],R)}`:(null==H?void 0:H.label)?null==H?void 0:H.label:m:$?null==$?void 0:$.label:m})}),s.createPortal(e(r.Menu,{className:"main--dropdown",style:{padding:0},ref:z,children:t(g,{drop:null!=b?b:"end",id:"sub--dropdown",show:T,onToggle:e=>{!e&&N(!1),F(!T)},children:[e("div",{style:{maxHeight:k||"auto",overflowY:"scroll"},children:a.map((o,t)=>{var n;return e("div",{children:(null==o?void 0:o.isCustom)?e(r.Toggle,{className:"sub--dropdown",children:e(h,{isFirstItem:0===t,isLastItem:t===a.length-1,eachOption:o,selectedOption:$,selectedDate:B,onClickingEachItem:e=>{M(e),F(!0)},rangeSelection:!!(null===(n=null==o?void 0:o.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange),showTimePicker:R})}):e(h,{isFirstItem:0===t,isLastItem:t===a.length-1,eachOption:o,selectedOption:$,selectedDate:B,onClickingEachItem:e=>{if(E(void 0),M(e),V(e),W(),!e.noOfDays)return void w(e);const o=new Date,t=new Date;t.setDate(o.getDate()-e.noOfDays),w(Object.assign(Object.assign({},e),{selectedRange:[t,o]}))},showTimePicker:R})},null==o?void 0:o.key)})}),e(r.Menu,{className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==j?void 0:j.offsetSkid)||0,(null==j?void 0:j.offsetDistance)||0]}}]},children:e(c,{selectRange:(null===(C=null==$?void 0:$.dateRangeSelectionOptions)||void 0===C?void 0:C.selectRange)||!1,showTimePicker:R,maxDate:null===(x=null==$?void 0:$.dateRangeSelectionOptions)||void 0===x?void 0:x.maxDate,minDate:null===(L=null==$?void 0:$.dateRangeSelectionOptions)||void 0===L?void 0:L.minDate,selectedDates:B,onSelectRange:(e,o)=>{const t=[e,o];(null==$?void 0:$.dateRangeSelectionOptions)&&($.dateRangeSelectionOptions.selectedDates=t,w(Object.assign(Object.assign({},$),{selectedRange:[e,o]}))),V($),F(!1),E(t),N(!A)},onSelectDate:e=>{(null==$?void 0:$.dateRangeSelectionOptions)&&($.dateRangeSelectionOptions.selectedDates=[e,e],w(Object.assign(Object.assign({},$),{selectedRange:[e,e]}))),V($),F(!1),E([e,e]),N(!A)}})})]})}),document.body)]})})},h=({eachOption:n,selectedOption:i,selectedDate:l,onClickingEachItem:r,rangeSelection:s,isLastItem:d,isFirstItem:c,showTimePicker:u})=>t(v,{isFirstItem:c,isLastItem:d,onClick:()=>r(n),isSelected:n.isCustom?n.key==(null==i?void 0:i.key)&&!!l:n.key==(null==i?void 0:i.key),children:[e(p,{color:n.key==(null==i?void 0:i.key)?a.positive[900]:a.grayscale[900],children:n.label}),n.subLabel?e(m,{style:{color:a.grayscale[700]},children:n.subLabel}):e(o,{}),l&&(null==i?void 0:i.isCustom)&&n.key==(null==i?void 0:i.key)&&e(m,{style:{whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"},children:s?`${y(l[0],u)} to ${y(l[1],u)}`:`${y(l[0],u)}`})]},n.key),y=(e,o)=>{const t=e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});if(o){return`${t} (${e.toLocaleString("default",{hour:"numeric",minute:"2-digit",hour12:!0})})`}return t};export{w as AnalyticsDropdown,h as EachItem,y as formatDate};

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMetric.js

@@ -1,5 +1,5 @@
-import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import i from"@emotion/styled";import{COLORS as r}from"../../constants/Theme.js";import{TitleMedium as l,TitleRegular as o}from"../TypographyStyle.js";import{AnalyticsTrend as d}from"./AnalyticsTrend.js";const a=i.div`
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import i from"styled-components";import{COLORS as r}from"../../constants/Theme.js";import{TitleMedium as l,TitleRegular as o}from"../TypographyStyle.js";import{AnalyticsTrend as d}from"./AnalyticsTrend.js";const a=i.div`
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
-`,s=i=>{let{title:s,trends:c,RightHeaderComponent:p,containerStyle:h,titleSize:m,titleColor:y,perRow:g,isLoading:f,trendStyle:S,trendContainerStyle:x,trendIconStyle:v,hideHeaderDiv:j,isInternationalStore:u}=i;const w="large"===m?l:o,C=g||(c.length<=4?c.length:c.length%3==0?3:4),T=Math.ceil(c.length/C);return e("div",{style:Object.assign({paddingTop:24,paddingBottom:24},null!=h?h:{}),children:[e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:j?0:12},children:[s&&t(w,{color:null!=y?y:r.content.secondary,style:{paddingLeft:24,paddingRight:24},children:s}),p]}),t(a,{children:Array.from({length:T}).map(((e,i)=>t(n,{children:t("div",{style:{display:"flex",width:"100%",marginTop:0===i?0:16},children:c.slice(i*C,(i+1)*C).map(((e,n)=>{var r;return t("div",{style:{flex:1,maxWidth:1===c.length?"100%":"50%"},children:t(d,Object.assign({},e,{isLoading:f,card:!1,size:null!==(r=e.size)&&void 0!==r?r:"small",rightSeparator:n+i*C<Math.min((i+1)*C-1,c.length-1),trendStyle:S,trendIconStyle:v,trendContainerStyle:x,isInternationalStore:u}))},n)}))},i)})))})]})};export{s as AnalyticsMetric};
+`,s=({title:i,trends:s,RightHeaderComponent:c,containerStyle:p,titleSize:h,titleColor:m,perRow:y,isLoading:g,trendStyle:f,trendContainerStyle:S,trendIconStyle:x,hideHeaderDiv:v,isInternationalStore:j})=>{const u="large"===h?l:o,w=y||(s.length<=4?s.length:s.length%3==0?3:4),C=Math.ceil(s.length/w);return e("div",{style:Object.assign({paddingTop:24,paddingBottom:24},null!=p?p:{}),children:[e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:v?0:12},children:[i&&t(u,{color:null!=m?m:r.content.secondary,style:{paddingLeft:24,paddingRight:24},children:i}),c]}),t(a,{children:Array.from({length:C}).map((e,i)=>t(n,{children:t("div",{style:{display:"flex",width:"100%",marginTop:0===i?0:16},children:s.slice(i*w,(i+1)*w).map((e,n)=>{var r;return t("div",{style:{flex:1,maxWidth:1===s.length?"100%":"50%"},children:t(d,Object.assign({},e,{isLoading:g,card:!1,size:null!==(r=e.size)&&void 0!==r?r:"small",rightSeparator:n+i*w<Math.min((i+1)*w-1,s.length-1),trendStyle:f,trendIconStyle:x,trendContainerStyle:S,isInternationalStore:j}))},n)})},i)}))})]})};export{s as AnalyticsMetric};

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{createElement as t}from"react";import{AnalyticsChip as e}from"./AnalyticsChip.js";import{AnalyticsMultiWrapper as i}from"./CommonStyles.js";const m=m=>{let{chipDetails:o,wrapperStyle:p}=m;return r(i,{style:null!=p?p:{},children:o.map(((r,i)=>t(e,Object.assign({},r,{key:i+"_chip"}))))})};export{m as AnalyticsMultiChip};
+import{jsx as r}from"react/jsx-runtime";import{createElement as t}from"react";import{AnalyticsChip as e}from"./AnalyticsChip.js";import{AnalyticsMultiWrapper as i}from"./CommonStyles.js";const m=({chipDetails:m,wrapperStyle:o})=>r(i,{style:null!=o?o:{},children:m.map((r,i)=>t(e,Object.assign({},r,{key:i+"_chip"})))});export{m as AnalyticsMultiChip};

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import n,{useState as r,useEffect as o}from"react";import{ShimmerComponentStyled as l}from"../shimmer/ShimmerComponent/ShimmerStyled.js";import a from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/arrow_down.svg.js";import d from"../../assets/icons/arrow_up.svg.js";import m from"../../assets/icons/info.svg.js";import{Tag as h}from"../tag/Tag.js";import{Tooltip as g}from"../tooltips/Tooltip.js";import{BodyCaption as p,Caption as y,TitleLarge as u,TitleMedium as f}from"../TypographyStyle.js";import{truncateValueForInternationalStore as v,truncateValueForIndianStore as x}from"./chart/utils/calcPercentage.js";import{AnalyticsTrendContainer as b,IconContainer as T}from"./CommonStyles.js";const S=r=>{let{title:o,value:a,trendPercent:c,type:d="horizontal",timeline:y,customRange:S,tooltip:$,card:j=!0,rightSeparator:I=!1,size:R="big",share:C=!1,formatVal:D,prefixSymbol:L,trailingIcon:M,onTrailIconClick:O,iconTooltipBody:k,funnelPercent:z,isLoading:P,trendRaw:F,trendRawString:N,suffixText:W,trendStyle:_,trendContainerStyle:A,trendIconStyle:B,containerStyle:E,prevTrendDiff:U,relativePercentageDiff:V,isInternationalStore:q,Icon:G,iconContainerStyle:H,tooltipTimelineText:J,customTimelineText:K}=r;const Q="big"===R?u:f,X=void 0!==c?c<0?"negative":0===c?"neutral":"positive":void 0,Y=void 0!==c?C?Math.round(c):Math.abs(Math.round(c)):void 0;return e(b,{card:j,style:Object.assign({},E),children:t("div",{style:Object.assign({display:"flex",flexDirection:"row",gap:G?12:4,borderRightWidth:I?1:0,borderRightColor:s.stroke.primary,borderRightStyle:"solid",paddingLeft:j?0:24,paddingRight:j?0:24,height:"100%",justifyContent:G?"flex-start":"space-between",alignItems:"center"},null!=A?A:{}),children:[!!G&&e(T,{style:Object.assign({},H),children:e(G,{})}),t("div",{style:Object.assign({display:"flex",flexDirection:"column",gap:4,height:"100%"},null!=_?_:{}),children:[t("div",{style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},children:[e(p,{style:{color:s.content.secondary},children:o}),$&&e(g,{body:$,placement:"right",width:300,children:e("div",{style:{display:"flex",cursor:"pointer",height:"100%"},children:e(m,{color:s.content.primary,height:16,width:16})})})]}),t("div",{style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},C?{justifyContent:"space-between"}:{}),children:[P&&e(l,{width:108,height:26}),!P&&e(Q,{style:{color:s.content.primary},children:void 0===a?"--":"number"==typeof a&&D?a>999?q?`${null!=L?L:""}${v(a)} ${null!=W?W:""}`:`${null!=L?L:""}${x(a)} ${null!=W?W:""}`:`${null!=L?L:""}${new Intl.NumberFormat("en-IN",{maximumFractionDigits:2}).format(a)} ${null!=W?W:""}`:`${null!=L?L:""}${a} ${null!=W?W:""}`}),"number"==typeof V&&e(h,{tagText:`${V}%`,theme:"light",type:"neutral"}),"horizontal"===d&&!P&&!C&&e(w,{timeline:y,customRange:S,percent:Y,direction:X,trendRaw:F,trendRawString:N,prefixSymbol:L,trendIconStyle:B,isInternationalStore:q,tooltipTimelineText:J,customTimelineText:K}),P&&!C&&"horizontal"===d&&e(l,{height:20,width:141,marginTop:6}),"vertical"===d&&!P&&void 0!==z&&e(h,{tagText:`${z} %`,theme:"light",type:"neutral"}),C&&!P&&void 0!==Y&&e(h,{tagText:`${Y} %`,theme:"light",type:"neutral"}),C||P||!U||0==U?e(i,{}):e(h,{tagText:(e=>{const t=Math.abs(e);return t%1!=0?`${t.toFixed(1)} %`:`${t} %`})(U),theme:"light",type:"neutral"})]}),"vertical"===d&&!P&&!C&&e("div",{style:{marginTop:10},children:e(w,{timeline:y,customRange:S,percent:Y,direction:X,trendRaw:F,trendRawString:N,prefixSymbol:L,trendIconStyle:B,isInternationalStore:q,tooltipTimelineText:J,customTimelineText:K})}),P&&"vertical"===d&&e(l,{height:20,width:141,marginTop:6})]}),k&&!P&&e(g,{body:k,placement:"right",children:M&&e("div",{className:"icon--holder",onClick:O,children:n.createElement(M,{height:20,width:20,color:s.content.secondary})})})]})})},w=i=>{let{percent:n,direction:l,timeline:m,customRange:h,trendRaw:p,trendRawString:u,prefixSymbol:f,trendIconStyle:b,isInternationalStore:T,tooltipTimelineText:S,customTimelineText:w}=i;const $=()=>{const e=((null!=p?p:0)>0?"+":"")+(null!=f?f:"");return void 0===p?"--":`${null!=e?e:""}${(()=>{let e="--";if(p)return e=String(T?v(Math.abs(p)):x(Math.abs(p))),p<0?"-"+e:e})()}`},[j,I]=r($()),[R,C]=r(w||"");o((()=>{w||C("today"===m?"vs yesterday":"yesterday"===m?"vs 1 day before":"7 days"===m?"vs last 7 days":"30 days"===m?"vs last 30 days":"custom"===m&&h?a.getAnalyticsCustomDateTimelineText(h):"")}),[m,h]),o((()=>{I($())}),[p]);const D="negative"===l?c:d,L="negative"===l?s.background.negative.vibrant:"positive"===l?s.background.positive.vibrant:s.content.placeholder;return t("div",{style:{display:"flex",alignItems:"center",flexDirection:"row",flexWrap:"wrap"},children:["number"==typeof n&&e(D,{color:L,height:16,width:16,style:Object.assign({marginRight:2},null!=b?b:{})}),"number"==typeof n&&l&&t(y,{style:{color:L},children:["neutral"===l?0:n<1e3?n:">999","%"]}),!!p&&e(y,{style:{marginLeft:4,color:s.content.placeholder},children:`(${j})`}),!p&&((null==u?void 0:u.length)||0)>0&&e(y,{style:{marginLeft:4,color:s.content.placeholder},children:`${u}`}),m&&(S?e(g,{body:S,placement:"bottom",children:e(y,{style:{marginLeft:4,color:s.content.placeholder},children:w||R})}):e(y,{style:{marginLeft:4,color:s.content.placeholder},children:w||R}))]})};export{S as AnalyticsTrend};
+import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import n,{useState as r,useEffect as o}from"react";import{ShimmerComponentStyled as l}from"../shimmer/ShimmerComponent/ShimmerStyled.js";import a from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/arrow_down.svg.js";import d from"../../assets/icons/arrow_up.svg.js";import m from"../../assets/icons/info.svg.js";import{Tag as h}from"../tag/Tag.js";import{Tooltip as g}from"../tooltips/Tooltip.js";import{BodyCaption as p,Caption as y,TitleLarge as u,TitleMedium as f}from"../TypographyStyle.js";import{truncateValueForInternationalStore as v,truncateValueForIndianStore as x}from"./chart/utils/calcPercentage.js";import{AnalyticsTrendContainer as b,IconContainer as T}from"./CommonStyles.js";const S=({title:r,value:o,trendPercent:a,type:c="horizontal",timeline:d,customRange:y,tooltip:S,card:$=!0,rightSeparator:j=!1,size:I="big",share:R=!1,formatVal:C,prefixSymbol:D,trailingIcon:L,onTrailIconClick:M,iconTooltipBody:O,funnelPercent:k,isLoading:z,trendRaw:P,trendRawString:F,suffixText:N,trendStyle:W,trendContainerStyle:_,trendIconStyle:A,containerStyle:B,prevTrendDiff:E,relativePercentageDiff:U,isInternationalStore:V,Icon:q,iconContainerStyle:G,tooltipTimelineText:H,customTimelineText:J})=>{const K="big"===I?u:f,Q=void 0!==a?a<0?"negative":0===a?"neutral":"positive":void 0,X=void 0!==a?R?Math.round(a):Math.abs(Math.round(a)):void 0;return e(b,{card:$,style:Object.assign({},B),children:t("div",{style:Object.assign({display:"flex",flexDirection:"row",gap:q?12:4,borderRightWidth:j?1:0,borderRightColor:s.stroke.primary,borderRightStyle:"solid",paddingLeft:$?0:24,paddingRight:$?0:24,height:"100%",justifyContent:q?"flex-start":"space-between",alignItems:"center"},null!=_?_:{}),children:[!!q&&e(T,{style:Object.assign({},G),children:e(q,{})}),t("div",{style:Object.assign({display:"flex",flexDirection:"column",gap:4,height:"100%"},null!=W?W:{}),children:[t("div",{style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},children:[e(p,{style:{color:s.content.secondary},children:r}),S&&e(g,{body:S,placement:"right",width:300,children:e("div",{style:{display:"flex",cursor:"pointer",height:"100%"},children:e(m,{color:s.content.primary,height:16,width:16})})})]}),t("div",{style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},R?{justifyContent:"space-between"}:{}),children:[z&&e(l,{width:108,height:26}),!z&&e(K,{style:{color:s.content.primary},children:void 0===o?"--":"number"==typeof o&&C?o>999?V?`${null!=D?D:""}${v(o)} ${null!=N?N:""}`:`${null!=D?D:""}${x(o)} ${null!=N?N:""}`:`${null!=D?D:""}${new Intl.NumberFormat("en-IN",{maximumFractionDigits:2}).format(o)} ${null!=N?N:""}`:`${null!=D?D:""}${o} ${null!=N?N:""}`}),"number"==typeof U&&e(h,{tagText:`${U}%`,theme:"light",type:"neutral"}),"horizontal"===c&&!z&&!R&&e(w,{timeline:d,customRange:y,percent:X,direction:Q,trendRaw:P,trendRawString:F,prefixSymbol:D,trendIconStyle:A,isInternationalStore:V,tooltipTimelineText:H,customTimelineText:J}),z&&!R&&"horizontal"===c&&e(l,{height:20,width:141,marginTop:6}),"vertical"===c&&!z&&void 0!==k&&e(h,{tagText:`${k} %`,theme:"light",type:"neutral"}),R&&!z&&void 0!==X&&e(h,{tagText:`${X} %`,theme:"light",type:"neutral"}),R||z||!E||0==E?e(i,{}):e(h,{tagText:(e=>{const t=Math.abs(e);return t%1!=0?`${t.toFixed(1)} %`:`${t} %`})(E),theme:"light",type:"neutral"})]}),"vertical"===c&&!z&&!R&&e("div",{style:{marginTop:10},children:e(w,{timeline:d,customRange:y,percent:X,direction:Q,trendRaw:P,trendRawString:F,prefixSymbol:D,trendIconStyle:A,isInternationalStore:V,tooltipTimelineText:H,customTimelineText:J})}),z&&"vertical"===c&&e(l,{height:20,width:141,marginTop:6})]}),O&&!z&&e(g,{body:O,placement:"right",children:L&&e("div",{className:"icon--holder",onClick:M,children:n.createElement(L,{height:20,width:20,color:s.content.secondary})})})]})})},w=({percent:i,direction:n,timeline:l,customRange:m,trendRaw:h,trendRawString:p,prefixSymbol:u,trendIconStyle:f,isInternationalStore:b,tooltipTimelineText:T,customTimelineText:S})=>{const w=()=>{const e=((null!=h?h:0)>0?"+":"")+(null!=u?u:"");return void 0===h?"--":`${null!=e?e:""}${(()=>{let e="--";if(h)return e=String(b?v(Math.abs(h)):x(Math.abs(h))),h<0?"-"+e:e})()}`},[$,j]=r(w()),[I,R]=r(S||"");o(()=>{S||R("today"===l?"vs yesterday":"yesterday"===l?"vs 1 day before":"7 days"===l?"vs last 7 days":"30 days"===l?"vs last 30 days":"custom"===l&&m?a.getAnalyticsCustomDateTimelineText(m):"")},[l,m]),o(()=>{j(w())},[h]);const C="negative"===n?c:d,D="negative"===n?s.background.negative.vibrant:"positive"===n?s.background.positive.vibrant:s.content.placeholder;return t("div",{style:{display:"flex",alignItems:"center",flexDirection:"row",flexWrap:"wrap"},children:["number"==typeof i&&e(C,{color:D,height:16,width:16,style:Object.assign({marginRight:2},null!=f?f:{})}),"number"==typeof i&&n&&t(y,{style:{color:D},children:["neutral"===n?0:i<1e3?i:">999","%"]}),!!h&&e(y,{style:{marginLeft:4,color:s.content.placeholder},children:`(${$})`}),!h&&((null==p?void 0:p.length)||0)>0&&e(y,{style:{marginLeft:4,color:s.content.placeholder},children:`${p}`}),l&&(T?e(g,{body:T,placement:"bottom",children:e(y,{style:{marginLeft:4,color:s.content.placeholder},children:S||I})}):e(y,{style:{marginLeft:4,color:s.content.placeholder},children:S||I}))]})};export{S as AnalyticsTrend};

package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.js

@@ -1,13 +1,13 @@
-import c from"@emotion/styled/base";import{BASE_COLORS as d,COLORS as t}from"../../constants/Theme.js";import"react/jsx-runtime";import"react";import"react-bootstrap";import"../tooltips/Tooltip.js";import"../TypographyStyle.js";import{StyledDropdown as b}from"../floating-action-button/FloatingActionButton.styles.js";const i=styled.div`
+import t from"styled-components";import{BASE_COLORS as r,COLORS as o}from"../../constants/Theme.js";import"react/jsx-runtime";import"react";import"react-bootstrap";import"../tooltips/Tooltip.js";import"../TypographyStyle.js";import{StyledDropdown as i}from"../floating-action-button/FloatingActionButton.styles.js";const e=t.div`
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: flex-start;
 	padding: 12px 16px;
 	gap: 8px;
-	background: ${c=>c.backgroundColor};
+	background: ${t=>t.backgroundColor};
 	border-radius: 8px;
-	width: ${c=>c.width?c.width:"224.67px"};
+	width: ${t=>t.width?t.width:"224.67px"};
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: initial;
@@ -19,35 +19,77 @@ import c from"@emotion/styled/base";import{BASE_COLORS as d,COLORS as t}from"../
 		gap: 4px;
 		align-items: baseline;
 	}
-`,l=styled.div`
+`,d=t.div`
 	display: flex;
 	flex-direction: row;
 	align-items: flex-start;
 	padding: 0px;
 	gap: 16px;
 	flex-wrap: wrap;
-`,e=c(b,"production"===process.env.NODE_ENV?{target:"e12o03l40"}:{target:"e12o03l40",label:"MainDropdown"})(".main--dropdown.dropdown-toggle::after{display:unset!important;}.main--dropdown.dropdown-toggle::before{display:unset!important;}.main--dropdown.btn-primary:hover,.main--dropdown.btn-primary:active,.main--dropdown.btn-primary:focus,.main--dropdown.btn-primary.dropdown-toggle,.main--dropdown.show>main--dropdown.btn-primary.dropdown-toggle{border:1px solid ",d.grayscale[200],";border-radius:4px;display:flex;flex-direction:row;align-items:center;padding:6px 8px;gap:8px;background:",(c=>c.bgColor),";}.dropdown-menu{border-radius:3px;padding:0 0;}.sub--dropdown.btn-primary{width:100%;padding:0px;}.sub--dropdown{button:not(.date-picker-save-button-container button){border-radius:0;max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px;border:none;justify-content:center;align-items:center;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNtRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQkFTRV9DT0xPUlMsIENPTE9SUyB9IGZyb20gJ0BzcmMvY29uc3RhbnRzL1RoZW1lJztcbmltcG9ydCB7IFN0eWxlZERyb3Bkb3duIH0gZnJvbSAnLi4vZmxvYXRpbmctYWN0aW9uLWJ1dHRvbic7XG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNdWx0aVdyYXBwZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDBweDtcblx0Z2FwOiAxNnB4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xuZXhwb3J0IGNvbnN0IE1haW5Ecm9wZG93biA9IHN0eWxlZChTdHlsZWREcm9wZG93bikgYFxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjphZnRlciB7XG5cdFx0ZGlzcGxheTogdW5zZXQgIWltcG9ydGFudDtcblx0fVxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjpiZWZvcmUge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmhvdmVyLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6YWN0aXZlLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6Zm9jdXMsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUsXG5cdC5tYWluLS1kcm9wZG93bi5zaG93ID4gbWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0cGFkZGluZzogNnB4IDhweDtcblx0XHRnYXA6IDhweDtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmdDb2xvcn07XG5cdH1cblx0LmRyb3Bkb3duLW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDNweDtcblx0XHRwYWRkaW5nOiAwIDA7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24uYnRuLXByaW1hcnkge1xuXHRcdHdpZHRoOiAxMDAlO1xuXHRcdHBhZGRpbmc6IDBweDtcblx0fVxuXHQuc3ViLS1kcm9wZG93biB7XG5cdFx0YnV0dG9uOm5vdCguZGF0ZS1waWNrZXItc2F2ZS1idXR0b24tY29udGFpbmVyIGJ1dHRvbikge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRcdHBhZGRpbmc6IDEwcHggNi42NjY3cHg7XG5cdFx0XHRiYWNrZ3JvdW5kOiBub25lO1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdFx0bGluZS1oZWlnaHQ6IDE2cHg7XG5cdFx0XHRib3JkZXI6IG5vbmU7XG5cdFx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5gO1xuZXhwb3J0IGNvbnN0IEl0ZW1NZW51Q29udGFpbmVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogNHB4O1xuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNMYXN0SXRlbSA/ICdub25lJyA6IGAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX1gfTtcblx0bWF4LXdpZHRoOiAyNDBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/IEJBU0VfQ09MT1JTLnBvc2l0aXZlWzUwXSA6IEJBU0VfQ09MT1JTLmdyYXlzY2FsZS53aGl0ZX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gJycgOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGVbNTBdfTtcblx0fVxuXHR3aWR0aDogMTAwJTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5pc0ZpcnN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcbmA7XG5leHBvcnQgY29uc3QgQW5hbHl0aWNzVHJlbmRDb250YWluZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmNhcmQgPyAxIDogMCl9cHggc29saWQgJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0aGVpZ2h0OiAxMDAlO1xuXHQkeyhwcm9wcykgPT4gcHJvcHMuY2FyZFxuICAgID8gYFxuXHRcdFx0Ym94LXNoYWRvdzogMHB4IDJweCA0cHggcmdiYSgwLCAwLCAwLCAwLjA4KTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHRcdHBhZGRpbmc6IDE2cHggMjBweDtgXG4gICAgOiAnJ31cblx0Lmljb24tLWhvbGRlciB7XG5cdFx0aGVpZ2h0OiAzMnB4O1xuXHRcdHdpZHRoOiAzMnB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRib3JkZXItcmFkaXVzOiA1cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdDpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdH1cblx0fVxuYDtcbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q29tbW9uU3R5bGVzLmpzLm1hcCJdfQ== */")),o=styled.div`
+`,n=t(i)`
+	.main--dropdown.dropdown-toggle::after {
+		display: unset !important;
+	}
+	.main--dropdown.dropdown-toggle::before {
+		display: unset !important;
+	}
+	.main--dropdown.btn-primary:hover,
+	.main--dropdown.btn-primary:active,
+	.main--dropdown.btn-primary:focus,
+	.main--dropdown.btn-primary.dropdown-toggle,
+	.main--dropdown.show > main--dropdown.btn-primary.dropdown-toggle {
+		border: 1px solid ${r.grayscale[200]};
+		border-radius: 4px;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		padding: 6px 8px;
+		gap: 8px;
+		background: ${t=>t.bgColor};
+	}
+	.dropdown-menu {
+		border-radius: 3px;
+		padding: 0 0;
+	}
+	.sub--dropdown.btn-primary {
+		width: 100%;
+		padding: 0px;
+	}
+	.sub--dropdown {
+		button:not(.date-picker-save-button-container button) {
+			border-radius: 0;
+			max-width: 100%;
+			padding: 10px 6.6667px;
+			background: none;
+			text-align: center;
+			line-height: 16px;
+			border: none;
+			justify-content: center;
+			align-items: center;
+		}
+	}
+`,p=t.div`
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 	padding: 12px 16px;
 	gap: 4px;
-	border-bottom: ${c=>c.isLastItem?"none":`1px solid ${d.grayscale[200]}`};
+	border-bottom: ${t=>t.isLastItem?"none":`1px solid ${r.grayscale[200]}`};
 	max-width: 240px;
 	cursor: pointer;
-	background-color: ${c=>c.isSelected?d.positive[50]:d.grayscale.white};
+	background-color: ${t=>t.isSelected?r.positive[50]:r.grayscale.white};
 	&:hover {
-		background-color: ${c=>c.isSelected?"":d.grayscale[50]};
+		background-color: ${t=>t.isSelected?"":r.grayscale[50]};
 	}
 	width: 100%;
-	border-top-left-radius: ${c=>c.isFirstItem?"4px":"0px"};
-	border-top-right-radius: ${c=>c.isFirstItem?"4px":"0px"};
-	border-bottom-left-radius: ${c=>c.isLastItem?"4px":"0px"};
-	border-bottom-right-radius: ${c=>c.isLastItem?"4px":"0px"};
-`,n=styled.div`
-	border: ${c=>c.card?1:0}px solid ${t.background.base};
+	border-top-left-radius: ${t=>t.isFirstItem?"4px":"0px"};
+	border-top-right-radius: ${t=>t.isFirstItem?"4px":"0px"};
+	border-bottom-left-radius: ${t=>t.isLastItem?"4px":"0px"};
+	border-bottom-right-radius: ${t=>t.isLastItem?"4px":"0px"};
+`,a=t.div`
+	border: ${t=>t.card?1:0}px solid ${o.background.base};
 	height: 100%;
-	${c=>c.card?"\n\t\t\tbox-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);\n\t\t\tborder-radius: 8px;\n\t\t\tpadding: 16px 20px;":""}
+	${t=>t.card?"\n\t\t\tbox-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);\n\t\t\tborder-radius: 8px;\n\t\t\tpadding: 16px 20px;":""}
 	.icon--holder {
 		height: 32px;
 		width: 32px;
@@ -57,15 +99,15 @@ import c from"@emotion/styled/base";import{BASE_COLORS as d,COLORS as t}from"../
 		border-radius: 5px;
 		cursor: pointer;
 		:hover {
-			background-color: ${t.surface.hovered};
+			background-color: ${o.surface.hovered};
 		}
 	}
-`,X=styled.div`
+`,s=t.div`
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width: 32px;
 	height: 32px;
-	background-color: ${t.background.brandLight};
+	background-color: ${o.background.brandLight};
 	border-radius: 4px;
-`;export{i as AnalyticsChipContainer,l as AnalyticsMultiWrapper,n as AnalyticsTrendContainer,X as IconContainer,o as ItemMenuContainer,e as MainDropdown};
+`;export{e as AnalyticsChipContainer,d as AnalyticsMultiWrapper,a as AnalyticsTrendContainer,s as IconContainer,p as ItemMenuContainer,n as MainDropdown};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js

@@ -1 +1 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Chart as a,CategoryScale as i,LinearScale as e,BarElement as r,Tooltip as l}from"chart.js";import n from"chartjs-plugin-datalabels";import{Bar as s}from"react-chartjs-2";import{TitleRegular as d}from"../../../TypographyStyle.js";import{COLORS as c,FONTS as p}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as x,truncateValueForIndianStore as g}from"../utils/calcPercentage.js";import{GraphContainerWrapper as b}from"./HorizontalGraph.styles.js";a.register(i,e,r,l,n);const m=a=>{var i,e,r,l,n,m,f,u,y;const h=-1===a.xAxis.data.findIndex((t=>0!==t)),A={min:0,max:2e3,stepSize:null!==(i=a.xAxis.stepSize)&&void 0!==i?i:200},v={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:a.maintainAspectRatio,layout:{padding:{right:a.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!h,callbacks:{label:a.xAxis.toolTipCallback,footer:null===(e=a.tooltipConfig)||void 0===e?void 0:e.footerCallback},footerFont:null===(l=null===(r=a.tooltipConfig)||void 0===r?void 0:r.footerStyles)||void 0===l?void 0:l.footerFont},datalabels:{display:null!==(n=!h&&a.showTotal)&&void 0!==n&&n,anchor:"end",align:"end",clamp:!0,formatter:(t,o)=>{var i;const e=o.datasetIndex,r=o.chart.data.datasets;if(e!==r.length-1)return"";const l=o.dataIndex;let n=0;for(let t=0;t<r.length;t++)n+=null!==(i=r[t].data[l])&&void 0!==i?i:0;return n?a.isInternationalStore?x(n):g(n):""},color:c.content.secondary}},scales:{y:{title:{display:!!a.yAxis.title,text:a.yAxis.title,color:a.yAxis.titleColor,font:{size:p.caption.fontSize,color:a.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:c.background.base},ticks:{fontSize:p.caption.fontSize,color:null!==(m=a.yAxis.labelColor)&&void 0!==m?m:c.content.secondary}},x:{title:{display:!!a.xAxis.title,text:a.xAxis.title,color:a.xAxis.titleColor,font:{size:p.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:c.background.base},ticks:Object.assign({callback:a.xAxis.ticksCallback,fontSize:p.caption.fontSize,color:null!==(f=a.xAxis.labelColor)&&void 0!==f?f:c.content.secondary},h?A:{max:a.xAxis.max,stepSize:a.xAxis.stepSize})}}},C={labels:a.yAxis.data.map((t=>t.toString())),datasets:[{data:h?[250,1e3,800,1500,300,600]:a.xAxis.data,backgroundColor:t=>(t=>{var o;const i=t.chart.ctx.createLinearGradient(0,0,0,200);let e="";if(h)e="rgba(0,0,0,0)";else if(a.barColorRGBA){const t=a.barColorRGBA;e=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(o=t.a)&&void 0!==o?o:"0.3"})`}return i.addColorStop(0,e||"rgba(146, 96, 237, 0.3)"),i.addColorStop(1,e||"rgba(146, 96, 237, 0.3)"),i})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(b,{padding:a.outerPadding,skipOuterLayout:a.skipOuterLayout,children:[a.chartHeading&&o(d,{color:null!==(u=a.chartHeading.color)&&void 0!==u?u:c.content.secondary,children:a.chartHeading.heading}),o("div",{style:{height:a.maintainAspectRatio?void 0:null!==(y=a.graphCanvasHeight)&&void 0!==y?y:500},children:o(s,{options:v,data:C})})]})};export{m as HorizontalGraph};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Chart as a,CategoryScale as i,LinearScale as e,BarElement as r,Tooltip as l}from"chart.js";import n from"chartjs-plugin-datalabels";import{Bar as s}from"react-chartjs-2";import{TitleRegular as d}from"../../../TypographyStyle.js";import{COLORS as c,FONTS as p}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as x,truncateValueForIndianStore as g}from"../utils/calcPercentage.js";import{GraphContainerWrapper as b}from"./HorizontalGraph.styles.js";a.register(i,e,r,l,n);const m=a=>{var i,e,r,l,n,m,f,u,y;const h=-1===a.xAxis.data.findIndex(t=>0!==t),A={min:0,max:2e3,stepSize:null!==(i=a.xAxis.stepSize)&&void 0!==i?i:200},v={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:a.maintainAspectRatio,layout:{padding:{right:a.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!h,callbacks:{label:a.xAxis.toolTipCallback,footer:null===(e=a.tooltipConfig)||void 0===e?void 0:e.footerCallback},footerFont:null===(l=null===(r=a.tooltipConfig)||void 0===r?void 0:r.footerStyles)||void 0===l?void 0:l.footerFont},datalabels:{display:null!==(n=!h&&a.showTotal)&&void 0!==n&&n,anchor:"end",align:"end",clamp:!0,formatter:(t,o)=>{var i;const e=o.datasetIndex,r=o.chart.data.datasets;if(e!==r.length-1)return"";const l=o.dataIndex;let n=0;for(let t=0;t<r.length;t++)n+=null!==(i=r[t].data[l])&&void 0!==i?i:0;return n?a.isInternationalStore?x(n):g(n):""},color:c.content.secondary}},scales:{y:{title:{display:!!a.yAxis.title,text:a.yAxis.title,color:a.yAxis.titleColor,font:{size:p.caption.fontSize,color:a.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:c.background.base},ticks:{fontSize:p.caption.fontSize,color:null!==(m=a.yAxis.labelColor)&&void 0!==m?m:c.content.secondary}},x:{title:{display:!!a.xAxis.title,text:a.xAxis.title,color:a.xAxis.titleColor,font:{size:p.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:c.background.base},ticks:Object.assign({callback:a.xAxis.ticksCallback,fontSize:p.caption.fontSize,color:null!==(f=a.xAxis.labelColor)&&void 0!==f?f:c.content.secondary},h?A:{max:a.xAxis.max,stepSize:a.xAxis.stepSize})}}},C={labels:a.yAxis.data.map(t=>t.toString()),datasets:[{data:h?[250,1e3,800,1500,300,600]:a.xAxis.data,backgroundColor:t=>(t=>{var o;const i=t.chart.ctx.createLinearGradient(0,0,0,200);let e="";if(h)e="rgba(0,0,0,0)";else if(a.barColorRGBA){const t=a.barColorRGBA;e=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(o=t.a)&&void 0!==o?o:"0.3"})`}return i.addColorStop(0,e||"rgba(146, 96, 237, 0.3)"),i.addColorStop(1,e||"rgba(146, 96, 237, 0.3)"),i})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(b,{padding:a.outerPadding,skipOuterLayout:a.skipOuterLayout,children:[a.chartHeading&&o(d,{color:null!==(u=a.chartHeading.color)&&void 0!==u?u:c.content.secondary,children:a.chartHeading.heading}),o("div",{style:{height:a.maintainAspectRatio?void 0:null!==(y=a.graphCanvasHeight)&&void 0!==y?y:500},children:o(s,{options:v,data:C})})]})};export{m as HorizontalGraph};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/Legend/Legend.js

@@ -1,4 +1,4 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"@emotion/styled";import{BodyPrimary as o}from"../../../TypographyStyle.js";const i=t.div`
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"styled-components";import{BodyPrimary as o}from"../../../TypographyStyle.js";const i=t.div`
 	display: flex;
 	align-items: center;
 	flex-direction: row;
@@ -16,4 +16,4 @@ import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"@emotion/styled"
 		margin-right: 12px;
 		flex: 1;
 	}
-`,l=t=>{let{color:l,text:a}=t;return r(i,{children:[e("div",{className:"color",style:{backgroundColor:l}}),e(o,{className:"title",children:(c=a,c.charAt(0).toUpperCase()+c.slice(1))})]});var c};export{l as Legend};
+`,l=({color:t,text:l})=>{return r(i,{children:[e("div",{className:"color",style:{backgroundColor:t}}),e(o,{className:"title",children:(c=l,c.charAt(0).toUpperCase()+c.slice(1))})]});var c};export{l as Legend};

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

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

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

@@ -1,4 +1,4 @@
-import e from"@emotion/styled";const i=e.div`
+import e from"styled-components";const i=e.div`
 	display: flex;
 	flex-direction: row;
 	gap: 8px;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js

@@ -25,4 +25,4 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as r,useEffect
 		display: block;
 		width: 8px;
 	}
-`,c=l=>{let{slices:c,size:d}=l;const[p,m]=r(0),[u,f]=r(d?{height:`${d}px`}:{});i((()=>{let e=0;c.forEach((t=>{e+=t.count})),m(e),0===c.reduce(((e,t)=>e+t.count),0)&&1===c.length?f((e=>Object.assign(Object.assign({},e),{justifyContent:"center"}))):f((e=>Object.assign(Object.assign({},e),{justifyContent:"flex-start"})))}),[c]);return e(o,{style:u,children:c.map((r=>{return t("div",{className:"slice-row",style:{justifyContent:"space-between",gap:"8px",padding:"0 8px",maxWidth:"400px"},children:[e("div",{style:{width:"fit-content"},children:e(a,{color:r.color,text:r.name},r.name)}),t("div",{style:{display:"flex",alignItems:"center",flexDirection:"column"},children:[t(n,{className:"percentage",children:[(i=r.count,0===p?0:parseFloat((i/p*100).toFixed(1))),"%"]}),r.rawValue&&t(s,{className:"raw-value",children:["(",r.rawValue,")"]})]})]},r.name);var i}))})};export{c as PieChart};
+`,c=({slices:l,size:c})=>{const[d,p]=r(0),[m,u]=r(c?{height:`${c}px`}:{});i(()=>{let e=0;l.forEach(t=>{e+=t.count}),p(e),0===l.reduce((e,t)=>e+t.count,0)&&1===l.length?u(e=>Object.assign(Object.assign({},e),{justifyContent:"center"})):u(e=>Object.assign(Object.assign({},e),{justifyContent:"flex-start"}))},[l]);return e(o,{style:m,children:l.map(r=>{return t("div",{className:"slice-row",style:{justifyContent:"space-between",gap:"8px",padding:"0 8px",maxWidth:"400px"},children:[e("div",{style:{width:"fit-content"},children:e(a,{color:r.color,text:r.name},r.name)}),t("div",{style:{display:"flex",alignItems:"center",flexDirection:"column"},children:[t(n,{className:"percentage",children:[(i=r.count,0===d?0:parseFloat((i/d*100).toFixed(1))),"%"]}),r.rawValue&&t(s,{className:"raw-value",children:["(",r.rawValue,")"]})]})]},r.name);var i})})};export{c as PieChart};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js

@@ -1,5 +1,5 @@
-import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import r from"@emotion/styled";import l from"../../../../assets/icons/ChartBar.svg.js";import o from"../../../../assets/icons/maximize.svg.js";import{Chart as a,ArcElement as s,Legend as n}from"chart.js";import d,{useState as c,useEffect as h,Suspense as m}from"react";import{Doughnut as p}from"react-chartjs-2";import{IconButton as u}from"../../../icon-button/IconButton.js";import{StyledModal as g}from"../../../modals/styledModal.js";import{TitleMedium as b}from"../../../TypographyStyle.js";import f from"../../../../utils/StringUtils.js";import{COLORS as y}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as v,truncateValueForIndianStore as C}from"../utils/calcPercentage.js";import{PieChart as w}from"./PieChart.js";const x=d.lazy((()=>import("../VerticalBarGraph/VerticalGraph.js").then((e=>({default:e.VerticalGraph})))));a.register(s,n);const j=e=>({plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{var i;if(!t.label)return" 0%";const r=t.dataset.data.reduce(((e,t)=>e+t),0),l=parseFloat((t.raw/r*100).toFixed(1)),{label:o,raw:a}=t,s=null!==(i=null==e?void 0:e.symbol)&&void 0!==i?i:"",n=null==e?void 0:e.isInternationalStore;return[` ${o}`,` ${s}${void 0!==n?n?v(a):C(a):a} (${l}% of ${s}${void 0!==n?n?v(r):C(r):r})`]}}}}}),A=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],k=r.div`
+import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import r from"../../../../assets/icons/ChartBar.svg.js";import l from"../../../../assets/icons/maximize.svg.js";import{Chart as o,ArcElement as a,Legend as s}from"chart.js";import n,{useState as d,useEffect as c,Suspense as h}from"react";import{Doughnut as p}from"react-chartjs-2";import m from"styled-components";import{IconButton as u}from"../../../icon-button/IconButton.js";import{StyledModal as g}from"../../../modals/styledModal.js";import{TitleMedium as b}from"../../../TypographyStyle.js";import f from"../../../../utils/StringUtils.js";import{COLORS as y}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as v,truncateValueForIndianStore as C}from"../utils/calcPercentage.js";import{PieChart as w}from"./PieChart.js";const x=n.lazy(()=>import("../VerticalBarGraph/VerticalGraph.js").then(e=>({default:e.VerticalGraph})));o.register(a,s);const j=e=>({plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{var i;if(!t.label)return" 0%";const r=t.dataset.data.reduce((e,t)=>e+t,0),l=parseFloat((t.raw/r*100).toFixed(1)),{label:o,raw:a}=t,s=null!==(i=null==e?void 0:e.symbol)&&void 0!==i?i:"",n=null==e?void 0:e.isInternationalStore;return[` ${o}`,` ${s}${void 0!==n?n?v(a):C(a):a} (${l}% of ${s}${void 0!==n?n?v(r):C(r):r})`]}}}}}),A=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],k=m.div`
 	background: ${e=>y.surface.standard};
 	border: 1px solid ${e=>y.stroke.primary};
 	border-radius: 4px;
-`,O=t=>e(k,{style:{padding:24},children:t.children}),F=r=>{let{title:a,slices:s,size:n,allowChartPopup:d,showConvertToBarChart:y,truncateSlices:v,barChartXAxisTitle:C,barChartYAxisTitle:k,hideTitle:O=!1,currencyProps:F}=r;const[B,T]=c(!1),[$,E]=c(!1),[R,z]=c([]),[G,I]=c(),[D,P]=c(),[S,W]=c([]),[L,N]=c(null);return h((()=>{const e=s.reduce(((e,t)=>e+t.count),0);let t=[];if(t=Object.keys(s).map(((e,t)=>Object.assign({color:A[t%A.length]},s[e]))),z([...t]),0===e){I({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}],labels:[]})}else{const e={labels:s.map((e=>f.capitalizeEachWord(e.name))),datasets:[{data:s.map((e=>e.count)),backgroundColor:s.map(((e,t)=>{var i;return null!==(i=e.color)&&void 0!==i?i:A[t%A.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};I(e)}if(v&&s.length>v){const e=s.slice(0,v),t=s.slice(v).reduce(((e,t)=>e+t.count),0);e.push({name:"Other",count:t});const i={labels:e.map((e=>f.capitalize(e.name))),datasets:[{data:e.map((e=>e.count)),backgroundColor:e.map(((e,t)=>{var i;return null!==(i=e.color)&&void 0!==i?i:A[t%A.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};P(i);const r=e.map(((e,t)=>Object.assign({color:A[t%A.length]},e)));W(r)}y&&N(((e,t,i)=>({xAxis:{data:e.map((e=>e.name)),title:null!=t?t:""},yAxis:{data:e.map((e=>e.count)),title:null!=i?i:""},barColorRGBA:{r:210,g:174,b:255,a:1}}))(s,C,k))}),[s,v]),G?i(t,{children:[i("div",{style:{display:"flex",justifyContent:O||0===(null==a?void 0:a.length)?"flex-end":"space-between"},children:[!O&&a&&e(b,{style:{marginBottom:16},children:a}),i("div",{children:[y&&e(u,{Icon:l,onClick:()=>{E(!0)}}),d&&e(u,{Icon:o,onClick:()=>{T(!0)}})]})]}),i("div",{className:"row",children:[e("div",{className:"col-6 ",style:{display:"flex",alignItems:"center",justifyContent:"center"},children:e("div",{style:{width:n,height:n},children:e(p,{data:v?D:G,options:Object.assign(Object.assign({},j(F)),{maintainAspectRatio:!n})})})}),e("div",{className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"flex-start"},children:e(w,{slices:v?S:R,size:n})})]}),B&&e(g,{open:B,onClose:()=>T(!1),closeOnOutsideClick:!0,headingTitle:a,width:"75%",children:i("div",{style:{padding:24,display:"flex",justifyContent:"space-between",height:"80vh"},children:[e("div",{style:{width:"55%",marginLeft:"4%"},children:e("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:e(p,{data:G,options:Object.assign(Object.assign({},j(F)),{maintainAspectRatio:!n})})})}),e("div",{style:{width:"30%",height:"100%",overflowY:"auto"},children:e(w,{slices:R})})]})}),$&&L&&e(g,{open:$,onClose:()=>E(!1),closeOnOutsideClick:!0,headingTitle:a,width:"85%",children:e("div",{style:{padding:"24px 0"},children:e(m,{fallback:e("div",{children:"Loading..."}),children:e(x,{xAxis:L.xAxis,yAxis:L.yAxis,barColorRGBA:null==L?void 0:L.barColorRGBA})})})})]}):e(t,{})};export{O as Card,F as PieChartAnalytics};
+`,O=t=>e(k,{style:{padding:24},children:t.children}),F=({title:o,slices:a,size:s,allowChartPopup:n,showConvertToBarChart:m,truncateSlices:y,barChartXAxisTitle:v,barChartYAxisTitle:C,hideTitle:k=!1,currencyProps:O})=>{const[F,B]=d(!1),[T,$]=d(!1),[E,R]=d([]),[z,G]=d(),[I,D]=d(),[P,S]=d([]),[W,L]=d(null);return c(()=>{const e=a.reduce((e,t)=>e+t.count,0);let t=[];if(t=Object.keys(a).map((e,t)=>Object.assign({color:A[t%A.length]},a[e])),R([...t]),0===e){G({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}],labels:[]})}else{const e={labels:a.map(e=>f.capitalizeEachWord(e.name)),datasets:[{data:a.map(e=>e.count),backgroundColor:a.map((e,t)=>{var i;return null!==(i=e.color)&&void 0!==i?i:A[t%A.length]}),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};G(e)}if(y&&a.length>y){const e=a.slice(0,y),t=a.slice(y).reduce((e,t)=>e+t.count,0);e.push({name:"Other",count:t});const i={labels:e.map(e=>f.capitalize(e.name)),datasets:[{data:e.map(e=>e.count),backgroundColor:e.map((e,t)=>{var i;return null!==(i=e.color)&&void 0!==i?i:A[t%A.length]}),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};D(i);const r=e.map((e,t)=>Object.assign({color:A[t%A.length]},e));S(r)}m&&L(((e,t,i)=>({xAxis:{data:e.map(e=>e.name),title:null!=t?t:""},yAxis:{data:e.map(e=>e.count),title:null!=i?i:""},barColorRGBA:{r:210,g:174,b:255,a:1}}))(a,v,C))},[a,y]),z?i(t,{children:[i("div",{style:{display:"flex",justifyContent:k||0===(null==o?void 0:o.length)?"flex-end":"space-between"},children:[!k&&o&&e(b,{style:{marginBottom:16},children:o}),i("div",{children:[m&&e(u,{Icon:r,onClick:()=>{$(!0)}}),n&&e(u,{Icon:l,onClick:()=>{B(!0)}})]})]}),i("div",{className:"row",children:[e("div",{className:"col-6 ",style:{display:"flex",alignItems:"center",justifyContent:"center"},children:e("div",{style:{width:s,height:s},children:e(p,{data:y?I:z,options:Object.assign(Object.assign({},j(O)),{maintainAspectRatio:!s})})})}),e("div",{className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"flex-start"},children:e(w,{slices:y?P:E,size:s})})]}),F&&e(g,{open:F,onClose:()=>B(!1),closeOnOutsideClick:!0,headingTitle:o,width:"75%",children:i("div",{style:{padding:24,display:"flex",justifyContent:"space-between",height:"80vh"},children:[e("div",{style:{width:"55%",marginLeft:"4%"},children:e("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:e(p,{data:z,options:Object.assign(Object.assign({},j(O)),{maintainAspectRatio:!s})})})}),e("div",{style:{width:"30%",height:"100%",overflowY:"auto"},children:e(w,{slices:E})})]})}),T&&W&&e(g,{open:T,onClose:()=>$(!1),closeOnOutsideClick:!0,headingTitle:o,width:"85%",children:e("div",{style:{padding:"24px 0"},children:e(h,{fallback:e("div",{children:"Loading..."}),children:e(x,{xAxis:W.xAxis,yAxis:W.yAxis,barColorRGBA:null==W?void 0:W.barColorRGBA})})})})]}):e(t,{})};export{O as Card,F as PieChartAnalytics};