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

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

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

package/dist/esm/components/QueryBuilder/helpers/ApiResponse.helper.js

@@ -1 +1 @@
-import{unCamelCaseWithFirstUppercase as e}from"../../../utils/unCamelCase.js";class i{convertToGroupOptions(i,n){var l;if(i){if(Array.isArray(i))return null!==(l=null==i?void 0:i.map((i=>{var l;return{label:e(null!==(l=i.name)&&void 0!==l?l:i.id),value:i.id,descriptions:i.description,selected:!!(null==n?void 0:n.find((e=>e===i.id)))}})))&&void 0!==l?l:[];{const l=[];return Object.keys(i).forEach((r=>{var o;const t=i[r],d=null!==(o=null==t?void 0:t.map((i=>{var l;return{label:e(null!==(l=i.name)&&void 0!==l?l:i.id),value:i.id,description:i.description,selected:!!(null==n?void 0:n.find((e=>e===i.id)))}})))&&void 0!==o?o:[];l.push({label:r,options:d})})),l}}return[]}findInGroupedApiResponse(e,i){const n=Object.keys(e);for(let l=0;l<n.length;l++){const r=e[n[l]];for(let e=0;e<r.length;e++)if(r[e].id===i)return r[e]}}}export{i as ApiResponseHelper};
+import{unCamelCaseWithFirstUppercase as e}from"../../../utils/unCamelCase.js";class i{convertToGroupOptions(i,n){var l;if(i){if(Array.isArray(i))return null!==(l=null==i?void 0:i.map(i=>{var l;return{label:e(null!==(l=i.name)&&void 0!==l?l:i.id),value:i.id,descriptions:i.description,selected:!!(null==n?void 0:n.find(e=>e===i.id))}}))&&void 0!==l?l:[];{const l=[];return Object.keys(i).forEach(r=>{var o;const t=i[r],d=null!==(o=null==t?void 0:t.map(i=>{var l;return{label:e(null!==(l=i.name)&&void 0!==l?l:i.id),value:i.id,description:i.description,selected:!!(null==n?void 0:n.find(e=>e===i.id))}}))&&void 0!==o?o:[];l.push({label:r,options:d})}),l}}return[]}findInGroupedApiResponse(e,i){const n=Object.keys(e);for(let l=0;l<n.length;l++){const r=e[n[l]];for(let e=0;e<r.length;e++)if(r[e].id===i)return r[e]}}}export{i as ApiResponseHelper};

package/dist/esm/components/QueryBuilder/helpers/Connector.helper.js

@@ -1 +1 @@
-import{unCamelCaseWithFirstUppercase as t}from"../../../utils/unCamelCase.js";import{CONNECTOR_TYPE_TO_OPERATORS as e,CONNECTOR_TYPE_TO_COMPONENT_MAP as s}from"../constants/connector.js";import{DATE_OPERATORS_OPTIONS as o}from"../constants/DATE_OPERATORS_OPTIONS.js";import{QueryBuilderConnectorType as n}from"../types/QueryBuilder.type.js";class r{static getConnectorType(t){const s=e[t];return s?Object.keys(s):[]}static getConnectorComponent(t,o){if(e[t]){return s[t][o]}return null}static getDropdownOptionFromDataType(e,s){const r=this.getConnectorType(e);return e===n.date?o.map((t=>Object.assign(Object.assign({},t),{options:t.options.map((t=>Object.assign(Object.assign({},t),{selected:t.value===s})))}))):r.map((e=>({selected:e===s,value:e,label:t(e)})))}}export{r as ConnectorHelper};
+import{unCamelCaseWithFirstUppercase as t}from"../../../utils/unCamelCase.js";import{CONNECTOR_TYPE_TO_OPERATORS as e,CONNECTOR_TYPE_TO_COMPONENT_MAP as s}from"../constants/connector.js";import{DATE_OPERATORS_OPTIONS as o}from"../constants/DATE_OPERATORS_OPTIONS.js";import{QueryBuilderConnectorType as n}from"../types/QueryBuilder.type.js";class r{static getConnectorType(t){const s=e[t];return s?Object.keys(s):[]}static getConnectorComponent(t,o){if(e[t]){return s[t][o]}return null}static getDropdownOptionFromDataType(e,s){const r=this.getConnectorType(e);return e===n.date?o.map(t=>Object.assign(Object.assign({},t),{options:t.options.map(t=>Object.assign(Object.assign({},t),{selected:t.value===s}))})):r.map(e=>({selected:e===s,value:e,label:t(e)}))}}export{r as ConnectorHelper};

package/dist/esm/components/QueryBuilder/hooks/useQueryBuilderCache.js

@@ -1 +1 @@
-import{__awaiter as r}from"../../../_virtual/_tslib.js";import{useDispatch as e}from"react-redux";import{queryBuilderCacheSlice as t}from"../redux/queryBuilderCache.reducer.js";import{useQueryBuilderCacheSelector as o}from"../redux/selectors/useQueryBuilderCacheSelector.js";const i=()=>{const i=e(),u=o();return{cacheWrap:function(e,o){let d=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return r(void 0,void 0,void 0,(function*(){if(null==u?void 0:u[o])return u[o];const r=yield e();return(null==r?void 0:r.data)?(d&&i(t.actions.initKey({key:o,data:r.data})),null==r?void 0:r.data):null}))}}};export{i as useQueryBuilderCache};
+import{__awaiter as r}from"../../../_virtual/_tslib.js";import{useDispatch as e}from"react-redux";import{queryBuilderCacheSlice as t}from"../redux/queryBuilderCache.reducer.js";import{useQueryBuilderCacheSelector as o}from"../redux/selectors/useQueryBuilderCacheSelector.js";const i=()=>{const i=e(),u=o();return{cacheWrap:(e,o,...d)=>r(void 0,[e,o,...d],void 0,function*(r,e,o=!0){if(null==u?void 0:u[e])return u[e];const d=yield r();return(null==d?void 0:d.data)?(o&&i(t.actions.initKey({key:e,data:d.data})),null==d?void 0:d.data):null})}};export{i as useQueryBuilderCache};

package/dist/esm/components/QueryBuilder/redux/queryBuilder.reducer.js

@@ -1 +1 @@
-import{createSlice as e}from"../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js";import{v4 as o}from"uuid";import{QueryBuilderJoinOperators as d}from"../types/QueryBuilder.type.js";const t=o,s={nodes:[{_id:t(),properties:[],metas:[]}]},n=o=>e({name:null!=o?o:"queryBuilder",initialState:s,reducers:{clearProperty(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));d>-1&&(e.nodes[d].properties=[])},fillState:(e,o)=>Object.assign({},o.payload),initQueryBuilder(e,o){const s={type:o.payload.type,properties:[],metas:[],_id:t(),PropertyOperator:d.AND};e.nodes=[s],e.operator=d.AND},addNode(e,o){const s={type:o.payload.type,properties:[],metas:[],_id:t(),PropertyOperator:d.AND},n=e.nodes;e.nodes=[...n,s]},deleteNode(e,o){const d=e.nodes.filter((e=>e._id!==o.payload.nodeID));e.nodes=[...d]},clearNode(e,o){var d;const s=[...null!==(d=e.nodes)&&void 0!==d?d:[]];if(0===s.length){const e={type:o.payload.type,properties:[],metas:[],_id:t()};s.push(e)}e.nodes=s},createProperty(e,o){var d;const s=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(s>-1){const n=null!==(d=e.nodes[s].properties)&&void 0!==d?d:[],a=Object.assign(Object.assign({},o.payload.property),{_id:t()});e.nodes[s].properties=[...n,a]}},updateProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).map((e=>e._id===o.payload.property._id?Object.assign(Object.assign({},e),o.payload.property):e));e.nodes[t].properties=[...s]}},deleteProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).filter((e=>e._id!==o.payload.property._id));e.nodes[t].properties=[...s]}},createMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=null!==(d=e.nodes[t].metas)&&void 0!==d?d:[],n=Object.assign({},o.payload.meta);e.nodes[t].metas=[...s,n]}},updateMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].metas)&&void 0!==d?d:[]).map((e=>e.key===o.payload.meta.key?Object.assign(Object.assign({},e),o.payload.meta):e));e.nodes[t].metas=[...s]}},selectPropertyJoinOperator(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]=Object.assign(Object.assign({},t),{PropertyOperator:o.payload.joinOperator})}},selectJoinOperator(e,o){e.operator=o.payload.joinOperator},selectType(e,o){const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==t){const s=e.nodes[t];e.nodes[t]={_id:s._id,type:o.payload.type,properties:[],metas:[],PropertyOperator:d.AND}}}}});export{n as queryBuilderSlice};
+import{createSlice as e}from"../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.mjs.js";import{v4 as o}from"uuid";import{QueryBuilderJoinOperators as d}from"../types/QueryBuilder.type.js";const t=o,s={nodes:[{_id:t(),properties:[],metas:[]}]},n=o=>e({name:null!=o?o:"queryBuilder",initialState:s,reducers:{clearProperty(e,o){const d=e.nodes.findIndex(e=>e._id===o.payload.nodeID);d>-1&&(e.nodes[d].properties=[])},fillState:(e,o)=>Object.assign({},o.payload),initQueryBuilder(e,o){const s={type:o.payload.type,properties:[],metas:[],_id:t(),PropertyOperator:d.AND};e.nodes=[s],e.operator=d.AND},addNode(e,o){const s={type:o.payload.type,properties:[],metas:[],_id:t(),PropertyOperator:d.AND},n=e.nodes;e.nodes=[...n,s]},deleteNode(e,o){const d=e.nodes.filter(e=>e._id!==o.payload.nodeID);e.nodes=[...d]},clearNode(e,o){var d;const s=[...null!==(d=e.nodes)&&void 0!==d?d:[]];if(0===s.length){const e={type:o.payload.type,properties:[],metas:[],_id:t()};s.push(e)}e.nodes=s},createProperty(e,o){var d;const s=e.nodes.findIndex(e=>e._id===o.payload.nodeID);if(s>-1){const n=null!==(d=e.nodes[s].properties)&&void 0!==d?d:[],r=Object.assign(Object.assign({},o.payload.property),{_id:t()});e.nodes[s].properties=[...n,r]}},updateProperty(e,o){var d;const t=e.nodes.findIndex(e=>e._id===o.payload.nodeID);if(t>-1){const s=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).map(e=>e._id===o.payload.property._id?Object.assign(Object.assign({},e),o.payload.property):e);e.nodes[t].properties=[...s]}},deleteProperty(e,o){var d;const t=e.nodes.findIndex(e=>e._id===o.payload.nodeID);if(t>-1){const s=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).filter(e=>e._id!==o.payload.property._id);e.nodes[t].properties=[...s]}},createMeta(e,o){var d;const t=e.nodes.findIndex(e=>e._id===o.payload.nodeID);if(t>-1){const s=null!==(d=e.nodes[t].metas)&&void 0!==d?d:[],n=Object.assign({},o.payload.meta);e.nodes[t].metas=[...s,n]}},updateMeta(e,o){var d;const t=e.nodes.findIndex(e=>e._id===o.payload.nodeID);if(t>-1){const s=(null!==(d=e.nodes[t].metas)&&void 0!==d?d:[]).map(e=>e.key===o.payload.meta.key?Object.assign(Object.assign({},e),o.payload.meta):e);e.nodes[t].metas=[...s]}},selectPropertyJoinOperator(e,o){const d=e.nodes.findIndex(e=>e._id===o.payload.nodeID);if(-1!==d){const t=e.nodes[d];e.nodes[d]=Object.assign(Object.assign({},t),{PropertyOperator:o.payload.joinOperator})}},selectJoinOperator(e,o){e.operator=o.payload.joinOperator},selectType(e,o){const t=e.nodes.findIndex(e=>e._id===o.payload.nodeID);if(-1!==t){const s=e.nodes[t];e.nodes[t]={_id:s._id,type:o.payload.type,properties:[],metas:[],PropertyOperator:d.AND}}}}});export{n as queryBuilderSlice};

