@bikdotai/bik-component-library 0.0.111-beta.analytics.3 → 0.0.111-beta.analytics.5

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import I from"@emotion/styled/base";import{createElement as g}from"react";import{jsxs as C,jsx as c,Fragment as A}from"react/jsx-runtime";import{COLORS as l}from"../../constants/Theme.js";import{TitleRegular as b}from"../TypographyStyle.js";import{AnalyticsTrend as e}from"./AnalyticsTrend.js";function i(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const n=I("div","production"===process.env.NODE_ENV?{target:"e1bel8cf1"}:{target:"e1bel8cf1",label:"TrendContainer"})("production"===process.env.NODE_ENV?{name:"mb54ri",styles:"display:flex;flex-direction:row;flex-wrap:wrap;row-gap:32px"}:{name:"mb54ri",styles:"display:flex;flex-direction:row;flex-wrap:wrap;row-gap:32px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWtDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlUmVndWxhciB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcblxuXHRyb3ctZ2FwOiAzMnB4O1xuYDtcclxuY29uc3QgQnJlYWsgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1iYXNpczogMTAwJTtcblx0aGVpZ2h0OiAwO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc01ldHJpYyA9ICh7IHRpdGxlLCB0cmVuZHMsIFJpZ2h0SGVhZGVyQ29tcG9uZW50IH0pID0+IHtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgIHBhZGRpbmdUb3A6IDI0LFxyXG4gICAgICAgICAgICBwYWRkaW5nQm90dG9tOiAyNCxcclxuICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcclxuICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFRpdGxlUmVndWxhciwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0xlZnQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdCb3R0b206IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdGl0bGUgfSkpKSwgUmlnaHRIZWFkZXJDb21wb25lbnRdIH0pKSwgX2pzeChUcmVuZENvbnRhaW5lciwgeyBjaGlsZHJlbjogdHJlbmRzLm1hcCgodHJlbmQsIGkpID0+IChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXg6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg6ICczMy4zMyUnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfY3JlYXRlRWxlbWVudChBbmFseXRpY3NUcmVuZCwgT2JqZWN0LmFzc2lnbih7fSwgdHJlbmQsIHsga2V5OiBpLCBjYXJkOiBmYWxzZSwgcmlnaHRTZXBhcmF0b3I6ICEoaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEpICYmIChpICsgMSkgJSA0ICE9PSAwLCBzaXplOiBcInNtYWxsXCIgfSkpIH0pKSwgKGkgKyAxKSAlIDQgPT09IDAgJiYgX2pzeChCcmVhaywge30pXSB9KSkpIH0pXSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmFseXRpY3NNZXRyaWMuanMubWFwIl19 */",toString:i}),d=I("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"Break"})("production"===process.env.NODE_ENV?{name:"1f76xva",styles:"flex-basis:100%;height:0"}:{name:"1f76xva",styles:"flex-basis:100%;height:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlCIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlUmVndWxhciB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcblxuXHRyb3ctZ2FwOiAzMnB4O1xuYDtcclxuY29uc3QgQnJlYWsgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1iYXNpczogMTAwJTtcblx0aGVpZ2h0OiAwO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc01ldHJpYyA9ICh7IHRpdGxlLCB0cmVuZHMsIFJpZ2h0SGVhZGVyQ29tcG9uZW50IH0pID0+IHtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgIHBhZGRpbmdUb3A6IDI0LFxyXG4gICAgICAgICAgICBwYWRkaW5nQm90dG9tOiAyNCxcclxuICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcclxuICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFRpdGxlUmVndWxhciwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0xlZnQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdCb3R0b206IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdGl0bGUgfSkpKSwgUmlnaHRIZWFkZXJDb21wb25lbnRdIH0pKSwgX2pzeChUcmVuZENvbnRhaW5lciwgeyBjaGlsZHJlbjogdHJlbmRzLm1hcCgodHJlbmQsIGkpID0+IChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXg6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg6ICczMy4zMyUnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfY3JlYXRlRWxlbWVudChBbmFseXRpY3NUcmVuZCwgT2JqZWN0LmFzc2lnbih7fSwgdHJlbmQsIHsga2V5OiBpLCBjYXJkOiBmYWxzZSwgcmlnaHRTZXBhcmF0b3I6ICEoaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEpICYmIChpICsgMSkgJSA0ICE9PSAwLCBzaXplOiBcInNtYWxsXCIgfSkpIH0pKSwgKGkgKyAxKSAlIDQgPT09IDAgJiYgX2pzeChCcmVhaywge30pXSB9KSkpIH0pXSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmFseXRpY3NNZXRyaWMuanMubWFwIl19 */",toString:i}),t=I=>{let{title:i,trends:t,RightHeaderComponent:m}=I;return C("div",Object.assign({style:{paddingTop:24,paddingBottom:24}},{children:[C("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[i&&c(b,Object.assign({style:{color:l.content.secondary,paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:i})),m]})),c(n,{children:t.map(((I,l)=>C(A,{children:[c("div",Object.assign({style:{flex:1,maxWidth:"33.33%"}},{children:g(e,Object.assign({},I,{key:l,card:!1,rightSeparator:!(l===t.length-1)&&(l+1)%4!=0,size:"small"}))})),(l+1)%4==0&&c(d,{})]})))})]}))};export{t as AnalyticsMetric};
+import I from"@emotion/styled/base";import{createElement as g}from"react";import{jsxs as C,jsx as A,Fragment as c}from"react/jsx-runtime";import{COLORS as l}from"../../constants/Theme.js";import{TitleRegular as d}from"../TypographyStyle.js";import{AnalyticsTrend as b}from"./AnalyticsTrend.js";function e(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const i=I("div","production"===process.env.NODE_ENV?{target:"e1bel8cf1"}:{target:"e1bel8cf1",label:"TrendContainer"})("production"===process.env.NODE_ENV?{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap"}:{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWtDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlUmVndWxhciB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmNvbnN0IEJyZWFrID0gc3R5bGVkLmRpdiBgXG5cdGZsZXgtYmFzaXM6IDEwMCU7XG5cdGhlaWdodDogMDtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNZXRyaWMgPSAoeyB0aXRsZSwgdHJlbmRzLCBSaWdodEhlYWRlckNvbXBvbmVudCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICBwYWRkaW5nVG9wOiAyNCxcclxuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogMjQsXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFt0aXRsZSAmJiAoX2pzeChUaXRsZVJlZ3VsYXIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiA4LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSksIFJpZ2h0SGVhZGVyQ29tcG9uZW50XSB9KSksIF9qc3goVHJlbmRDb250YWluZXIsIHsgY2hpbGRyZW46IHRyZW5kcy5tYXAoKHRyZW5kLCBpKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmxleDogMSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg6ICczMy4zMyUnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2NyZWF0ZUVsZW1lbnQoQW5hbHl0aWNzVHJlbmQsIE9iamVjdC5hc3NpZ24oe30sIHRyZW5kLCB7IGtleTogaSwgY2FyZDogZmFsc2UsIHJpZ2h0U2VwYXJhdG9yOiAhKGkgPT09IHRyZW5kcy5sZW5ndGggLSAxKSAmJiAoaSArIDEpICUgNCAhPT0gMCwgc2l6ZTogKF9hID0gdHJlbmQuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ3NtYWxsJyB9KSkgfSkpLCB0cmVuZHMubGVuZ3RoID4gNCAmJiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbKGkgKyAxKSAlIDMgPT09IDAgJiYgdHJlbmRzLmxlbmd0aCA8PSA2ICYmIChfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEgPyAwIDogMzIgfSB9KSksIChpICsgMSkgJSA0ID09PSAwICYmIHRyZW5kcy5sZW5ndGggPiA2ICYmIChfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEgPyAwIDogMzIgfSB9KSldIH0pKV0gfSkpO1xyXG4gICAgICAgICAgICAgICAgfSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",toString:e}),Z=I("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"Break"})("production"===process.env.NODE_ENV?{name:"1f76xva",styles:"flex-basis:100%;height:0"}:{name:"1f76xva",styles:"flex-basis:100%;height:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3lCIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlUmVndWxhciB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmNvbnN0IEJyZWFrID0gc3R5bGVkLmRpdiBgXG5cdGZsZXgtYmFzaXM6IDEwMCU7XG5cdGhlaWdodDogMDtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNZXRyaWMgPSAoeyB0aXRsZSwgdHJlbmRzLCBSaWdodEhlYWRlckNvbXBvbmVudCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICBwYWRkaW5nVG9wOiAyNCxcclxuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogMjQsXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFt0aXRsZSAmJiAoX2pzeChUaXRsZVJlZ3VsYXIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiA4LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSksIFJpZ2h0SGVhZGVyQ29tcG9uZW50XSB9KSksIF9qc3goVHJlbmRDb250YWluZXIsIHsgY2hpbGRyZW46IHRyZW5kcy5tYXAoKHRyZW5kLCBpKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZmxleDogMSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg6ICczMy4zMyUnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2NyZWF0ZUVsZW1lbnQoQW5hbHl0aWNzVHJlbmQsIE9iamVjdC5hc3NpZ24oe30sIHRyZW5kLCB7IGtleTogaSwgY2FyZDogZmFsc2UsIHJpZ2h0U2VwYXJhdG9yOiAhKGkgPT09IHRyZW5kcy5sZW5ndGggLSAxKSAmJiAoaSArIDEpICUgNCAhPT0gMCwgc2l6ZTogKF9hID0gdHJlbmQuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ3NtYWxsJyB9KSkgfSkpLCB0cmVuZHMubGVuZ3RoID4gNCAmJiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbKGkgKyAxKSAlIDMgPT09IDAgJiYgdHJlbmRzLmxlbmd0aCA8PSA2ICYmIChfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEgPyAwIDogMzIgfSB9KSksIChpICsgMSkgJSA0ID09PSAwICYmIHRyZW5kcy5sZW5ndGggPiA2ICYmIChfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEgPyAwIDogMzIgfSB9KSldIH0pKV0gfSkpO1xyXG4gICAgICAgICAgICAgICAgfSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",toString:e}),t=I=>{let{title:e,trends:t,RightHeaderComponent:y}=I;return C("div",Object.assign({style:{paddingTop:24,paddingBottom:24}},{children:[C("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[e&&A(d,Object.assign({style:{color:l.content.secondary,paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:e})),y]})),A(i,{children:t.map(((I,l)=>{var d;return C(c,{children:[A("div",Object.assign({style:{flex:1,maxWidth:"33.33%"}},{children:g(b,Object.assign({},I,{key:l,card:!1,rightSeparator:!(l===t.length-1)&&(l+1)%4!=0,size:null!==(d=I.size)&&void 0!==d?d:"small"}))})),t.length>4&&C(c,{children:[(l+1)%3==0&&t.length<=6&&A(Z,{style:{marginTop:l===t.length-1?0:32}}),(l+1)%4==0&&t.length>6&&A(Z,{style:{marginTop:l===t.length-1?0:32}})]})]})}))})]}))};export{t as AnalyticsMetric};

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

