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

package/dist/cjs/components/SearchFilter/components/DateRangeOnlyButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("../../datePicker/DatePicker.js");require("react-calendar"),require("../../../utils/DateUtils.js");var o=require("../../../constants/Theme.js");require("../../TypographyStyle.js"),require("../../datePicker/DatePickerWrapper.styled.js"),require("../../datePicker/model.js"),require("../../dropdown/DropdownPopover/index.js"),require("../../dropdown/Dropdown.js"),require("../../dropdown/ChipDropdown.js"),require("../../zeroState/ZeroState.js"),require("../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../checkBox/CheckBox.styled.js"),require("../../list-item/ListItem.js"),require("../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../button/Button.js"),require("../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../icon-button/IconButton.js");var i=require("../../input/Input.js"),s=require("../../input/context/InputStyleProvider.js");require("../../dropdown/MenuItem/MenuItem.js"),require("../../datePicker/DatePicker.styled.js");var d=require("../../tag/Tag.js"),l=require("../../../assets/icons/chevronDown.svg.js"),u=require("../../../assets/icons/chevronDownOutline.svg.js");const a=a=>{var p,c,j,{text:g,onSelect:h,variant:v}=a,q=e.__rest(a,["text","onSelect","variant"]);const[w,m]=r.useState(!1),[D,x]=r.useState(null),y=(null===(p=q.width)||void 0===p?void 0:p.toString())?null===(c=q.width)||void 0===c?void 0:c.toString():D?12*(null===(j=D[0])||void 0===j?void 0:j.toDateString().length)*2+"px":12*g.length+"px";return t.jsxs("div",{style:{position:"relative"},children:[t.jsx("div",{onClick:()=>m((e=>!e)),style:{cursor:"pointer",width:"100%",height:"100%"},children:"small"===v?t.jsx(d.Tag,{tagText:(null==D?void 0:D.length)?`${D[0].toDateString()} - ${D[1].toDateString()}`:null!=g?g:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:u.default}):t.jsx(s.InputStyleContext.Provider,{value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}},children:t.jsx(i.Input,{state:"disabled",value:(null==D?void 0:D.length)?`${D[0].toDateString()} - ${D[1].toDateString()}`:null!=g?g:"",variant:"small",placeholder:null!=g?g:"Select a date",width:y,onChangeText:()=>{},rightIcon:{icon:()=>t.jsx(l.default,{style:{transform:w?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:o.DEFAULT_THEME.colorsV2.content.primary})}})})}),w&&t.jsx("div",{style:{position:"absolute",top:"calc(100% + 8px)"},children:t.jsx(n.DatePicker,{selectRange:!0,onSelectRange:(e,t)=>{x([e,t]),m(!1),h([e,t])}})})]})};a.displayName="DateRangeOnlyButton",exports.DateRangeOnlyButton=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("../../datePicker/DatePicker.js");require("react-calendar"),require("../../../utils/DateUtils.js");var o=require("../../../constants/Theme.js");require("../../TypographyStyle.js"),require("../../datePicker/DatePickerWrapper.styled.js"),require("../../datePicker/model.js"),require("../../dropdown/DropdownPopover/index.js"),require("../../dropdown/Dropdown.js"),require("../../dropdown/ChipDropdown.js"),require("../../zeroState/ZeroState.js"),require("../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../checkBox/CheckBox.styled.js"),require("../../list-item/ListItem.js"),require("../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../button/Button.js"),require("../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../icon-button/IconButton.js");var i=require("../../input/Input.js"),s=require("../../input/context/InputStyleProvider.js");require("../../dropdown/MenuItem/MenuItem.js"),require("../../datePicker/DatePicker.styled.js");var d=require("../../tag/Tag.js"),l=require("../../../assets/icons/chevronDown.svg.js"),u=require("../../../assets/icons/chevronDownOutline.svg.js");const a=a=>{var p,c,j,{text:g,onSelect:h,variant:v}=a,q=e.__rest(a,["text","onSelect","variant"]);const[w,m]=r.useState(!1),[D,x]=r.useState(null),y=(null===(p=q.width)||void 0===p?void 0:p.toString())?null===(c=q.width)||void 0===c?void 0:c.toString():D?12*(null===(j=D[0])||void 0===j?void 0:j.toDateString().length)*2+"px":12*g.length+"px";return t.jsxs("div",{style:{position:"relative"},children:[t.jsx("div",{onClick:()=>m(e=>!e),style:{cursor:"pointer",width:"100%",height:"100%"},children:"small"===v?t.jsx(d.Tag,{tagText:(null==D?void 0:D.length)?`${D[0].toDateString()} - ${D[1].toDateString()}`:null!=g?g:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:u.default}):t.jsx(s.InputStyleContext.Provider,{value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}},children:t.jsx(i.Input,{state:"disabled",value:(null==D?void 0:D.length)?`${D[0].toDateString()} - ${D[1].toDateString()}`:null!=g?g:"",variant:"small",placeholder:null!=g?g:"Select a date",width:y,onChangeText:()=>{},rightIcon:{icon:()=>t.jsx(l.default,{style:{transform:w?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:o.DEFAULT_THEME.colorsV2.content.primary})}})})}),w&&t.jsx("div",{style:{position:"absolute",top:"calc(100% + 8px)"},children:t.jsx(n.DatePicker,{selectRange:!0,onSelectRange:(e,t)=>{x([e,t]),m(!1),h([e,t])}})})]})};a.displayName="DateRangeOnlyButton",exports.DateRangeOnlyButton=a;

