@bikdotai/bik-component-library 0.0.27-beta.5 → 0.0.27-beta.7

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

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

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

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

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 n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as i}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 i,f=i=>{let{node:f,allowedNodes:T,apiHandler:_,mode:h,selectorKey:j}=i;var k,g,N,O,b,w,P,q,x,C,B,E,S,A,V,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=null===(k=null==f?void 0:f.metas)||void 0===k?void 0:k.find((e=>"date"===e.key)),Z=null===(g=null==f?void 0:f.metas)||void 0===g?void 0:g.find((e=>"frequency"===e.key)),ee=null===(N=null==f?void 0:f.metas)||void 0===N?void 0:N.find((e=>"eventName"===e.key)),[oe,re]=t(!1),[te,ae]=t(!1),[le,ne]=t(!1),ie=e=>X((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`),de=(e,o)=>X((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`);return a((()=>{X((()=>_({})),"EVENT_NAMES").then((e=>{const o=m.convertToGroupOptions(e,(null==ee?void 0:ee.value)?[ee.value]:void 0);if("create"!==h&&ee)return $([...o]),void W(!0);$([...o]),W(!0)}))}),[]),o(c,Object.assign({selectPropertyJoinOperator:I,node:f,addPropertyBtnText:(null==ee?void 0:ee.value)&&"Add event property",deleteProperty:G,createProperty:H,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){return yield ie(null==ee?void 0:ee.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 de(null==ee?void 0:ee.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){re(!0),setTimeout((()=>{K(e.value,f._id),re(!1)}),1)}}),!oe&&o(y,{disabled:"view"===h,width:"200px",dropdownLabel:"Select event name",options:L,onSelect:function(e){Array.isArray(e)||(U(f._id),ee?z({key:"eventName",value:e.value,error:{}},f._id):R({key:"eventName",value:e.value},f._id),Z?(ae(!0),setTimeout((()=>{z({key:"frequency",value:{dataType:v.frequency,operator:p.atleast},error:{}},f._id),ae(!1)}),1)):R({key:"frequency",value:{dataType:v.frequency,operator:p.atleast,value:1}},f._id),Y?(ne(!0),setTimeout((()=>{z({key:"date",value:{dataType:v.date,operator:s["last month"]},error:{}},f._id),ne(!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==ee?void 0:ee.error)||void 0===q?void 0:q.key)&&void 0!==x?x:null===(C=null==ee?void 0:ee.error)||void 0===C?void 0:C.value})]})),(null==Z?void 0:Z.key)&&!te&&o(n,{disabled:"view"===h,extra:{},errors:{val:null===(E=null===(B=Z.error)||void 0===B?void 0:B.value)||void 0===E?void 0:E.value,operator:null===(A=null===(S=Z.error)||void 0===S?void 0:S.value)||void 0===A?void 0:A.operator},connectorVal:Z.value.value,connectorType:Z.value.dataType,defaultConnector:Z.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==Z?void 0:Z.value)||void 0===o?void 0:o.operator,value:e},error:{}},f._id)}}),(null==Y?void 0:Y.key)&&!le&&o(n,{disabled:"view"===h,extra:{},errors:{val:null===(Q=null===(V=Y.error)||void 0===V?void 0:V.value)||void 0===Q?void 0:Q.value,operator:null===(M=null===(D=Y.error)||void 0===D?void 0:D.value)||void 0===M?void 0:M.operator},connectorVal:Y.value.value,connectorType:Y.value.dataType,defaultConnector:Y.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==Y?void 0:Y.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 n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as i}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 i,f=i=>{let{node:f,allowedNodes:T,apiHandler:_,mode:h,selectorKey:j}=i;var k,g,N,O,b,w,P,q,x,C,B,E,S,A,V,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=null===(k=null==f?void 0:f.metas)||void 0===k?void 0:k.find((e=>"date"===e.key)),Z=null===(g=null==f?void 0:f.metas)||void 0===g?void 0:g.find((e=>"frequency"===e.key)),ee=null===(N=null==f?void 0:f.metas)||void 0===N?void 0:N.find((e=>"eventName"===e.key)),[oe,re]=t(!1),[te,ae]=t(!1),[le,ne]=t(!1),ie=e=>X((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`),de=(e,o)=>X((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`);return a((()=>{X((()=>_({})),"EVENT_NAMES").then((e=>{const o=m.convertToGroupOptions(e,(null==ee?void 0:ee.value)?[ee.value]:void 0);if("create"!==h&&ee)return $([...o]),void W(!0);$([...o]),W(!0)}))}),[]),o(c,Object.assign({selectPropertyJoinOperator:I,node:f,addPropertyBtnText:(null==ee?void 0:ee.value)&&"Add event property",deleteProperty:G,createProperty:H,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){return yield ie(null==ee?void 0:ee.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 de(null==ee?void 0:ee.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){re(!0),setTimeout((()=>{K(e.value,f._id),re(!1)}),1)}}),!oe&&o(y,{disabled:"view"===h,width:"200px",dropdownLabel:"Select event name",options:L,onSelect:function(e){Array.isArray(e)||(U(f._id),ee?z({key:"eventName",value:e.value,error:{}},f._id):R({key:"eventName",value:e.value},f._id),Z?(ae(!0),setTimeout((()=>{z({key:"frequency",value:{dataType:v.frequency,operator:p.atleast,value:1},error:{}},f._id),ae(!1)}),1)):R({key:"frequency",value:{dataType:v.frequency,operator:p.atleast,value:1}},f._id),Y?(ne(!0),setTimeout((()=>{z({key:"date",value:{dataType:v.date,operator:s["last month"]},error:{}},f._id),ne(!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==ee?void 0:ee.error)||void 0===q?void 0:q.key)&&void 0!==x?x:null===(C=null==ee?void 0:ee.error)||void 0===C?void 0:C.value})]})),(null==Z?void 0:Z.key)&&!te&&o(n,{disabled:"view"===h,extra:{},errors:{val:null===(E=null===(B=Z.error)||void 0===B?void 0:B.value)||void 0===E?void 0:E.value,operator:null===(A=null===(S=Z.error)||void 0===S?void 0:S.value)||void 0===A?void 0:A.operator},connectorVal:Z.value.value,connectorType:Z.value.dataType,defaultConnector:Z.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==Z?void 0:Z.value)||void 0===o?void 0:o.operator,value:e},error:{}},f._id)}}),(null==Y?void 0:Y.key)&&!le&&o(n,{disabled:"view"===h,extra:{},errors:{val:null===(Q=null===(V=Y.error)||void 0===V?void 0:V.value)||void 0===Q?void 0:Q.value,operator:null===(M=null===(D=Y.error)||void 0===D?void 0:D.value)||void 0===M?void 0:M.operator},connectorVal:Y.value.value,connectorType:Y.value.dataType,defaultConnector:Y.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==Y?void 0:Y.value)||void 0===o?void 0:o.operator,value:e},error:{}},f._id)}})]}))}))};export{f as default};

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.27-beta.5",
+	"version": "0.0.27-beta.7",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",