@@ -1,9 +1,8 @@
 import React from 'react';
 export interface AnalyticsTrendInterface {
     title: string;
-    value?: string;
+    value?: number;
     trendPercent: number;
-    trendDirection: 'positive' | 'negative' | 'neutral';
     timeline: 'today' | 'yesterday' | '7 days' | '30 days' | 'custom';
     customRange?: Date[];
     type?: 'vertical' | 'horizontal';

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import r from"../../assets/icons/arrow_down.svg.js";import o from"../../assets/icons/arrow_up.svg.js";import n from"../../assets/icons/info.svg.js";import{Tag as s}from"../tag/Tag.js";import{getFormattedMonthDate as a}from"../template-context-mapper/utils/getFormattedMonthDate.js";import{Tooltip as c}from"../tooltips/Tooltip.js";import{BodySecondary as l,TitleSmall as d,Caption as g,TitleLarge as m,TitleMedium as p}from"../TypographyStyle.js";import{AnalyticsTrendContainer as h}from"./CommonStyles.js";const y=r=>{let{title:o,value:a,trendDirection:d,trendPercent:g,type:y="horizontal",timeline:b,customRange:f,tooltip:j,card:u=!0,rightSeparator:x=!1,size:O="big",share:w=!1}=r;const R="big"===O?m:p;return e(h,Object.assign({card:u},{children:t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4,borderRightWidth:x?1:0,borderRightColor:i.stroke.primary,borderRightStyle:"solid",paddingLeft:u?0:24,paddingRight:u?0:24}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e(l,Object.assign({style:{color:i.content.secondary}},{children:o})),j&&e(c,Object.assign({body:j,placement:"right",width:300},{children:e("div",{children:e(n,{color:i.content.inactive,height:16,width:16})})}))]})),t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},w?{justifyContent:"space-between"}:{})},{children:[e(R,Object.assign({style:{color:i.content.primary}},{children:void 0===a?"--":a})),"horizontal"===y&&!w&&e(v,{timeline:b,customRange:f,percent:g,direction:d}),w&&e(s,{tagText:`${g} %`,theme:"light",type:"neutral"})]})),"vertical"===y&&!w&&e("div",Object.assign({style:{marginTop:12}},{children:e(v,{timeline:b,customRange:f,percent:g,direction:d})}))]}))}))},v=n=>{let{percent:s,direction:c,timeline:l,customRange:m}=n;const p="negative"===c?r:o,h="negative"===c?i.background.negative.vibrant:"positive"===c?i.background.positive.vibrant:i.content.placeholder,y="today"===l?"vs yesterday":"yesterday"===l?"vs 1 day before":"7 days"===l?"vs last 7 days":"30 days"===l?"vs last 30 days":"custom"===l&&m?`vs ${a(m[0])} - ${a(m[1])}`:"";return t("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row"}},{children:[e(p,{color:h,height:20,width:20,style:{marginRight:2}}),t(d,Object.assign({style:{color:h}},{children:["neutral"===c?0:s,"%"]})),e(g,Object.assign({style:{marginLeft:4,color:i.content.placeholder}},{children:y}))]}))};export{y as AnalyticsTrend};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import r from"../../assets/icons/arrow_down.svg.js";import o from"../../assets/icons/arrow_up.svg.js";import n from"../../assets/icons/info.svg.js";import{Tag as s}from"../tag/Tag.js";import{getFormattedMonthDate as a}from"../template-context-mapper/utils/getFormattedMonthDate.js";import{Tooltip as l}from"../tooltips/Tooltip.js";import{BodySecondary as c,TitleSmall as d,Caption as g,TitleLarge as m,TitleMedium as p}from"../TypographyStyle.js";import{AnalyticsTrendContainer as h}from"./CommonStyles.js";const y=r=>{let{title:o,value:a,trendPercent:d,type:g="horizontal",timeline:y,customRange:b,tooltip:f,card:j=!0,rightSeparator:u=!1,size:x="big",share:O=!1}=r;const w="big"===x?m:p,R=void 0!==a?a<0?"negative":0===a?"neutral":"positive":"neutral";return e(h,Object.assign({card:j},{children:t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4,borderRightWidth:u?1:0,borderRightColor:i.stroke.primary,borderRightStyle:"solid",paddingLeft:j?0:24,paddingRight:j?0:24}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e(c,Object.assign({style:{color:i.content.secondary}},{children:o})),f&&e(l,Object.assign({body:f,placement:"right",width:300},{children:e("div",{children:e(n,{color:i.content.inactive,height:16,width:16})})}))]})),t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},O?{justifyContent:"space-between"}:{})},{children:[e(w,Object.assign({style:{color:i.content.primary}},{children:void 0===a?"--":new Intl.NumberFormat("en-IN",{}).format(a)})),"horizontal"===g&&!O&&e(v,{timeline:y,customRange:b,percent:d,direction:R}),O&&e(s,{tagText:`${d} %`,theme:"light",type:"neutral"})]})),"vertical"===g&&!O&&e("div",Object.assign({style:{marginTop:12}},{children:e(v,{timeline:y,customRange:b,percent:d,direction:R})}))]}))}))},v=n=>{let{percent:s,direction:l,timeline:c,customRange:m}=n;const p="negative"===l?r:o,h="negative"===l?i.background.negative.vibrant:"positive"===l?i.background.positive.vibrant:i.content.placeholder,y="today"===c?"vs yesterday":"yesterday"===c?"vs 1 day before":"7 days"===c?"vs last 7 days":"30 days"===c?"vs last 30 days":"custom"===c&&m?`vs ${a(m[0])} - ${a(m[1])}`:"";return t("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row"}},{children:[e(p,{color:h,height:20,width:20,style:{marginRight:2}}),t(d,Object.assign({style:{color:h}},{children:["neutral"===l?0:s,"%"]})),e(g,Object.assign({style:{marginLeft:4,color:i.content.placeholder}},{children:y}))]}))};export{y as AnalyticsTrend};

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

