@bikdotai/bik-component-library 0.0.730-beta.2 → 0.0.730-beta.3

package/dist/esm/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.js

@@ -1 +1 @@
-import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import"../../../../input/index.js";import{InputStyleContext as t}from"../../../../input/context/InputStyleProvider.js";import n from"../../InputLoader.js";import{Input as r}from"../../../../input/Input.js";const i=i=>{let{val:s,onChange:a,errors:o,nativeID:d,isLoading:l,disabled:p}=i;return l?e.jsx("div",Object.assign({style:{width:200}},{children:e.jsx(n,{containerStyle:{padding:"5px 8px"}})})):e.jsx(t.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx("div",{children:e.jsx("div",{children:e.jsx(r,{state:p?"disabled":"none",type:"number",variant:"small",errorMessage:null==o?void 0:o.val,value:null==s?void 0:s.toString(),onChangeText:a})})})}))};var s=t=>e.jsx(i,Object.assign({},t));export{s as default};
+import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import{Input as t}from"../../../../input/Input.js";import{InputStyleContext as r}from"../../../../input/context/InputStyleProvider.js";import n from"../../InputLoader.js";const i=i=>{let{val:s,onChange:a,errors:o,nativeID:d,isLoading:l,disabled:p}=i;return l?e.jsx("div",Object.assign({style:{width:200}},{children:e.jsx(n,{containerStyle:{padding:"5px 8px"}})})):e.jsx(r.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx("div",{children:e.jsx("div",{children:e.jsx(t,{state:p?"disabled":"none",type:"number",variant:"small",errorMessage:null==o?void 0:o.val,value:null==s?void 0:s.toString(),onChangeText:a})})})}))};var s=t=>e.jsx(i,Object.assign({},t));export{s as default};

package/dist/esm/components/QueryBuilder/components/Connectors/Components/StringSingleValue.js

@@ -1 +1 @@
-import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import"../../../../input/index.js";import{InputStyleContext as t}from"../../../../input/context/InputStyleProvider.js";import i from"../../InputLoader.js";import{Input as n}from"../../../../input/Input.js";const r=r=>{let{val:s,onChange:a,errors:o,nativeID:d,isLoading:l,disabled:p}=r;return l?e.jsx("div",Object.assign({style:{width:200}},{children:e.jsx(i,{containerStyle:{padding:"5px 8px"}})})):e.jsx(t.Provider,Object.assign({value:{InputWrapper:{width:200}}},{children:e.jsx("div",{children:e.jsx("div",{children:e.jsx(n,{state:p?"disabled":"none",type:"text",variant:"small",errorMessage:null==o?void 0:o.val,value:null==s?void 0:s.toString(),onChangeText:a})})})}))};var s=t=>e.jsx(r,Object.assign({},t));export{s as default};
+import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import{Input as t}from"../../../../input/Input.js";import{InputStyleContext as r}from"../../../../input/context/InputStyleProvider.js";import n from"../../InputLoader.js";const i=i=>{let{val:s,onChange:a,errors:o,nativeID:d,isLoading:l,disabled:p}=i;return l?e.jsx("div",Object.assign({style:{width:200}},{children:e.jsx(n,{containerStyle:{padding:"5px 8px"}})})):e.jsx(r.Provider,Object.assign({value:{InputWrapper:{width:200}}},{children:e.jsx("div",{children:e.jsx("div",{children:e.jsx(t,{state:p?"disabled":"none",type:"text",variant:"small",errorMessage:null==o?void 0:o.val,value:null==s?void 0:s.toString(),onChangeText:a})})})}))};var s=t=>e.jsx(i,Object.assign({},t));export{s as default};

package/dist/esm/components/QueryBuilder/components/Connectors/Components/TwoNumberInputsSeperatedByAnd.js