package/dist/cjs/components/SearchFilter/components/FilterChipListRenderer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../tooltips/Tooltip.js"),require("../../../constants/Theme.js"),require("../../TypographyStyle.js"),require("../../analytics-chips-and-dropdowns/CommonStyles.js");var r=require("../../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("react"),require("../../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../../utils/DateUtils.js");var a=require("../../tag/Tag.js");require("../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js"),require("../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),require("../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),require("../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),require("../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js");var i=require("../../../assets/icons/cross.svg.js"),t=require("../types/SearchFilter.type.js");exports.FilterChipListRenderer=n=>{let{selectedState:l,onDeSelect:s}=n;return e.jsx(e.Fragment,{children:l.map((n=>{var l,o,d,c,p,u,h,y,v,j,g;if(n.type===t.FilterType.Multiple)return e.jsx(e.Fragment,{children:null===(l=n.value)||void 0===l?void 0:l.map((r=>{var t,l;return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,r),style:{cursor:"pointer"},tagText:null!==(l=null===(t=r.label)||void 0===t?void 0:t.slice(0,10))&&void 0!==l?l:"",type:"neutral",theme:"light",TrailingIcon:i.default},`${n.id}-${r.value}`)}))});if(n.type===t.FilterType.Date)return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,n.value),style:{cursor:"pointer"},tagText:r.formatDate(n.value),type:"neutral",theme:"light",TrailingIcon:i.default},n.id);if(n.type===t.FilterType.DateRange)return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,n.value),style:{cursor:"pointer"},tagText:`${r.formatDate(null===(o=n.value)||void 0===o?void 0:o[0])} to ${r.formatDate(null===(d=n.value)||void 0===d?void 0:d[1])}`,type:"neutral",theme:"light",TrailingIcon:i.default},n.id);return(n.type===t.FilterType.Single?null!==(p=null===(c=n.value)||void 0===c?void 0:c.label)&&void 0!==p?p:"":null!==(h=null===(u=n.value)||void 0===u?void 0:u.toString())&&void 0!==h?h:"")?e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,n.value),style:{cursor:"pointer"},tagText:n.type===t.FilterType.Single?null!==(v=null===(y=n.value)||void 0===y?void 0:y.label)&&void 0!==v?v:"":null!==(g=null===(j=n.value)||void 0===j?void 0:j.toString())&&void 0!==g?g:"",type:"neutral",theme:"light",TrailingIcon:i.default},n.id):e.jsx(e.Fragment,{})}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../tooltips/Tooltip.js"),require("../../../constants/Theme.js"),require("../../TypographyStyle.js"),require("../../analytics-chips-and-dropdowns/CommonStyles.js");var r=require("../../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("react"),require("../../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../../utils/DateUtils.js");var a=require("../../tag/Tag.js");require("../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js"),require("../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),require("../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),require("../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),require("../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js");var i=require("../../../assets/icons/cross.svg.js"),t=require("../types/SearchFilter.type.js");exports.FilterChipListRenderer=({selectedState:n,onDeSelect:l})=>e.jsx(e.Fragment,{children:n.map(n=>{var s,o,d,c,p,u,h,y,v,j,g;if(n.type===t.FilterType.Multiple)return e.jsx(e.Fragment,{children:null===(s=n.value)||void 0===s?void 0:s.map(r=>{var t,s;return e.jsx(a.Tag,{onTrailingIconClicked:()=>l(n.id,r),style:{cursor:"pointer"},tagText:null!==(s=null===(t=r.label)||void 0===t?void 0:t.slice(0,10))&&void 0!==s?s:"",type:"neutral",theme:"light",TrailingIcon:i.default},`${n.id}-${r.value}`)})});if(n.type===t.FilterType.Date)return e.jsx(a.Tag,{onTrailingIconClicked:()=>l(n.id,n.value),style:{cursor:"pointer"},tagText:r.formatDate(n.value),type:"neutral",theme:"light",TrailingIcon:i.default},n.id);if(n.type===t.FilterType.DateRange)return e.jsx(a.Tag,{onTrailingIconClicked:()=>l(n.id,n.value),style:{cursor:"pointer"},tagText:`${r.formatDate(null===(o=n.value)||void 0===o?void 0:o[0])} to ${r.formatDate(null===(d=n.value)||void 0===d?void 0:d[1])}`,type:"neutral",theme:"light",TrailingIcon:i.default},n.id);return(n.type===t.FilterType.Single?null!==(p=null===(c=n.value)||void 0===c?void 0:c.label)&&void 0!==p?p:"":null!==(h=null===(u=n.value)||void 0===u?void 0:u.toString())&&void 0!==h?h:"")?e.jsx(a.Tag,{onTrailingIconClicked:()=>l(n.id,n.value),style:{cursor:"pointer"},tagText:n.type===t.FilterType.Single?null!==(v=null===(y=n.value)||void 0===y?void 0:y.label)&&void 0!==v?v:"":null!==(g=null===(j=n.value)||void 0===j?void 0:j.toString())&&void 0!==g?g:"",type:"neutral",theme:"light",TrailingIcon:i.default},n.id):e.jsx(e.Fragment,{})})});

package/dist/cjs/components/SearchFilter/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react/jsx-runtime"),r=require("../searchBar/searchBar.js"),i=require("./components/FilterChipListRenderer.js"),l=require("./components/SearchFilterItem.js"),n=require("./types/SearchFilter.type.js");exports.SearchFilter=a=>{let{direction:s="row",schema:d,variant:c,onChange:u,showSelectedChips:p}=a;var o,f,v;const h=e.useRef(null!==(o=null==d?void 0:d.filter((e=>e.defaultValue)).map((e=>({id:e.id,value:e.defaultValue,type:e.type,text:e.text}))))&&void 0!==o?o:[]),[x,y]=e.useState([]),g=d.find((e=>e.type===n.FilterType.Search)),j=e=>{g&&"string"==typeof e&&m(g.id,e)},m=(e,t)=>{const r=d.find((t=>t.id===e)),i=[...x];if(r){const l=i.findIndex((t=>t.id===e));-1!==l?i[l]={id:r.id,value:t}:i.push({id:r.id,value:t});const n=h.current.find((t=>t.id===e));h.current=n?h.current.map((r=>r.id===e?{id:r.id,value:t,type:r.type,text:r.text}:r)):[...h.current,{id:e,value:t,type:r.type,text:r.text}],u(r.id,h.current,t),y([...i])}};return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[t.jsxs("div",{style:{display:"flex",flexDirection:s,gap:8,flexWrap:"wrap",alignItems:"row"===s?"center":"self-start"},children:[g&&t.jsx(r.SearchBar,{width:null!==(v=null===(f=g.width)||void 0===f?void 0:f.toString())&&void 0!==v?v:"100%",isEnabled:!0,onChange:j,onEnter:j,placeholder:g.text,variant:"small"}),t.jsx("div",{style:{display:"flex",flexDirection:"row",gap:8,flexWrap:"wrap",alignItems:"row"===s?"center":"self-start"},children:d.filter((e=>e.type!==n.FilterType.Search)).map(((t,r)=>e.createElement(l.SearchFilterItem,Object.assign({},t,{key:r,variant:c,onChange:e=>{m(t.id,e)}}))))})]}),p&&t.jsx("div",{style:{display:"flex",flexDirection:"row",gap:8},children:t.jsx(i.FilterChipListRenderer,{selectedState:h.current,onDeSelect:(e,t)=>{const r=d.find((t=>t.id===e));let i=[...x];r&&(r.type===n.FilterType.Multiple?(i=i.map((r=>{if(r.id===e){const e=r.value.filter((e=>e.value!==t.value));return e.length?Object.assign(Object.assign({},r),{value:e}):null}return r})).filter((e=>!!e)),h.current=h.current.map((r=>{var i;if(r.id===e){const e=null===(i=r.value)||void 0===i?void 0:i.filter((e=>e.value!==t.value));return e.length?Object.assign(Object.assign({},r),{value:e}):null}return r})).filter((e=>!!e))):(i=i.filter((t=>t.id!==e)),h.current=h.current.filter((t=>t.id!==e))),u(r.id,h.current,t),y([...i]))}})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react/jsx-runtime"),r=require("../searchBar/searchBar.js"),i=require("./components/FilterChipListRenderer.js"),l=require("./components/SearchFilterItem.js"),n=require("./types/SearchFilter.type.js");exports.SearchFilter=({direction:a="row",schema:s,variant:d,onChange:c,showSelectedChips:u})=>{var p,o,f;const v=e.useRef(null!==(p=null==s?void 0:s.filter(e=>e.defaultValue).map(e=>({id:e.id,value:e.defaultValue,type:e.type,text:e.text})))&&void 0!==p?p:[]),[h,x]=e.useState([]),y=s.find(e=>e.type===n.FilterType.Search),g=e=>{y&&"string"==typeof e&&j(y.id,e)},j=(e,t)=>{const r=s.find(t=>t.id===e),i=[...h];if(r){const l=i.findIndex(t=>t.id===e);-1!==l?i[l]={id:r.id,value:t}:i.push({id:r.id,value:t});const n=v.current.find(t=>t.id===e);v.current=n?v.current.map(r=>r.id===e?{id:r.id,value:t,type:r.type,text:r.text}:r):[...v.current,{id:e,value:t,type:r.type,text:r.text}],c(r.id,v.current,t),x([...i])}};return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[t.jsxs("div",{style:{display:"flex",flexDirection:a,gap:8,flexWrap:"wrap",alignItems:"row"===a?"center":"self-start"},children:[y&&t.jsx(r.SearchBar,{width:null!==(f=null===(o=y.width)||void 0===o?void 0:o.toString())&&void 0!==f?f:"100%",isEnabled:!0,onChange:g,onEnter:g,placeholder:y.text,variant:"small"}),t.jsx("div",{style:{display:"flex",flexDirection:"row",gap:8,flexWrap:"wrap",alignItems:"row"===a?"center":"self-start"},children:s.filter(e=>e.type!==n.FilterType.Search).map((t,r)=>e.createElement(l.SearchFilterItem,Object.assign({},t,{key:r,variant:d,onChange:e=>{j(t.id,e)}})))})]}),u&&t.jsx("div",{style:{display:"flex",flexDirection:"row",gap:8},children:t.jsx(i.FilterChipListRenderer,{selectedState:v.current,onDeSelect:(e,t)=>{const r=s.find(t=>t.id===e);let i=[...h];r&&(r.type===n.FilterType.Multiple?(i=i.map(r=>{if(r.id===e){const e=r.value.filter(e=>e.value!==t.value);return e.length?Object.assign(Object.assign({},r),{value:e}):null}return r}).filter(e=>!!e),v.current=v.current.map(r=>{var i;if(r.id===e){const e=null===(i=r.value)||void 0===i?void 0:i.filter(e=>e.value!==t.value);return e.length?Object.assign(Object.assign({},r),{value:e}):null}return r}).filter(e=>!!e)):(i=i.filter(t=>t.id!==e),v.current=v.current.filter(t=>t.id!==e)),c(r.id,v.current,t),x([...i]))}})})]})};