package/dist/esm/components/QueryBuilder/redux/queryBuilderCache.reducer.js

@@ -1 +1 @@
-import{createSlice as a}from"../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js";const e=a({name:"queryBuilderCache",initialState:{},reducers:{initKey(a,e){Array.isArray(e.payload.data)?a[e.payload.key]=[...e.payload.data]:a[e.payload.key]=Object.assign({},e.payload.data)}}});export{e as queryBuilderCacheSlice};
+import{createSlice as a}from"../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.mjs.js";const e=a({name:"queryBuilderCache",initialState:{},reducers:{initKey(a,e){Array.isArray(e.payload.data)?a[e.payload.key]=[...e.payload.data]:a[e.payload.key]=Object.assign({},e.payload.data)}}});export{e as queryBuilderCacheSlice};

package/dist/esm/components/QueryBuilder/redux/selectors/useQueryBuilderCacheSelector.js

@@ -1 +1 @@
-import{useSelector as r}from"react-redux";const e=()=>r((r=>r.queryBuilderCache));export{e as useQueryBuilderCacheSelector};
+import{useSelector as r}from"react-redux";const e=()=>r(r=>r.queryBuilderCache);export{e as useQueryBuilderCacheSelector};

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

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

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

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

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

@@ -1 +1 @@
-import{jsx as t,Fragment as a}from"react/jsx-runtime";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{formatDate as r}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 i}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/scoreBlock/ScoreBlock.styled.js";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 o from"../../../assets/icons/cross.svg.js";import{FilterType as n}from"../types/SearchFilter.type.js";const e=e=>{let{selectedState:l,onDeSelect:s}=e;return t(a,{children:l.map((e=>{var l,p,d,c,h,m,u,y,v,j,g;if(e.type===n.Multiple)return t(a,{children:null===(l=e.value)||void 0===l?void 0:l.map((a=>{var r,n;return t(i,{onTrailingIconClicked:()=>s(e.id,a),style:{cursor:"pointer"},tagText:null!==(n=null===(r=a.label)||void 0===r?void 0:r.slice(0,10))&&void 0!==n?n:"",type:"neutral",theme:"light",TrailingIcon:o},`${e.id}-${a.value}`)}))});if(e.type===n.Date)return t(i,{onTrailingIconClicked:()=>s(e.id,e.value),style:{cursor:"pointer"},tagText:r(e.value),type:"neutral",theme:"light",TrailingIcon:o},e.id);if(e.type===n.DateRange)return t(i,{onTrailingIconClicked:()=>s(e.id,e.value),style:{cursor:"pointer"},tagText:`${r(null===(p=e.value)||void 0===p?void 0:p[0])} to ${r(null===(d=e.value)||void 0===d?void 0:d[1])}`,type:"neutral",theme:"light",TrailingIcon:o},e.id);return(e.type===n.Single?null!==(h=null===(c=e.value)||void 0===c?void 0:c.label)&&void 0!==h?h:"":null!==(u=null===(m=e.value)||void 0===m?void 0:m.toString())&&void 0!==u?u:"")?t(i,{onTrailingIconClicked:()=>s(e.id,e.value),style:{cursor:"pointer"},tagText:e.type===n.Single?null!==(v=null===(y=e.value)||void 0===y?void 0:y.label)&&void 0!==v?v:"":null!==(g=null===(j=e.value)||void 0===j?void 0:j.toString())&&void 0!==g?g:"",type:"neutral",theme:"light",TrailingIcon:o},e.id):t(a,{})}))})};export{e as FilterChipListRenderer};
+import{jsx as t,Fragment as a}from"react/jsx-runtime";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{formatDate as i}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/scoreBlock/ScoreBlock.styled.js";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 o from"../../../assets/icons/cross.svg.js";import{FilterType as n}from"../types/SearchFilter.type.js";const e=({selectedState:e,onDeSelect:l})=>t(a,{children:e.map(e=>{var s,p,d,c,h,m,u,y,v,j,g;if(e.type===n.Multiple)return t(a,{children:null===(s=e.value)||void 0===s?void 0:s.map(a=>{var i,n;return t(r,{onTrailingIconClicked:()=>l(e.id,a),style:{cursor:"pointer"},tagText:null!==(n=null===(i=a.label)||void 0===i?void 0:i.slice(0,10))&&void 0!==n?n:"",type:"neutral",theme:"light",TrailingIcon:o},`${e.id}-${a.value}`)})});if(e.type===n.Date)return t(r,{onTrailingIconClicked:()=>l(e.id,e.value),style:{cursor:"pointer"},tagText:i(e.value),type:"neutral",theme:"light",TrailingIcon:o},e.id);if(e.type===n.DateRange)return t(r,{onTrailingIconClicked:()=>l(e.id,e.value),style:{cursor:"pointer"},tagText:`${i(null===(p=e.value)||void 0===p?void 0:p[0])} to ${i(null===(d=e.value)||void 0===d?void 0:d[1])}`,type:"neutral",theme:"light",TrailingIcon:o},e.id);return(e.type===n.Single?null!==(h=null===(c=e.value)||void 0===c?void 0:c.label)&&void 0!==h?h:"":null!==(u=null===(m=e.value)||void 0===m?void 0:m.toString())&&void 0!==u?u:"")?t(r,{onTrailingIconClicked:()=>l(e.id,e.value),style:{cursor:"pointer"},tagText:e.type===n.Single?null!==(v=null===(y=e.value)||void 0===y?void 0:y.label)&&void 0!==v?v:"":null!==(g=null===(j=e.value)||void 0===j?void 0:j.toString())&&void 0!==g?g:"",type:"neutral",theme:"light",TrailingIcon:o},e.id):t(a,{})})});export{e as FilterChipListRenderer};

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

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

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

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

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

@@ -1 +1,9 @@
-import c from"@emotion/styled/base";import{jsx as b}from"react/jsx-runtime";import{TablePagination as e}from"./TablePagination.js";import{COLORS as m}from"../../constants/Theme.js";const n=c("div","production"===process.env.NODE_ENV?{target:"exfv5q90"}:{target:"exfv5q90",label:"TablePaginationCardStyled"})("background:",m.surface.standard,";border:",(c=>c.removeBorder?0:1),"px solid ",m.stroke.primary,";border-radius:4px;display:flex;justify-content:center;margin:auto;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYmxlUGFnaW5hdGlvbkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvRCIsImZpbGUiOiJUYWJsZVBhZ2luYXRpb25DYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgVGFibGVQYWdpbmF0aW9uLCB9IGZyb20gXCIuL1RhYmxlUGFnaW5hdGlvblwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBUYWJsZVBhZ2luYXRpb25DYXJkU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6ICR7KHByb3BzKSA9PiAocHJvcHMucmVtb3ZlQm9yZGVyID8gMCA6IDEpfXB4IHNvbGlkXG5cdFx0JHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtYXJnaW46IGF1dG87XG5gO1xyXG5leHBvcnQgY29uc3QgVGFibGVQYWdpbmF0aW9uQ2FyZCA9IChwcm9wcykgPT4ge1xyXG4gICAgcmV0dXJuIChfanN4KFRhYmxlUGFnaW5hdGlvbkNhcmRTdHlsZWQsIE9iamVjdC5hc3NpZ24oeyByZW1vdmVCb3JkZXI6IHByb3BzLnJlbW92ZUJvcmRlciB9LCB7IGNoaWxkcmVuOiBfanN4KFRhYmxlUGFnaW5hdGlvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJsZVBhZ2luYXRpb25DYXJkLmpzLm1hcCJdfQ== */")),a=c=>b(n,Object.assign({removeBorder:c.removeBorder},{children:b(e,Object.assign({},c))}));export{a as TablePaginationCard,n as TablePaginationCardStyled};
+import{jsx as r}from"react/jsx-runtime";import e from"styled-components";import{TablePagination as o}from"./TablePagination.js";import{COLORS as t}from"../../constants/Theme.js";const s=e.div`
+	background: ${t.surface.standard};
+	border: ${r=>r.removeBorder?0:1}px solid
+		${t.stroke.primary};
+	border-radius: 4px;
+	display: flex;
+	justify-content: center;
+	margin: auto;
+`,i=e=>r(s,{removeBorder:e.removeBorder,children:r(o,Object.assign({},e))});export{i as TablePaginationCard,s as TablePaginationCardStyled};

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