@@ -1 +1 @@
-import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import{useState as n,useEffect as i}from"react";import"../../../../input/index.js";import{InputStyleContext as r}from"../../../../input/context/InputStyleProvider.js";import{BodySecondary as t}from"../../../../TypographyStyle.js";import{Input as l}from"../../../../input/Input.js";const o=o=>{let{val:a,onChange:s,errors:d,nativeID:v,disabled:u}=o;var p,j,m,x;const[c,g]=n(),[h,y]=n();return i((()=>{if(Array.isArray(a)){const[e,n]=a;g(null==e?void 0:e.toString()),y(null==n?void 0:n.toString())}}),[]),i((()=>{null==s||s([c,h])}),[c,h]),e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8,alignItems:"center"}},{children:[e.jsx(r.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx(l,{state:u?"disabled":"none",hintText:null===(p=null==d?void 0:d.val)||void 0===p?void 0:p[0],errorMessage:null===(j=null==d?void 0:d.val)||void 0===j?void 0:j[0],onChangeText:e=>g(e),value:c,type:"number",variant:"small"})})),e.jsx("div",{children:e.jsx(t,{children:"and"})}),e.jsx(r.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx(l,{state:u?"disabled":"none",hintText:null===(m=null==d?void 0:d.val)||void 0===m?void 0:m[1],errorMessage:null===(x=null==d?void 0:d.val)||void 0===x?void 0:x[1],onChangeText:e=>y(e),value:h,type:"number",variant:"small"})}))]}))};var a=n=>e.jsx(o,Object.assign({},n));export{a as default};
+import{j as e}from"../../../../../node_modules/react/jsx-runtime.js";import{useState as n,useEffect as r}from"react";import{Input as i}from"../../../../input/Input.js";import{InputStyleContext as t}from"../../../../input/context/InputStyleProvider.js";import{BodySecondary as l}from"../../../../TypographyStyle.js";const o=o=>{let{val:a,onChange:s,errors:d,nativeID:v,disabled:u}=o;var p,j,c,m;const[x,g]=n(),[h,y]=n();return r((()=>{if(Array.isArray(a)){const[e,n]=a;g(null==e?void 0:e.toString()),y(null==n?void 0:n.toString())}}),[]),r((()=>{null==s||s([x,h])}),[x,h]),e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8,alignItems:"center"}},{children:[e.jsx(t.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx(i,{state:u?"disabled":"none",hintText:null===(p=null==d?void 0:d.val)||void 0===p?void 0:p[0],errorMessage:null===(j=null==d?void 0:d.val)||void 0===j?void 0:j[0],onChangeText:e=>g(e),value:x,type:"number",variant:"small"})})),e.jsx("div",{children:e.jsx(l,{children:"and"})}),e.jsx(t.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx(i,{state:u?"disabled":"none",hintText:null===(c=null==d?void 0:d.val)||void 0===c?void 0:c[1],errorMessage:null===(m=null==d?void 0:d.val)||void 0===m?void 0:m[1],onChangeText:e=>y(e),value:h,type:"number",variant:"small"})}))]}))};var a=n=>e.jsx(o,Object.assign({},n));export{a as default};

package/dist/esm/components/QueryBuilder/components/InputLoader.js

@@ -1,11 +1,11 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import r from"styled-components";import"../../spinner/index.js";import{BodySecondary as s}from"../../TypographyStyle.js";import{COLORS as o}from"../../../constants/Theme.js";import{Spinner as t}from"../../spinner/Spinner.js";const n=r.div`
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import r from"styled-components";import{Spinner as s}from"../../spinner/Spinner.js";import{BodySecondary as o}from"../../TypographyStyle.js";import{COLORS as t}from"../../../constants/Theme.js";const n=r.div`
 	width: 200px;
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	padding: 4px 8px;
 	width: 200px;
-	background: ${o.surface.hovered};
-	border: 1px solid ${o.stroke.primary};
+	background: ${t.surface.hovered};
+	border: 1px solid ${t.stroke.primary};
 	border-radius: 4px;