@@ -1 +1 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Chart as e,CategoryScale as i,LinearScale as r,BarElement as a,Tooltip as n}from"chart.js";import{Bar as l}from"react-chartjs-2";import{TitleRegular as s}from"../../../TypographyStyle.js";import{FONTS as c,COLORS as d}from"../../../../constants/Theme.js";import{GraphContainerWrapper as p}from"./HorizontalGraph.styles.js";e.register(i,r,a,n);const g=e=>{var i,r,a,n;const g=-1===e.xAxis.data.findIndex((t=>0!==t)),x={indexAxis:"y",elements:{},responsive:!0,plugins:{legend:{display:!1}},scales:{y:{title:{display:!!e.yAxis.title,text:e.yAxis.title,color:e.yAxis.titleColor,font:{size:c.caption.fontSize,color:e.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:"white"},ticks:{fontSize:c.caption.fontSize,color:null!==(i=e.yAxis.labelColor)&&void 0!==i?i:d.content.secondary}},x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:c.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:d.background.base},ticks:Object.assign({fontSize:c.caption.fontSize,color:null!==(r=e.xAxis.labelColor)&&void 0!==r?r:d.content.secondary},g?{min:0,max:2e3,stepSize:200}:{})}},maintainAspectRatio:!1},b={labels:g?["-","-","-","-","-","-"]:e.yAxis.data,datasets:[{data:g?[250,1e3,800,1500,300,600]:e.xAxis.data,backgroundColor:t=>(t=>{var o;const i=t.chart.ctx.createLinearGradient(0,0,0,200);let r="";if(g)r="rgba(0,0,0,0)";else if(e.barColorRGBA){const t=e.barColorRGBA;r=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(o=t.a)&&void 0!==o?o:"0.3"})`}return i.addColorStop(0,r||"rgba(146, 96, 237, 0.3)"),i.addColorStop(1,r||"rgba(146, 96, 237, 0.3)"),i})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(p,{children:[e.chartHeading&&o(s,Object.assign({color:null!==(a=e.chartHeading.color)&&void 0!==a?a:d.content.secondary},{children:e.chartHeading.heading})),o("div",Object.assign({style:{height:null!==(n=e.graphCanvasHeight)&&void 0!==n?n:500}},{children:o(l,{options:x,data:b})}))]})};export{g as HorizontalGraph};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Chart as e,CategoryScale as i,LinearScale as r,BarElement as a,Tooltip as n}from"chart.js";import{Bar as l}from"react-chartjs-2";import{TitleRegular as s}from"../../../TypographyStyle.js";import{FONTS as c,COLORS as d}from"../../../../constants/Theme.js";import{GraphContainerWrapper as p}from"./HorizontalGraph.styles.js";e.register(i,r,a,n);const g=e=>{var i,r,a,n;const g=-1===e.xAxis.data.findIndex((t=>0!==t)),x={indexAxis:"y",elements:{},responsive:!0,plugins:{legend:{display:!1}},scales:{y:{title:{display:!!e.yAxis.title,text:e.yAxis.title,color:e.yAxis.titleColor,font:{size:c.caption.fontSize,color:e.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:"white"},ticks:{fontSize:c.caption.fontSize,color:null!==(i=e.yAxis.labelColor)&&void 0!==i?i:d.content.secondary}},x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:c.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:d.background.base},ticks:Object.assign({fontSize:c.caption.fontSize,color:null!==(r=e.xAxis.labelColor)&&void 0!==r?r:d.content.secondary},g?{min:0,max:2e3,stepSize:200}:{})}},maintainAspectRatio:!1},b={labels:g?["-","-","-","-","-","-"]:e.yAxis.data.map((t=>t.toString())),datasets:[{data:g?[250,1e3,800,1500,300,600]:e.xAxis.data,backgroundColor:t=>(t=>{var o;const i=t.chart.ctx.createLinearGradient(0,0,0,200);let r="";if(g)r="rgba(0,0,0,0)";else if(e.barColorRGBA){const t=e.barColorRGBA;r=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(o=t.a)&&void 0!==o?o:"0.3"})`}return i.addColorStop(0,r||"rgba(146, 96, 237, 0.3)"),i.addColorStop(1,r||"rgba(146, 96, 237, 0.3)"),i})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(p,{children:[e.chartHeading&&o(s,Object.assign({color:null!==(a=e.chartHeading.color)&&void 0!==a?a:d.content.secondary},{children:e.chartHeading.heading})),o("div",Object.assign({style:{height:null!==(n=e.graphCanvasHeight)&&void 0!==n?n:500}},{children:o(l,{options:x,data:b})}))]})};export{g as HorizontalGraph};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/{LineChart.d.ts → LineChart/LineChart.d.ts}