@@ -1 +1,22 @@
-import c from"@emotion/styled/base";import{COLORS as b}from"../../constants/Theme.js";const l=c("div","production"===process.env.NODE_ENV?{target:"e91dva42"}:{target:"e91dva42",label:"Container"})("background:",b.surface.standard,";border:",(c=>c.isError?2:1),"px solid ",(c=>c.isError?b.stroke.negative.vibrant:b.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9DIiwiZmlsZSI6IkN1c3RvbUVkaXRvci5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRXJyb3IgPyAyIDogMSl9cHggc29saWRcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuaXNFcnJvciA/IENPTE9SUy5zdHJva2UubmVnYXRpdmUudmlicmFudCA6IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBUZXh0U3BhY2UgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHR3aWR0aDogMTAwJTtcblxuXHRib3JkZXI6IDA7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0cmVzaXplOiBub25lO1xuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyOiAwO1xuXHRcdG91dGxpbmU6IDA7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUN1c3RvbUVkaXRvci5zdHlsZWQuanMubWFwIl19 */")),d=c("textarea","production"===process.env.NODE_ENV?{target:"e91dva41"}:{target:"e91dva41",label:"TextSpace"})("width:100%;border:0;padding:12px 16px;resize:none;color:",b.content.primary,";&:focus-within{border:0;outline:0;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXlDIiwiZmlsZSI6IkN1c3RvbUVkaXRvci5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRXJyb3IgPyAyIDogMSl9cHggc29saWRcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuaXNFcnJvciA/IENPTE9SUy5zdHJva2UubmVnYXRpdmUudmlicmFudCA6IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBUZXh0U3BhY2UgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHR3aWR0aDogMTAwJTtcblxuXHRib3JkZXI6IDA7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0cmVzaXplOiBub25lO1xuXHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblxuXHQmOmZvY3VzLXdpdGhpbiB7XG5cdFx0Ym9yZGVyOiAwO1xuXHRcdG91dGxpbmU6IDA7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDhweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUN1c3RvbUVkaXRvci5zdHlsZWQuanMubWFwIl19 */")),X=c("div","production"===process.env.NODE_ENV?{target:"e91dva40"}:{target:"e91dva40",label:"OuterContainer"})("production"===process.env.NODE_ENV?{name:"3w0yoi",styles:"display:flex;flex-direction:column;gap:8px"}:{name:"3w0yoi",styles:"display:flex;flex-direction:column;gap:8px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkN1c3RvbUVkaXRvci5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ5QyIsImZpbGUiOiJDdXN0b21FZGl0b3Iuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogJHsocHJvcHMpID0+IChwcm9wcy5pc0Vycm9yID8gMiA6IDEpfXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLmlzRXJyb3IgPyBDT0xPUlMuc3Ryb2tlLm5lZ2F0aXZlLnZpYnJhbnQgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgVGV4dFNwYWNlID0gc3R5bGVkLnRleHRhcmVhIGBcblx0d2lkdGg6IDEwMCU7XG5cblx0Ym9yZGVyOiAwO1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdHJlc2l6ZTogbm9uZTtcblx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cblx0Jjpmb2N1cy13aXRoaW4ge1xuXHRcdGJvcmRlcjogMDtcblx0XHRvdXRsaW5lOiAwO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgT3V0ZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiA4cHg7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1DdXN0b21FZGl0b3Iuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{l as Container,X as OuterContainer,d as TextSpace};
+import r from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const e=r.div`
+	background: ${o.surface.standard};
+	border: ${r=>r.isError?2:1}px solid
+		${r=>r.isError?o.stroke.negative.vibrant:o.stroke.primary};
+	border-radius: 4px;
+`,i=r.textarea`
+	width: 100%;
+
+	border: 0;
+	padding: 12px 16px;
+	resize: none;
+	color: ${o.content.primary};
+
+	&:focus-within {
+		border: 0;
+		outline: 0;
+	}
+`,t=r.div`
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+`;export{e as Container,t as OuterContainer,i as TextSpace};

package/dist/esm/components/WhatsAppTextEditor/WhatsAppTextEditor.js

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

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

@@ -1 +1,34 @@
-import I from"@emotion/styled/base";import{jsx as g,Fragment as c,jsxs as l}from"react/jsx-runtime";import b,{useRef as C,useState as G,useCallback as d}from"react";import{useOutside as Z}from"../../hooks/useOutside.js";import{COLORS as X}from"../../constants/Theme.js";import W from"../../assets/icons/bold.svg.js";import B from"../../assets/icons/emoji.svg.js";import p from"../../assets/icons/italic.svg.js";import A from"../../assets/icons/strikeThrough.svg.js";import{Tooltip as a}from"../tooltips/Tooltip.js";function R(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}let i=()=>g(c,{});"undefined"!=typeof window&&import("emoji-picker-react").then((I=>{i=I.default}));const H=I=>I?X.background.inverseLight:X.content.placeholder,m=I("div","production"===process.env.NODE_ENV?{target:"e116kvwg4"}:{target:"e116kvwg4",label:"Container"})("background:",X.surface.subdued,";border-bottom:1px solid ",X.stroke.primary,";display:flex;flex-direction:row;padding:8px 12px;align-items:center;border-radius:4px 4px 0px 0px;gap:6px;position:relative;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIldoYXRzQXBwVGV4dEVkaXRvckhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0I2QiIsImZpbGUiOiJXaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbi8vIGltcG9ydCBFbW9qaVBpY2tlciBmcm9tICdlbW9qaS1waWNrZXItcmVhY3QnO1xyXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IHVzZU91dHNpZGUgfSBmcm9tIFwiLi4vLi4vaG9va3MvdXNlT3V0c2lkZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCBCb2xkSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvYm9sZC5zdmcnO1xyXG5pbXBvcnQgRW1vamlJY29uIGZyb20gJy4uLy4uL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgSXRhbGljSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvaXRhbGljLnN2Zyc7XHJcbmltcG9ydCBTdHJpa2VUaHJvdWdoSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvc3RyaWtlVGhyb3VnaC5zdmcnO1xyXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vdG9vbHRpcHMvVG9vbHRpcCc7XHJcbmxldCBFbW9qaVBpY2tlciA9ICgpID0+IF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbmlmICh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJykge1xyXG4gICAgaW1wb3J0KCdlbW9qaS1waWNrZXItcmVhY3QnKS50aGVuKChfbW9kdWxlKSA9PiB7XHJcbiAgICAgICAgRW1vamlQaWNrZXIgPSBfbW9kdWxlLmRlZmF1bHQ7XHJcbiAgICB9KTtcclxufVxyXG5jb25zdCBnZXRJY29uQ29sb3IgPSAoaXNBY3RpdmUpID0+IHtcclxuICAgIGlmIChpc0FjdGl2ZSlcclxuICAgICAgICByZXR1cm4gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0O1xyXG4gICAgcmV0dXJuIENPTE9SUy5jb250ZW50LnBsYWNlaG9sZGVyO1xyXG59O1xyXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0cGFkZGluZzogOHB4IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1yYWRpdXM6IDRweCA0cHggMHB4IDBweDtcblx0Z2FwOiA2cHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDdXN0b21SaWdodEJvcmRlciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMnB4O1xuXHRoZWlnaHQ6IDEycHg7XG5cdGJhY2tncm91bmQ6ICNlMGUwZTA7XG5gO1xyXG5jb25zdCBCdXR0b25Ib2xkZXIgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZzogMnB4IDZweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmFjdGl2ZSA/IENPTE9SUy5iYWNrZ3JvdW5kLmluYWN0aXZlIDogJ3RyYW5zcGFyZW50J307XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHQ6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdFx0cGFkZGluZzogM3B4IDZweDtcblx0fVxuYDtcclxuY29uc3QgQ3VzdG9tUmlnaHRTaWRlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXg6IDE7XG5cdGp1c3RpZnktY29udGVudDogZW5kO1xuYDtcclxuY29uc3QgRW1vamlDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IGNhbGMoMTAwJSArIDhweCk7XG5cdHotaW5kZXg6IDE7XG5gO1xyXG5leHBvcnQgdmFyIEVkaXRvckFjdGlvblR5cGVzO1xyXG4oZnVuY3Rpb24gKEVkaXRvckFjdGlvblR5cGVzKSB7XHJcbiAgICBFZGl0b3JBY3Rpb25UeXBlc1tcIkJPTERcIl0gPSBcIkJPTERcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiSVRBTElDXCJdID0gXCJJVEFMSUNcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiU1RSSUtFVEhST1VHSFwiXSA9IFwiU1RSSUtFVEhST1VHSFwiO1xyXG4gICAgRWRpdG9yQWN0aW9uVHlwZXNbXCJFTU9KSVwiXSA9IFwiRU1PSklcIjtcclxufSkoRWRpdG9yQWN0aW9uVHlwZXMgfHwgKEVkaXRvckFjdGlvblR5cGVzID0ge30pKTtcclxuZXhwb3J0IGNvbnN0IFdoYXRzQXBwVGV4dEVkaXRvckhlYWRlciA9IFJlYWN0LmZvcndhcmRSZWYoKHsgb25BY3Rpb25TZWxlY3QsIFJpZ2h0Q29tcG9uZW50LCBvbkVtb2ppQ2xpY2ssIGFjdGlvbnMgfSwgcmVmKSA9PiB7XHJcbiAgICBjb25zdCBlbW9qaVBpY2tlclJlZiA9IHVzZVJlZihudWxsKTtcclxuICAgIGNvbnN0IFthY3RpdmUsIHNldEFjdGl2ZV0gPSB1c2VTdGF0ZSh7XHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLkJPTERdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDXTogZmFsc2UsXHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLlNUUklLRVRIUk9VR0hdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkldOiBmYWxzZSxcclxuICAgIH0pO1xyXG4gICAgY29uc3QgY2xvc2VFbW9qaVBpY2tlciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcclxuICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgcHJldiksIHsgW0VkaXRvckFjdGlvblR5cGVzLkVNT0pJXTogZmFsc2UgfSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9LCBbYWN0aXZlXSk7XHJcbiAgICB1c2VPdXRzaWRlKGVtb2ppUGlja2VyUmVmLCAoKSA9PiB7XHJcbiAgICAgICAgY2xvc2VFbW9qaVBpY2tlcigpO1xyXG4gICAgfSk7XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVDbGljayhlLCB0eXBlKSB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIChfYSA9IGUucHJldmVudERlZmF1bHQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKGUpO1xyXG4gICAgICAgIGlmICh0eXBlID09PSBFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkge1xyXG4gICAgICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIHByZXYpLCB7IFtFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSV06ICFhY3RpdmUuRU1PSkkgfSk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgICBvbkFjdGlvblNlbGVjdCh0eXBlKTtcclxuICAgIH1cclxuICAgIGlmICghKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5sZW5ndGgpICYmICFSaWdodENvbXBvbmVudClcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIHJldHVybiAoX2pzeHMoQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBbKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5pbmNsdWRlcyhFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkpICYmIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFRvb2x0aXAsIE9iamVjdC5hc3NpZ24oeyBib2R5OiAnRW1vamknLCBwbGFjZW1lbnQ6IFwiYm90dG9tXCIgfSwgeyBjaGlsZHJlbjogX2pzeChCdXR0b25Ib2xkZXIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LCBhY3RpdmU6ICEhYWN0aXZlLkVNT0pJLCBvbkNsaWNrOiAoZSkgPT4gaGFuZGxlQ2xpY2soZSwgRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkkpIH0sIHsgY2hpbGRyZW46IF9qc3goRW1vamlJY29uLCB7IHdpZHRoOiAxNiwgaGVpZ2h0OiAxNiwgY29sb3I6IGdldEljb25Db2xvcihhY3RpdmUuRU1PSkkpIH0pIH0pKSB9KSksIGFjdGl2ZS5FTU9KSSAmJiAoX2pzeChFbW9qaUNvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHJlZjogZW1vamlQaWNrZXJSZWYgfSwgeyBjaGlsZHJlbjogX2pzeChFbW9qaVBpY2tlciwgeyBvbkVtb2ppQ2xpY2s6IChkYXRhKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2VFbW9qaVBpY2tlcigpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uRW1vamlDbGljayA9PT0gbnVsbCB8fCBvbkVtb2ppQ2xpY2sgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uRW1vamlDbGljayhkYXRhLmVtb2ppKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSkgfSkpKV0gfSkpLCAoYWN0aW9ucyA9PT0gbnVsbCB8fCBhY3Rpb25zID09PSB2b2lkIDAgPyB2b2lkIDAgOiBhY3Rpb25zLmluY2x1ZGVzKEVkaXRvckFjdGlvblR5cGVzLkJPTEQpKSAmJiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChDdXN0b21SaWdodEJvcmRlciwge30pLCBfanN4KFRvb2x0aXAsIE9iamVjdC5hc3NpZ24oeyBib2R5OiAnQm9sZCcsIHBsYWNlbWVudDogXCJib3R0b21cIiB9LCB7IGNoaWxkcmVuOiBfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IGFjdGl2ZTogISFhY3RpdmUuQk9MRCwgb25DbGljazogKGUpID0+IGhhbmRsZUNsaWNrKGUsIEVkaXRvckFjdGlvblR5cGVzLkJPTEQpIH0sIHsgY2hpbGRyZW46IF9qc3goQm9sZEljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogZ2V0SWNvbkNvbG9yKGFjdGl2ZS5CT0xEKSB9KSB9KSkgfSkpXSB9KSksIChhY3Rpb25zID09PSBudWxsIHx8IGFjdGlvbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGFjdGlvbnMuaW5jbHVkZXMoRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDKSkgJiYgKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goQ3VzdG9tUmlnaHRCb3JkZXIsIHt9KSwgX2pzeChUb29sdGlwLCBPYmplY3QuYXNzaWduKHsgYm9keTogJ0l0YWxpY3MnLCBwbGFjZW1lbnQ6IFwiYm90dG9tXCIgfSwgeyBjaGlsZHJlbjogX2pzeChCdXR0b25Ib2xkZXIsIE9iamVjdC5hc3NpZ24oeyBvbkNsaWNrOiAoZSkgPT4gaGFuZGxlQ2xpY2soZSwgRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDKSwgYWN0aXZlOiAhIWFjdGl2ZS5JVEFMSUMgfSwgeyBjaGlsZHJlbjogX2pzeChJdGFsaWNJY29uLCB7IHdpZHRoOiA5LCBoZWlnaHQ6IDE2LCBjb2xvcjogZ2V0SWNvbkNvbG9yKGFjdGl2ZS5JVEFMSUMpIH0pIH0pKSB9KSldIH0pKSwgKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5pbmNsdWRlcyhFZGl0b3JBY3Rpb25UeXBlcy5TVFJJS0VUSFJPVUdIKSkgJiYgKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goQ3VzdG9tUmlnaHRCb3JkZXIsIHt9KSwgX2pzeChUb29sdGlwLCBPYmplY3QuYXNzaWduKHsgYm9keTogJ1N0cmlrZXRocm91Z2gnLCBwbGFjZW1lbnQ6IFwiYm90dG9tXCIgfSwgeyBjaGlsZHJlbjogX2pzeChCdXR0b25Ib2xkZXIsIE9iamVjdC5hc3NpZ24oeyBhY3RpdmU6ICEhYWN0aXZlLlNUUklLRVRIUk9VR0gsIHN0eWxlOiB7IGJvcmRlclJpZ2h0OiAwIH0sIG9uQ2xpY2s6IChlKSA9PiBoYW5kbGVDbGljayhlLCBFZGl0b3JBY3Rpb25UeXBlcy5TVFJJS0VUSFJPVUdIKSB9LCB7IGNoaWxkcmVuOiBfanN4KFN0cmlrZVRocm91Z2hJY29uLCB7IHdpZHRoOiAxMiwgaGVpZ2h0OiAxOCwgY29sb3I6IGdldEljb25Db2xvcihhY3RpdmUuU1RSSUtFVEhST1VHSCkgfSkgfSkpIH0pKV0gfSkpLCBfanN4KEN1c3RvbVJpZ2h0U2lkZUNvbnRhaW5lciwgeyBjaGlsZHJlbjogUmlnaHRDb21wb25lbnQgJiYgX2pzeChSaWdodENvbXBvbmVudCwge30pIH0pXSB9KSk7XHJcbn0pO1xyXG5XaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIuZGlzcGxheU5hbWUgPSAnV2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyJztcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9V2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyLmpzLm1hcCJdfQ== */")),V=I("div","production"===process.env.NODE_ENV?{target:"e116kvwg3"}:{target:"e116kvwg3",label:"CustomRightBorder"})("production"===process.env.NODE_ENV?{name:"1lys837",styles:"width:2px;height:12px;background:#e0e0e0"}:{name:"1lys837",styles:"width:2px;height:12px;background:#e0e0e0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIldoYXRzQXBwVGV4dEVkaXRvckhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUM0QyIsImZpbGUiOiJXaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbi8vIGltcG9ydCBFbW9qaVBpY2tlciBmcm9tICdlbW9qaS1waWNrZXItcmVhY3QnO1xyXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IHVzZU91dHNpZGUgfSBmcm9tIFwiLi4vLi4vaG9va3MvdXNlT3V0c2lkZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCBCb2xkSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvYm9sZC5zdmcnO1xyXG5pbXBvcnQgRW1vamlJY29uIGZyb20gJy4uLy4uL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgSXRhbGljSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvaXRhbGljLnN2Zyc7XHJcbmltcG9ydCBTdHJpa2VUaHJvdWdoSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvc3RyaWtlVGhyb3VnaC5zdmcnO1xyXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vdG9vbHRpcHMvVG9vbHRpcCc7XHJcbmxldCBFbW9qaVBpY2tlciA9ICgpID0+IF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbmlmICh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJykge1xyXG4gICAgaW1wb3J0KCdlbW9qaS1waWNrZXItcmVhY3QnKS50aGVuKChfbW9kdWxlKSA9PiB7XHJcbiAgICAgICAgRW1vamlQaWNrZXIgPSBfbW9kdWxlLmRlZmF1bHQ7XHJcbiAgICB9KTtcclxufVxyXG5jb25zdCBnZXRJY29uQ29sb3IgPSAoaXNBY3RpdmUpID0+IHtcclxuICAgIGlmIChpc0FjdGl2ZSlcclxuICAgICAgICByZXR1cm4gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0O1xyXG4gICAgcmV0dXJuIENPTE9SUy5jb250ZW50LnBsYWNlaG9sZGVyO1xyXG59O1xyXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0cGFkZGluZzogOHB4IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1yYWRpdXM6IDRweCA0cHggMHB4IDBweDtcblx0Z2FwOiA2cHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDdXN0b21SaWdodEJvcmRlciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMnB4O1xuXHRoZWlnaHQ6IDEycHg7XG5cdGJhY2tncm91bmQ6ICNlMGUwZTA7XG5gO1xyXG5jb25zdCBCdXR0b25Ib2xkZXIgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZzogMnB4IDZweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmFjdGl2ZSA/IENPTE9SUy5iYWNrZ3JvdW5kLmluYWN0aXZlIDogJ3RyYW5zcGFyZW50J307XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHQ6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdFx0cGFkZGluZzogM3B4IDZweDtcblx0fVxuYDtcclxuY29uc3QgQ3VzdG9tUmlnaHRTaWRlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXg6IDE7XG5cdGp1c3RpZnktY29udGVudDogZW5kO1xuYDtcclxuY29uc3QgRW1vamlDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IGNhbGMoMTAwJSArIDhweCk7XG5cdHotaW5kZXg6IDE7XG5gO1xyXG5leHBvcnQgdmFyIEVkaXRvckFjdGlvblR5cGVzO1xyXG4oZnVuY3Rpb24gKEVkaXRvckFjdGlvblR5cGVzKSB7XHJcbiAgICBFZGl0b3JBY3Rpb25UeXBlc1tcIkJPTERcIl0gPSBcIkJPTERcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiSVRBTElDXCJdID0gXCJJVEFMSUNcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiU1RSSUtFVEhST1VHSFwiXSA9IFwiU1RSSUtFVEhST1VHSFwiO1xyXG4gICAgRWRpdG9yQWN0aW9uVHlwZXNbXCJFTU9KSVwiXSA9IFwiRU1PSklcIjtcclxufSkoRWRpdG9yQWN0aW9uVHlwZXMgfHwgKEVkaXRvckFjdGlvblR5cGVzID0ge30pKTtcclxuZXhwb3J0IGNvbnN0IFdoYXRzQXBwVGV4dEVkaXRvckhlYWRlciA9IFJlYWN0LmZvcndhcmRSZWYoKHsgb25BY3Rpb25TZWxlY3QsIFJpZ2h0Q29tcG9uZW50LCBvbkVtb2ppQ2xpY2ssIGFjdGlvbnMgfSwgcmVmKSA9PiB7XHJcbiAgICBjb25zdCBlbW9qaVBpY2tlclJlZiA9IHVzZVJlZihudWxsKTtcclxuICAgIGNvbnN0IFthY3RpdmUsIHNldEFjdGl2ZV0gPSB1c2VTdGF0ZSh7XHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLkJPTERdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDXTogZmFsc2UsXHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLlNUUklLRVRIUk9VR0hdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkldOiBmYWxzZSxcclxuICAgIH0pO1xyXG4gICAgY29uc3QgY2xvc2VFbW9qaVBpY2tlciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcclxuICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgcHJldiksIHsgW0VkaXRvckFjdGlvblR5cGVzLkVNT0pJXTogZmFsc2UgfSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9LCBbYWN0aXZlXSk7XHJcbiAgICB1c2VPdXRzaWRlKGVtb2ppUGlja2VyUmVmLCAoKSA9PiB7XHJcbiAgICAgICAgY2xvc2VFbW9qaVBpY2tlcigpO1xyXG4gICAgfSk7XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVDbGljayhlLCB0eXBlKSB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIChfYSA9IGUucHJldmVudERlZmF1bHQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKGUpO1xyXG4gICAgICAgIGlmICh0eXBlID09PSBFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkge1xyXG4gICAgICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIHByZXYpLCB7IFtFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSV06ICFhY3RpdmUuRU1PSkkgfSk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgICBvbkFjdGlvblNlbGVjdCh0eXBlKTtcclxuICAgIH1cclxuICAgIGlmICghKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5sZW5ndGgpICYmICFSaWdodENvbXBvbmVudClcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIHJldHVybiAoX2pzeHMoQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBbKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5pbmNsdWRlcyhFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkpICYmIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFRvb2x0aXAsIE9iamVjdC5hc3NpZ24oeyBib2R5OiAnRW1vamknLCBwbGFjZW1lbnQ6IFwiYm90dG9tXCIgfSwgeyBjaGlsZHJlbjogX2pzeChCdXR0b25Ib2xkZXIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LCBhY3RpdmU6ICEhYWN0aXZlLkVNT0pJLCBvbkNsaWNrOiAoZSkgPT4gaGFuZGxlQ2xpY2soZSwgRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkkpIH0sIHsgY2hpbGRyZW46IF9qc3goRW1vamlJY29uLCB7IHdpZHRoOiAxNiwgaGVpZ2h0OiAxNiwgY29sb3I6IGdldEljb25Db2xvcihhY3RpdmUuRU1PSkkpIH0pIH0pKSB9KSksIGFjdGl2ZS5FTU9KSSAmJiAoX2pzeChFbW9qaUNvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHJlZjogZW1vamlQaWNrZXJSZWYgfSwgeyBjaGlsZHJlbjogX2pzeChFbW9qaVBpY2tlciwgeyBvbkVtb2ppQ2xpY2s6IChkYXRhKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2VFbW9qaVBpY2tlcigpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uRW1vamlDbGljayA9PT0gbnVsbCB8fCBvbkVtb2ppQ2xpY2sgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uRW1vamlDbGljayhkYXRhLmVtb2ppKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSkgfSkpKV0gfSkpLCAoYWN0aW9ucyA9PT0gbnVsbCB8fCBhY3Rpb25zID09PSB2b2lkIDAgPyB2b2lkIDAgOiBhY3Rpb25zLmluY2x1ZGVzKEVkaXRvckFjdGlvblR5cGVzLkJPTEQpKSAmJiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChDdXN0b21SaWdodEJvcmRlciwge30pLCBfanN4KFRvb2x0aXAsIE9iamVjdC5hc3NpZ24oeyBib2R5OiAnQm9sZCcsIHBsYWNlbWVudDogXCJib3R0b21cIiB9LCB7IGNoaWxkcmVuOiBfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IGFjdGl2ZTogISFhY3RpdmUuQk9MRCwgb25DbGljazogKGUpID0+IGhhbmRsZUNsaWNrKGUsIEVkaXRvckFjdGlvblR5cGVzLkJPTEQpIH0sIHsgY2hpbGRyZW46IF9qc3goQm9sZEljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogZ2V0SWNvbkNvbG9yKGFjdGl2ZS5CT0xEKSB9KSB9KSkgfSkpXSB9KSksIChhY3Rpb25zID09PSBudWxsIHx8IGFjdGlvbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGFjdGlvbnMuaW5jbHVkZXMoRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDKSkgJiYgKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goQ3VzdG9tUmlnaHRCb3JkZXIsIHt9KSwgX2pzeChUb29sdGlwLCBPYmplY3QuYXNzaWduKHsgYm9keTogJ0l0YWxpY3MnLCBwbGFjZW1lbnQ6IFwiYm90dG9tXCIgfSwgeyBjaGlsZHJlbjogX2pzeChCdXR0b25Ib2xkZXIsIE9iamVjdC5hc3NpZ24oeyBvbkNsaWNrOiAoZSkgPT4gaGFuZGxlQ2xpY2soZSwgRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDKSwgYWN0aXZlOiAhIWFjdGl2ZS5JVEFMSUMgfSwgeyBjaGlsZHJlbjogX2pzeChJdGFsaWNJY29uLCB7IHdpZHRoOiA5LCBoZWlnaHQ6IDE2LCBjb2xvcjogZ2V0SWNvbkNvbG9yKGFjdGl2ZS5JVEFMSUMpIH0pIH0pKSB9KSldIH0pKSwgKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5pbmNsdWRlcyhFZGl0b3JBY3Rpb25UeXBlcy5TVFJJS0VUSFJPVUdIKSkgJiYgKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goQ3VzdG9tUmlnaHRCb3JkZXIsIHt9KSwgX2pzeChUb29sdGlwLCBPYmplY3QuYXNzaWduKHsgYm9keTogJ1N0cmlrZXRocm91Z2gnLCBwbGFjZW1lbnQ6IFwiYm90dG9tXCIgfSwgeyBjaGlsZHJlbjogX2pzeChCdXR0b25Ib2xkZXIsIE9iamVjdC5hc3NpZ24oeyBhY3RpdmU6ICEhYWN0aXZlLlNUUklLRVRIUk9VR0gsIHN0eWxlOiB7IGJvcmRlclJpZ2h0OiAwIH0sIG9uQ2xpY2s6IChlKSA9PiBoYW5kbGVDbGljayhlLCBFZGl0b3JBY3Rpb25UeXBlcy5TVFJJS0VUSFJPVUdIKSB9LCB7IGNoaWxkcmVuOiBfanN4KFN0cmlrZVRocm91Z2hJY29uLCB7IHdpZHRoOiAxMiwgaGVpZ2h0OiAxOCwgY29sb3I6IGdldEljb25Db2xvcihhY3RpdmUuU1RSSUtFVEhST1VHSCkgfSkgfSkpIH0pKV0gfSkpLCBfanN4KEN1c3RvbVJpZ2h0U2lkZUNvbnRhaW5lciwgeyBjaGlsZHJlbjogUmlnaHRDb21wb25lbnQgJiYgX2pzeChSaWdodENvbXBvbmVudCwge30pIH0pXSB9KSk7XHJcbn0pO1xyXG5XaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIuZGlzcGxheU5hbWUgPSAnV2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyJztcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9V2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyLmpzLm1hcCJdfQ== */",toString:R}),S=I("div","production"===process.env.NODE_ENV?{target:"e116kvwg2"}:{target:"e116kvwg2",label:"ButtonHolder"})("padding:2px 6px;background:",(I=>I.active?X.background.inactive:"transparent"),";border-radius:4px;cursor:pointer;display:flex;:hover{background-color:rgba(0, 0, 0, 0.03);padding:3px 6px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIldoYXRzQXBwVGV4dEVkaXRvckhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NnQyIsImZpbGUiOiJXaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbi8vIGltcG9ydCBFbW9qaVBpY2tlciBmcm9tICdlbW9qaS1waWNrZXItcmVhY3QnO1xyXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IHVzZU91dHNpZGUgfSBmcm9tIFwiLi4vLi4vaG9va3MvdXNlT3V0c2lkZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCBCb2xkSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvYm9sZC5zdmcnO1xyXG5pbXBvcnQgRW1vamlJY29uIGZyb20gJy4uLy4uL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgSXRhbGljSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvaXRhbGljLnN2Zyc7XHJcbmltcG9ydCBTdHJpa2VUaHJvdWdoSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvc3RyaWtlVGhyb3VnaC5zdmcnO1xyXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vdG9vbHRpcHMvVG9vbHRpcCc7XHJcbmxldCBFbW9qaVBpY2tlciA9ICgpID0+IF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbmlmICh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJykge1xyXG4gICAgaW1wb3J0KCdlbW9qaS1waWNrZXItcmVhY3QnKS50aGVuKChfbW9kdWxlKSA9PiB7XHJcbiAgICAgICAgRW1vamlQaWNrZXIgPSBfbW9kdWxlLmRlZmF1bHQ7XHJcbiAgICB9KTtcclxufVxyXG5jb25zdCBnZXRJY29uQ29sb3IgPSAoaXNBY3RpdmUpID0+IHtcclxuICAgIGlmIChpc0FjdGl2ZSlcclxuICAgICAgICByZXR1cm4gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0O1xyXG4gICAgcmV0dXJuIENPTE9SUy5jb250ZW50LnBsYWNlaG9sZGVyO1xyXG59O1xyXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0cGFkZGluZzogOHB4IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1yYWRpdXM6IDRweCA0cHggMHB4IDBweDtcblx0Z2FwOiA2cHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDdXN0b21SaWdodEJvcmRlciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMnB4O1xuXHRoZWlnaHQ6IDEycHg7XG5cdGJhY2tncm91bmQ6ICNlMGUwZTA7XG5gO1xyXG5jb25zdCBCdXR0b25Ib2xkZXIgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZzogMnB4IDZweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmFjdGl2ZSA/IENPTE9SUy5iYWNrZ3JvdW5kLmluYWN0aXZlIDogJ3RyYW5zcGFyZW50J307XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHQ6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdFx0cGFkZGluZzogM3B4IDZweDtcblx0fVxuYDtcclxuY29uc3QgQ3VzdG9tUmlnaHRTaWRlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXg6IDE7XG5cdGp1c3RpZnktY29udGVudDogZW5kO1xuYDtcclxuY29uc3QgRW1vamlDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IGNhbGMoMTAwJSArIDhweCk7XG5cdHotaW5kZXg6IDE7XG5gO1xyXG5leHBvcnQgdmFyIEVkaXRvckFjdGlvblR5cGVzO1xyXG4oZnVuY3Rpb24gKEVkaXRvckFjdGlvblR5cGVzKSB7XHJcbiAgICBFZGl0b3JBY3Rpb25UeXBlc1tcIkJPTERcIl0gPSBcIkJPTERcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiSVRBTElDXCJdID0gXCJJVEFMSUNcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiU1RSSUtFVEhST1VHSFwiXSA9IFwiU1RSSUtFVEhST1VHSFwiO1xyXG4gICAgRWRpdG9yQWN0aW9uVHlwZXNbXCJFTU9KSVwiXSA9IFwiRU1PSklcIjtcclxufSkoRWRpdG9yQWN0aW9uVHlwZXMgfHwgKEVkaXRvckFjdGlvblR5cGVzID0ge30pKTtcclxuZXhwb3J0IGNvbnN0IFdoYXRzQXBwVGV4dEVkaXRvckhlYWRlciA9IFJlYWN0LmZvcndhcmRSZWYoKHsgb25BY3Rpb25TZWxlY3QsIFJpZ2h0Q29tcG9uZW50LCBvbkVtb2ppQ2xpY2ssIGFjdGlvbnMgfSwgcmVmKSA9PiB7XHJcbiAgICBjb25zdCBlbW9qaVBpY2tlclJlZiA9IHVzZVJlZihudWxsKTtcclxuICAgIGNvbnN0IFthY3RpdmUsIHNldEFjdGl2ZV0gPSB1c2VTdGF0ZSh7XHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLkJPTERdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDXTogZmFsc2UsXHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLlNUUklLRVRIUk9VR0hdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkldOiBmYWxzZSxcclxuICAgIH0pO1xyXG4gICAgY29uc3QgY2xvc2VFbW9qaVBpY2tlciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcclxuICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgcHJldiksIHsgW0VkaXRvckFjdGlvblR5cGVzLkVNT0pJXTogZmFsc2UgfSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9LCBbYWN0aXZlXSk7XHJcbiAgICB1c2VPdXRzaWRlKGVtb2ppUGlja2VyUmVmLCAoKSA9PiB7XHJcbiAgICAgICAgY2xvc2VFbW9qaVBpY2tlcigpO1xyXG4gICAgfSk7XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVDbGljayhlLCB0eXBlKSB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIChfYSA9IGUucHJldmVudERlZmF1bHQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKGUpO1xyXG4gICAgICAgIGlmICh0eXBlID09PSBFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkge1xyXG4gICAgICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIHByZXYpLCB7IFtFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSV06ICFhY3RpdmUuRU1PSkkgfSk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgICBvbkFjdGlvblNlbGVjdCh0eXBlKTtcclxuICAgIH1cclxuICAgIGlmICghKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5sZW5ndGgpICYmICFSaWdodENvbXBvbmVudClcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIHJldHVybiAoX2pzeHMoQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBbKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5pbmNsdWRlcyhFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkpICYmIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFRvb2x0aXAsIE9iamVjdC5hc3NpZ24oeyBib2R5OiAnRW1vamknLCBwbGFjZW1lbnQ6IFwiYm90dG9tXCIgfSwgeyBjaGlsZHJlbjogX2pzeChCdXR0b25Ib2xkZXIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LCBhY3RpdmU6ICEhYWN0aXZlLkVNT0pJLCBvbkNsaWNrOiAoZSkgPT4gaGFuZGxlQ2xpY2soZSwgRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkkpIH0sIHsgY2hpbGRyZW46IF9qc3goRW1vamlJY29uLCB7IHdpZHRoOiAxNiwgaGVpZ2h0OiAxNiwgY29sb3I6IGdldEljb25Db2xvcihhY3RpdmUuRU1PSkkpIH0pIH0pKSB9KSksIGFjdGl2ZS5FTU9KSSAmJiAoX2pzeChFbW9qaUNvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHJlZjogZW1vamlQaWNrZXJSZWYgfSwgeyBjaGlsZHJlbjogX2pzeChFbW9qaVBpY2tlciwgeyBvbkVtb2ppQ2xpY2s6IChkYXRhKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2VFbW9qaVBpY2tlcigpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uRW1vamlDbGljayA9PT0gbnVsbCB8fCBvbkVtb2ppQ2xpY2sgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uRW1vamlDbGljayhkYXRhLmVtb2ppKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSkgfSkpKV0gfSkpLCAoYWN0aW9ucyA9PT0gbnVsbCB8fCBhY3Rpb25zID09PSB2b2lkIDAgPyB2b2lkIDAgOiBhY3Rpb25zLmluY2x1ZGVzKEVkaXRvckFjdGlvblR5cGVzLkJPTEQpKSAmJiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChDdXN0b21SaWdodEJvcmRlciwge30pLCBfanN4KFRvb2x0aXAsIE9iamVjdC5hc3NpZ24oeyBib2R5OiAnQm9sZCcsIHBsYWNlbWVudDogXCJib3R0b21cIiB9LCB7IGNoaWxkcmVuOiBfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IGFjdGl2ZTogISFhY3RpdmUuQk9MRCwgb25DbGljazogKGUpID0+IGhhbmRsZUNsaWNrKGUsIEVkaXRvckFjdGlvblR5cGVzLkJPTEQpIH0sIHsgY2hpbGRyZW46IF9qc3goQm9sZEljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogZ2V0SWNvbkNvbG9yKGFjdGl2ZS5CT0xEKSB9KSB9KSkgfSkpXSB9KSksIChhY3Rpb25zID09PSBudWxsIHx8IGFjdGlvbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGFjdGlvbnMuaW5jbHVkZXMoRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDKSkgJiYgKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goQ3VzdG9tUmlnaHRCb3JkZXIsIHt9KSwgX2pzeChUb29sdGlwLCBPYmplY3QuYXNzaWduKHsgYm9keTogJ0l0YWxpY3MnLCBwbGFjZW1lbnQ6IFwiYm90dG9tXCIgfSwgeyBjaGlsZHJlbjogX2pzeChCdXR0b25Ib2xkZXIsIE9iamVjdC5hc3NpZ24oeyBvbkNsaWNrOiAoZSkgPT4gaGFuZGxlQ2xpY2soZSwgRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDKSwgYWN0aXZlOiAhIWFjdGl2ZS5JVEFMSUMgfSwgeyBjaGlsZHJlbjogX2pzeChJdGFsaWNJY29uLCB7IHdpZHRoOiA5LCBoZWlnaHQ6IDE2LCBjb2xvcjogZ2V0SWNvbkNvbG9yKGFjdGl2ZS5JVEFMSUMpIH0pIH0pKSB9KSldIH0pKSwgKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5pbmNsdWRlcyhFZGl0b3JBY3Rpb25UeXBlcy5TVFJJS0VUSFJPVUdIKSkgJiYgKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goQ3VzdG9tUmlnaHRCb3JkZXIsIHt9KSwgX2pzeChUb29sdGlwLCBPYmplY3QuYXNzaWduKHsgYm9keTogJ1N0cmlrZXRocm91Z2gnLCBwbGFjZW1lbnQ6IFwiYm90dG9tXCIgfSwgeyBjaGlsZHJlbjogX2pzeChCdXR0b25Ib2xkZXIsIE9iamVjdC5hc3NpZ24oeyBhY3RpdmU6ICEhYWN0aXZlLlNUUklLRVRIUk9VR0gsIHN0eWxlOiB7IGJvcmRlclJpZ2h0OiAwIH0sIG9uQ2xpY2s6IChlKSA9PiBoYW5kbGVDbGljayhlLCBFZGl0b3JBY3Rpb25UeXBlcy5TVFJJS0VUSFJPVUdIKSB9LCB7IGNoaWxkcmVuOiBfanN4KFN0cmlrZVRocm91Z2hJY29uLCB7IHdpZHRoOiAxMiwgaGVpZ2h0OiAxOCwgY29sb3I6IGdldEljb25Db2xvcihhY3RpdmUuU1RSSUtFVEhST1VHSCkgfSkgfSkpIH0pKV0gfSkpLCBfanN4KEN1c3RvbVJpZ2h0U2lkZUNvbnRhaW5lciwgeyBjaGlsZHJlbjogUmlnaHRDb21wb25lbnQgJiYgX2pzeChSaWdodENvbXBvbmVudCwge30pIH0pXSB9KSk7XHJcbn0pO1xyXG5XaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIuZGlzcGxheU5hbWUgPSAnV2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyJztcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9V2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyLmpzLm1hcCJdfQ== */")),Y=I("div","production"===process.env.NODE_ENV?{target:"e116kvwg1"}:{target:"e116kvwg1",label:"CustomRightSideContainer"})("production"===process.env.NODE_ENV?{name:"1cv83s4",styles:"display:flex;flex-direction:row;flex:1;justify-content:end"}:{name:"1cv83s4",styles:"display:flex;flex-direction:row;flex:1;justify-content:end",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIldoYXRzQXBwVGV4dEVkaXRvckhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUQ0QyIsImZpbGUiOiJXaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbi8vIGltcG9ydCBFbW9qaVBpY2tlciBmcm9tICdlbW9qaS1waWNrZXItcmVhY3QnO1xyXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IHVzZU91dHNpZGUgfSBmcm9tIFwiLi4vLi4vaG9va3MvdXNlT3V0c2lkZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCBCb2xkSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvYm9sZC5zdmcnO1xyXG5pbXBvcnQgRW1vamlJY29uIGZyb20gJy4uLy4uL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgSXRhbGljSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvaXRhbGljLnN2Zyc7XHJcbmltcG9ydCBTdHJpa2VUaHJvdWdoSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvc3RyaWtlVGhyb3VnaC5zdmcnO1xyXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vdG9vbHRpcHMvVG9vbHRpcCc7XHJcbmxldCBFbW9qaVBpY2tlciA9ICgpID0+IF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbmlmICh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJykge1xyXG4gICAgaW1wb3J0KCdlbW9qaS1waWNrZXItcmVhY3QnKS50aGVuKChfbW9kdWxlKSA9PiB7XHJcbiAgICAgICAgRW1vamlQaWNrZXIgPSBfbW9kdWxlLmRlZmF1bHQ7XHJcbiAgICB9KTtcclxufVxyXG5jb25zdCBnZXRJY29uQ29sb3IgPSAoaXNBY3RpdmUpID0+IHtcclxuICAgIGlmIChpc0FjdGl2ZSlcclxuICAgICAgICByZXR1cm4gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0O1xyXG4gICAgcmV0dXJuIENPTE9SUy5jb250ZW50LnBsYWNlaG9sZGVyO1xyXG59O1xyXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0cGFkZGluZzogOHB4IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1yYWRpdXM6IDRweCA0cHggMHB4IDBweDtcblx0Z2FwOiA2cHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDdXN0b21SaWdodEJvcmRlciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMnB4O1xuXHRoZWlnaHQ6IDEycHg7XG5cdGJhY2tncm91bmQ6ICNlMGUwZTA7XG5gO1xyXG5jb25zdCBCdXR0b25Ib2xkZXIgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZzogMnB4IDZweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmFjdGl2ZSA/IENPTE9SUy5iYWNrZ3JvdW5kLmluYWN0aXZlIDogJ3RyYW5zcGFyZW50J307XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHQ6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdFx0cGFkZGluZzogM3B4IDZweDtcblx0fVxuYDtcclxuY29uc3QgQ3VzdG9tUmlnaHRTaWRlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXg6IDE7XG5cdGp1c3RpZnktY29udGVudDogZW5kO1xuYDtcclxuY29uc3QgRW1vamlDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IGNhbGMoMTAwJSArIDhweCk7XG5cdHotaW5kZXg6IDE7XG5gO1xyXG5leHBvcnQgdmFyIEVkaXRvckFjdGlvblR5cGVzO1xyXG4oZnVuY3Rpb24gKEVkaXRvckFjdGlvblR5cGVzKSB7XHJcbiAgICBFZGl0b3JBY3Rpb25UeXBlc1tcIkJPTERcIl0gPSBcIkJPTERcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiSVRBTElDXCJdID0gXCJJVEFMSUNcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiU1RSSUtFVEhST1VHSFwiXSA9IFwiU1RSSUtFVEhST1VHSFwiO1xyXG4gICAgRWRpdG9yQWN0aW9uVHlwZXNbXCJFTU9KSVwiXSA9IFwiRU1PSklcIjtcclxufSkoRWRpdG9yQWN0aW9uVHlwZXMgfHwgKEVkaXRvckFjdGlvblR5cGVzID0ge30pKTtcclxuZXhwb3J0IGNvbnN0IFdoYXRzQXBwVGV4dEVkaXRvckhlYWRlciA9IFJlYWN0LmZvcndhcmRSZWYoKHsgb25BY3Rpb25TZWxlY3QsIFJpZ2h0Q29tcG9uZW50LCBvbkVtb2ppQ2xpY2ssIGFjdGlvbnMgfSwgcmVmKSA9PiB7XHJcbiAgICBjb25zdCBlbW9qaVBpY2tlclJlZiA9IHVzZVJlZihudWxsKTtcclxuICAgIGNvbnN0IFthY3RpdmUsIHNldEFjdGl2ZV0gPSB1c2VTdGF0ZSh7XHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLkJPTERdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDXTogZmFsc2UsXHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLlNUUklLRVRIUk9VR0hdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkldOiBmYWxzZSxcclxuICAgIH0pO1xyXG4gICAgY29uc3QgY2xvc2VFbW9qaVBpY2tlciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcclxuICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgcHJldiksIHsgW0VkaXRvckFjdGlvblR5cGVzLkVNT0pJXTogZmFsc2UgfSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9LCBbYWN0aXZlXSk7XHJcbiAgICB1c2VPdXRzaWRlKGVtb2ppUGlja2VyUmVmLCAoKSA9PiB7XHJcbiAgICAgICAgY2xvc2VFbW9qaVBpY2tlcigpO1xyXG4gICAgfSk7XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVDbGljayhlLCB0eXBlKSB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIChfYSA9IGUucHJldmVudERlZmF1bHQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKGUpO1xyXG4gICAgICAgIGlmICh0eXBlID09PSBFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkge1xyXG4gICAgICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIHByZXYpLCB7IFtFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSV06ICFhY3RpdmUuRU1PSkkgfSk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgICBvbkFjdGlvblNlbGVjdCh0eXBlKTtcclxuICAgIH1cclxuICAgIGlmICghKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5sZW5ndGgpICYmICFSaWdodENvbXBvbmVudClcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIHJldHVybiAoX2pzeHMoQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBbKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5pbmNsdWRlcyhFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkpICYmIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFRvb2x0aXAsIE9iamVjdC5hc3NpZ24oeyBib2R5OiAnRW1vamknLCBwbGFjZW1lbnQ6IFwiYm90dG9tXCIgfSwgeyBjaGlsZHJlbjogX2pzeChCdXR0b25Ib2xkZXIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LCBhY3RpdmU6ICEhYWN0aXZlLkVNT0pJLCBvbkNsaWNrOiAoZSkgPT4gaGFuZGxlQ2xpY2soZSwgRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkkpIH0sIHsgY2hpbGRyZW46IF9qc3goRW1vamlJY29uLCB7IHdpZHRoOiAxNiwgaGVpZ2h0OiAxNiwgY29sb3I6IGdldEljb25Db2xvcihhY3RpdmUuRU1PSkkpIH0pIH0pKSB9KSksIGFjdGl2ZS5FTU9KSSAmJiAoX2pzeChFbW9qaUNvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHJlZjogZW1vamlQaWNrZXJSZWYgfSwgeyBjaGlsZHJlbjogX2pzeChFbW9qaVBpY2tlciwgeyBvbkVtb2ppQ2xpY2s6IChkYXRhKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2VFbW9qaVBpY2tlcigpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uRW1vamlDbGljayA9PT0gbnVsbCB8fCBvbkVtb2ppQ2xpY2sgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uRW1vamlDbGljayhkYXRhLmVtb2ppKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSkgfSkpKV0gfSkpLCAoYWN0aW9ucyA9PT0gbnVsbCB8fCBhY3Rpb25zID09PSB2b2lkIDAgPyB2b2lkIDAgOiBhY3Rpb25zLmluY2x1ZGVzKEVkaXRvckFjdGlvblR5cGVzLkJPTEQpKSAmJiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChDdXN0b21SaWdodEJvcmRlciwge30pLCBfanN4KFRvb2x0aXAsIE9iamVjdC5hc3NpZ24oeyBib2R5OiAnQm9sZCcsIHBsYWNlbWVudDogXCJib3R0b21cIiB9LCB7IGNoaWxkcmVuOiBfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IGFjdGl2ZTogISFhY3RpdmUuQk9MRCwgb25DbGljazogKGUpID0+IGhhbmRsZUNsaWNrKGUsIEVkaXRvckFjdGlvblR5cGVzLkJPTEQpIH0sIHsgY2hpbGRyZW46IF9qc3goQm9sZEljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogZ2V0SWNvbkNvbG9yKGFjdGl2ZS5CT0xEKSB9KSB9KSkgfSkpXSB9KSksIChhY3Rpb25zID09PSBudWxsIHx8IGFjdGlvbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGFjdGlvbnMuaW5jbHVkZXMoRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDKSkgJiYgKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goQ3VzdG9tUmlnaHRCb3JkZXIsIHt9KSwgX2pzeChUb29sdGlwLCBPYmplY3QuYXNzaWduKHsgYm9keTogJ0l0YWxpY3MnLCBwbGFjZW1lbnQ6IFwiYm90dG9tXCIgfSwgeyBjaGlsZHJlbjogX2pzeChCdXR0b25Ib2xkZXIsIE9iamVjdC5hc3NpZ24oeyBvbkNsaWNrOiAoZSkgPT4gaGFuZGxlQ2xpY2soZSwgRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDKSwgYWN0aXZlOiAhIWFjdGl2ZS5JVEFMSUMgfSwgeyBjaGlsZHJlbjogX2pzeChJdGFsaWNJY29uLCB7IHdpZHRoOiA5LCBoZWlnaHQ6IDE2LCBjb2xvcjogZ2V0SWNvbkNvbG9yKGFjdGl2ZS5JVEFMSUMpIH0pIH0pKSB9KSldIH0pKSwgKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5pbmNsdWRlcyhFZGl0b3JBY3Rpb25UeXBlcy5TVFJJS0VUSFJPVUdIKSkgJiYgKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goQ3VzdG9tUmlnaHRCb3JkZXIsIHt9KSwgX2pzeChUb29sdGlwLCBPYmplY3QuYXNzaWduKHsgYm9keTogJ1N0cmlrZXRocm91Z2gnLCBwbGFjZW1lbnQ6IFwiYm90dG9tXCIgfSwgeyBjaGlsZHJlbjogX2pzeChCdXR0b25Ib2xkZXIsIE9iamVjdC5hc3NpZ24oeyBhY3RpdmU6ICEhYWN0aXZlLlNUUklLRVRIUk9VR0gsIHN0eWxlOiB7IGJvcmRlclJpZ2h0OiAwIH0sIG9uQ2xpY2s6IChlKSA9PiBoYW5kbGVDbGljayhlLCBFZGl0b3JBY3Rpb25UeXBlcy5TVFJJS0VUSFJPVUdIKSB9LCB7IGNoaWxkcmVuOiBfanN4KFN0cmlrZVRocm91Z2hJY29uLCB7IHdpZHRoOiAxMiwgaGVpZ2h0OiAxOCwgY29sb3I6IGdldEljb25Db2xvcihhY3RpdmUuU1RSSUtFVEhST1VHSCkgfSkgfSkpIH0pKV0gfSkpLCBfanN4KEN1c3RvbVJpZ2h0U2lkZUNvbnRhaW5lciwgeyBjaGlsZHJlbjogUmlnaHRDb21wb25lbnQgJiYgX2pzeChSaWdodENvbXBvbmVudCwge30pIH0pXSB9KSk7XHJcbn0pO1xyXG5XaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIuZGlzcGxheU5hbWUgPSAnV2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyJztcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9V2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyLmpzLm1hcCJdfQ== */",toString:R}),u=I("div","production"===process.env.NODE_ENV?{target:"e116kvwg0"}:{target:"e116kvwg0",label:"EmojiContainer"})("production"===process.env.NODE_ENV?{name:"1awge4d",styles:"position:absolute;top:calc(100% + 8px);z-index:1"}:{name:"1awge4d",styles:"position:absolute;top:calc(100% + 8px);z-index:1",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIldoYXRzQXBwVGV4dEVkaXRvckhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURrQyIsImZpbGUiOiJXaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbi8vIGltcG9ydCBFbW9qaVBpY2tlciBmcm9tICdlbW9qaS1waWNrZXItcmVhY3QnO1xyXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IHVzZU91dHNpZGUgfSBmcm9tIFwiLi4vLi4vaG9va3MvdXNlT3V0c2lkZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCBCb2xkSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvYm9sZC5zdmcnO1xyXG5pbXBvcnQgRW1vamlJY29uIGZyb20gJy4uLy4uL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgSXRhbGljSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvaXRhbGljLnN2Zyc7XHJcbmltcG9ydCBTdHJpa2VUaHJvdWdoSWNvbiBmcm9tICcuLi8uLi9hc3NldHMvaWNvbnMvc3RyaWtlVGhyb3VnaC5zdmcnO1xyXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vdG9vbHRpcHMvVG9vbHRpcCc7XHJcbmxldCBFbW9qaVBpY2tlciA9ICgpID0+IF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbmlmICh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJykge1xyXG4gICAgaW1wb3J0KCdlbW9qaS1waWNrZXItcmVhY3QnKS50aGVuKChfbW9kdWxlKSA9PiB7XHJcbiAgICAgICAgRW1vamlQaWNrZXIgPSBfbW9kdWxlLmRlZmF1bHQ7XHJcbiAgICB9KTtcclxufVxyXG5jb25zdCBnZXRJY29uQ29sb3IgPSAoaXNBY3RpdmUpID0+IHtcclxuICAgIGlmIChpc0FjdGl2ZSlcclxuICAgICAgICByZXR1cm4gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0O1xyXG4gICAgcmV0dXJuIENPTE9SUy5jb250ZW50LnBsYWNlaG9sZGVyO1xyXG59O1xyXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0cGFkZGluZzogOHB4IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1yYWRpdXM6IDRweCA0cHggMHB4IDBweDtcblx0Z2FwOiA2cHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XHJcbmV4cG9ydCBjb25zdCBDdXN0b21SaWdodEJvcmRlciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMnB4O1xuXHRoZWlnaHQ6IDEycHg7XG5cdGJhY2tncm91bmQ6ICNlMGUwZTA7XG5gO1xyXG5jb25zdCBCdXR0b25Ib2xkZXIgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZzogMnB4IDZweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmFjdGl2ZSA/IENPTE9SUy5iYWNrZ3JvdW5kLmluYWN0aXZlIDogJ3RyYW5zcGFyZW50J307XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHQ6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdFx0cGFkZGluZzogM3B4IDZweDtcblx0fVxuYDtcclxuY29uc3QgQ3VzdG9tUmlnaHRTaWRlQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXg6IDE7XG5cdGp1c3RpZnktY29udGVudDogZW5kO1xuYDtcclxuY29uc3QgRW1vamlDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IGNhbGMoMTAwJSArIDhweCk7XG5cdHotaW5kZXg6IDE7XG5gO1xyXG5leHBvcnQgdmFyIEVkaXRvckFjdGlvblR5cGVzO1xyXG4oZnVuY3Rpb24gKEVkaXRvckFjdGlvblR5cGVzKSB7XHJcbiAgICBFZGl0b3JBY3Rpb25UeXBlc1tcIkJPTERcIl0gPSBcIkJPTERcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiSVRBTElDXCJdID0gXCJJVEFMSUNcIjtcclxuICAgIEVkaXRvckFjdGlvblR5cGVzW1wiU1RSSUtFVEhST1VHSFwiXSA9IFwiU1RSSUtFVEhST1VHSFwiO1xyXG4gICAgRWRpdG9yQWN0aW9uVHlwZXNbXCJFTU9KSVwiXSA9IFwiRU1PSklcIjtcclxufSkoRWRpdG9yQWN0aW9uVHlwZXMgfHwgKEVkaXRvckFjdGlvblR5cGVzID0ge30pKTtcclxuZXhwb3J0IGNvbnN0IFdoYXRzQXBwVGV4dEVkaXRvckhlYWRlciA9IFJlYWN0LmZvcndhcmRSZWYoKHsgb25BY3Rpb25TZWxlY3QsIFJpZ2h0Q29tcG9uZW50LCBvbkVtb2ppQ2xpY2ssIGFjdGlvbnMgfSwgcmVmKSA9PiB7XHJcbiAgICBjb25zdCBlbW9qaVBpY2tlclJlZiA9IHVzZVJlZihudWxsKTtcclxuICAgIGNvbnN0IFthY3RpdmUsIHNldEFjdGl2ZV0gPSB1c2VTdGF0ZSh7XHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLkJPTERdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDXTogZmFsc2UsXHJcbiAgICAgICAgW0VkaXRvckFjdGlvblR5cGVzLlNUUklLRVRIUk9VR0hdOiBmYWxzZSxcclxuICAgICAgICBbRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkldOiBmYWxzZSxcclxuICAgIH0pO1xyXG4gICAgY29uc3QgY2xvc2VFbW9qaVBpY2tlciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcclxuICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgcmV0dXJuIE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgcHJldiksIHsgW0VkaXRvckFjdGlvblR5cGVzLkVNT0pJXTogZmFsc2UgfSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9LCBbYWN0aXZlXSk7XHJcbiAgICB1c2VPdXRzaWRlKGVtb2ppUGlja2VyUmVmLCAoKSA9PiB7XHJcbiAgICAgICAgY2xvc2VFbW9qaVBpY2tlcigpO1xyXG4gICAgfSk7XHJcbiAgICBmdW5jdGlvbiBoYW5kbGVDbGljayhlLCB0eXBlKSB7XHJcbiAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgIChfYSA9IGUucHJldmVudERlZmF1bHQpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKGUpO1xyXG4gICAgICAgIGlmICh0eXBlID09PSBFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkge1xyXG4gICAgICAgICAgICBzZXRBY3RpdmUoKHByZXYpID0+IHtcclxuICAgICAgICAgICAgICAgIHJldHVybiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIHByZXYpLCB7IFtFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSV06ICFhY3RpdmUuRU1PSkkgfSk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgICBvbkFjdGlvblNlbGVjdCh0eXBlKTtcclxuICAgIH1cclxuICAgIGlmICghKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5sZW5ndGgpICYmICFSaWdodENvbXBvbmVudClcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIHJldHVybiAoX2pzeHMoQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBbKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5pbmNsdWRlcyhFZGl0b3JBY3Rpb25UeXBlcy5FTU9KSSkpICYmIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFRvb2x0aXAsIE9iamVjdC5hc3NpZ24oeyBib2R5OiAnRW1vamknLCBwbGFjZW1lbnQ6IFwiYm90dG9tXCIgfSwgeyBjaGlsZHJlbjogX2pzeChCdXR0b25Ib2xkZXIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LCBhY3RpdmU6ICEhYWN0aXZlLkVNT0pJLCBvbkNsaWNrOiAoZSkgPT4gaGFuZGxlQ2xpY2soZSwgRWRpdG9yQWN0aW9uVHlwZXMuRU1PSkkpIH0sIHsgY2hpbGRyZW46IF9qc3goRW1vamlJY29uLCB7IHdpZHRoOiAxNiwgaGVpZ2h0OiAxNiwgY29sb3I6IGdldEljb25Db2xvcihhY3RpdmUuRU1PSkkpIH0pIH0pKSB9KSksIGFjdGl2ZS5FTU9KSSAmJiAoX2pzeChFbW9qaUNvbnRhaW5lciwgT2JqZWN0LmFzc2lnbih7IHJlZjogZW1vamlQaWNrZXJSZWYgfSwgeyBjaGlsZHJlbjogX2pzeChFbW9qaVBpY2tlciwgeyBvbkVtb2ppQ2xpY2s6IChkYXRhKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2VFbW9qaVBpY2tlcigpO1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uRW1vamlDbGljayA9PT0gbnVsbCB8fCBvbkVtb2ppQ2xpY2sgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uRW1vamlDbGljayhkYXRhLmVtb2ppKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSkgfSkpKV0gfSkpLCAoYWN0aW9ucyA9PT0gbnVsbCB8fCBhY3Rpb25zID09PSB2b2lkIDAgPyB2b2lkIDAgOiBhY3Rpb25zLmluY2x1ZGVzKEVkaXRvckFjdGlvblR5cGVzLkJPTEQpKSAmJiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChDdXN0b21SaWdodEJvcmRlciwge30pLCBfanN4KFRvb2x0aXAsIE9iamVjdC5hc3NpZ24oeyBib2R5OiAnQm9sZCcsIHBsYWNlbWVudDogXCJib3R0b21cIiB9LCB7IGNoaWxkcmVuOiBfanN4KEJ1dHRvbkhvbGRlciwgT2JqZWN0LmFzc2lnbih7IGFjdGl2ZTogISFhY3RpdmUuQk9MRCwgb25DbGljazogKGUpID0+IGhhbmRsZUNsaWNrKGUsIEVkaXRvckFjdGlvblR5cGVzLkJPTEQpIH0sIHsgY2hpbGRyZW46IF9qc3goQm9sZEljb24sIHsgd2lkdGg6IDEwLCBoZWlnaHQ6IDE3LCBjb2xvcjogZ2V0SWNvbkNvbG9yKGFjdGl2ZS5CT0xEKSB9KSB9KSkgfSkpXSB9KSksIChhY3Rpb25zID09PSBudWxsIHx8IGFjdGlvbnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGFjdGlvbnMuaW5jbHVkZXMoRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDKSkgJiYgKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goQ3VzdG9tUmlnaHRCb3JkZXIsIHt9KSwgX2pzeChUb29sdGlwLCBPYmplY3QuYXNzaWduKHsgYm9keTogJ0l0YWxpY3MnLCBwbGFjZW1lbnQ6IFwiYm90dG9tXCIgfSwgeyBjaGlsZHJlbjogX2pzeChCdXR0b25Ib2xkZXIsIE9iamVjdC5hc3NpZ24oeyBvbkNsaWNrOiAoZSkgPT4gaGFuZGxlQ2xpY2soZSwgRWRpdG9yQWN0aW9uVHlwZXMuSVRBTElDKSwgYWN0aXZlOiAhIWFjdGl2ZS5JVEFMSUMgfSwgeyBjaGlsZHJlbjogX2pzeChJdGFsaWNJY29uLCB7IHdpZHRoOiA5LCBoZWlnaHQ6IDE2LCBjb2xvcjogZ2V0SWNvbkNvbG9yKGFjdGl2ZS5JVEFMSUMpIH0pIH0pKSB9KSldIH0pKSwgKGFjdGlvbnMgPT09IG51bGwgfHwgYWN0aW9ucyA9PT0gdm9pZCAwID8gdm9pZCAwIDogYWN0aW9ucy5pbmNsdWRlcyhFZGl0b3JBY3Rpb25UeXBlcy5TVFJJS0VUSFJPVUdIKSkgJiYgKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goQ3VzdG9tUmlnaHRCb3JkZXIsIHt9KSwgX2pzeChUb29sdGlwLCBPYmplY3QuYXNzaWduKHsgYm9keTogJ1N0cmlrZXRocm91Z2gnLCBwbGFjZW1lbnQ6IFwiYm90dG9tXCIgfSwgeyBjaGlsZHJlbjogX2pzeChCdXR0b25Ib2xkZXIsIE9iamVjdC5hc3NpZ24oeyBhY3RpdmU6ICEhYWN0aXZlLlNUUklLRVRIUk9VR0gsIHN0eWxlOiB7IGJvcmRlclJpZ2h0OiAwIH0sIG9uQ2xpY2s6IChlKSA9PiBoYW5kbGVDbGljayhlLCBFZGl0b3JBY3Rpb25UeXBlcy5TVFJJS0VUSFJPVUdIKSB9LCB7IGNoaWxkcmVuOiBfanN4KFN0cmlrZVRocm91Z2hJY29uLCB7IHdpZHRoOiAxMiwgaGVpZ2h0OiAxOCwgY29sb3I6IGdldEljb25Db2xvcihhY3RpdmUuU1RSSUtFVEhST1VHSCkgfSkgfSkpIH0pKV0gfSkpLCBfanN4KEN1c3RvbVJpZ2h0U2lkZUNvbnRhaW5lciwgeyBjaGlsZHJlbjogUmlnaHRDb21wb25lbnQgJiYgX2pzeChSaWdodENvbXBvbmVudCwge30pIH0pXSB9KSk7XHJcbn0pO1xyXG5XaGF0c0FwcFRleHRFZGl0b3JIZWFkZXIuZGlzcGxheU5hbWUgPSAnV2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyJztcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9V2hhdHNBcHBUZXh0RWRpdG9ySGVhZGVyLmpzLm1hcCJdfQ== */",toString:R});var y;!function(I){I.BOLD="BOLD",I.ITALIC="ITALIC",I.STRIKETHROUGH="STRIKETHROUGH",I.EMOJI="EMOJI"}(y||(y={}));const J=b.forwardRef(((I,b)=>{let{onActionSelect:X,RightComponent:R,onEmojiClick:J,actions:k}=I;const x=C(null),[h,F]=G({[y.BOLD]:!1,[y.ITALIC]:!1,[y.STRIKETHROUGH]:!1,[y.EMOJI]:!1}),o=d((()=>{F((I=>Object.assign(Object.assign({},I),{[y.EMOJI]:!1})))}),[h]);function v(I,g){var c;null===(c=I.preventDefault)||void 0===c||c.call(I),g===y.EMOJI&&F((I=>Object.assign(Object.assign({},I),{[y.EMOJI]:!h.EMOJI}))),X(g)}return Z(x,(()=>{o()})),(null==k?void 0:k.length)||R?l(m,{children:[(null==k?void 0:k.includes(y.EMOJI))&&l(c,{children:[g(a,Object.assign({body:"Emoji",placement:"bottom"},{children:g(S,Object.assign({style:{marginLeft:0},active:!!h.EMOJI,onClick:I=>v(I,y.EMOJI)},{children:g(B,{width:16,height:16,color:H(h.EMOJI)})}))})),h.EMOJI&&g(u,Object.assign({ref:x},{children:g(i,{onEmojiClick:I=>{o(),null==J||J(I.emoji)}})}))]}),(null==k?void 0:k.includes(y.BOLD))&&l(c,{children:[g(V,{}),g(a,Object.assign({body:"Bold",placement:"bottom"},{children:g(S,Object.assign({active:!!h.BOLD,onClick:I=>v(I,y.BOLD)},{children:g(W,{width:10,height:17,color:H(h.BOLD)})}))}))]}),(null==k?void 0:k.includes(y.ITALIC))&&l(c,{children:[g(V,{}),g(a,Object.assign({body:"Italics",placement:"bottom"},{children:g(S,Object.assign({onClick:I=>v(I,y.ITALIC),active:!!h.ITALIC},{children:g(p,{width:9,height:16,color:H(h.ITALIC)})}))}))]}),(null==k?void 0:k.includes(y.STRIKETHROUGH))&&l(c,{children:[g(V,{}),g(a,Object.assign({body:"Strikethrough",placement:"bottom"},{children:g(S,Object.assign({active:!!h.STRIKETHROUGH,style:{borderRight:0},onClick:I=>v(I,y.STRIKETHROUGH)},{children:g(A,{width:12,height:18,color:H(h.STRIKETHROUGH)})}))}))]}),g(Y,{children:R&&g(R,{})})]}):g(c,{})}));J.displayName="WhatsAppTextEditorHeader";export{V as CustomRightBorder,y as EditorActionTypes,J as WhatsAppTextEditorHeader};
+import{jsx as i,Fragment as o,jsxs as e}from"react/jsx-runtime";import t,{useRef as r,useState as n,useCallback as l}from"react";import c from"styled-components";import{useOutside as d}from"../../hooks/useOutside.js";import{COLORS as s}from"../../constants/Theme.js";import a from"../../assets/icons/bold.svg.js";import p from"../../assets/icons/emoji.svg.js";import h from"../../assets/icons/italic.svg.js";import m from"../../assets/icons/strikeThrough.svg.js";import{Tooltip as u}from"../tooltips/Tooltip.js";let I=()=>i(o,{});"undefined"!=typeof window&&import("emoji-picker-react").then(i=>{I=i.default});const g=i=>i?s.background.inverseLight:s.content.placeholder,O=c.div`
+	background: ${s.surface.subdued};
+	border-bottom: 1px solid ${s.stroke.primary};
+	display: flex;
+	flex-direction: row;
+	padding: 8px 12px;
+	align-items: center;
+	border-radius: 4px 4px 0px 0px;
+	gap: 6px;
+	position: relative;
+`,f=c.div`
+	width: 2px;
+	height: 12px;
+	background: #e0e0e0;
+`,b=c.div`
+	padding: 2px 6px;
+	background: ${i=>i.active?s.background.inactive:"transparent"};
+	border-radius: 4px;
+	cursor: pointer;
+	display: flex;
+	:hover {
+		background-color: rgba(0, 0, 0, 0.03);
+		padding: 3px 6px;
+	}
+`,v=c.div`
+	display: flex;
+	flex-direction: row;
+	flex: 1;
+	justify-content: flex-end;
+`,x=c.div`
+	position: absolute;
+	top: calc(100% + 8px);
+	z-index: 1;
+`;var T;!function(i){i.BOLD="BOLD",i.ITALIC="ITALIC",i.STRIKETHROUGH="STRIKETHROUGH",i.EMOJI="EMOJI"}(T||(T={}));const E=t.forwardRef(({onActionSelect:t,RightComponent:c,onEmojiClick:s,actions:E},j)=>{const k=r(null),[R,L]=n({[T.BOLD]:!1,[T.ITALIC]:!1,[T.STRIKETHROUGH]:!1,[T.EMOJI]:!1}),H=l(()=>{L(i=>Object.assign(Object.assign({},i),{[T.EMOJI]:!1}))},[R]);function y(i,o){var e;null===(e=i.preventDefault)||void 0===e||e.call(i),o===T.EMOJI&&L(i=>Object.assign(Object.assign({},i),{[T.EMOJI]:!R.EMOJI})),t(o)}return d(k,()=>{H()}),(null==E?void 0:E.length)||c?e(O,{children:[(null==E?void 0:E.includes(T.EMOJI))&&e(o,{children:[i(u,{body:"Emoji",placement:"bottom",children:i(b,{style:{marginLeft:0},active:!!R.EMOJI,onClick:i=>y(i,T.EMOJI),children:i(p,{width:16,height:16,color:g(R.EMOJI)})})}),R.EMOJI&&i(x,{ref:k,children:i(I,{onEmojiClick:i=>{H(),null==s||s(i.emoji)}})})]}),(null==E?void 0:E.includes(T.BOLD))&&e(o,{children:[i(f,{}),i(u,{body:"Bold",placement:"bottom",children:i(b,{active:!!R.BOLD,onClick:i=>y(i,T.BOLD),children:i(a,{width:10,height:17,color:g(R.BOLD)})})})]}),(null==E?void 0:E.includes(T.ITALIC))&&e(o,{children:[i(f,{}),i(u,{body:"Italics",placement:"bottom",children:i(b,{onClick:i=>y(i,T.ITALIC),active:!!R.ITALIC,children:i(h,{width:9,height:16,color:g(R.ITALIC)})})})]}),(null==E?void 0:E.includes(T.STRIKETHROUGH))&&e(o,{children:[i(f,{}),i(u,{body:"Strikethrough",placement:"bottom",children:i(b,{active:!!R.STRIKETHROUGH,style:{borderRight:0},onClick:i=>y(i,T.STRIKETHROUGH),children:i(m,{width:12,height:18,color:g(R.STRIKETHROUGH)})})})]}),i(v,{children:c&&i(c,{})})]}):i(o,{})});E.displayName="WhatsAppTextEditorHeader";export{f as CustomRightBorder,T as EditorActionTypes,E as WhatsAppTextEditorHeader};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import a from"react-dom";import{AddVariableV2 as r}from"./AddVariableV2.js";import{SideModalStyle as t,SideModalContainer as l}from"../side-modal/SideModal.style.js";const o=o=>a.createPortal(e(t,Object.assign({zIndex:o.zIndex},{children:e(l,{children:e(r,{data:o.data,showVariable:o.showVariable,setShowVariable:o.setShowVariable,variableValue:o.variableValue,setVariableValue:o.setVariableValue,placeholder:"Add a variable",customTrigger:o.customTrigger,isModalState:!0,onSearchBlur:o.onSearchBlur,selectWithTypes:o.selectWithTypes})})})),document.body);export{o as AddVariableV2SideModal};
+import{jsx as e}from"react/jsx-runtime";import a from"react-dom";import{AddVariableV2 as r}from"./AddVariableV2.js";import{SideModalStyle as l,SideModalContainer as t}from"../side-modal/SideModal.style.js";const o=o=>a.createPortal(e(l,{zIndex:o.zIndex,children:e(t,{children:e(r,{data:o.data,showVariable:o.showVariable,setShowVariable:o.setShowVariable,variableValue:o.variableValue,setVariableValue:o.setVariableValue,placeholder:"Add a variable",customTrigger:o.customTrigger,isModalState:!0,onSearchBlur:o.onSearchBlur,selectWithTypes:o.selectWithTypes})})}),document.body);export{o as AddVariableV2SideModal};