-`,i=r=>{let{containerStyle:i}=r;return e.jsxs(n,Object.assign({style:Object.assign({},null!=i?i:{})},{children:[e.jsx(s,Object.assign({style:{color:o.content.secondary,flex:1}},{children:"Loading..."})),e.jsx(t,{size:"small",color:o.stroke.brand})]}))};export{i as default};
+`,i=r=>{let{containerStyle:i}=r;return e.jsxs(n,Object.assign({style:Object.assign({},null!=i?i:{})},{children:[e.jsx(o,Object.assign({style:{color:t.content.secondary,flex:1}},{children:"Loading..."})),e.jsx(s,{size:"small",color:t.stroke.brand})]}))};export{i as default};

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/AddPropertyButton.js

@@ -1 +1 @@
-import{j as t}from"../../../../../node_modules/react/jsx-runtime.js";import"../../../../button/index.js";import o from"../../../../../assets/icons/plus.svg.js";import{Button as s}from"../../../../button/Button.js";const e=e=>{let{buttonText:n,onClick:r}=e;return t.jsx(s,{onClick:r,buttonText:n,size:"medium",buttonType:"dashRegular",LeadingIcon:o})};export{e as default};
+import{j as t}from"../../../../../node_modules/react/jsx-runtime.js";import{Button as o}from"../../../../button/Button.js";import s from"../../../../../assets/icons/plus.svg.js";const e=e=>{let{buttonText:n,onClick:r}=e;return t.jsx(o,{onClick:r,buttonText:n,size:"medium",buttonType:"dashRegular",LeadingIcon:s})};export{e as default};