package/dist/cjs/components/TablePagination/TablePagination.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../../assets/icons/chevronLeft.svg.js"),r=require("../../assets/icons/chevronRight.svg.js");require("../dropdown/DropdownPopover/index.js");var n=require("../dropdown/Dropdown.js");require("../dropdown/ChipDropdown.js"),require("react"),require("../zeroState/ZeroState.js");var t=require("../TypographyStyle.js"),s=require("../../constants/Theme.js");require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");var i=require("./TablePagination.styled.js");exports.TablePagination=d=>{let{pageNumber:a,pageSize:l,totalRows:c,updatePageNumber:p,updatePageSize:u,hidePageSizeOptions:j,showTotalText:h}=d;const w=s.DEFAULT_THEME.colorsV2,y=(a-1)*l+1,g=(a-1)*l+l,m=Math.ceil(c/l),q=1==m;let x=[];x=m>=5?a===m?[a-4,a-3,a-2,a-1,a]:1===a?[a,a+1,a+2,a+3,a+4]:2===a?[a-1,a,a+1,a+2,a+3]:a===m-1?[a-3,a-2,a-1,a,a+1]:[a-2,a-1,a,a+1,a+2]:Array.from({length:m},((e,o)=>o+1));const v=[{label:"5 rows per page",value:"5",selected:5===l},{label:"10 rows per page",value:"10",selected:10===l},{label:"20 rows per page",value:"20",selected:20===l}];return e.jsxs(i.StyledTablePaginationContainer,{children:[!j&&e.jsx("div",{children:e.jsx(n.Dropdown,{size:"small",options:v,onSelect:u,width:"162px"})}),e.jsxs("div",{className:"paging__container",children:[!j&&c&&e.jsxs(t.BodySecondary,{style:{color:w.content.placeholder},children:["Showing ",y,"-",g>c?c:g," of"," ",c," results"]}),e.jsxs("div",{className:"pages__buttons-container",children:[!q&&e.jsx(i.StyledPagingContainer,{active:!1,onClick:()=>{1!==a&&p(Math.max(a-1,1))},disabled:1===a,children:e.jsx(o.default,{color:w.content.secondary,height:14,width:14})}),x.map((o=>e.jsx(i.StyledPagingContainer,{active:o==a,onClick:()=>p(o),style:{display:1==o&&c<=l?"none":"flex"},children:e.jsx(t.BodySecondary,{style:{color:o==a?w.content.primaryInverse:w.content.secondary},children:o})},o))),!q&&e.jsx(i.StyledPagingContainer,{isLast:!0,active:!1,onClick:()=>{a!==m&&p(Math.min(a+1,m))},disabled:a===m,children:e.jsx(r.default,{color:w.content.secondary,height:14,width:14})})]}),j&&c&&h&&e.jsxs(t.BodySecondary,{style:{color:w.content.placeholder},children:["Showing ",y,"-",g>c?c:g," of"," ",c," results"]})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../../assets/icons/chevronLeft.svg.js"),r=require("../../assets/icons/chevronRight.svg.js");require("../dropdown/DropdownPopover/index.js");var n=require("../dropdown/Dropdown.js");require("../dropdown/ChipDropdown.js"),require("react"),require("../zeroState/ZeroState.js");var t=require("../TypographyStyle.js"),s=require("../../constants/Theme.js");require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");var i=require("./TablePagination.styled.js");exports.TablePagination=({pageNumber:d,pageSize:a,totalRows:l,updatePageNumber:c,updatePageSize:p,hidePageSizeOptions:u,showTotalText:j})=>{const h=s.DEFAULT_THEME.colorsV2,w=(d-1)*a+1,y=(d-1)*a+a,g=Math.ceil(l/a),m=1==g;let q=[];q=g>=5?d===g?[d-4,d-3,d-2,d-1,d]:1===d?[d,d+1,d+2,d+3,d+4]:2===d?[d-1,d,d+1,d+2,d+3]:d===g-1?[d-3,d-2,d-1,d,d+1]:[d-2,d-1,d,d+1,d+2]:Array.from({length:g},(e,o)=>o+1);const x=[{label:"5 rows per page",value:"5",selected:5===a},{label:"10 rows per page",value:"10",selected:10===a},{label:"20 rows per page",value:"20",selected:20===a}];return e.jsxs(i.StyledTablePaginationContainer,{children:[!u&&e.jsx("div",{children:e.jsx(n.Dropdown,{size:"small",options:x,onSelect:p,width:"162px"})}),e.jsxs("div",{className:"paging__container",children:[!u&&l&&e.jsxs(t.BodySecondary,{style:{color:h.content.placeholder},children:["Showing ",w,"-",y>l?l:y," of"," ",l," results"]}),e.jsxs("div",{className:"pages__buttons-container",children:[!m&&e.jsx(i.StyledPagingContainer,{active:!1,onClick:()=>{1!==d&&c(Math.max(d-1,1))},disabled:1===d,children:e.jsx(o.default,{color:h.content.secondary,height:14,width:14})}),q.map(o=>e.jsx(i.StyledPagingContainer,{active:o==d,onClick:()=>c(o),style:{display:1==o&&l<=a?"none":"flex"},children:e.jsx(t.BodySecondary,{style:{color:o==d?h.content.primaryInverse:h.content.secondary},children:o})},o)),!m&&e.jsx(i.StyledPagingContainer,{isLast:!0,active:!1,onClick:()=>{d!==g&&c(Math.min(d+1,g))},disabled:d===g,children:e.jsx(r.default,{color:h.content.secondary,height:14,width:14})})]}),u&&l&&j&&e.jsxs(t.BodySecondary,{style:{color:h.content.placeholder},children:["Showing ",w,"-",y>l?l:y," of"," ",l," results"]})]})]})};

package/dist/cjs/components/TablePagination/TablePaginationCard.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@emotion/styled"),t=require("./TablePagination.js"),a=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=o(r).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("./TablePagination.js"),a=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=o(r).default.div`
 	background: ${a.COLORS.surface.standard};
 	border: ${e=>e.removeBorder?0:1}px solid
 		${a.COLORS.stroke.primary};
@@ -6,4 +6,4 @@
 	display: flex;
 	justify-content: center;
 	margin: auto;
-`;exports.TablePaginationCard=r=>e.jsx(i,{removeBorder:r.removeBorder,children:e.jsx(t.TablePagination,Object.assign({},r))}),exports.TablePaginationCardStyled=i;
+`;exports.TablePaginationCard=r=>e.jsx(n,{removeBorder:r.removeBorder,children:e.jsx(t.TablePagination,Object.assign({},r))}),exports.TablePaginationCardStyled=n;

package/dist/cjs/components/WhatsAppTextEditor/CustomEditor.styled.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),r=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const i=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const i=o.default.div`
 	background: ${r.COLORS.surface.standard};
 	border: ${e=>e.isError?2:1}px solid
 		${e=>e.isError?r.COLORS.stroke.negative.vibrant:r.COLORS.stroke.primary};
 	border-radius: 4px;
-`,a=o.default.textarea`
+`,n=o.default.textarea`
 	width: 100%;
 
 	border: 0;
@@ -15,8 +15,8 @@
 		border: 0;
 		outline: 0;
 	}
-`,n=o.default.div`
+`,a=o.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
-`;exports.Container=i,exports.OuterContainer=n,exports.TextSpace=a;
+`;exports.Container=i,exports.OuterContainer=a,exports.TextSpace=n;

package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditor.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("../../assets/icons/info.svg.js"),r=require("../../helpers/BaseWhatsappContentLang.helper.js"),l=require("react"),o=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),u=require("./CustomEditor.styled.js"),c=require("./WhatsAppTextEditorHeader.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(l);const d="Character limit reached",v=new r.BaseWhatsappContentLangHelper,h={[c.EditorActionTypes.BOLD]:"*",[c.EditorActionTypes.ITALIC]:"_",[c.EditorActionTypes.STRIKETHROUGH]:"~"},p=a.default.forwardRef(((r,s)=>{var a,p,{onChange:f,onClickVariable:x,text:g,RightComponent:C,error:j,limit:m,onError:E,rows:T,actions:y}=r,O=e.__rest(r,["onChange","onClickVariable","text","RightComponent","error","limit","onError","rows","actions"]);const L=l.useRef(null);function S(e){const t=null==L?void 0:L.current;null!=t&&(t.selectionStart?(t.focus(),t.selectionEnd=e):t.focus())}function R(e){var t,n;let r=null!==(n=null===(t=L.current)||void 0===t?void 0:t.value)&&void 0!==n?n:"";if(L.current&&e){const t=L.current.selectionStart,n=L.current.selectionEnd,l=e;if(t===n)return H(l);{r=v.wrappWildcard(t,n,l,r);const e=v.getHTML(r);return L.current.value=r,{text:r,html:e}}}return{text:r,html:r}}function H(e){var t,n;let r=null!==(n=null===(t=L.current)||void 0===t?void 0:t.value)&&void 0!==n?n:"";if(L.current&&e){const t=L.current.selectionStart;if(t===L.current.selectionEnd)return q(e,t)}return{text:r,html:r}}function q(e,t){var n,r;let l=null!==(r=null===(n=L.current)||void 0===n?void 0:n.value)&&void 0!==r?r:"";l=l.slice(0,t)+e+l.slice(t);const o=v.getHTML(l);return L.current.value=l,{text:l,html:o}}return l.useImperativeHandle(s,(()=>({addTextOrWrap:R,addText:H,get(){var e,t;return null!==(t=null===(e=L.current)||void 0===e?void 0:e.value)&&void 0!==t?t:""},setCaretPosition:S}))),l.useEffect((()=>{if(null==L?void 0:L.current){L.current.value=g||"";const e=v.getHTML(g||"");null==f||f(g||"",e)}}),[g]),l.useEffect((()=>{var e,t;(null===(e=null==L?void 0:L.current)||void 0===e?void 0:e.value)&&m&&((null===(t=null==L?void 0:L.current)||void 0===t?void 0:t.value.length)>m?null==E||E(d):null==E||E(null!=j?j:""))}),[null===(a=null==L?void 0:L.current)||void 0===a?void 0:a.value.length]),t.jsxs(u.OuterContainer,{children:[t.jsxs(u.Container,{isError:!!j,children:[t.jsx(c.WhatsAppTextEditorHeader,{actions:y,ref:L,onActionSelect:function(e){if((null==h?void 0:h[e])&&L.current){const t=L.current.selectionStart;if(t===L.current.selectionEnd){q(null==h?void 0:h[e],t);const{text:n,html:r}=q(null==h?void 0:h[e],t);S(t+1),null==f||f(n,r)}else{const{text:t,html:n}=R(null==h?void 0:h[e]);null==f||f(t,n)}}},RightComponent:C,onEmojiClick:function(e){const{text:t,html:n}=H(e);null==f||f(t,n)}}),t.jsx(u.TextSpace,Object.assign({ref:L,onChange:function(e){const t=e.target.value,n=v.getHTML(t);null==f||f(t,n)}},O,{rows:T}))]}),j&&j!==d?t.jsxs("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[t.jsx(n.default,{width:16,height:16,color:o.COLORS.content.negative}),t.jsx(i.BodyCaption,{color:o.COLORS.content.negative,children:j})]}):t.jsx(t.Fragment,{children:m&&(null==L?void 0:L.current)?t.jsxs(i.BodyCaption,{style:{color:j===d||(null===(p=null==L?void 0:L.current)||void 0===p?void 0:p.value.length)>m?o.COLORS.content.negative:o.COLORS.content.secondary},children:[L.current.value.length,"/",m]}):t.jsx(t.Fragment,{})})]})}));p.displayName="WhatsAppTextEditor",exports.WhatsAppTextEditor=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("../../assets/icons/info.svg.js"),r=require("../../helpers/BaseWhatsappContentLang.helper.js"),l=require("react"),o=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),u=require("./CustomEditor.styled.js"),c=require("./WhatsAppTextEditorHeader.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(l);const d="Character limit reached",v=new r.BaseWhatsappContentLangHelper,h={[c.EditorActionTypes.BOLD]:"*",[c.EditorActionTypes.ITALIC]:"_",[c.EditorActionTypes.STRIKETHROUGH]:"~"},p=a.default.forwardRef((r,s)=>{var a,p,{onChange:f,onClickVariable:x,text:g,RightComponent:C,error:j,limit:m,onError:E,rows:T,actions:y}=r,O=e.__rest(r,["onChange","onClickVariable","text","RightComponent","error","limit","onError","rows","actions"]);const L=l.useRef(null);function S(e){const t=null==L?void 0:L.current;null!=t&&(t.selectionStart?(t.focus(),t.selectionEnd=e):t.focus())}function R(e){var t,n;let r=null!==(n=null===(t=L.current)||void 0===t?void 0:t.value)&&void 0!==n?n:"";if(L.current&&e){const t=L.current.selectionStart,n=L.current.selectionEnd,l=e;if(t===n)return H(l);{r=v.wrappWildcard(t,n,l,r);const e=v.getHTML(r);return L.current.value=r,{text:r,html:e}}}return{text:r,html:r}}function H(e){var t,n;let r=null!==(n=null===(t=L.current)||void 0===t?void 0:t.value)&&void 0!==n?n:"";if(L.current&&e){const t=L.current.selectionStart;if(t===L.current.selectionEnd)return q(e,t)}return{text:r,html:r}}function q(e,t){var n,r;let l=null!==(r=null===(n=L.current)||void 0===n?void 0:n.value)&&void 0!==r?r:"";l=l.slice(0,t)+e+l.slice(t);const o=v.getHTML(l);return L.current.value=l,{text:l,html:o}}return l.useImperativeHandle(s,()=>({addTextOrWrap:R,addText:H,get(){var e,t;return null!==(t=null===(e=L.current)||void 0===e?void 0:e.value)&&void 0!==t?t:""},setCaretPosition:S})),l.useEffect(()=>{if(null==L?void 0:L.current){L.current.value=g||"";const e=v.getHTML(g||"");null==f||f(g||"",e)}},[g]),l.useEffect(()=>{var e,t;(null===(e=null==L?void 0:L.current)||void 0===e?void 0:e.value)&&m&&((null===(t=null==L?void 0:L.current)||void 0===t?void 0:t.value.length)>m?null==E||E(d):null==E||E(null!=j?j:""))},[null===(a=null==L?void 0:L.current)||void 0===a?void 0:a.value.length]),t.jsxs(u.OuterContainer,{children:[t.jsxs(u.Container,{isError:!!j,children:[t.jsx(c.WhatsAppTextEditorHeader,{actions:y,ref:L,onActionSelect:function(e){if((null==h?void 0:h[e])&&L.current){const t=L.current.selectionStart;if(t===L.current.selectionEnd){q(null==h?void 0:h[e],t);const{text:n,html:r}=q(null==h?void 0:h[e],t);S(t+1),null==f||f(n,r)}else{const{text:t,html:n}=R(null==h?void 0:h[e]);null==f||f(t,n)}}},RightComponent:C,onEmojiClick:function(e){const{text:t,html:n}=H(e);null==f||f(t,n)}}),t.jsx(u.TextSpace,Object.assign({ref:L,onChange:function(e){const t=e.target.value,n=v.getHTML(t);null==f||f(t,n)}},O,{rows:T}))]}),j&&j!==d?t.jsxs("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[t.jsx(n.default,{width:16,height:16,color:o.COLORS.content.negative}),t.jsx(i.BodyCaption,{color:o.COLORS.content.negative,children:j})]}):t.jsx(t.Fragment,{children:m&&(null==L?void 0:L.current)?t.jsxs(i.BodyCaption,{style:{color:j===d||(null===(p=null==L?void 0:L.current)||void 0===p?void 0:p.value.length)>m?o.COLORS.content.negative:o.COLORS.content.secondary},children:[L.current.value.length,"/",m]}):t.jsx(t.Fragment,{})})]})});p.displayName="WhatsAppTextEditor",exports.WhatsAppTextEditor=p;

