@bikdotai/bik-component-library 0.0.309 → 0.0.310

package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import{iterateOnOptions as l}from"../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js";import i from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as u}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as v}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as p}from"../../../types/QueryBuilder.type.js";import{FREQUENCY_OPERATORS as s,DATE_OPERATORS as c}from"../../../types/QueryBuilderOperator.type.js";import y from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as m}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const f=new d,h=d=>{let{node:h,allowedNodes:T,apiHandler:_,mode:j,selectorKey:k}=d;var O,g,N,b,w,P,q,x,C,S,V,B,E,A,D,Q,M,L;const[$,J]=t([]),[K,R]=t(!1),{deleteProperty:W,createProperty:G,selectType:H,createMeta:z,updateMeta:F,updateProperty:I,selectPropertyJoinOperator:U,clearProperty:X}=u(k),{cacheWrap:Y}=v(),[Z,ee]=t(!0),oe=null===(O=null==h?void 0:h.metas)||void 0===O?void 0:O.find((e=>"date"===e.key)),re=null===(g=null==h?void 0:h.metas)||void 0===g?void 0:g.find((e=>"frequency"===e.key)),te=null===(N=null==h?void 0:h.metas)||void 0===N?void 0:N.find((e=>"eventName"===e.key)),[ae,le]=t(!1),[ie,ne]=t(!1),[de,ue]=t(!1),ve=e=>Y((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`),pe=(e,o)=>Y((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`),se=(o,r,t)=>e(void 0,void 0,void 0,(function*(){return yield _({query:{eventName:o,propertyName:r,searchKey:t}})}));return a((()=>{Y((()=>_({})),"EVENT_NAMES").then((e=>{ee(!1);const o=f.convertToGroupOptions(e,(null==te?void 0:te.value)?[te.value]:void 0);if("create"!==j&&te)return J([...o]),void R(!0);J([...o]),R(!0)}))}),[]),o(m,Object.assign({selectPropertyJoinOperator:U,node:h,addPropertyBtnText:(null==te?void 0:te.value)&&"Add event property",deleteProperty:W,createProperty:G,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){return yield ve(null==te?void 0:te.value)}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if(I(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),h._id),!o.needValuesRetrieval)return[];const e=yield pe(null==te?void 0:te.value,o.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,o){I(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),h._id)},onPropertyValueChange:function(e,o){I(Object.assign(Object.assign({},o),{value:e,error:{}}),h._id)},mode:j,onPropertyValueSearch:function(o,r){var t,a;return e(this,void 0,void 0,(function*(){const e=yield se(null==te?void 0:te.value,r.name,o);return null!==(a=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==a?a:[]}))}},{children:r("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(i,{disabled:"view"===j,selectedType:h.type,allowedList:T,onSelect:function(e){le(!0),J((e=>[...l(e,{selected:!1})])),setTimeout((()=>{H(e.value,h._id),le(!1)}),1)}}),!ae&&o(y,{isSearchable:!0,isLoading:Z,disabled:"view"===j,width:"200px",dropdownLabel:"Select event name",options:$,selectedValues:(null==te?void 0:te.value)?[te.value]:void 0,onSelect:function(e){Array.isArray(e)||(X(h._id),te?F({key:"eventName",value:e.value,error:{}},h._id):z({key:"eventName",value:e.value},h._id),re?(ne(!0),setTimeout((()=>{F({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1},error:{}},h._id),ne(!1)}),1)):z({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1}},h._id),oe?(ue(!0),setTimeout((()=>{F({key:"date",value:{dataType:p.date,operator:c["last month"]},error:{}},h._id),ue(!1)}),1)):z({key:"date",value:{dataType:p.date,operator:c["last month"]}},h._id))},error:null!==(C=null!==(q=null===(P=null===(w=null===(b=h.metas)||void 0===b?void 0:b[0])||void 0===w?void 0:w.error)||void 0===P?void 0:P.key)&&void 0!==q?q:null===(x=null==te?void 0:te.error)||void 0===x?void 0:x.key)&&void 0!==C?C:null===(S=null==te?void 0:te.error)||void 0===S?void 0:S.value})]})),(null==re?void 0:re.key)&&!ie&&o(n,{disabled:"view"===j,extra:{},errors:{val:null===(B=null===(V=re.error)||void 0===V?void 0:V.value)||void 0===B?void 0:B.value,operator:null===(A=null===(E=re.error)||void 0===E?void 0:E.value)||void 0===A?void 0:A.operator},connectorVal:re.value.value,connectorType:re.value.dataType,defaultConnector:re.value.operator,onOperatorChange:function(e){F({key:"frequency",value:{dataType:p.frequency,operator:e,value:1},error:{}},h._id)},onValueChange:function(e){var o;K&&F({key:"frequency",value:{dataType:p.frequency,operator:null===(o=null==re?void 0:re.value)||void 0===o?void 0:o.operator,value:e},error:{}},h._id)}}),(null==oe?void 0:oe.key)&&!de&&o(n,{disabled:"view"===j,extra:{},errors:{val:null===(Q=null===(D=oe.error)||void 0===D?void 0:D.value)||void 0===Q?void 0:Q.value,operator:null===(L=null===(M=oe.error)||void 0===M?void 0:M.value)||void 0===L?void 0:L.operator},connectorVal:oe.value.value,connectorType:oe.value.dataType,defaultConnector:oe.value.operator,onOperatorChange:function(e){F({key:"date",value:{dataType:p.date,operator:e,value:void 0},error:{}},h._id)},onValueChange:function(e){var o;K&&F({key:"date",value:{dataType:p.date,operator:null===(o=null==oe?void 0:oe.value)||void 0===o?void 0:o.operator,value:e},error:{}},h._id)}})]}))}))};export{h as default};
+import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import{iterateOnOptions as l}from"../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js";import i from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as u}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as v}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as p}from"../../../types/QueryBuilder.type.js";import{FREQUENCY_OPERATORS as s,DATE_OPERATORS as c}from"../../../types/QueryBuilderOperator.type.js";import y from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as m}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const f=new d,h=d=>{let{node:h,allowedNodes:T,apiHandler:_,mode:j,selectorKey:k}=d;var O,g,N,b,w,P,q,x,C,S,V,B,E,A,D,Q,M,L;const[$,J]=t([]),[K,R]=t(!1),{deleteProperty:W,createProperty:G,selectType:H,createMeta:z,updateMeta:F,updateProperty:I,selectPropertyJoinOperator:U,clearProperty:X}=u(k),{cacheWrap:Y}=v(),[Z,ee]=t(!0),oe=null===(O=null==h?void 0:h.metas)||void 0===O?void 0:O.find((e=>"date"===e.key)),re=null===(g=null==h?void 0:h.metas)||void 0===g?void 0:g.find((e=>"frequency"===e.key)),te=null===(N=null==h?void 0:h.metas)||void 0===N?void 0:N.find((e=>"eventName"===e.key)),[ae,le]=t(!1),[ie,ne]=t(!1),[de,ue]=t(!1);return a((()=>{Y((()=>_({})),"EVENT_NAMES").then((e=>{ee(!1);const o=f.convertToGroupOptions(e,(null==te?void 0:te.value)?[te.value]:void 0);if("create"!==j&&te)return J([...o]),void R(!0);J([...o]),R(!0)}))}),[]),o(m,Object.assign({selectPropertyJoinOperator:U,node:h,addPropertyBtnText:(null==te?void 0:te.value)&&"Add event property",deleteProperty:W,createProperty:G,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){var e;return yield(e=null==te?void 0:te.value,Y((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`))}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if(I(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),h._id),!o.needValuesRetrieval)return[];const e=yield((e,o)=>Y((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`))(null==te?void 0:te.value,o.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,o){I(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),h._id)},onPropertyValueChange:function(e,o){I(Object.assign(Object.assign({},o),{value:e,error:{}}),h._id)},mode:j,onPropertyValueSearch:function(o,r){var t,a;return e(this,void 0,void 0,(function*(){const l=yield((o,r,t)=>e(void 0,void 0,void 0,(function*(){return yield _({query:{eventName:o,propertyName:r,searchKey:t}})})))(null==te?void 0:te.value,r.name,o);return null!==(a=null===(t=null==l?void 0:l.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==a?a:[]}))}},{children:r("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(i,{disabled:"view"===j,selectedType:h.type,allowedList:T,onSelect:function(e){le(!0),J((e=>[...l(e,{selected:!1})])),setTimeout((()=>{H(e.value,h._id),le(!1)}),1)}}),!ae&&o(y,{isSearchable:!0,isLoading:Z,disabled:"view"===j,width:"200px",dropdownLabel:"Select event name",options:$,selectedValues:(null==te?void 0:te.value)?[te.value]:void 0,onSelect:function(e){Array.isArray(e)||(X(h._id),te?F({key:"eventName",value:e.value,error:{}},h._id):z({key:"eventName",value:e.value},h._id),re?(ne(!0),setTimeout((()=>{F({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1},error:{}},h._id),ne(!1)}),1)):z({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1}},h._id),oe?(ue(!0),setTimeout((()=>{F({key:"date",value:{dataType:p.date,operator:c["last month"]},error:{}},h._id),ue(!1)}),1)):z({key:"date",value:{dataType:p.date,operator:c["last month"]}},h._id))},error:null!==(C=null!==(q=null===(P=null===(w=null===(b=h.metas)||void 0===b?void 0:b[0])||void 0===w?void 0:w.error)||void 0===P?void 0:P.key)&&void 0!==q?q:null===(x=null==te?void 0:te.error)||void 0===x?void 0:x.key)&&void 0!==C?C:null===(S=null==te?void 0:te.error)||void 0===S?void 0:S.value})]})),(null==re?void 0:re.key)&&!ie&&o(n,{disabled:"view"===j,extra:{},errors:{val:null===(B=null===(V=re.error)||void 0===V?void 0:V.value)||void 0===B?void 0:B.value,operator:null===(A=null===(E=re.error)||void 0===E?void 0:E.value)||void 0===A?void 0:A.operator},connectorVal:re.value.value,connectorType:re.value.dataType,defaultConnector:re.value.operator,onOperatorChange:function(e){F({key:"frequency",value:{dataType:p.frequency,operator:e,value:1},error:{}},h._id)},onValueChange:function(e){var o;K&&F({key:"frequency",value:{dataType:p.frequency,operator:null===(o=null==re?void 0:re.value)||void 0===o?void 0:o.operator,value:e},error:{}},h._id)}}),(null==oe?void 0:oe.key)&&!de&&o(n,{disabled:"view"===j,extra:{},errors:{val:null===(Q=null===(D=oe.error)||void 0===D?void 0:D.value)||void 0===Q?void 0:Q.value,operator:null===(L=null===(M=oe.error)||void 0===M?void 0:M.value)||void 0===L?void 0:L.operator},connectorVal:oe.value.value,connectorType:oe.value.dataType,defaultConnector:oe.value.operator,onOperatorChange:function(e){F({key:"date",value:{dataType:p.date,operator:e,value:void 0},error:{}},h._id)},onValueChange:function(e){var o;K&&F({key:"date",value:{dataType:p.date,operator:null===(o=null==oe?void 0:oe.value)||void 0===o?void 0:o.operator,value:e},error:{}},h._id)}})]}))}))};export{h as default};

package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{useQueryBuilder as n}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as d}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as a}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const l=l=>{let{node:s,allowedNodes:p,apiHandler:u,mode:c,selectorKey:v}=l;var y;const{selectType:m,createProperty:f,updateProperty:j}=n(v),{cacheWrap:h}=d(),P=e=>h((()=>u({query:{propertyName:e}})),`USER_PROPERTIES-${e}`),g=(r,o)=>e(void 0,void 0,void 0,(function*(){return yield u({query:{propertyName:r,searchKey:o}})}));return r(a,Object.assign({node:s,mode:c},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===c,selectedType:s.type,allowedList:p,onSelect:e=>m(e.value,s._id)}),r(i,{mode:c,property:null===(y=null==s?void 0:s.properties)||void 0===y?void 0:y[0],fetchPropertyData:()=>h((()=>u({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o,t;return e(this,void 0,void 0,(function*(){if((null===(o=s.properties)||void 0===o?void 0:o[0])?j(Object.assign(Object.assign({},null===(t=s.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),s._id):f({name:r.id,dataType:r.type},s._id),r.needValuesRetrieval){const e=yield P(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},s.properties[0]),{operator:e,value:void 0,error:{}}),s._id)},onPropertyValueChange:function(e){j(Object.assign(Object.assign({},s.properties[0]),{value:e,error:{}}),s._id)},onPropertyValueSearch:function(r,o){var t,i;return e(this,void 0,void 0,(function*(){const e=yield g(o.name,r);return null!==(i=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==i?i:[]}))}})]}))}))};export{l as default};
+import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{useQueryBuilder as n}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as d}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as a}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const l=l=>{let{node:s,allowedNodes:p,apiHandler:u,mode:c,selectorKey:v}=l;var y;const{selectType:m,createProperty:f,updateProperty:j}=n(v),{cacheWrap:h}=d();return r(a,Object.assign({node:s,mode:c},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===c,selectedType:s.type,allowedList:p,onSelect:e=>m(e.value,s._id)}),r(i,{mode:c,property:null===(y=null==s?void 0:s.properties)||void 0===y?void 0:y[0],fetchPropertyData:()=>h((()=>u({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o,t;return e(this,void 0,void 0,(function*(){if((null===(o=s.properties)||void 0===o?void 0:o[0])?j(Object.assign(Object.assign({},null===(t=s.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),s._id):f({name:r.id,dataType:r.type},s._id),r.needValuesRetrieval){const e=yield(e=>h((()=>u({query:{propertyName:e}})),`USER_PROPERTIES-${e}`))(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},s.properties[0]),{operator:e,value:void 0,error:{}}),s._id)},onPropertyValueChange:function(e){j(Object.assign(Object.assign({},s.properties[0]),{value:e,error:{}}),s._id)},onPropertyValueSearch:function(r,o){var t,i;return e(this,void 0,void 0,(function*(){const n=yield((r,o)=>e(void 0,void 0,void 0,(function*(){return yield u({query:{propertyName:r,searchKey:o}})})))(o.name,r);return null!==(i=null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==i?i:[]}))}})]}))}))};export{l as default};

package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{useState as t,useEffect as o}from"react";import{ApiResponseHelper as i}from"../../helpers/ApiResponse.helper.js";import{useQueryBuilder as a}from"../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as n}from"../../hooks/useQueryBuilderCache.js";import s from"../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as l}from"../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const d=new i,c="triggerName",u=i=>{let{node:u,apiHandler:p,cacheKey:v,propertyAddBtnText:y,mode:m,selectorKey:g}=i;var j;const[f,O]=t([]),{updateMeta:b,createMeta:h,createProperty:P,deleteProperty:_,updateProperty:x,selectPropertyJoinOperator:A,clearProperty:B}=a(g),{cacheWrap:N}=n(),[k,S]=t(!0),T=u.metas.find((e=>e.key===c)),$=e=>N((()=>p({query:{triggerName:e}})),`${v}_${e}`),w=(e,r)=>N((()=>p({query:{triggerName:e,propertyName:r}})),`${v}_${e}_${r}`);return o((()=>{N((()=>p({})),v).then((e=>{var r;if(e)if(Array.isArray(e)){const t=null!==(r=null==e?void 0:e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==m&&(!!(null==T?void 0:T.value)&&T.value===e.id)}))))&&void 0!==r?r:[];O([...t])}else{const r=d.convertToGroupOptions(e,(null==T?void 0:T.value)?[T.value]:void 0);O([...r])}S(!1)}))}),[]),r(l,Object.assign({node:u,addPropertyBtnText:(null==T?void 0:T.value)&&y,deleteProperty:_,createProperty:P,propertySelectorText:"Select condition",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){if(null==T?void 0:T.value){return yield $(null==T?void 0:T.value)}return null}))},onPropertyNameSelect:function(r,t){return e(this,void 0,void 0,(function*(){x(Object.assign(Object.assign({},t),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),u._id);const e=yield w(null==T?void 0:T.value,r.id);return e?{normalized:e,originalData:e}:[]}))},onPropertyOperatorChange:function(e,r){x(Object.assign(Object.assign({},r),{operator:e,value:void 0,error:{}}),u._id)},onPropertyValueChange:function(e,r){x(Object.assign(Object.assign({},r),{value:e}),u._id)},selectPropertyJoinOperator:A,mode:m},{children:r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r(s,{isSearchable:!0,isLoading:k,error:null===(j=null==T?void 0:T.error)||void 0===j?void 0:j.key,width:"200px",options:f,onSelect:function(e){Array.isArray(e)||(B(u._id),Array.isArray(f)&&O([...f.map((r=>{if(r.options){const t=r.options.map((r=>r.value===e.value?Object.assign(Object.assign({},r),{selected:!0}):Object.assign(Object.assign({},r),{selected:!1})));return Object.assign(Object.assign({},r),{options:t})}return r.value===e.value?Object.assign(Object.assign({},r),{selected:!0}):Object.assign(Object.assign({},r),{selected:!1})}))]),(null==T?void 0:T.key)===c?b(Object.assign(Object.assign({},T),{value:e.value,error:{}}),u._id):h({key:c,value:e.value},u._id))}})}))}))};export{u as default};
+import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{useState as t,useEffect as o}from"react";import{ApiResponseHelper as i}from"../../helpers/ApiResponse.helper.js";import{useQueryBuilder as a}from"../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as n}from"../../hooks/useQueryBuilderCache.js";import s from"../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as l}from"../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const d=new i,c="triggerName",u=i=>{let{node:u,apiHandler:p,cacheKey:v,propertyAddBtnText:y,mode:m,selectorKey:g}=i;var j;const[f,O]=t([]),{updateMeta:b,createMeta:h,createProperty:P,deleteProperty:_,updateProperty:x,selectPropertyJoinOperator:A,clearProperty:B}=a(g),{cacheWrap:N}=n(),[k,S]=t(!0),T=u.metas.find((e=>e.key===c));return o((()=>{N((()=>p({})),v).then((e=>{var r;if(e)if(Array.isArray(e)){const t=null!==(r=null==e?void 0:e.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==m&&(!!(null==T?void 0:T.value)&&T.value===e.id)}))))&&void 0!==r?r:[];O([...t])}else{const r=d.convertToGroupOptions(e,(null==T?void 0:T.value)?[T.value]:void 0);O([...r])}S(!1)}))}),[]),r(l,Object.assign({node:u,addPropertyBtnText:(null==T?void 0:T.value)&&y,deleteProperty:_,createProperty:P,propertySelectorText:"Select condition",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){if(null==T?void 0:T.value){return yield(e=null==T?void 0:T.value,N((()=>p({query:{triggerName:e}})),`${v}_${e}`))}var e;return null}))},onPropertyNameSelect:function(r,t){return e(this,void 0,void 0,(function*(){x(Object.assign(Object.assign({},t),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),u._id);const e=yield((e,r)=>N((()=>p({query:{triggerName:e,propertyName:r}})),`${v}_${e}_${r}`))(null==T?void 0:T.value,r.id);return e?{normalized:e,originalData:e}:[]}))},onPropertyOperatorChange:function(e,r){x(Object.assign(Object.assign({},r),{operator:e,value:void 0,error:{}}),u._id)},onPropertyValueChange:function(e,r){x(Object.assign(Object.assign({},r),{value:e}),u._id)},selectPropertyJoinOperator:A,mode:m},{children:r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r(s,{isSearchable:!0,isLoading:k,error:null===(j=null==T?void 0:T.error)||void 0===j?void 0:j.key,width:"200px",options:f,onSelect:function(e){Array.isArray(e)||(B(u._id),Array.isArray(f)&&O([...f.map((r=>{if(r.options){const t=r.options.map((r=>r.value===e.value?Object.assign(Object.assign({},r),{selected:!0}):Object.assign(Object.assign({},r),{selected:!1})));return Object.assign(Object.assign({},r),{options:t})}return r.value===e.value?Object.assign(Object.assign({},r),{selected:!0}):Object.assign(Object.assign({},r),{selected:!1})}))]),(null==T?void 0:T.key)===c?b(Object.assign(Object.assign({},T),{value:e.value,error:{}}),u._id):h({key:c,value:e.value},u._id))}})}))}))};export{u as default};

package/dist/esm/components/QueryBuilder/components/Connectors/Components/EmojiPicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/FreeText.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/IgPicker.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types";
-declare const PostIgPicker: (props: ConnectorComponentProps) => JSX.Element;
-declare const ReelIgPicker: (props: ConnectorComponentProps) => JSX.Element;
-declare const StoryIgPicker: (props: ConnectorComponentProps) => JSX.Element;
+declare const PostIgPicker: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const ReelIgPicker: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const StoryIgPicker: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
 export { PostIgPicker, ReelIgPicker, StoryIgPicker };

package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTheLast.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const InTheLastWrapper: (props: ConnectorComponentProps) => JSX.Element;
+declare const InTheLastWrapper: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default InTheLastWrapper;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTheLastAgo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const InTheLastAgoWrapper: (props: ConnectorComponentProps) => JSX.Element;
+declare const InTheLastAgoWrapper: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default InTheLastAgoWrapper;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTwoLast.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/NoInput.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const NoInput: () => JSX.Element;
+declare const NoInput: () => import("react/jsx-runtime").JSX.Element;
 export default NoInput;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/NumberTime.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleDate.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleselectDropdownFreeText.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/StringSingleValue.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/TwoDate.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/TwoNumberInputsSeperatedByAnd.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/esm/components/add-variableV2/AddVariableBox.styled.d.ts

@@ -0,0 +1,3 @@
+export declare const AddVariableStyled: import("styled-components").StyledComponent<"button", any, {
+    right: string;
+}, never>;

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

@@ -0,0 +1,25 @@
+import t from"styled-components";const o=t.button`
+    padding: 2px 8px;
+    position: absolute;
+    right: ${t=>t.right};
+    cursor: pointer;
+    color: white;
+    background-color: black;
+    width: fit-content;
+    float: right;
+    margin-top: 0px;
+    font-family: Inter;
+    font-style: normal;
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 20px;
+    border-radius: 4px;
+    border: 1px solid #ccc;
+    margin-right: 1px;
+    z-index: 100;
+
+    .add {
+        display: flex;
+        align-items: center;
+    }
+`;export{o as AddVariableStyled};

package/dist/esm/components/add-variableV2/AddVariableV2.d.ts

@@ -16,6 +16,7 @@ export interface Variable {
     variables?: {
         [key: string]: Variable;
     };
+    needsFetching?: boolean;
 }
 export interface AddVariableProps {
     data: VariableListInterfaceV2[];
@@ -31,6 +32,9 @@ export interface AddVariableProps {
     pickerSize?: string;
     enableVariable?: boolean;
     isEvaluationList?: boolean;
+    onSearchBlur?: (e: any) => void;
+    id?: string;
+    selectWithTypes?: boolean;
 }
 type Props = AddVariableProps;
 export interface VariableBoxProps {

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

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

package/dist/esm/components/add-variableV2/AddVariableV2SideModal.d.ts

@@ -12,5 +12,8 @@ export interface VariableV2SideModalProps {
     leftPosition?: number;
     pickerSize?: string;
     zIndex?: number;
+    onSearchBlur?: (e: any) => void;
+    id?: string;
+    selectWithTypes?: boolean;
 }
 export declare const AddVariableV2SideModal: React.FC<VariableV2SideModalProps>;

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

package/dist/esm/components/add-variableV2/types.d.ts

@@ -0,0 +1,6 @@
+export type SelectedVariable = {
+    actualValue: string;
+    variableType: VARIABLE_TYPES;
+    needsFetching?: boolean;
+};
+export type VARIABLE_TYPES = 'number' | 'string' | 'integer' | 'boolean' | 'list' | 'any';

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { PieChartInputData } from "./PieChartInputData";
-export declare const Card: (props: any) => JSX.Element;
+export declare const Card: (props: any) => import("react/jsx-runtime").JSX.Element;
 export declare const PieChartAnalytics: React.FC<PieChartInputData>;

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

@@ -1 +1 @@
-import t from"@emotion/styled/base";import{jsx as o,Fragment as e,jsxs as r}from"react/jsx-runtime";import i from"../../../../utils/StringUtils.js";import{COLORS as g}from"../../../../constants/Theme.js";import"../../../../constants/zindex.js";import{useState as I,useEffect as C}from"react";import"../../../checkBox/CheckBox.styled.js";import{TitleMedium as s}from"../../../TypographyStyle.js";import"../../../list-item/ListItem.js";import"../../../pagination/Pagination.js";import"../../../radioButton/RadioButton.styled.js";import"react-dom";import"react-toastify";import"../../../toaster/Toaster.styled.js";import"@tippyjs/react";import"../../../tooltips/TooltipInternal.js";import"../../../spinner/Spinner.js";import"../../../stepper/Stepper.styled.js";import"../../../tag/Tag.js";import"../../../icon-button/IconButton.js";import"../../../template-preview/TemplatePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../../template-preview/models/TemplateMeta.js";import"../../../modals/styledModal.js";import"../../../template-preview/models/Channels.js";import"../../../template-context-mapper/context/templateModalContext.js";import"../../../template-context-mapper/modalElements/Footer.js";import"../../../template-context-mapper/modalElements/Body.js";import"../../../template-context-mapper/modalElements/Header.js";import"../../../zeroState/ZeroState.js";import"../../../dropdown/OpenedDropdown/components/description/Description.styled.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"../../../input/Input.js";import"react-bootstrap";import"../../../floating-action-button/FloatingActionButton.styles.js";import"../../../image-compress/ImageCompress.js";import"../../../progress-bar/ProgressBarComponent.js";import"../../../QueryBuilder/QueryBuilder.js";import"../../../QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import"../../../QueryBuilder/constants/connectorPosition.js";import"../../../QueryBuilder/constants/connector.js";import"../../../QueryBuilder/types/QueryBuilder.type.js";import"../../../dropdown/Dropdown.js";import"../../../QueryBuilder/components/InputLoader.js";import"../../../QueryBuilder/components/Connectors/Components/EmojiPicker.js";import"react-chips";import"../../../input/ChipInput.styled.js";import"../../../QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js";import"../../../QueryBuilder/components/Connectors/Components/IgPicker.js";import"../../../QueryBuilder/components/Connectors/Components/InTheLast.js";import"../../../QueryBuilder/components/Connectors/Components/InTwoLast.js";import"react-calendar";import"../../../../utils/DateUtils.js";import"../../../datePicker/DatePickerWrapper.styled.js";import"../../../QueryBuilder/components/Connectors/Connector.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.js";import"../../../QueryBuilder/redux/queryBuilder.reducer.js";import"../../../QueryBuilder/redux/queryBuilderCache.reducer.js";import"../../../QueryBuilder/types/QueryBuilderOperator.type.js";import"../../../dropdown/DropdownPopover/index.js";import"../../../dropdown/ChipDropdown.js";import"../../../dropdown/MenuItem/MenuItem.js";import"../../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../analytics-card/AnalyticsCard.styled.js";import"../../CommonStyles.js";import"../../../datePicker/DatePicker.styled.js";import"../../AnalyticsMetric.js";import"../LineChart/LineChart.js";import"../linearChipGroupedChart/LinearChipGroupedChart.styled.js";import{PieChart as p}from"./PieChart.js";import"../HorizontalBarGraph/HorizontalGraph.js";import"../StackedBarChart/StackedBarChart.js";import"../VerticalBarGraph/VerticalGraph.js";import"../heatmap/HeatMap.js";import"../VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../../avatar/Avatar.js";import"../../../avatar/AvatarHelper.js";import"../../../alerts/Alert.styled.js";import"../../../alerts/AlertHelper.js";import"../../../thumbnail/Thumbnail.js";import"../../../curtain/Curtain.styled.js";import"../../../curtain/CurtainHelper.js";import"../../../switch/Switch.js";import"../../../plans/SubscriptionPlanStyled.js";import"../../../plans/SubscriptionPlanSelector.js";import"../../../tabs/Tabs.js";import"../../../TablePagination/TablePagination.styled.js";import"../../../TablePagination/TablePaginationCard.js";import"../../../states/StateComponent.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditor.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditorHeader.js";import"../../../card-selection-modal/CardSelectionModal.styled.js";import"react-image-crop";import"../../../buttonGroup/ButtonGroupStyle.js";import"../../../accordion/Accordion.style.js";import"../../../accordion/AccordionArrow.js";import"../../../file-uploader/FileUploaderStyle.js";import"../../../colourInput/ColourInput.styled.js";import"../../../bik-layout/CommonStyles.js";import"../../../navigation-hyperlink/NavigationHyperlink.js";import"../../../bik-layout/SidebarStyles.js";import"date-fns";import"react-popper";import"../../../dropdown/Common.styled.js";import"../../../custom-date-time/CustomDateTime.styled.js";import"../../../../node_modules/lodash.debounce/index.js";import"../../../product-picker/ProductPicker.styled.js";import"../../../discount-modal/type.js";import"../../../discount-modal/DiscountModal.styled.js";import"../../../discount-modal/DynamicCoupon/DynamicCoupon.js";import"../../../discount-modal/CouponExpiration/CouponExpiration.js";import"../../../country-code-picker/CountryCodePicker.styled.js";import"../../../product-picker-v2/emptyState.js";import"../../../product-picker-v2/style.js";import"lodash";import"../../../carousel/carousel.js";import"../../../carousel-secondary/CarouselSecondary.style.js";import"../../../access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.js";import"../../../radioList/RadioList.styled.js";import"../../../checkList/CheckList.styled.js";import"../../../postPicker/postPicker.js";import"../../../dropdown-button/DropdownButton.style.js";import"../../../side-modal/SideModal.style.js";import"../../../add-variableV2/AddVariableV2.styled.js";import"../../../SearchFilter/types/SearchFilter.type.js";import"../../../SearchFilter/components/DatePickerButton.js";import"../../../star-rating/StarRating.js";import"../../../dashboard-review-popup/components/FiveStar.styled.js";import"../../../dashboard-review-popup/components/Form.styled.js";import"../../../dashboard-review-popup/components/ZeroState.js";import"../../../dashboard-review-popup/DashboardReviewPopUp.styled.js";import{Chart as c,ArcElement as A,Legend as a}from"chart.js";import{Doughnut as l}from"react-chartjs-2";c.register(A,a);const d={plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{if(!t.label)return" 0%";const o=t.dataset.data.reduce(((t,o)=>t+o),0),e=parseFloat((t.raw/o*100).toFixed(1));return` ${t.label}: ${e}%`}}}}},n=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],m=t("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(t=>g.surface.standard),";border:1px solid ",(t=>g.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzhCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBTdHJpbmdVdGlscyB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiO1xyXG5pbXBvcnQgeyBBcmNFbGVtZW50LCBDaGFydCBhcyBDaGFydEpTLCBMZWdlbmQgfSBmcm9tICdjaGFydC5qcyc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERvdWdobnV0IH0gZnJvbSAncmVhY3QtY2hhcnRqcy0yJztcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgUGllQ2hhcnQgfSBmcm9tICcuL1BpZUNoYXJ0JztcclxuQ2hhcnRKUy5yZWdpc3RlcihBcmNFbGVtZW50LCBMZWdlbmQpO1xyXG5jb25zdCBvcHRpb25zID0ge1xyXG4gICAgcGx1Z2luczoge1xyXG4gICAgICAgIGxlZ2VuZDoge1xyXG4gICAgICAgICAgICBkaXNwbGF5OiBmYWxzZSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHRvb2x0aXA6IHtcclxuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcclxuICAgICAgICAgICAgY2FsbGJhY2tzOiB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogKHRvb2x0aXBJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0b29sdGlwSXRlbS5sYWJlbCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCAwJWA7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHRvdGFsID0gdG9vbHRpcEl0ZW0uZGF0YXNldC5kYXRhLnJlZHVjZSgoYWNjLCBjdXIpID0+IGFjYyArIGN1ciwgMCk7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcGVyY2VudGFnZSA9IHBhcnNlRmxvYXQoKCh0b29sdGlwSXRlbS5yYXcgLyB0b3RhbCkgKiAxMDApLnRvRml4ZWQoMSkpO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgICR7dG9vbHRpcEl0ZW0ubGFiZWx9OiAke3BlcmNlbnRhZ2V9JWA7XHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICB9LFxyXG59O1xyXG5jb25zdCBHUkFQSF9DT0xPUlMgPSBbXHJcbiAgICAnIzVFMDdCQicsXHJcbiAgICAnIzlFNzdFRCcsXHJcbiAgICAnI0QyQUVGRicsXHJcbiAgICAnI0NERTFGRicsXHJcbiAgICAnIzkyQUZGQScsXHJcbiAgICAnIzM5MzVFMScsXHJcbl07XHJcbmNvbnN0IENhcnRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gX2pzeChDYXJ0U3R5bGVkLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgcGFkZGluZzogMjQgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSk7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWVDaGFydEFuYWx5dGljcyA9ICh7IHRpdGxlLCBzbGljZXMsIHNpemUsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzbGljZXNXaXRoQ29sb3IsIHNldFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBjb25zdCB0b3RhbFN1bSA9IHNsaWNlcy5yZWR1Y2UoKHN1bSwgc2xpY2UpID0+IHN1bSArIHNsaWNlLmNvdW50LCAwKTtcclxuICAgICAgICBsZXQgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IFtdO1xyXG4gICAgICAgIHVwZGF0ZWRTbGljZXNXaXRoQ29sb3IgPSBPYmplY3Qua2V5cyhzbGljZXMpLm1hcCgoa2V5LCBpbmRleCkgPT4gKE9iamVjdC5hc3NpZ24oeyBjb2xvcjogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF0gfSwgc2xpY2VzW2tleV0pKSk7XHJcbiAgICAgICAgc2V0U2xpY2VzV2l0aENvbG9yKFsuLi51cGRhdGVkU2xpY2VzV2l0aENvbG9yXSk7XHJcbiAgICAgICAgaWYgKHRvdGFsU3VtID09PSAwKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogWzEwMF0sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogWycjRjBGMEYwJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICBzZXREYXRhKGRhdGFTZXQpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogc2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemUoc2xpY2UubmFtZSkpLFxyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHNsaWNlcy5tYXAoKHNsaWNlKSA9PiBzbGljZS5jb3VudCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogc2xpY2VzLm1hcCgoc2xpY2UsIGluZGV4KSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHNsaWNlLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXTsgfSksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBbJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiA0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIHNldERhdGEoZGF0YVNldCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW3NsaWNlc10pO1xyXG4gICAgaWYgKCFkYXRhKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Cb3R0b206IDE2LFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAncm93JyB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAnY29sLTYnIH0sIHsgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KERvdWdobnV0LCB7IGRhdGE6IGRhdGEsIG9wdGlvbnM6IE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3B0aW9ucyksIHsgbWFpbnRhaW5Bc3BlY3RSYXRpbzogc2l6ZSA/IGZhbHNlIDogdHJ1ZSB9KSB9KSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogNDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFBpZUNoYXJ0LCB7IHNsaWNlczogc2xpY2VzV2l0aENvbG9yIH0pIH0pKV0gfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBpZUNoYXJ0QW5hbHl0aWNzLmpzLm1hcCJdfQ== */")),b=t=>o(m,Object.assign({style:{padding:24}},{children:t.children})),u=t=>{let{title:g,slices:c,size:A}=t;const[a,m]=I([]),[b,u]=I();return C((()=>{const t=c.reduce(((t,o)=>t+o.count),0);let o=[];if(o=Object.keys(c).map(((t,o)=>Object.assign({color:n[o%n.length]},c[t]))),m([...o]),0===t){u({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}]})}else{const t={labels:c.map((t=>i.capitalize(t.name))),datasets:[{data:c.map((t=>t.count)),backgroundColor:c.map(((t,o)=>{var e;return null!==(e=t.color)&&void 0!==e?e:n[o%n.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};u(t)}}),[c]),b?r(e,{children:[g&&o(s,Object.assign({style:{marginBottom:16}},{children:g})),r("div",Object.assign({className:"row"},{children:[o("div",Object.assign({className:"col-6"},{children:o("div",Object.assign({style:{width:A,height:A}},{children:o(l,{data:b,options:Object.assign(Object.assign({},d),{maintainAspectRatio:!A})})}))})),o("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:o(p,{slices:a})}))]}))]}):o(e,{})};export{b as Card,u as PieChartAnalytics};
+import t from"@emotion/styled/base";import{jsx as o,Fragment as e,jsxs as i}from"react/jsx-runtime";import r from"../../../../utils/StringUtils.js";import{COLORS as g}from"../../../../constants/Theme.js";import"../../../../constants/zindex.js";import{useState as I,useEffect as C}from"react";import"../../../checkBox/CheckBox.styled.js";import{TitleMedium as s}from"../../../TypographyStyle.js";import"../../../list-item/ListItem.js";import"../../../pagination/Pagination.js";import"../../../radioButton/RadioButton.styled.js";import"react-dom";import"react-toastify";import"../../../toaster/Toaster.styled.js";import"@tippyjs/react";import"../../../tooltips/TooltipInternal.js";import"../../../spinner/Spinner.js";import"../../../stepper/Stepper.styled.js";import"../../../tag/Tag.js";import"../../../icon-button/IconButton.js";import"../../../template-preview/TemplatePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../../template-preview/models/TemplateMeta.js";import"../../../modals/styledModal.js";import"../../../template-preview/models/Channels.js";import"../../../template-context-mapper/context/templateModalContext.js";import"../../../template-context-mapper/modalElements/Footer.js";import"../../../template-context-mapper/modalElements/Body.js";import"../../../template-context-mapper/modalElements/Header.js";import"../../../zeroState/ZeroState.js";import"../../../dropdown/OpenedDropdown/components/description/Description.styled.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"../../../input/Input.js";import"react-bootstrap";import"../../../floating-action-button/FloatingActionButton.styles.js";import"../../../image-compress/ImageCompress.js";import"../../../progress-bar/ProgressBarComponent.js";import"../../../QueryBuilder/QueryBuilder.js";import"../../../QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import"../../../QueryBuilder/constants/connectorPosition.js";import"../../../QueryBuilder/constants/connector.js";import"../../../QueryBuilder/types/QueryBuilder.type.js";import"../../../dropdown/Dropdown.js";import"../../../QueryBuilder/components/InputLoader.js";import"../../../QueryBuilder/components/Connectors/Components/EmojiPicker.js";import"react-chips";import"../../../input/ChipInput.styled.js";import"../../../QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js";import"../../../QueryBuilder/components/Connectors/Components/IgPicker.js";import"../../../QueryBuilder/components/Connectors/Components/InTheLast.js";import"../../../QueryBuilder/components/Connectors/Components/InTwoLast.js";import"react-calendar";import"../../../../utils/DateUtils.js";import"../../../datePicker/DatePickerWrapper.styled.js";import"../../../QueryBuilder/components/Connectors/Connector.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.js";import"../../../QueryBuilder/redux/queryBuilder.reducer.js";import"../../../QueryBuilder/redux/queryBuilderCache.reducer.js";import"../../../QueryBuilder/types/QueryBuilderOperator.type.js";import"../../../dropdown/DropdownPopover/index.js";import"../../../dropdown/ChipDropdown.js";import"../../../dropdown/MenuItem/MenuItem.js";import"../../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../analytics-card/AnalyticsCard.styled.js";import"../../CommonStyles.js";import"../../../datePicker/DatePicker.styled.js";import"../../AnalyticsMetric.js";import"../LineChart/LineChart.js";import"../linearChipGroupedChart/LinearChipGroupedChart.styled.js";import{PieChart as p}from"./PieChart.js";import"../HorizontalBarGraph/HorizontalGraph.js";import"../StackedBarChart/StackedBarChart.js";import"../VerticalBarGraph/VerticalGraph.js";import"../heatmap/HeatMap.js";import"../VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../../avatar/Avatar.js";import"../../../avatar/AvatarHelper.js";import"../../../alerts/Alert.styled.js";import"../../../alerts/AlertHelper.js";import"../../../thumbnail/Thumbnail.js";import"../../../curtain/Curtain.styled.js";import"../../../curtain/CurtainHelper.js";import"../../../switch/Switch.js";import"../../../plans/SubscriptionPlanStyled.js";import"../../../plans/SubscriptionPlanSelector.js";import"../../../tabs/Tabs.js";import"../../../TablePagination/TablePagination.styled.js";import"../../../TablePagination/TablePaginationCard.js";import"../../../states/StateComponent.js";import"../../../../_virtual/_tslib.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditor.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditorHeader.js";import"../../../card-selection-modal/CardSelectionModal.styled.js";import"react-image-crop";import"../../../buttonGroup/ButtonGroupStyle.js";import"../../../accordion/Accordion.style.js";import"../../../accordion/AccordionArrow.js";import"../../../file-uploader/FileUploaderStyle.js";import"../../../colourInput/ColourInput.styled.js";import"../../../bik-layout/CommonStyles.js";import"../../../navigation-hyperlink/NavigationHyperlink.js";import"../../../bik-layout/SidebarStyles.js";import"date-fns";import"react-popper";import"../../../dropdown/Common.styled.js";import"../../../custom-date-time/CustomDateTime.styled.js";import"../../../../node_modules/lodash.debounce/index.js";import"../../../product-picker/ProductPicker.styled.js";import"../../../discount-modal/type.js";import"../../../discount-modal/DiscountModal.styled.js";import"../../../discount-modal/DynamicCoupon/DynamicCoupon.js";import"../../../discount-modal/CouponExpiration/CouponExpiration.js";import"../../../country-code-picker/CountryCodePicker.styled.js";import"../../../product-picker-v2/emptyState.js";import"../../../product-picker-v2/style.js";import"lodash";import"../../../carousel/carousel.js";import"../../../carousel-secondary/CarouselSecondary.style.js";import"../../../access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.js";import"../../../radioList/RadioList.styled.js";import"../../../checkList/CheckList.styled.js";import"../../../postPicker/postPicker.js";import"../../../dropdown-button/DropdownButton.style.js";import"../../../side-modal/SideModal.style.js";import"../../../add-variableV2/AddVariableV2.styled.js";import"../../../SearchFilter/types/SearchFilter.type.js";import"../../../SearchFilter/components/DatePickerButton.js";import"../../../input-with-vars/InputWithVariables.js";import"../../../star-rating/StarRating.js";import"../../../dashboard-review-popup/components/FiveStar.styled.js";import"../../../dashboard-review-popup/components/Form.styled.js";import"../../../dashboard-review-popup/components/ZeroState.js";import"../../../dashboard-review-popup/DashboardReviewPopUp.styled.js";import{Chart as c,ArcElement as a,Legend as A}from"chart.js";import{Doughnut as l}from"react-chartjs-2";c.register(a,A);const d={plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{if(!t.label)return" 0%";const o=t.dataset.data.reduce(((t,o)=>t+o),0),e=parseFloat((t.raw/o*100).toFixed(1));return` ${t.label}: ${e}%`}}}}},n=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],m=t("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(t=>g.surface.standard),";border:1px solid ",(t=>g.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzhCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBTdHJpbmdVdGlscyB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiO1xyXG5pbXBvcnQgeyBBcmNFbGVtZW50LCBDaGFydCBhcyBDaGFydEpTLCBMZWdlbmQgfSBmcm9tICdjaGFydC5qcyc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERvdWdobnV0IH0gZnJvbSAncmVhY3QtY2hhcnRqcy0yJztcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgUGllQ2hhcnQgfSBmcm9tICcuL1BpZUNoYXJ0JztcclxuQ2hhcnRKUy5yZWdpc3RlcihBcmNFbGVtZW50LCBMZWdlbmQpO1xyXG5jb25zdCBvcHRpb25zID0ge1xyXG4gICAgcGx1Z2luczoge1xyXG4gICAgICAgIGxlZ2VuZDoge1xyXG4gICAgICAgICAgICBkaXNwbGF5OiBmYWxzZSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHRvb2x0aXA6IHtcclxuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcclxuICAgICAgICAgICAgY2FsbGJhY2tzOiB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogKHRvb2x0aXBJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0b29sdGlwSXRlbS5sYWJlbCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCAwJWA7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHRvdGFsID0gdG9vbHRpcEl0ZW0uZGF0YXNldC5kYXRhLnJlZHVjZSgoYWNjLCBjdXIpID0+IGFjYyArIGN1ciwgMCk7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcGVyY2VudGFnZSA9IHBhcnNlRmxvYXQoKCh0b29sdGlwSXRlbS5yYXcgLyB0b3RhbCkgKiAxMDApLnRvRml4ZWQoMSkpO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgICR7dG9vbHRpcEl0ZW0ubGFiZWx9OiAke3BlcmNlbnRhZ2V9JWA7XHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICB9LFxyXG59O1xyXG5jb25zdCBHUkFQSF9DT0xPUlMgPSBbXHJcbiAgICAnIzVFMDdCQicsXHJcbiAgICAnIzlFNzdFRCcsXHJcbiAgICAnI0QyQUVGRicsXHJcbiAgICAnI0NERTFGRicsXHJcbiAgICAnIzkyQUZGQScsXHJcbiAgICAnIzM5MzVFMScsXHJcbl07XHJcbmNvbnN0IENhcnRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gX2pzeChDYXJ0U3R5bGVkLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgcGFkZGluZzogMjQgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSk7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWVDaGFydEFuYWx5dGljcyA9ICh7IHRpdGxlLCBzbGljZXMsIHNpemUsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzbGljZXNXaXRoQ29sb3IsIHNldFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBjb25zdCB0b3RhbFN1bSA9IHNsaWNlcy5yZWR1Y2UoKHN1bSwgc2xpY2UpID0+IHN1bSArIHNsaWNlLmNvdW50LCAwKTtcclxuICAgICAgICBsZXQgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IFtdO1xyXG4gICAgICAgIHVwZGF0ZWRTbGljZXNXaXRoQ29sb3IgPSBPYmplY3Qua2V5cyhzbGljZXMpLm1hcCgoa2V5LCBpbmRleCkgPT4gKE9iamVjdC5hc3NpZ24oeyBjb2xvcjogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF0gfSwgc2xpY2VzW2tleV0pKSk7XHJcbiAgICAgICAgc2V0U2xpY2VzV2l0aENvbG9yKFsuLi51cGRhdGVkU2xpY2VzV2l0aENvbG9yXSk7XHJcbiAgICAgICAgaWYgKHRvdGFsU3VtID09PSAwKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogWzEwMF0sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogWycjRjBGMEYwJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICBzZXREYXRhKGRhdGFTZXQpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogc2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemUoc2xpY2UubmFtZSkpLFxyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHNsaWNlcy5tYXAoKHNsaWNlKSA9PiBzbGljZS5jb3VudCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogc2xpY2VzLm1hcCgoc2xpY2UsIGluZGV4KSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHNsaWNlLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXTsgfSksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBbJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiA0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIHNldERhdGEoZGF0YVNldCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW3NsaWNlc10pO1xyXG4gICAgaWYgKCFkYXRhKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Cb3R0b206IDE2LFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAncm93JyB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAnY29sLTYnIH0sIHsgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KERvdWdobnV0LCB7IGRhdGE6IGRhdGEsIG9wdGlvbnM6IE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3B0aW9ucyksIHsgbWFpbnRhaW5Bc3BlY3RSYXRpbzogc2l6ZSA/IGZhbHNlIDogdHJ1ZSB9KSB9KSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogNDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFBpZUNoYXJ0LCB7IHNsaWNlczogc2xpY2VzV2l0aENvbG9yIH0pIH0pKV0gfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBpZUNoYXJ0QW5hbHl0aWNzLmpzLm1hcCJdfQ== */")),b=t=>o(m,Object.assign({style:{padding:24}},{children:t.children})),u=t=>{let{title:g,slices:c,size:a}=t;const[A,m]=I([]),[b,u]=I();return C((()=>{const t=c.reduce(((t,o)=>t+o.count),0);let o=[];if(o=Object.keys(c).map(((t,o)=>Object.assign({color:n[o%n.length]},c[t]))),m([...o]),0===t){u({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}]})}else{const t={labels:c.map((t=>r.capitalize(t.name))),datasets:[{data:c.map((t=>t.count)),backgroundColor:c.map(((t,o)=>{var e;return null!==(e=t.color)&&void 0!==e?e:n[o%n.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};u(t)}}),[c]),b?i(e,{children:[g&&o(s,Object.assign({style:{marginBottom:16}},{children:g})),i("div",Object.assign({className:"row"},{children:[o("div",Object.assign({className:"col-6"},{children:o("div",Object.assign({style:{width:a,height:a}},{children:o(l,{data:b,options:Object.assign(Object.assign({},d),{maintainAspectRatio:!a})})}))})),o("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:o(p,{slices:A})}))]}))]}):o(e,{})};export{b as Card,u as PieChartAnalytics};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { StackedBarGraphI } from './StackedBarChart.d';
-export declare const StackedBarChart: (props: StackedBarGraphI) => JSX.Element;
+export declare const StackedBarChart: (props: StackedBarGraphI) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/button/Button.styled.d.ts

@@ -13,4 +13,4 @@ export declare const Button: import("@emotion/styled").StyledComponent<{
     version?: "1.0" | "2.0" | undefined;
     darkMode?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const ButtonCustomDashedBorder: () => JSX.Element;
+export declare const ButtonCustomDashedBorder: () => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/carousel/carousel.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { CarouselProps } from '@trendyol-js/react-carousel/dist/types/components/carousel';
-export declare const Carousel: (props: CarouselProps) => JSX.Element;
+export declare const Carousel: (props: CarouselProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/dynamic-tabs/DynamicTabs.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface DynamicTabsDetails {
     id: number;
     text: string;
@@ -16,4 +15,4 @@ export interface DynamicTabsProps {
     tabStyleInfo: DynamicTabsStyleDetails;
     selectedTabId?: number;
 }
-export declare const DynamicTabs: (props: DynamicTabsProps) => JSX.Element;
+export declare const DynamicTabs: (props: DynamicTabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/image-cropper/BikImageCropper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import 'react-image-crop/dist/ReactCrop.css';
 export interface BikImageCropperProps {
     aspectRatio?: number;
@@ -6,5 +5,5 @@ export interface BikImageCropperProps {
     onCropComplete: (base64String: string, didChange: boolean) => void;
     onCancel: () => void;
 }
-export declare const BikImageCropper: (props: BikImageCropperProps) => JSX.Element;
+export declare const BikImageCropper: (props: BikImageCropperProps) => import("react/jsx-runtime").JSX.Element;
 export default BikImageCropper;

package/dist/esm/components/image-cropper/BikImagePipeline/BikImagePipeline.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CompressImageOptions } from "../../image-compress";
 import { BikImageCropperProps } from "..";
 /**
@@ -28,4 +27,4 @@ export interface BikImagePipelineProps {
         success?: boolean;
     };
 }
-export declare const BikImagePipeline: ({ cropOptions, fileTitle, compressionOptions, currentImage, options, onFinish, onCancel, fileUploadOptions, }: BikImagePipelineProps) => JSX.Element;
+export declare const BikImagePipeline: ({ cropOptions, fileTitle, compressionOptions, currentImage, options, onFinish, onCancel, fileUploadOptions, }: BikImagePipelineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/image-cropper/BikImagePipeline/BikImagePipeline.js

@@ -1 +1 @@
-import{jsx as o,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useRef as s,useState as t,useEffect as a,useCallback as i}from"react";import{ImageService as p}from"../../image-compress/ImageCompress.js";import{StateInterface as l}from"../../states/StateComponent.js";import{StateModalComponent as n}from"../../states-modal/StateModalComponent.js";import"../../modals/styledModal.js";import{BikImageCropper as c}from"../BikImageCropper.js";const d=d=>{let{cropOptions:m,fileTitle:u,compressionOptions:g,currentImage:h,options:f,onFinish:C,onCancel:w,fileUploadOptions:y}=d;const F=s(null),[R,b]=t(),[j,I]=t(h),[T,v]=t(!1);a((()=>{f.upload?(b("upload"),setTimeout((()=>{k()}),500)):f.crop?b("crop"):f.compress?b("compress"):f.uploadToFirestorage?b("cloud-upload"):v(!0)}),[f.upload,f.crop,f.compress,f.uploadToFirestorage]);const O=i(((o,e)=>{if(!f.uploadToFirestorage)return C(o,e),void v(!0);b("cloud-upload"),y&&y.uploadFile(e,y.path).then((r=>{C(o,e,r),v(!0)})).catch((o=>{console.log("starting err process with ")}))}),[]),E=o=>{o||w();const e=p.base64ToImage(o);f.compress?(b("compress"),p.compressImage(e,g).then((o=>{if(!o)return v(!0),void w();O(o.base64,o.compressedFile)}))):O(o,e)},k=()=>{F.current.click()};return T?o(e,{}):"cloud-upload"===R?!y||y.success?o(e,{}):y.error?o("div",{children:o(n,{states:l.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{v(!0),w()}})}):o("div",{children:o(n,{states:l.LOADING,heading:`Uploading your ${u||"photo"}`,subline:`Please wait while we upload your ${u||"photo"}`,isButtonEnabled:!1,width:300})}):r(e,{children:[f.upload&&o("input",{ref:F,type:"file",accept:"image/*",style:{display:"none"},onChange:o=>{const e=o.target.files[0],r=new FileReader;r.onload=()=>{var o;I({src:r.result}),o=r.result,f.crop?b("crop"):E(o)},e&&r.readAsDataURL(e)}}),"crop"===R&&o(c,{src:j.src,onCropComplete:o=>{I({src:o}),E(o)},aspectRatio:m.aspectRatio,onCancel:w})]})};export{d as BikImagePipeline};
+import{jsx as o,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useState as s,useEffect as a,useCallback as i}from"react";import{ImageService as p}from"../../image-compress/ImageCompress.js";import{StateInterface as l}from"../../states/StateComponent.js";import"../../../_virtual/_tslib.js";import{StateModalComponent as n}from"../../states-modal/StateModalComponent.js";import"../../modals/styledModal.js";import{BikImageCropper as c}from"../BikImageCropper.js";const d=d=>{let{cropOptions:m,fileTitle:u,compressionOptions:g,currentImage:h,options:f,onFinish:C,onCancel:w,fileUploadOptions:y}=d;const b=t(null),[j,F]=s(),[R,v]=s(h),[I,T]=s(!1);a((()=>{f.upload?(F("upload"),setTimeout((()=>{k()}),500)):f.crop?F("crop"):f.compress?F("compress"):f.uploadToFirestorage?F("cloud-upload"):T(!0)}),[f.upload,f.crop,f.compress,f.uploadToFirestorage]);const O=i(((o,e)=>{if(!f.uploadToFirestorage)return C(o,e),void T(!0);F("cloud-upload"),y&&y.uploadFile(e,y.path).then((r=>{C(o,e,r),T(!0)})).catch((o=>{console.log("starting err process with ")}))}),[]),E=o=>{o||w();const e=p.base64ToImage(o);f.compress?(F("compress"),p.compressImage(e,g).then((o=>{if(!o)return T(!0),void w();O(o.base64,o.compressedFile)}))):O(o,e)},k=()=>{b.current.click()};return I?o(e,{}):"cloud-upload"===j?!y||y.success?o(e,{}):y.error?o("div",{children:o(n,{states:l.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{T(!0),w()}})}):o("div",{children:o(n,{states:l.LOADING,heading:`Uploading your ${u||"photo"}`,subline:`Please wait while we upload your ${u||"photo"}`,isButtonEnabled:!1,width:300})}):r(e,{children:[f.upload&&o("input",{ref:b,type:"file",accept:"image/*",style:{display:"none"},onChange:o=>{const e=o.target.files[0],r=new FileReader;r.onload=()=>{var o;v({src:r.result}),o=r.result,f.crop?F("crop"):E(o)},e&&r.readAsDataURL(e)}}),"crop"===j&&o(c,{src:R.src,onCropComplete:o=>{v({src:o}),E(o)},aspectRatio:m.aspectRatio,onCancel:w})]})};export{d as BikImagePipeline};

package/dist/esm/components/input/Input.d.ts

@@ -37,7 +37,7 @@ export interface InputProps {
     value?: string;
     reset?: boolean;
     onBlur?: (e: any) => void;
-    onFocus?: () => void;
+    onFocus?: (e: any) => void;
     isActive?: boolean;
     id?: string;
     onReferenceInit?: (element: HTMLInputElement | HTMLTextAreaElement) => void;
@@ -48,8 +48,6 @@ export interface InputProps {
     noKeyDownChange?: boolean;
     skipFocus?: boolean;
     version?: '1.0' | '2.0';
+    textControl?: boolean;
 }
-export declare const Input: {
-    (props: InputProps): JSX.Element;
-    displayName: string;
-};
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement | null>>;

package/dist/esm/components/input/Input.js

@@ -1 +1 @@
-import{jsxs as e,jsx as n,Fragment as t}from"react/jsx-runtime";import{useState as i,useContext as r,useRef as l,useEffect as o}from"react";import{Button as a}from"../button/Button.js";import{isFunction as s,validateInput as c}from"./Input-helper.js";import{BodySecondary as u}from"../TypographyStyle.js";import d from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as v}from"./context/InputStyleProvider.js";import{RootContainer as h,InputFooter as p,InputWrapper as g,IconHolder as m,PrefixHolder as f,InputContainer as x,InputContainerSmall as b,SuffixHolder as y,InputHeader as j,MaxCharStyle as C}from"./Input.styled.js";const I=I=>{var w,O,k,T,A;const{placeholder:L,leftIcon:z,rightIcon:B,labelText:D,maxCharLimit:F,isRequired:M,hintText:S,type:E,state:K,validate:R,variant:H,button:q,suffixText:N,prefixText:P,onChangeText:V,value:W,noErrorHint:G,reset:J,rangeValidation:Q,noKeyDownChange:U,version:X}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},I),Y=null==z?void 0:z.icon,Z=null==B?void 0:B.icon,[$,_]=i(!1),[ee,ne]=i(!1),[te,ie]=i(),re="small"===H?"18px":"22px",le=r(v),[oe,ae]=i(),se=l();o((()=>{ae(W)}),[W]),o((()=>{var e;se.current&&(null===(e=I.onReferenceInit)||void 0===e||e.call(I,se.current))}),[se]),o((()=>{J&&ae("")}),[J]),o((()=>{var e;ne(!!I.isActive),I.isActive&&(null===(e=se.current)||void 0===e||e.focus())}),[I.isActive]),o((()=>{ie(I.errorMessage)}),[I.errorMessage]),o((()=>{var e;_(!1),("invalid"===I.state||te)&&_(!0),"active"===I.state&&(null===(e=se.current)||void 0===e||e.focus())}),[I.state,te]),o((()=>{_(!!te)}),[te]);const ce=function(e){if(s(e)){for(var n=arguments.length,t=new Array(n>1?n-1:0),i=1;i<n;i++)t[i-1]=arguments[i];e(...t)}},ue=e=>{const n=F||("zip"===E?6:60);U||V(W||"",e),![8].includes(e.which)&&n>0&&e.target.value.length===n&&e.preventDefault()},de=e=>{const n=e.target.value;V(n,e),ae(n);const t=R||c;if(!t||!s(t))return;const[i,r]=t(n,E,Q);_(!i),ie(I.errorMessage?I.errorMessage:r)},ve=()=>{var i;return e(t,{children:["multiline"!==E&&n("input",{id:I.id,style:null!==(i=null==le?void 0:le.input)&&void 0!==i?i:{},ref:se,type:["phonenumber","zip","number"].includes(E)?"number":E,value:oe,onFocus:()=>(I.skipFocus||ne(!0),void ce(I.onFocus)),onBlur:e=>(e=>{var n;ne(!1),ce(null===(n=I.onBlur)||void 0===n?void 0:n.call(I,e))})(e),placeholder:L||"Enter here",onChange:de,onKeyDown:e=>ue(e)}),"multiline"===E&&n("textarea",{value:oe,ref:se,onFocus:()=>ne(!0),onBlur:()=>ne(!1),placeholder:L||"Enter here",onChange:de,onKeyDown:e=>ue(e),maxLength:F>0?F:void 0})]})};return e(h,Object.assign({width:I.width,height:I.height,state:K,type:E,style:null!==(w=null==le?void 0:le.RootContainer)&&void 0!==w?w:{}},{children:[!G&&(!!S||!!te)&&e(p,Object.assign({invalid:!!te},{children:[!!te&&n(d,{width:16,height:16}),te||S]})),e(g,Object.assign({variant:H,state:K,width:I.width,isActive:"active"===K||ee,isInvalid:$,style:null!==(O=null==le?void 0:le.InputWrapper)&&void 0!==O?O:{},version:X},{children:[!!Y&&n(m,Object.assign({variant:H,iconSize:re,onClick:()=>ce(null==z?void 0:z.callback),isLeft:!0,style:null!==(k=null==le?void 0:le.IconHolder)&&void 0!==k?k:{}},{children:n(Y,{})})),!!P&&n(f,Object.assign({variant:H},{children:P})),"default"===H&&n(x,{children:ve()}),"small"===H&&n(b,{children:ve()}),!!Z&&n(m,Object.assign({variant:H,iconSize:re,onClick:()=>ce(null==B?void 0:B.callback),isLeft:!1},{children:n(Z,{})})),!!N&&n(y,Object.assign({variant:H},{children:N})),q&&q.text&&n(a,{buttonText:q.text,onClick:()=>ce(null==q?void 0:q.onClick)})]})),(!!D||!!F)&&e(j,Object.assign({invalid:$},{children:[e(u,{children:[D,M?n("span",{children:"*"}):""]}),F>0&&e(C,{children:[null!==(A=null===(T=I.value)||void 0===T?void 0:T.length)&&void 0!==A?A:0,"/",F]})]}))]}))};I.displayName="Input";export{I as Input};
+import{jsxs as e,jsx as n,Fragment as t}from"react/jsx-runtime";import{forwardRef as i,useState as l,useContext as r,useRef as o,useEffect as a}from"react";import{Button as s}from"../button/Button.js";import{isFunction as c,validateInput as u}from"./Input-helper.js";import{BodySecondary as d}from"../TypographyStyle.js";import v from"../../assets/icons/errorInfo.svg.js";import{InputStyleContext as h}from"./context/InputStyleProvider.js";import{RootContainer as p,InputFooter as g,InputWrapper as m,IconHolder as f,PrefixHolder as x,InputContainer as b,InputContainerSmall as y,SuffixHolder as j,InputHeader as C,MaxCharStyle as I}from"./Input.styled.js";const w=i(((i,w)=>{var O,k,T,A,F;const{placeholder:L,leftIcon:z,rightIcon:B,labelText:D,maxCharLimit:M,isRequired:S,hintText:E,type:K,state:R,validate:H,variant:q,button:N,suffixText:P,prefixText:V,onChangeText:W,value:G,noErrorHint:J,reset:Q,rangeValidation:U,noKeyDownChange:X,version:Y}=Object.assign({maxCharLimit:0,type:"text",variant:"default"},i),Z=null==z?void 0:z.icon,$=null==B?void 0:B.icon,[_,ee]=l(!1),[ne,te]=l(!1),[ie,le]=l(),re="small"===q?"18px":"22px",oe=r(h),[ae,se]=l(),ce=o(null),ue=null!=w?w:ce;a((()=>{se(G)}),[G]),a((()=>{var e;ue.current&&(null===(e=i.onReferenceInit)||void 0===e||e.call(i,ue.current))}),[ue]),a((()=>{Q&&se("")}),[Q]),a((()=>{var e;te(!!i.isActive),i.isActive&&(null===(e=ue.current)||void 0===e||e.focus())}),[i.isActive]),a((()=>{le(i.errorMessage)}),[i.errorMessage]),a((()=>{var e;ee(!1),("invalid"===i.state||ie)&&ee(!0),"active"===i.state&&(null===(e=ue.current)||void 0===e||e.focus())}),[i.state,ie]),a((()=>{ee(!!ie)}),[ie]);const de=function(e){if(c(e)){for(var n=arguments.length,t=new Array(n>1?n-1:0),i=1;i<n;i++)t[i-1]=arguments[i];e(...t)}},ve=e=>{const n=M||("zip"===K?6:60);X||W(G||"",e),![8].includes(e.which)&&n>0&&e.target.value.length===n&&e.preventDefault()},he=e=>{const n=e.target.value;W(n,e),i.textControl||se(n);const t=H||u;if(!t||!c(t))return;const[l,r]=t(n,K,U);ee(!l),le(i.errorMessage?i.errorMessage:r)},pe=e=>{var n;i.skipFocus||te(!0),de(null===(n=i.onFocus)||void 0===n?void 0:n.call(i,e))},ge=e=>{var n;i.skipFocus||te(!1),de(null===(n=i.onBlur)||void 0===n?void 0:n.call(i,e))},me=()=>{var l;return e(t,{children:["multiline"!==K&&n("input",{id:i.id,style:null!==(l=null==oe?void 0:oe.input)&&void 0!==l?l:{},ref:ue,type:["phonenumber","zip","number"].includes(K)?"number":K,value:ae,onFocus:e=>pe(e),onBlur:e=>ge(e),placeholder:L||"Enter here",onChange:he,onKeyDown:e=>ve(e)}),"multiline"===K&&n("textarea",{value:ae,ref:ue,onFocus:e=>pe(e),onBlur:e=>ge(e),placeholder:L||"Enter here",onChange:he,onKeyDown:e=>ve(e),maxLength:M>0?M:void 0})]})};return e(p,Object.assign({width:i.width,height:i.height,state:R,type:K,style:null!==(O=null==oe?void 0:oe.RootContainer)&&void 0!==O?O:{}},{children:[!J&&(!!E||!!ie)&&e(g,Object.assign({invalid:!!ie},{children:[!!ie&&n(v,{width:16,height:16}),ie||E]})),e(m,Object.assign({variant:q,state:R,width:i.width,isActive:"active"===R||ne,isInvalid:_,style:null!==(k=null==oe?void 0:oe.InputWrapper)&&void 0!==k?k:{},version:Y},{children:[!!Z&&n(f,Object.assign({variant:q,iconSize:re,onClick:()=>de(null==z?void 0:z.callback),isLeft:!0,style:null!==(T=null==oe?void 0:oe.IconHolder)&&void 0!==T?T:{}},{children:n(Z,{})})),!!V&&n(x,Object.assign({variant:q},{children:V})),"default"===q&&n(b,{children:me()}),"small"===q&&n(y,{children:me()}),!!$&&n(f,Object.assign({variant:q,iconSize:re,onClick:()=>de(null==B?void 0:B.callback),isLeft:!1},{children:n($,{})})),!!P&&n(j,Object.assign({variant:q},{children:P})),N&&N.text&&n(s,{buttonText:N.text,onClick:()=>de(null==N?void 0:N.onClick)})]})),(!!D||!!M)&&e(C,Object.assign({invalid:_},{children:[e(d,{children:[D,S?n("span",{children:"*"}):""]}),M>0&&e(I,{children:[null!==(F=null===(A=i.value)||void 0===A?void 0:A.length)&&void 0!==F?F:0,"/",M]})]}))]}))}));w.displayName="Input";export{w as Input};

package/dist/esm/components/input-with-vars/InputWithVariables.d.ts

@@ -0,0 +1,10 @@
+import { SelectedVariable } from "../add-variableV2/types";
+export declare const InputWithVariables: (props: {
+    variablesList: any;
+    onChange: (val: SelectedVariable) => void;
+    addVarBoxRight: string;
+    allowMix: boolean;
+    prevVariable: SelectedVariable;
+    showHelp?: boolean | undefined;
+    onlyVariables?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/input-with-vars/InputWithVariables.js

@@ -0,0 +1,6 @@
+import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useRef as l,useState as r,useEffect as i}from"react";import{v4 as t}from"uuid";import o from"styled-components";import{Input as d}from"../input/Input.js";import{BodyCaption as s}from"../TypographyStyle.js";import{COLORS as n}from"../../constants/Theme.js";import c from"../../assets/icons/PlusIcon.js";import{AddVariableStyled as u}from"../add-variableV2/AddVariableBox.styled.js";import{AddVariableV2 as v}from"../add-variableV2/AddVariableV2.js";const p=o=>{const n=l(null),[p,b]=r(!1),[g]=r(t()),[h,V]=r(),[T,f]=r(o.prevVariable),[y,j]=r(!1),[x,w]=r(!1);return i((()=>{h&&h.actualValue&&(o.allowMix?f((e=>({actualValue:e.actualValue+h.actualValue,variableType:"string"}))):f((e=>({actualValue:h.actualValue,variableType:h.variableType,needsFetching:h.needsFetching}))))}),[h]),i((()=>{o.onChange(T)}),[T]),e(m,Object.assign({isVar:/^{{.*}}$/.test(T.actualValue)},{children:[a(d,{id:g,ref:n,skipFocus:!0,textControl:!0,isActive:p,value:T.actualValue,validate:e=>[!0,""],errorMessage:"",placeholder:"Add a value",onChangeText:function(e,a){o.onlyVariables||(o.allowMix?f({actualValue:e,variableType:"string"}):f({actualValue:e.replace(/{{.*}}/,""),variableType:"string"}))},onReferenceInit:()=>{},onFocus:e=>{var a;b(!0),w(!0),"Search..."!==(null===(a=e.relatedTarget)||void 0===a?void 0:a.placeholder)||y||j(!0)},onBlur:e=>{var a,l,r,i,t,o,d;"addVar"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||"varList"===(null===(l=e.relatedTarget)||void 0===l?void 0:l.id)||(null===(i=null===(r=e.relatedTarget)||void 0===r?void 0:r.className)||void 0===i?void 0:i.includes("exlualr0"))||(null===(o=null===(t=e.relatedTarget)||void 0===t?void 0:t.className)||void 0===o?void 0:o.includes("sc-dZoequ "))?(n.current&&n.current.focus(),b(!0)):"Search..."===(null===(d=e.relatedTarget)||void 0===d?void 0:d.placeholder)?b(!0):(b(!1),j(!1),w(!1))}}),e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[T.actualValue&&o.showHelp?a("div",Object.assign({style:{marginTop:4}},{children:a(s,{children:`This value is of type ${T.variableType}`})})):a("div",{}),x&&a(u,Object.assign({right:o.addVarBoxRight,id:"addVar",onClick:()=>{j(!y)}},{children:e("div",Object.assign({className:"add"},{children:[a(c,{color:"white"}),a("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]})),y&&a(v,{data:o.variablesList,showVariable:!0,setShowVariable:()=>{j(!1)},variableValue:h,setVariableValue:V,placeholder:"",pickerSize:"large",enableVariable:!0,selectWithTypes:!0,onSearchBlur:e=>{var a,l,r,i,t,o;"varList"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||(null===(r=null===(l=e.relatedTarget)||void 0===l?void 0:l.className)||void 0===r?void 0:r.includes("exlualr0"))||(null===(t=null===(i=e.relatedTarget)||void 0===i?void 0:i.className)||void 0===t?void 0:t.includes("sc-dZoequ "))?n.current.focus():"Enter here"===(null===(o=e.relatedTarget)||void 0===o?void 0:o.placeholder)?e.relatedTarget.id!==g&&(j(!1),w(!1),b(!1)):(j(!1),w(!1),b(!1))}})]}))},m=o.div`
+ margin-bottom: 32px;
+ input {
+    color: ${e=>e.isVar?n.stroke.brand:"black"}
+ }
+`;export{p as InputWithVariables};

package/dist/esm/components/input-with-vars/index.d.ts

@@ -0,0 +1 @@
+export * from './InputWithVariables';

package/dist/esm/components/keywords-input/KeywordsInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const KeywordsInput: (props: {
     keywords: string[];
     onDeleteKeyword: (name: string) => void;
@@ -8,4 +7,4 @@ export declare const KeywordsInput: (props: {
     errorMessage?: string | undefined;
     hint?: string | undefined;
     width?: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;