@@ -1,5 +1,6 @@
 import React from 'react';
 export type LineChartProps = {
+    canvasHeight?: number;
     maintainAspectRatio?: boolean;
     datas: {
         data: number[];

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

@@ -0,0 +1 @@
+import{jsxs as t,jsx as o,Fragment as e}from"react/jsx-runtime";import{Chart as r,CategoryScale as l,LinearScale as i,PointElement as n,BarElement as a,LineElement as d,ArcElement as s,Filler as c,Title as p,Tooltip as u,Legend as g}from"chart.js";import{useState as m,useRef as y,useEffect as v}from"react";import{Line as b}from"react-chartjs-2";import{SmallRegular as h}from"../../../TypographyStyle.js";import{COLORS as f}from"../../../../constants/Theme.js";import{LegendWrapper as x,LegendContainer as C,LegendColor as k}from"./LineChart.styled.js";r.register(l,i,n,a,d,s,c,p,u,g);const j=r=>{let{scaleText:l,labels:i,canvasHeight:n,datas:a,maintainAspectRatio:d=!1}=r;var s;const[c,p]=m(null),u=y();v((()=>{var t,o,e,r;if(null===(r=null===(e=null===(o=null===(t=u.current)||void 0===t?void 0:t.scales)||void 0===o?void 0:o.y)||void 0===e?void 0:e.ticks)||void 0===r?void 0:r.length){const t=38*u.current.scales.y.ticks.length;p(t)}}),[u]);const g=a.map((t=>({text:t.legend,color:t.lineColor?t.lineColor:t.dotted?f.content.placeholder:f.background.brand})));return t("div",Object.assign({style:Object.assign(Object.assign({},d?{}:{height:null!==(s=null!=n?n:c)&&void 0!==s?s:204}),{display:"flex",flexDirection:"column",gap:2})},{children:[o(x,{children:g.map(((r,l)=>{let{text:i,color:n}=r;return i?t(C,{children:[o(k,{color:n}),o(h,Object.assign({color:"#667085"},{children:i}))]},l):o(e,{})}))}),o(b,{ref:u,options:{maintainAspectRatio:d,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:!1,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>f.content.primaryInverse,backgroundColor:f.content.primary,callbacks:{labelTextColor:()=>f.content.primaryInverse},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,ticks:{color:f.content.secondary,callback:t=>{var o;return`${null!==(o=null==l?void 0:l.yPrefix)&&void 0!==o?o:""}${t}`},font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==l?void 0:l.y),text:null==l?void 0:l.y},grid:{color:f.background.base}},x:{ticks:{color:f.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==l?void 0:l.x),text:null==l?void 0:l.x},grid:{display:!1,drawBorder:!1}}}},data:{labels:i,datasets:a.map(((t,o)=>{var e;return{tension:.4,fill:t.gradient?"start":0,pointRadius:1,borderDash:t.dotted?[8,3]:void 0,data:t.data,borderWidth:2,borderColor:t.lineColor?t.lineColor:t.dotted?f.content.placeholder:f.background.brand,backgroundColor:t.gradient?t=>{const o=t.chart.ctx.createLinearGradient(0,0,0,c?c-75:150);return o.addColorStop(0,"#F1EEFB"),o.addColorStop(1,"rgba(127, 86, 217, 0)"),o}:null!==(e=t.backgroundColor)&&void 0!==e?e:"transparent"}}))}})]}))};export{j as LineChart};

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

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";function l(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const e=c("div","production"===process.env.NODE_ENV?{target:"eyesbkg2"}:{target:"eyesbkg2",label:"LegendContainer"})("production"===process.env.NODE_ENV?{name:"nqbxsj",styles:"display:flex;flex-direction:row;gap:8px;align-items:center"}:{name:"nqbxsj",styles:"display:flex;flex-direction:row;gap:8px;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVDaGFydC5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQzBDIiwiZmlsZSI6IkxpbmVDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29sb3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDhweDtcblx0aGVpZ2h0OiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lQ2hhcnQuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:l}),d=c("div","production"===process.env.NODE_ENV?{target:"eyesbkg1"}:{target:"eyesbkg1",label:"LegendColor"})("width:8px;height:8px;border-radius:4px;background:",(c=>c.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVDaGFydC5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3NDIiwiZmlsZSI6IkxpbmVDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29sb3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDhweDtcblx0aGVpZ2h0OiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lQ2hhcnQuc3R5bGVkLmpzLm1hcCJdfQ== */")),b=c("div","production"===process.env.NODE_ENV?{target:"eyesbkg0"}:{target:"eyesbkg0",label:"LegendWrapper"})("production"===process.env.NODE_ENV?{name:"15bc8n4",styles:"display:flex;flex-direction:row;gap:12px;justify-content:end"}:{name:"15bc8n4",styles:"display:flex;flex-direction:row;gap:12px;justify-content:end",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVDaGFydC5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXdDIiwiZmlsZSI6IkxpbmVDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29sb3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDhweDtcblx0aGVpZ2h0OiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lQ2hhcnQuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:l});export{d as LegendColor,e as LegendContainer,b as LegendWrapper};

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) => import("react/jsx-runtime").JSX.Element;
+export declare const Card: (props: any) => JSX.Element;
 export declare const PieChartAnalytics: React.FC<PieChartInputData>;

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

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

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

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Chart as o,CategoryScale as i,LinearScale as a,BarElement as r,Tooltip as s,Legend as n}from"chart.js";import{Bar as l}from"react-chartjs-2";import{TitleRegular as c}from"../../../TypographyStyle.js";import{FONTS as d,COLORS as p}from"../../../../constants/Theme.js";import{GraphContainerWrapper as g}from"./StackedBarChart.styles.js";o.register(i,a,r,s,n);const y=o=>{var i,a,r,s;const n=0===o.yAxis.data.length,y=["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],m={barPercentage:.4,categoryPercentage:1,borderRadius:{topLeft:4,topRight:4},pointStyle:"circle"},b={};o.yAxis.data.map((t=>{t.map((t=>{b[t.name]?b[t.name].push(t.value):b[t.name]=[t.value]}))}));const x=Object.keys(b).map(((t,e)=>Object.assign({label:t,data:b[t],backgroundColor:y[e]},m))),h={plugins:{legend:{display:!n,labels:{usePointStyle:!0,fontSize:2}}},responsive:!0,maintainAspectRatio:!1,legend:{display:!0,labels:{usePointStyle:!0}},scales:{x:{title:{display:!!o.xAxis.title,text:o.xAxis.title,color:o.xAxis.titleColor,font:{size:d.caption.fontSize}},grid:{display:!1,borderColor:p.background.base},ticks:{fontSize:d.caption.fontSize,color:null!==(i=o.yAxis.labelColor)&&void 0!==i?i:p.content.secondary},stacked:!0},y:{title:{display:!!o.yAxis.title,text:o.yAxis.title,color:o.yAxis.titleColor,font:{size:d.caption.fontSize}},grid:{borderColor:"white",color:p.background.base},ticks:Object.assign({fontSize:d.caption.fontSize,color:null!==(a=o.xAxis.labelColor)&&void 0!==a?a:p.content.secondary},n?{min:0,max:2e3,stepSize:200}:{}),stacked:!0}}},u={labels:n?["-","-","-","-","-","-"]:o.xAxis.data,datasets:n?[{data:[250,1e3,800,1500,300,600],backgroundColor:"rgba(0,0,0,0)"}]:x};return t(g,{children:[o.chartHeading&&e("div",Object.assign({style:{marginBottom:24}},{children:e(c,Object.assign({color:null!==(r=o.chartHeading.color)&&void 0!==r?r:p.content.secondary},{children:o.chartHeading.heading}))})),e("div",Object.assign({style:{height:null!==(s=o.graphCanvasHeight)&&void 0!==s?s:500}},{children:e(l,{options:h,data:u})}))]})};export{y as StackedBarChart};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Chart as o,CategoryScale as a,LinearScale as i,BarElement as r,Tooltip as s,Legend as n}from"chart.js";import{Bar as l}from"react-chartjs-2";import{TitleRegular as c}from"../../../TypographyStyle.js";import{FONTS as d,COLORS as p}from"../../../../constants/Theme.js";import{GraphContainerWrapper as g}from"./StackedBarChart.styles.js";o.register(a,i,r,s,n);const m=o=>{var a,i,r,s;const n=0===o.yAxis.data.length,m=["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],y={barPercentage:.4,categoryPercentage:1,borderRadius:{topLeft:4,topRight:4},pointStyle:"circle"},b={};o.yAxis.data.map((t=>{t.map((t=>{b[t.name]?b[t.name].push(t.value):b[t.name]=[t.value]}))}));const x=Object.keys(b).map(((t,e)=>Object.assign({label:t,data:b[t],backgroundColor:m[e]},y))),h={plugins:{legend:{display:!n,labels:{usePointStyle:!0,fontSize:2}}},responsive:!0,maintainAspectRatio:!1,legend:{display:!0,labels:{usePointStyle:!0}},scales:{x:{title:{display:!!o.xAxis.title,text:o.xAxis.title,color:o.xAxis.titleColor,font:{size:d.caption.fontSize}},grid:{display:!1,borderColor:p.background.base},ticks:{fontSize:d.caption.fontSize,color:null!==(a=o.yAxis.labelColor)&&void 0!==a?a:p.content.secondary},stacked:!0},y:{title:{display:!!o.yAxis.title,text:o.yAxis.title,color:o.yAxis.titleColor,font:{size:d.caption.fontSize}},grid:{borderColor:"white",color:p.background.base},ticks:Object.assign({fontSize:d.caption.fontSize,color:null!==(i=o.xAxis.labelColor)&&void 0!==i?i:p.content.secondary},n?{min:0,max:2e3,stepSize:200}:{}),stacked:!0}}},f={labels:n?["-","-","-","-","-","-"]:o.xAxis.data.map((t=>"string"==typeof t?t:t.name)),datasets:n?[{data:[250,1e3,800,1500,300,600],backgroundColor:"rgba(0,0,0,0)"}]:x};return t(g,{children:[o.chartHeading&&e("div",Object.assign({style:{marginBottom:24}},{children:e(c,Object.assign({color:null!==(r=o.chartHeading.color)&&void 0!==r?r:p.content.secondary},{children:o.chartHeading.heading}))})),e("div",Object.assign({style:{height:null!==(s=o.graphCanvasHeight)&&void 0!==s?s:500}},{children:e(l,{options:h,data:f})}))]})};export{m as StackedBarChart};

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