package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@emotion/styled"),o=require("react"),i=require("../../hooks/useOutside.js"),r=require("../../constants/Theme.js"),s=require("../../assets/icons/bold.svg.js"),n=require("../../assets/icons/emoji.svg.js"),d=require("../../assets/icons/italic.svg.js"),c=require("../../assets/icons/strikeThrough.svg.js"),l=require("../tooltips/Tooltip.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var u=a(t),x=a(o);let j=()=>e.jsx(e.Fragment,{});"undefined"!=typeof window&&Promise.resolve().then((function(){return p(require("emoji-picker-react"))})).then((e=>{j=e.default}));const O=e=>e?r.COLORS.background.inverseLight:r.COLORS.content.placeholder,h=u.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),i=require("../../hooks/useOutside.js"),r=require("../../constants/Theme.js"),s=require("../../assets/icons/bold.svg.js"),n=require("../../assets/icons/emoji.svg.js"),d=require("../../assets/icons/italic.svg.js"),c=require("../../assets/icons/strikeThrough.svg.js"),l=require("../tooltips/Tooltip.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(o){if("default"!==o){var i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:function(){return e[o]}})}}),t.default=e,Object.freeze(t)}var u=a(t),x=a(o);let j=()=>e.jsx(e.Fragment,{});"undefined"!=typeof window&&Promise.resolve().then(function(){return p(require("emoji-picker-react"))}).then(e=>{j=e.default});const O=e=>e?r.COLORS.background.inverseLight:r.COLORS.content.placeholder,h=x.default.div`
 	background: ${r.COLORS.surface.subdued};
 	border-bottom: 1px solid ${r.COLORS.stroke.primary};
 	display: flex;
@@ -8,11 +8,11 @@
 	border-radius: 4px 4px 0px 0px;
 	gap: 6px;
 	position: relative;
-`,T=u.default.div`
+`,T=x.default.div`
 	width: 2px;
 	height: 12px;
 	background: #e0e0e0;
-`,f=u.default.div`
+`,f=x.default.div`
 	padding: 2px 6px;
 	background: ${e=>e.active?r.COLORS.background.inactive:"transparent"};
 	border-radius: 4px;
@@ -22,13 +22,13 @@
 		background-color: rgba(0, 0, 0, 0.03);
 		padding: 3px 6px;
 	}