package/dist/esm/components/QueryBuilder/components/QueryBuilderNodes.js

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import t,{useEffect as o,useImperativeHandle as s}from"react";import{useSelector as r}from"react-redux";import"../../button/index.js";import{Dropdown as i}from"../../dropdown/Dropdown.js";import{JOIN_OPERATOR_OPTIONS as l}from"../constants/operators.js";import{useQueryBuilder as d}from"../hooks/useQueryBuilder.js";import n from"./AddNodeButton.js";import a from"./DeleteButton.js";import c from"./QueryBuilderNode/QueryBuilderNode.js";import{LinedContainer as m}from"./QueryBuilderNodes.styled.js";import{Button as p}from"../../button/Button.js";const j=t.forwardRef(((t,j)=>{let{infinite:u,addNodeBtnText:x,allowedNodes:f,typesAPIHandlers:y,onStateChange:g,mode:b,selectorKey:v}=t;var h;const w=r((e=>null==e?void 0:e[v])),{deleteNode:N,clearAll:O,selectJoinOperator:B,fillState:S}=d(v);o((()=>{null==g||g(Object.assign({},w))}),[w]);const C=l.map((e=>(null==w?void 0:w.operator)&&e.value===w.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return s(j,(()=>({getState:()=>Object.assign({},w),fillState(e){S(Object.assign({},e))},clearAll:O}))),e.jsxs(e.Fragment,{children:[null===(h=null==w?void 0:w.nodes)||void 0===h?void 0:h.map(((t,o)=>e.jsxs(e.Fragment,{children:[0!==o&&e.jsx("div",Object.assign({style:{width:80,position:"relative"}},{children:e.jsx(i,{disabled:"view"===b,onSelect:e=>{B(e.value)},options:C,width:"80px",height:96,size:"small",skipSorting:!0})})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[e.jsx(m,Object.assign({style:{paddingTop:0===o?0:24,maxWidth:"calc(100% - 24px)"}},{children:e.jsx(c,{selectorKey:v,mode:null!=b?b:"create",allowedNodes:f,node:t,apiHandler:y[t.type]})})),"view"!==b?e.jsx(e.Fragment,{children:0!==o&&e.jsx(a,{onClick:()=>N(t._id)})}):e.jsx(e.Fragment,{})]}),t._id)]}))),u&&"view"!==b&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[e.jsx(n,{buttonText:x,allowedNodes:f,selectorKey:v}),e.jsx(p,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>O(f[0])})]}))]})}));j.displayName="QueryBuilderNodes";export{j as default};
+import{j as e}from"../../../node_modules/react/jsx-runtime.js";import t,{useEffect as o,useImperativeHandle as s}from"react";import{useSelector as r}from"react-redux";import{Button as i}from"../../button/Button.js";import{Dropdown as l}from"../../dropdown/Dropdown.js";import{JOIN_OPERATOR_OPTIONS as d}from"../constants/operators.js";import{useQueryBuilder as n}from"../hooks/useQueryBuilder.js";import a from"./AddNodeButton.js";import c from"./DeleteButton.js";import m from"./QueryBuilderNode/QueryBuilderNode.js";import{LinedContainer as p}from"./QueryBuilderNodes.styled.js";const j=t.forwardRef(((t,j)=>{let{infinite:u,addNodeBtnText:x,allowedNodes:f,typesAPIHandlers:y,onStateChange:g,mode:b,selectorKey:v}=t;var h;const w=r((e=>null==e?void 0:e[v])),{deleteNode:N,clearAll:O,selectJoinOperator:B,fillState:S}=n(v);o((()=>{null==g||g(Object.assign({},w))}),[w]);const C=d.map((e=>(null==w?void 0:w.operator)&&e.value===w.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return s(j,(()=>({getState:()=>Object.assign({},w),fillState(e){S(Object.assign({},e))},clearAll:O}))),e.jsxs(e.Fragment,{children:[null===(h=null==w?void 0:w.nodes)||void 0===h?void 0:h.map(((t,o)=>e.jsxs(e.Fragment,{children:[0!==o&&e.jsx("div",Object.assign({style:{width:80,position:"relative"}},{children:e.jsx(l,{disabled:"view"===b,onSelect:e=>{B(e.value)},options:C,width:"80px",height:96,size:"small",skipSorting:!0})})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[e.jsx(p,Object.assign({style:{paddingTop:0===o?0:24,maxWidth:"calc(100% - 24px)"}},{children:e.jsx(m,{selectorKey:v,mode:null!=b?b:"create",allowedNodes:f,node:t,apiHandler:y[t.type]})})),"view"!==b?e.jsx(e.Fragment,{children:0!==o&&e.jsx(c,{onClick:()=>N(t._id)})}):e.jsx(e.Fragment,{})]}),t._id)]}))),u&&"view"!==b&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[e.jsx(a,{buttonText:x,allowedNodes:f,selectorKey:v}),e.jsx(i,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>O(f[0])})]}))]})}));j.displayName="QueryBuilderNodes";export{j as default};

package/dist/esm/components/QueryBuilder/components/QueryBuilderNodes.styled.js

@@ -1,10 +1,10 @@
-import e from"styled-components";import{COLORS as t}from"../../../constants/Theme.js";const o=e.div`
+import e from"styled-components";import{COLORS as t}from"../../../constants/Theme.js";e.div`
 	flex-direction: row;
 	margin-left: 24px;
 	display: flex;
 	flex: 1;
 	width: 100%;
-`,r=e.div`
+`;const o=e.div`
 	display: flex;
 	border-left-width: 1px;
 	border-left-style: solid;
@@ -13,4 +13,4 @@ import e from"styled-components";import{COLORS as t}from"../../../constants/Them
 	padding-left: 16px;
 	padding-bottom: 24px;
 	margin-left: 24px;
-`;export{o as Container,r as LinedContainer};
+`;export{o as LinedContainer};

package/dist/esm/components/SearchFilter/components/DatePickerButton.js

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

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

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

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

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

package/dist/esm/components/SearchFilter/components/SearchFilterItem.js