@@ -1,4 +1,5 @@
-import o from"styled-components";import{COLORS as r}from"../../../../constants/Theme.js";const t=o.div`
+import o from"styled-components";import{COLORS as r}from"../../../../constants/Theme.js";const n=o.div`
 	background-color: ${r.surface.standard};
 	padding: 24px;
-`;export{t as GraphContainerWrapper};
+	border: none;
+`;export{n as GraphContainerWrapper};

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

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Chart as o,CategoryScale as i,LinearScale as r,BarElement as a,Tooltip as n}from"chart.js";import{Bar as s}from"react-chartjs-2";import{TitleRegular as l}from"../../../TypographyStyle.js";import{FONTS as c,COLORS as d}from"../../../../constants/Theme.js";import{GraphContainerWrapper as g}from"./VerticalGraph.styles.js";o.register(i,r,a,n);const x=o=>{var i,r,a,n;const x=-1===o.yAxis.data.findIndex((t=>0!==t)),p={responsive:!0,plugins:{legend:{display:!1}},scales:{x:{title:{display:!!o.xAxis.title,text:o.xAxis.title,color:o.xAxis.titleColor,font:{size:c.caption.fontSize}},grid:{display:!1,borderColor:d.background.base},ticks:{fontSize:c.caption.fontSize,color:null!==(i=o.yAxis.labelColor)&&void 0!==i?i:d.content.secondary}},y:{title:{display:!!o.yAxis.title,text:o.yAxis.title,color:o.yAxis.titleColor,font:{size:c.caption.fontSize}},grid:{borderColor:"white",color:d.background.base},ticks:Object.assign({fontSize:c.caption.fontSize,color:null!==(r=o.xAxis.labelColor)&&void 0!==r?r:d.content.secondary},x?{min:0,max:2e3,stepSize:200}:{})}},maintainAspectRatio:!1},b={labels:x?["-","-","-","-","-","-"]:o.xAxis.data,datasets:[{data:x?[250,1e3,800,1500,300,600]:o.yAxis.data,backgroundColor:t=>{var e;const i=o.barColorRGBA;let r=[];const a=o.xAxis.data.length;if(x)return"rgba(0,0,0,0)";if(o.isFunnel){let t=+(a>10?.1:(1/a).toFixed(2));const e=`rgba(${i.r}, ${i.g}, ${i.b}`;for(let o=1;o<a+1;o++){let i="";o>10?i=`${e},1)`:(i=`${e},${t})`,t+=.1),r.push(i)}}else{const t=`rgba(${i.r}, ${i.g}, ${i.b}, ${null!==(e=i.a)&&void 0!==e?e:"1"})`;r=Array(a).fill(t)}return r},barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(g,{children:[o.chartHeading&&e("div",Object.assign({style:{marginBottom:24}},{children:e(l,Object.assign({color:null!==(a=o.chartHeading.color)&&void 0!==a?a:d.content.secondary},{children:o.chartHeading.heading}))})),e("div",Object.assign({style:{height:null!==(n=o.graphCanvasHeight)&&void 0!==n?n:500}},{children:e(s,{options:p,data:b})}))]})};export{x as VerticalGraph};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Chart as o,CategoryScale as i,LinearScale as r,BarElement as a,Tooltip as n}from"chart.js";import{Bar as s}from"react-chartjs-2";import{TitleRegular as l}from"../../../TypographyStyle.js";import{FONTS as c,COLORS as d}from"../../../../constants/Theme.js";import{GraphContainerWrapper as g}from"./VerticalGraph.styles.js";o.register(i,r,a,n);const p=o=>{var i,r,a,n;const p=-1===o.yAxis.data.findIndex((t=>0!==t)),x={responsive:!0,plugins:{legend:{display:!1}},scales:{x:{title:{display:!!o.xAxis.title,text:o.xAxis.title,color:o.xAxis.titleColor,font:{size:c.caption.fontSize}},grid:{display:!1,borderColor:d.background.base},ticks:{fontSize:c.caption.fontSize,color:null!==(i=o.yAxis.labelColor)&&void 0!==i?i:d.content.secondary}},y:{title:{display:!!o.yAxis.title,text:o.yAxis.title,color:o.yAxis.titleColor,font:{size:c.caption.fontSize}},grid:{borderColor:"white",color:d.background.base},ticks:Object.assign({fontSize:c.caption.fontSize,color:null!==(r=o.xAxis.labelColor)&&void 0!==r?r:d.content.secondary},p?{min:0,max:2e3,stepSize:200}:{})}},maintainAspectRatio:!1},b={labels:p?["-","-","-","-","-","-"]:o.xAxis.data.map((t=>t.toString())),datasets:[{data:p?[250,1e3,800,1500,300,600]:o.yAxis.data,backgroundColor:t=>{var e;const i=o.barColorRGBA;let r=[];const a=o.xAxis.data.length;if(p)return"rgba(0,0,0,0)";if(o.isFunnel){let t=+(a>10?.1:(1/a).toFixed(2));const e=`rgba(${i.r}, ${i.g}, ${i.b}`;for(let o=1;o<a+1;o++){let i="";o>10?i=`${e},1)`:(i=`${e},${t})`,t+=.1),r.push(i)}}else{const t=`rgba(${i.r}, ${i.g}, ${i.b}, ${null!==(e=i.a)&&void 0!==e?e:"1"})`;r=Array(a).fill(t)}return r},barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(g,{children:[o.chartHeading&&e("div",Object.assign({style:{marginBottom:24}},{children:e(l,Object.assign({color:null!==(a=o.chartHeading.color)&&void 0!==a?a:d.content.secondary},{children:o.chartHeading.heading}))})),e("div",Object.assign({style:{height:null!==(n=o.graphCanvasHeight)&&void 0!==n?n:500}},{children:e(s,{options:x,data:b})}))]})};export{p as VerticalGraph};

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

@@ -0,0 +1,27 @@
+import React from 'react';
+export declare enum HEAT_GRADING_TYPE {
+    ABSOLUTE = 0,
+    RELATIVE = 1
+}
+export interface HeatMapInputInterface {
+    title: string;
+    xLabels: string[];
+    yLabels: string[];
+    values: number[][];
+    heatType: HEAT_GRADING_TYPE;
+    absolutHeatValues?: number[];
+    hideXLabels?: boolean;
+}
+export declare enum HEAT {
+    LOW = 0,
+    MEDIUM = 1,
+    HIGH = 2,
+    HIGHEST = 3
+}
+export declare const HEAT_COLORS: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+};
+export declare const HeatMap: React.FC<HeatMapInputInterface>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const HeatBoxStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeatBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import 'react-bootstrap';
-import { LineChartProps } from '../LineChart';
+import { LineChartProps } from '../LineChart/LineChart';
 export type LinearChipGroupedChartProps = {
     lineChartOption: LineChartProps;
     overallValue: number;

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react-bootstrap";import{TitleRegular as n,TitleLarge as i,BodySecondary as r}from"../../../TypographyStyle.js";import{COLORS as s}from"../../../../constants/Theme.js";import{LineChart as a}from"../LineChart.js";import{Chip as o}from"./Chip.js";import{HorinzontalBar as l}from"./HorinzontalBar.js";import{Container as c,Row as p,Column as v}from"./LinearChipGroupedChart.styled.js";const g=g=>{let{separator:m,name:d,overallValue:h,requestSent:j,chipValues:y,lineChartOption:u}=g;return e(c,Object.assign({separator:m},{children:[e(p,Object.assign({style:{alignItems:"center",justifyContent:"space-between"}},{children:[e("div",{children:[t(n,Object.assign({color:s.content.secondary},{children:d})),t(i,Object.assign({color:void 0===h||0===h?s.content.secondary:h<0?s.content.negative:s.content.positive},{children:h}))]}),e(v,Object.assign({style:{alignItems:"flex-end"}},{children:[e(r,Object.assign({color:s.content.secondary,style:{marginBottom:2}},{children:["Requests sent: ",j]})),e(r,Object.assign({color:s.content.secondary},{children:["Responses: ",j]}))]}))]})),e(p,Object.assign({style:{marginTop:8,gap:16}},{children:[t(o,{type:"positive",text:y.positive.text,value:y.positive.val}),t(o,{type:"neutral",text:y.neutral.text,value:y.neutral.val}),t(o,{type:"negative",text:y.negative.text,value:y.negative.val})]})),t("div",Object.assign({style:{marginTop:16,width:"100%"}},{children:t(l,{positive:y.positive.val,neutral:y.neutral.val,negative:y.negative.val})})),t("div",Object.assign({style:{marginTop:28,width:"100%"}},{children:t(a,Object.assign({},u))}))]}))};export{g as LinearChipGroupedChart};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react-bootstrap";import{TitleRegular as n,TitleLarge as i,BodySecondary as r}from"../../../TypographyStyle.js";import{COLORS as s}from"../../../../constants/Theme.js";import{LineChart as a}from"../LineChart/LineChart.js";import{Chip as o}from"./Chip.js";import{HorinzontalBar as l}from"./HorinzontalBar.js";import{Container as c,Row as p,Column as v}from"./LinearChipGroupedChart.styled.js";const g=g=>{let{separator:m,name:d,overallValue:h,requestSent:j,chipValues:y,lineChartOption:u}=g;return e(c,Object.assign({separator:m},{children:[e(p,Object.assign({style:{alignItems:"center",justifyContent:"space-between"}},{children:[e("div",{children:[t(n,Object.assign({color:s.content.secondary},{children:d})),t(i,Object.assign({color:void 0===h||0===h?s.content.secondary:h<0?s.content.negative:s.content.positive},{children:h}))]}),e(v,Object.assign({style:{alignItems:"flex-end"}},{children:[e(r,Object.assign({color:s.content.secondary,style:{marginBottom:2}},{children:["Requests sent: ",j]})),e(r,Object.assign({color:s.content.secondary},{children:["Responses: ",j]}))]}))]})),e(p,Object.assign({style:{marginTop:8,gap:16}},{children:[t(o,{type:"positive",text:y.positive.text,value:y.positive.val}),t(o,{type:"neutral",text:y.neutral.text,value:y.neutral.val}),t(o,{type:"negative",text:y.negative.text,value:y.negative.val})]})),t("div",Object.assign({style:{marginTop:16,width:"100%"}},{children:t(l,{positive:y.positive.val,neutral:y.neutral.val,negative:y.negative.val})})),t("div",Object.assign({style:{marginTop:28,width:"100%"}},{children:t(a,Object.assign({},u))}))]}))};export{g as LinearChipGroupedChart};

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

@@ -3,7 +3,7 @@ export * from './AnalyticsDropdown';
 export * from './AnalyticsMultiChip';
 export * from './AnalyticsMetric';
 export * from './AnalyticsTrend';
-export * from './chart/LineChart';
+export * from './chart/LineChart/LineChart';
 export * from './chart/linearChipGroupedChart';
 export * from './chart/Pie/PieChartAnalytics';
 export * from './chart/Pie/PieChart';

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

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

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

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

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

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

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

@@ -43,6 +43,6 @@ export interface InputProps {
     onReferenceInit?: (element: HTMLInputElement | HTMLTextAreaElement) => void;
 }
 export declare const Input: {
-    (props: InputProps): import("react/jsx-runtime").JSX.Element;
+    (props: InputProps): JSX.Element;
     displayName: string;
 };

package/dist/esm/components/progress-bar/ProgressBarComponent.d.ts

@@ -5,7 +5,7 @@ export interface ProgressBarProps {
     color?: string;
     height?: number;
 }
-export declare const ProgressBarComponent: (props: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBarComponent: (props: ProgressBarProps) => JSX.Element;
 export declare const ProgressCompletedBar: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -8,4 +8,4 @@ export interface SearchBarProps {
     variant: InputVariant;
     validate?: (input?: string | number) => [boolean, string];
 }
-export declare const SearchBar: (props: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchBar: (props: SearchBarProps) => JSX.Element;

package/dist/esm/components/spinner/Spinner.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { SpinnerProps } from './model';
 export declare const Spinner: {
-    ({ size, color, className }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, color, className }: SpinnerProps): JSX.Element;
     displayName: string;
 };

package/dist/esm/components/stepper/Stepper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type StepperStates = 'default' | 'completed' | 'error' | 'active' | 'inactive';
 export interface StepperProps {
     steps: EachStep[];
@@ -18,4 +19,4 @@ export interface SingleStepperProps {
     isActive: boolean;
     onClickingStep: (step: EachStep) => void;
 }
-export declare const Stepper: (stepperDetails: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Stepper: (stepperDetails: StepperProps) => JSX.Element;

package/dist/esm/components/stepper/WorkingStepper.d.ts

@@ -1,4 +1,4 @@
-export declare const WorkingStepper: () => import("react/jsx-runtime").JSX.Element;
+export declare const WorkingStepper: () => JSX.Element;
 export declare enum STEPENUM {
     STEP1 = "STEP1",
     STEP2 = "STEP2",

package/dist/esm/components/tag/Tag.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { TagProps } from './model';
 export declare const Tag: {
-    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, }: TagProps): import("react/jsx-runtime").JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, }: TagProps): JSX.Element;
     displayName: string;
 };

package/dist/esm/components/template-context-mapper/Badge/index.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export declare const BadgeContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export interface BadgeProps {
     errorText: string;
 }
-export declare const Badge: (props: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: (props: BadgeProps) => JSX.Element;

package/dist/esm/components/template-context-mapper/TemplateContextMapper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CHANNEL_TYPE } from '../template-preview/models/Channels';
 import { EmailTemplateType } from '../template-preview/models/EmailTemplate';
 import { SMSTemplateType } from '../template-preview/models/SmsTemplate';
@@ -18,4 +19,4 @@ export interface TemplateContextMapperProps {
     whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
     zIndex?: number;
 }
-export declare const TemplateContextMapper: ({ selectedTemplate, closeDialog, showVariableMapping, channel, htmlContent, templateVariables, onTemplateSelect, globalPlaceholders, showOnlyContent, whatsappSpecificPickerMeta, zIndex, }: TemplateContextMapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TemplateContextMapper: ({ selectedTemplate, closeDialog, showVariableMapping, channel, htmlContent, templateVariables, onTemplateSelect, globalPlaceholders, showOnlyContent, whatsappSpecificPickerMeta, zIndex, }: TemplateContextMapperProps) => JSX.Element;

package/dist/esm/components/template-context-mapper/modalElements/Body.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 import { WhatsAppPickerMeta } from "../../template-preview/models/WhatsAppTemplate";
 export interface BodyProps {
     showVariableMapping: boolean;
     showOnlyContent?: boolean;
     whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
 }
-declare const Body: (props: BodyProps) => import("react/jsx-runtime").JSX.Element;
+declare const Body: (props: BodyProps) => JSX.Element;
 export default Body;

package/dist/esm/components/template-context-mapper/modalElements/EditMediaV2.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HEADER_TYPES } from "../../template-preview/models/TemplateMeta";
 export interface EditMediaV2Props {
     imageName: string[];
@@ -7,5 +8,5 @@ export interface EditMediaV2Props {
     mediaType?: HEADER_TYPES;
     handleImageChange?: () => void;
 }
-declare const EditMediaV2: (props: EditMediaV2Props) => import("react/jsx-runtime").JSX.Element;
+declare const EditMediaV2: (props: EditMediaV2Props) => JSX.Element;
 export default EditMediaV2;

package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EmailTemplateType } from "../../template-preview/models/EmailTemplate";
 import { SMSTemplateType } from "../../template-preview/models/SmsTemplate";
 import { WhatsAppPickerMeta, WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
@@ -6,5 +7,5 @@ export interface EditWhatsAppTemplateV2Props {
     template: WhatsAppTemplate;
     onTemplateChange?: (template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType) => void;
 }
-declare const EditWhatsAppTemplateV2: ({ template, onTemplateChange, whatsappSpecificPickerMeta, }: EditWhatsAppTemplateV2Props) => import("react/jsx-runtime").JSX.Element;
+declare const EditWhatsAppTemplateV2: ({ template, onTemplateChange, whatsappSpecificPickerMeta, }: EditWhatsAppTemplateV2Props) => JSX.Element;
 export default EditWhatsAppTemplateV2;

package/dist/esm/components/template-context-mapper/modalElements/Footer.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export interface FooterProps {
     onSelect: () => void;
 }
-declare const Footer: ({ onSelect }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+declare const Footer: ({ onSelect }: FooterProps) => JSX.Element;
 export default Footer;

package/dist/esm/components/template-context-mapper/modalElements/Header.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export interface HeaderProps {
     showOnlyContent?: boolean;
 }
-declare const Header: ({ showOnlyContent }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Header: ({ showOnlyContent }: HeaderProps) => JSX.Element;
 export default Header;