-`,E=u.default.div`
+`,E=x.default.div`
 	display: flex;
 	flex-direction: row;
 	flex: 1;
 	justify-content: flex-end;
-`,g=u.default.div`
+`,g=x.default.div`
 	position: absolute;
 	top: calc(100% + 8px);
 	z-index: 1;
-`;var y;exports.EditorActionTypes=void 0,(y=exports.EditorActionTypes||(exports.EditorActionTypes={})).BOLD="BOLD",y.ITALIC="ITALIC",y.STRIKETHROUGH="STRIKETHROUGH",y.EMOJI="EMOJI";const b=x.default.forwardRef(((t,r)=>{let{onActionSelect:a,RightComponent:p,onEmojiClick:u,actions:x}=t;const y=o.useRef(null),[b,v]=o.useState({[exports.EditorActionTypes.BOLD]:!1,[exports.EditorActionTypes.ITALIC]:!1,[exports.EditorActionTypes.STRIKETHROUGH]:!1,[exports.EditorActionTypes.EMOJI]:!1}),I=o.useCallback((()=>{v((e=>Object.assign(Object.assign({},e),{[exports.EditorActionTypes.EMOJI]:!1})))}),[b]);function m(e,t){var o;null===(o=e.preventDefault)||void 0===o||o.call(e),t===exports.EditorActionTypes.EMOJI&&v((e=>Object.assign(Object.assign({},e),{[exports.EditorActionTypes.EMOJI]:!b.EMOJI}))),a(t)}return i.useOutside(y,(()=>{I()})),(null==x?void 0:x.length)||p?e.jsxs(h,{children:[(null==x?void 0:x.includes(exports.EditorActionTypes.EMOJI))&&e.jsxs(e.Fragment,{children:[e.jsx(l.Tooltip,{body:"Emoji",placement:"bottom",children:e.jsx(f,{style:{marginLeft:0},active:!!b.EMOJI,onClick:e=>m(e,exports.EditorActionTypes.EMOJI),children:e.jsx(n.default,{width:16,height:16,color:O(b.EMOJI)})})}),b.EMOJI&&e.jsx(g,{ref:y,children:e.jsx(j,{onEmojiClick:e=>{I(),null==u||u(e.emoji)}})})]}),(null==x?void 0:x.includes(exports.EditorActionTypes.BOLD))&&e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(l.Tooltip,{body:"Bold",placement:"bottom",children:e.jsx(f,{active:!!b.BOLD,onClick:e=>m(e,exports.EditorActionTypes.BOLD),children:e.jsx(s.default,{width:10,height:17,color:O(b.BOLD)})})})]}),(null==x?void 0:x.includes(exports.EditorActionTypes.ITALIC))&&e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(l.Tooltip,{body:"Italics",placement:"bottom",children:e.jsx(f,{onClick:e=>m(e,exports.EditorActionTypes.ITALIC),active:!!b.ITALIC,children:e.jsx(d.default,{width:9,height:16,color:O(b.ITALIC)})})})]}),(null==x?void 0:x.includes(exports.EditorActionTypes.STRIKETHROUGH))&&e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(l.Tooltip,{body:"Strikethrough",placement:"bottom",children:e.jsx(f,{active:!!b.STRIKETHROUGH,style:{borderRight:0},onClick:e=>m(e,exports.EditorActionTypes.STRIKETHROUGH),children:e.jsx(c.default,{width:12,height:18,color:O(b.STRIKETHROUGH)})})})]}),e.jsx(E,{children:p&&e.jsx(p,{})})]}):e.jsx(e.Fragment,{})}));b.displayName="WhatsAppTextEditorHeader",exports.CustomRightBorder=T,exports.WhatsAppTextEditorHeader=b;
+`;var y;exports.EditorActionTypes=void 0,(y=exports.EditorActionTypes||(exports.EditorActionTypes={})).BOLD="BOLD",y.ITALIC="ITALIC",y.STRIKETHROUGH="STRIKETHROUGH",y.EMOJI="EMOJI";const b=u.default.forwardRef(({onActionSelect:o,RightComponent:r,onEmojiClick:a,actions:p},u)=>{const x=t.useRef(null),[y,b]=t.useState({[exports.EditorActionTypes.BOLD]:!1,[exports.EditorActionTypes.ITALIC]:!1,[exports.EditorActionTypes.STRIKETHROUGH]:!1,[exports.EditorActionTypes.EMOJI]:!1}),v=t.useCallback(()=>{b(e=>Object.assign(Object.assign({},e),{[exports.EditorActionTypes.EMOJI]:!1}))},[y]);function I(e,t){var i;null===(i=e.preventDefault)||void 0===i||i.call(e),t===exports.EditorActionTypes.EMOJI&&b(e=>Object.assign(Object.assign({},e),{[exports.EditorActionTypes.EMOJI]:!y.EMOJI})),o(t)}return i.useOutside(x,()=>{v()}),(null==p?void 0:p.length)||r?e.jsxs(h,{children:[(null==p?void 0:p.includes(exports.EditorActionTypes.EMOJI))&&e.jsxs(e.Fragment,{children:[e.jsx(l.Tooltip,{body:"Emoji",placement:"bottom",children:e.jsx(f,{style:{marginLeft:0},active:!!y.EMOJI,onClick:e=>I(e,exports.EditorActionTypes.EMOJI),children:e.jsx(n.default,{width:16,height:16,color:O(y.EMOJI)})})}),y.EMOJI&&e.jsx(g,{ref:x,children:e.jsx(j,{onEmojiClick:e=>{v(),null==a||a(e.emoji)}})})]}),(null==p?void 0:p.includes(exports.EditorActionTypes.BOLD))&&e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(l.Tooltip,{body:"Bold",placement:"bottom",children:e.jsx(f,{active:!!y.BOLD,onClick:e=>I(e,exports.EditorActionTypes.BOLD),children:e.jsx(s.default,{width:10,height:17,color:O(y.BOLD)})})})]}),(null==p?void 0:p.includes(exports.EditorActionTypes.ITALIC))&&e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(l.Tooltip,{body:"Italics",placement:"bottom",children:e.jsx(f,{onClick:e=>I(e,exports.EditorActionTypes.ITALIC),active:!!y.ITALIC,children:e.jsx(d.default,{width:9,height:16,color:O(y.ITALIC)})})})]}),(null==p?void 0:p.includes(exports.EditorActionTypes.STRIKETHROUGH))&&e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(l.Tooltip,{body:"Strikethrough",placement:"bottom",children:e.jsx(f,{active:!!y.STRIKETHROUGH,style:{borderRight:0},onClick:e=>I(e,exports.EditorActionTypes.STRIKETHROUGH),children:e.jsx(c.default,{width:12,height:18,color:O(y.STRIKETHROUGH)})})})]}),e.jsx(E,{children:r&&e.jsx(r,{})})]}):e.jsx(e.Fragment,{})});b.displayName="WhatsAppTextEditorHeader",exports.CustomRightBorder=T,exports.WhatsAppTextEditorHeader=b;