@@ -1 +1 @@
-import{j as e}from"../../../node_modules/react/jsx-runtime.js";import"../../analytics-chips-and-dropdowns/index.js";import"../../dropdown/index.js";import{ChipDropdown as t}from"../../dropdown/ChipDropdown.js";import{FilterType as o}from"../types/SearchFilter.type.js";import{DatePickerButton as n}from"./DatePickerButton.js";import{DateRangeOnlyButton as a}from"./DateRangeOnlyButton.js";import{AnalyticsDropdown as l}from"../../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import{Dropdown as i}from"../../dropdown/Dropdown.js";const s=[{label:"Last 7 days",value:"7 days",key:7,noOfDays:7},{label:"Last 30 days",value:"30 days",key:30,noOfDays:30},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0}}],r=r=>{var d,p,c;return r.type===o.Date?e.jsx(n,Object.assign({},r,{variant:r.variant,onSelect:e=>r.onChange(e)})):r.type===o.DateRange?r.rangePickerDateOnly?e.jsx(a,Object.assign({},r,{variant:r.variant,onSelect:e=>r.onChange(e)})):e.jsx(l,{datePickerPlacement:r.datePickerPlacement,variant:r.variant,placeholder:r.text,options:r.preset?s:null!==(d=r.options)&&void 0!==d?d:[],onOptionSelected:function(e){var t,o;e.selectedRange&&r.onChange([null===(t=e.selectedRange)||void 0===t?void 0:t[0],null===(o=e.selectedRange)||void 0===o?void 0:o[1]])}},r.id):"small"===r.variant?e.jsx(t,{isMultiSelect:r.type===o.Multiple,options:null!==(p=r.options)&&void 0!==p?p:[],defaultOptions:r.defaultValue,onSelect:r.onChange,placeHolder:r.text}):e.jsx(i,{isMultiSelect:r.type===o.Multiple,size:"small",options:null!==(c=r.options)&&void 0!==c?c:[],defaultOptions:r.defaultValue,onSelect:r.onChange,placeHolder:r.text,width:10*r.text.length+"px"})};export{r as SearchFilterItem};
+import{j as t}from"../../../node_modules/react/jsx-runtime.js";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as o}from"../../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"react";import"../../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../utils/DateUtils.js";import"../../tag/Tag.js";import"../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";import"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as a}from"../../dropdown/Dropdown.js";import{ChipDropdown as e}from"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{FilterType as n}from"../types/SearchFilter.type.js";import{DatePickerButton as r}from"./DatePickerButton.js";import{DateRangeOnlyButton as i}from"./DateRangeOnlyButton.js";const s=[{label:"Last 7 days",value:"7 days",key:7,noOfDays:7},{label:"Last 30 days",value:"30 days",key:30,noOfDays:30},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0}}],p=p=>{var d,c,l;return p.type===n.Date?t.jsx(r,Object.assign({},p,{variant:p.variant,onSelect:t=>p.onChange(t)})):p.type===n.DateRange?p.rangePickerDateOnly?t.jsx(i,Object.assign({},p,{variant:p.variant,onSelect:t=>p.onChange(t)})):t.jsx(o,{datePickerPlacement:p.datePickerPlacement,variant:p.variant,placeholder:p.text,options:p.preset?s:null!==(d=p.options)&&void 0!==d?d:[],onOptionSelected:function(t){var o,a;t.selectedRange&&p.onChange([null===(o=t.selectedRange)||void 0===o?void 0:o[0],null===(a=t.selectedRange)||void 0===a?void 0:a[1]])}},p.id):"small"===p.variant?t.jsx(e,{isMultiSelect:p.type===n.Multiple,options:null!==(c=p.options)&&void 0!==c?c:[],defaultOptions:p.defaultValue,onSelect:p.onChange,placeHolder:p.text}):t.jsx(a,{isMultiSelect:p.type===n.Multiple,size:"small",options:null!==(l=p.options)&&void 0!==l?l:[],defaultOptions:p.defaultValue,onSelect:p.onChange,placeHolder:p.text,width:10*p.text.length+"px"})};export{p as SearchFilterItem};

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

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

package/dist/esm/components/TablePagination/TablePagination.js

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

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

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

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