package/dist/cjs/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/alert.svg.js"),s=require("../../constants/Theme.js"),n=require("../modals/styledModal.js"),l=require("../TypographyStyle.js"),o=require("./AccessTokenTroubleshootDialog.styles.js");const r=t=>{let{info:s,hideBullet:n,last:r}=t;return e.jsxs(o.EachStep,{last:r,children:[!n&&e.jsx(o.BulletWrapper,{children:e.jsx(o.Bullet,{})}),e.jsx(l.BodyCaption,{dangerouslySetInnerHTML:{__html:s}})]})};exports.AccessTokenTroubleshootDialog=i=>{let{onCancel:a,titleIconContainerStyles:c,isModalOpen:d,title:u,desc:h,primaryButton:j,TitleIcon:y,stepsDetails:x,titleIconColor:p,secondaryButtonText:g,content:T}=i;return e.jsxs(n.StyledModal,{open:!!d,primaryButton:j?Object.assign({},j):void 0,secondaryButton:{buttonText:null!=g?g:"Cancel",onClick:a,buttonType:"tertiaryGray"},onClose:a,children:[e.jsxs(o.Header,{children:[e.jsx(o.IconContainer,{style:Object.assign({},c),children:y?e.jsx(y,{width:18,height:18,color:p}):e.jsx(t.default,{width:18,height:18,color:s.COLORS.content.negative})}),e.jsx(l.TitleMedium,{children:u})]}),e.jsx(o.Description,{children:e.jsx(l.BodySecondary,{dangerouslySetInnerHTML:{__html:h}})}),e.jsxs(o.StepsContainer,{children:[x&&!!x.length&&e.jsxs(e.Fragment,{children:[e.jsx(l.TitleSmall,{children:"Follow the steps:"}),x.map(((t,s)=>e.jsx(r,{info:t.info,hideBullet:t.hideBullet,last:x.length-1===s},s)))]}),T&&e.jsx(l.BodySecondary,{dangerouslySetInnerHTML:{__html:T}})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/alert.svg.js"),s=require("../../constants/Theme.js"),n=require("../modals/styledModal.js"),l=require("../TypographyStyle.js"),o=require("./AccessTokenTroubleshootDialog.styles.js");const r=({info:t,hideBullet:s,last:n})=>e.jsxs(o.EachStep,{last:n,children:[!s&&e.jsx(o.BulletWrapper,{children:e.jsx(o.Bullet,{})}),e.jsx(l.BodyCaption,{dangerouslySetInnerHTML:{__html:t}})]});exports.AccessTokenTroubleshootDialog=({onCancel:i,titleIconContainerStyles:a,isModalOpen:c,title:d,desc:h,primaryButton:u,TitleIcon:j,stepsDetails:y,titleIconColor:x,secondaryButtonText:p,content:g})=>e.jsxs(n.StyledModal,{open:!!c,primaryButton:u?Object.assign({},u):void 0,secondaryButton:{buttonText:null!=p?p:"Cancel",onClick:i,buttonType:"tertiaryGray"},onClose:i,children:[e.jsxs(o.Header,{children:[e.jsx(o.IconContainer,{style:Object.assign({},a),children:j?e.jsx(j,{width:18,height:18,color:x}):e.jsx(t.default,{width:18,height:18,color:s.COLORS.content.negative})}),e.jsx(l.TitleMedium,{children:d})]}),e.jsx(o.Description,{children:e.jsx(l.BodySecondary,{dangerouslySetInnerHTML:{__html:h}})}),e.jsxs(o.StepsContainer,{children:[y&&!!y.length&&e.jsxs(e.Fragment,{children:[e.jsx(l.TitleSmall,{children:"Follow the steps:"}),y.map((t,s)=>e.jsx(r,{info:t.info,hideBullet:t.hideBullet,last:y.length-1===s},s))]}),g&&e.jsx(l.BodySecondary,{dangerouslySetInnerHTML:{__html:g}})]})]});

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

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

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

@@ -28,7 +28,7 @@
 				display: flex;
 				gap: 8px;
 			}
-			:hover {
+			&:hover {
 				background: ${e=>e.skipHoverState?null:r.COLORS.surface.subdued};
 				border-radius: ${e=>e.skipHoverState?null:"4px"};
 			}

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=r(require("react")).default.forwardRef(((r,l)=>{var o,t;return e.jsxs("div",{ref:l,className:"d-flex align-items-center",children:[!r.isNewIcon&&e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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!==(o=r.arrowColor)&&void 0!==o?o:"currentColor"})}),r.isNewIcon&&e.jsx("svg",{width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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!==(t=r.arrowColor)&&void 0!==t?t:"currentColor"})})]})}));l.displayName="BikAccordionArrow",exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=r(require("react")).default.forwardRef((r,l)=>{var o,t;return e.jsxs("div",{ref:l,className:"d-flex align-items-center",children:[!r.isNewIcon&&e.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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!==(o=r.arrowColor)&&void 0!==o?o:"currentColor"})}),r.isNewIcon&&e.jsx("svg",{width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("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!==(t=r.arrowColor)&&void 0!==t?t:"currentColor"})})]})});l.displayName="BikAccordionArrow",exports.default=l;

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../constants/Theme.js"),o=require("../../assets/icons/similar.svg.js"),s=require("../TypographyStyle.js"),i=require("./ActionButton.styled.js");exports.ActionButtons=t=>{let{state:l,buttonText:c,icon:a=o.default,isSelected:d,isError:n,onClick:S}=t;const{color:O,border:E}="CONFIGURED"===l?(e=>{let{isSelected:o,isError:s}=e;return o&&s?{color:r.BASE_COLORS.negative[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:o?{color:r.BASE_COLORS.brand[500],border:`1px solid ${r.BASE_COLORS.brand[500]}`}:s?{color:r.BASE_COLORS.grayscale[900],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:{color:r.BASE_COLORS.grayscale[900],border:`1px solid ${r.BASE_COLORS.grayscale[200]}`}})({isSelected:d,isError:n}):(e=>{let{isSelected:o,isError:s}=e;return o&&s?{color:r.BASE_COLORS.negative[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:o?{color:r.BASE_COLORS.brand[500],border:`1px solid ${r.BASE_COLORS.brand[500]}`}:s?{color:r.BASE_COLORS.grayscale[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:{color:r.BASE_COLORS.grayscale[700],border:`1px dashed ${r.BASE_COLORS.grayscale[200]}`}})({isSelected:d,isError:n}),C={height:20,width:20,color:O,style:{display:"block"},className:"icon"};return e.jsxs(i.ActionButtonContainer,{isSelected:d,isError:n,border:E,isConfigured:"CONFIGURED"===l,onClick:S,children:[e.jsx("div",{className:"action__icon",children:e.jsx(a,Object.assign({},C))}),e.jsx(s.BodyPrimary,{style:{fontWeight:600,color:O},children:c})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../constants/Theme.js"),o=require("../../assets/icons/similar.svg.js"),s=require("../TypographyStyle.js"),i=require("./ActionButton.styled.js");exports.ActionButtons=({state:t,buttonText:l,icon:c=o.default,isSelected:a,isError:d,onClick:S})=>{const{color:n,border:O}="CONFIGURED"===t?(({isSelected:e,isError:o})=>e&&o?{color:r.BASE_COLORS.negative[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:e?{color:r.BASE_COLORS.brand[500],border:`1px solid ${r.BASE_COLORS.brand[500]}`}:o?{color:r.BASE_COLORS.grayscale[900],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:{color:r.BASE_COLORS.grayscale[900],border:`1px solid ${r.BASE_COLORS.grayscale[200]}`})({isSelected:a,isError:d}):(({isSelected:e,isError:o})=>e&&o?{color:r.BASE_COLORS.negative[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:e?{color:r.BASE_COLORS.brand[500],border:`1px solid ${r.BASE_COLORS.brand[500]}`}:o?{color:r.BASE_COLORS.grayscale[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:{color:r.BASE_COLORS.grayscale[700],border:`1px dashed ${r.BASE_COLORS.grayscale[200]}`})({isSelected:a,isError:d}),E={height:20,width:20,color:n,style:{display:"block"},className:"icon"};return e.jsxs(i.ActionButtonContainer,{isSelected:a,isError:d,border:O,isConfigured:"CONFIGURED"===t,onClick:S,children:[e.jsx("div",{className:"action__icon",children:e.jsx(c,Object.assign({},E))}),e.jsx(s.BodyPrimary,{style:{fontWeight:600,color:n},children:l})]})};

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),i=require("../../assets/icons/sync.svg.js"),s=require("../button/Button.js"),r=require("../modals/Modal.js"),o=require("../progress-bar/ProgressBarComponent.js"),n=require("../TypographyStyle.js");exports.AiSyncProgress=l=>{let{open:a,onModalClose:c,completedPercent:d,onLeftBtnClick:x,onRightBtnClick:p}=l;return e.jsx(r.Modal,{open:a,centralContainerStyles:{width:"498px",height:"324px",borderRadius:"12px"},onClose:c,closeOnOutsideClick:!0,zIndex:40,children:e.jsxs("div",{style:{padding:"24px",display:"flex",flexDirection:"column"},children:[e.jsx("div",{style:{display:"flex",justifyContent:"center"},children:e.jsx(n.TitleLarge,{children:"Wait for Sync to complete"})}),e.jsx("div",{style:{height:"24px"}}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:"12px"},children:[e.jsx(i.default,{width:24,height:24}),e.jsx(n.BodyPrimary,{color:"#616161",children:"Syncing Shopify Store Data..."})]}),e.jsx(o.ProgressBarComponent,{completed:d,isAnimated:!1,height:16,color:t.COLORS.background.positive.vibrant})]}),e.jsx("div",{style:{height:"24px"}}),e.jsx(n.BodyPrimary,{color:t.COLORS.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.jsx("div",{style:{height:"32px"}}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e.jsx(s.Button,{buttonText:"Close",buttonType:"text",size:"small",onClick:x}),e.jsx(s.Button,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:t.COLORS.background.brand},onClick:p})]})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),i=require("../../assets/icons/sync.svg.js"),s=require("../button/Button.js"),r=require("../modals/Modal.js"),o=require("../progress-bar/ProgressBarComponent.js"),n=require("../TypographyStyle.js");exports.AiSyncProgress=({open:l,onModalClose:a,completedPercent:c,onLeftBtnClick:d,onRightBtnClick:x})=>e.jsx(r.Modal,{open:l,centralContainerStyles:{width:"498px",height:"324px",borderRadius:"12px"},onClose:a,closeOnOutsideClick:!0,zIndex:40,children:e.jsxs("div",{style:{padding:"24px",display:"flex",flexDirection:"column"},children:[e.jsx("div",{style:{display:"flex",justifyContent:"center"},children:e.jsx(n.TitleLarge,{children:"Wait for Sync to complete"})}),e.jsx("div",{style:{height:"24px"}}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:"12px"},children:[e.jsx(i.default,{width:24,height:24}),e.jsx(n.BodyPrimary,{color:"#616161",children:"Syncing Shopify Store Data..."})]}),e.jsx(o.ProgressBarComponent,{completed:c,isAnimated:!1,height:16,color:t.COLORS.background.positive.vibrant})]}),e.jsx("div",{style:{height:"24px"}}),e.jsx(n.BodyPrimary,{color:t.COLORS.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.jsx("div",{style:{height:"32px"}}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e.jsx(s.Button,{buttonText:"Close",buttonType:"text",size:"small",onClick:d}),e.jsx(s.Button,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:t.COLORS.background.brand},onClick:x})]})]})});

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

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

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled"),e=require("../../constants/Theme.js");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=n(t);const a=i.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../../constants/Theme.js");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=n(t);const i=a.default.div`
 	display: flex;
 	flex-wrap: wrap;
 	row-gap: 16px;
@@ -25,7 +25,7 @@
 			margin-top: 2px !important;
 		}
 	}
-`,o=i.default.div`
+`,o=a.default.div`
 	display: flex;
 	flex-direction: column;
 	align-items: center;
@@ -43,4 +43,4 @@
 		white-space: nowrap;
 		text-overflow: ellipsis;
 	}
-`;exports.AnalyticsContainer=a,exports.CardDataContainer=o;
+`;exports.AnalyticsContainer=i,exports.CardDataContainer=o;

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./AnalyticsChip.js"),i=require("./CommonStyles.js");exports.AnalyticsMultiChip=s=>{let{chipDetails:l,wrapperStyle:a}=s;return e.jsx(i.AnalyticsMultiWrapper,{style:null!=a?a:{},children:l.map(((e,i)=>r.createElement(t.AnalyticsChip,Object.assign({},e,{key:i+"_chip"}))))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./AnalyticsChip.js"),i=require("./CommonStyles.js");exports.AnalyticsMultiChip=({chipDetails:s,wrapperStyle:l})=>e.jsx(i.AnalyticsMultiWrapper,{style:null!=l?l:{},children:s.map((e,i)=>r.createElement(t.AnalyticsChip,Object.assign({},e,{key:i+"_chip"})))});

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

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