@@ -42,9 +42,9 @@ import t from"styled-components";import{COLORS as i}from"../../constants/Theme.j
 	height: 8px;
 	background-color: ${i.content.primary};
 	border-radius: 100%;
-`,x=t.img`
+`;t.img`
 	width: 16px;
 	height: 16px;
 	margin-left: 6px;
 	margin-right: 4px;
-`;export{n as Bullet,a as BulletWrapper,p as Description,e as EachStep,r as Header,o as IconContainer,x as Image,d as StepsContainer};
+`;export{n as Bullet,a as BulletWrapper,p as Description,e as EachStep,r as Header,o as IconContainer,d as StepsContainer};

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

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

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

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

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

@@ -133,7 +133,7 @@ import e from"styled-components";const o=e.div`
 			bottom: 0px;
 		}
 	}
-`,i=e.div`
+`;e.div`
 	.box {
 		display: flex;
 		align-items: center;
@@ -161,4 +161,4 @@ import e from"styled-components";const o=e.div`
 			color: ${e=>(null==e?void 0:e.isAvailable)?"#212121":"#bdbdbd"};
 		}
 	}
-`;export{o as AddVariableStyled,i as VariableBoxStyled};
+`;export{o as AddVariableStyled};

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{j as o}from"../../node_modules/react/jsx-runtime.js";import s from"../../assets/icons/info.svg.js";import"../tooltips/index.js";import{BASE_COLORS as t}from"../../constants/Theme.js";import{BodyCaption as r,TitleLarge as e}from"../TypographyStyle.js";import{AnalyticsChipChannelFooter as i}from"./AnalyticsChipChannelFooter.js";import{AnalyticsChipContainer as n}from"./CommonStyles.js";import{Tooltip as l}from"../tooltips/Tooltip.js";const c=c=>{const{title:a,primaryValue:j,titleColor:m,captionColor:p=t.grayscale[700],backgroundColor:d=t.grayscale[50],width:h="224.67px",extraJSX:g,tooltipContent:y,channelConfig:x,style:f}=c;return o.jsxs(n,Object.assign({style:null!=f?f:{},backgroundColor:d,width:h},{children:[o.jsxs("div",Object.assign({className:"sub--container"},{children:[o.jsx(r,Object.assign({style:{color:p}},{children:a})),y&&o.jsx(l,Object.assign({body:y},{children:o.jsx("div",{children:o.jsx(s,{height:14.67,width:14.67,color:t.grayscale[500]})})}))]})),o.jsx(e,Object.assign({style:{color:m}},{children:j})),x&&o.jsx(i,{channelConfig:x}),g]}))};export{c as AnalyticsChip};
+import{j as o}from"../../node_modules/react/jsx-runtime.js";import s from"../../assets/icons/info.svg.js";import{Tooltip as t}from"../tooltips/Tooltip.js";import{BASE_COLORS as r}from"../../constants/Theme.js";import{BodyCaption as e,TitleLarge as i}from"../TypographyStyle.js";import{AnalyticsChipChannelFooter as n}from"./AnalyticsChipChannelFooter.js";import{AnalyticsChipContainer as l}from"./CommonStyles.js";const c=c=>{const{title:a,primaryValue:j,titleColor:m,captionColor:h=r.grayscale[700],backgroundColor:p=r.grayscale[50],width:d="224.67px",extraJSX:g,tooltipContent:y,channelConfig:x,style:f}=c;return o.jsxs(l,Object.assign({style:null!=f?f:{},backgroundColor:p,width:d},{children:[o.jsxs("div",Object.assign({className:"sub--container"},{children:[o.jsx(e,Object.assign({style:{color:h}},{children:a})),y&&o.jsx(t,Object.assign({body:y},{children:o.jsx("div",{children:o.jsx(s,{height:14.67,width:14.67,color:r.grayscale[500]})})}))]})),o.jsx(i,Object.assign({style:{color:m}},{children:j})),x&&o.jsx(n,{channelConfig:x}),g]}))};export{c as AnalyticsChip};

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

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

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

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