@bikdotai/bik-component-library 0.0.758-beta0.1 → 0.0.758-beta0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/QueryBuilder/Filters/CustomField/components/CustomField.js +1 -1
- package/dist/cjs/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
- package/dist/cjs/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js +1 -1
- package/dist/cjs/components/QueryBuilder/helpers/SegmentValidator.d.ts +5 -3
- package/dist/cjs/components/QueryBuilder/helpers/SegmentValidator.js +1 -0
- package/dist/esm/components/QueryBuilder/Filters/CustomField/components/CustomField.js +1 -1
- package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
- package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js +1 -1
- package/dist/esm/components/QueryBuilder/helpers/SegmentValidator.d.ts +5 -3
- package/dist/esm/components/QueryBuilder/helpers/SegmentValidator.js +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("../../../components/AllowedListDropdown.js"),o=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),i=require("../../../helpers/SegmentValidator.js"),a=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),d=require("../../../hooks/useQueryBuilder.js"),s=require("../../../hooks/useQueryBuilderCache.js");exports.default=n=>{let{node:l,allowedNodes:u,apiHandler:p,mode:c,selectorKey:y}=n;var v;const{selectType:j,createProperty:m,updateProperty:_}=d.useQueryBuilder(y),{cacheWrap:g}=s.useQueryBuilderCache();return r.jsx(o.BaseQueryBuilderNode,Object.assign({node:l,mode:c},{children:r.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r.jsx(t.default,{disabled:"view"===c,selectedType:l.type,allowedList:u,onSelect:e=>j(e.value,l._id)}),r.jsx(a.PropertyNodeHeadless,{mode:c,property:null===(v=null==l?void 0:l.properties)||void 0===v?void 0:v[0],fetchPropertyData:()=>g((()=>p({})),"CUSTOM_FIELDS"),onPropertyNameSelect:function(r){var t,o;return e.__awaiter(this,void 0,void 0,(function*(){if((null===(t=l.properties)||void 0===t?void 0:t[0])?_(Object.assign(Object.assign({},null===(o=l.properties)||void 0===o?void 0:o[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),l._id):m({name:r.id,dataType:r.type},l._id),r.needValuesRetrieval){const e=yield((e,r)=>g((()=>p({query:Object.assign({propertyName:e},r)})),`CUSTOM_FIELDS-${e}`))(r.id,r);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){_(Object.assign(Object.assign({},l.properties[0]),{operator:e,value:void 0,error:{}}),l._id)},onPropertyValueChange:function(e){var r;const t=l.properties[0],o="string"===t.dataType&&i.CONTAINS_OPERATORS.includes(null!==(r=t.operator)&&void 0!==r?r:"")?i.getContainsFilterError(e):{};_(Object.assign(Object.assign({},t),{value:e,error:o}),l._id)},onPropertyValueSearch:function(r,t){var o,i;return e.__awaiter(this,void 0,void 0,(function*(){if(r.trim().length<3)return[];const a=yield((r,t)=>e.__awaiter(void 0,void 0,void 0,(function*(){return yield p({query:{propertyName:r,searchKey:t}})})))(t.name,r);return null!==(i=null===(o=null==a?void 0:a.data)||void 0===o?void 0:o.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==i?i:[]}))}})]}))}))};
|
|
@@ -1 +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("../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js"),a=require("../../../components/AllowedListDropdown.js"),l=require("../../../components/Connectors/Connector.js"),i=require("../../../helpers/ApiResponse.helper.js"),n=require("../../../hooks/useQueryBuilder.js"),u=require("../../../hooks/useQueryBuilderCache.js"),d=require("../../../types/QueryBuilder.type.js"),v=require("../../../types/QueryBuilderOperator.type.js"),s=require("../../../components/DropdownWrapper.js"),p=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const
|
|
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("../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js"),a=require("../../../components/AllowedListDropdown.js"),l=require("../../../components/Connectors/Connector.js"),i=require("../../../helpers/ApiResponse.helper.js"),n=require("../../../hooks/useQueryBuilder.js"),u=require("../../../hooks/useQueryBuilderCache.js"),d=require("../../../types/QueryBuilder.type.js"),v=require("../../../types/QueryBuilderOperator.type.js"),s=require("../../../components/DropdownWrapper.js"),p=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),y=require("../../../helpers/SegmentValidator.js");const c=new i.ApiResponseHelper;exports.default=i=>{let{node:f,allowedNodes:T,apiHandler:_,mode:O,selectorKey:m}=i;var j,h,q,C,S,N,g,E,B,P,k,w,x,Q,b,A,R,V;const[D,M]=o.useState([]),[L,F]=o.useState(!1),{deleteProperty:$,createProperty:H,selectType:J,createMeta:K,updateMeta:U,updateProperty:W,selectPropertyJoinOperator:Y,clearProperty:G}=n.useQueryBuilder(m),{cacheWrap:I}=u.useQueryBuilderCache(),[z,X]=o.useState(!0),Z=null===(j=null==f?void 0:f.metas)||void 0===j?void 0:j.find((e=>"date"===e.key)),ee=null===(h=null==f?void 0:f.metas)||void 0===h?void 0:h.find((e=>"frequency"===e.key)),re=null===(q=null==f?void 0:f.metas)||void 0===q?void 0:q.find((e=>"eventName"===e.key)),[oe,te]=o.useState(!1),[ae,le]=o.useState(!1),[ie,ne]=o.useState(!1);return o.useEffect((()=>{I((()=>_({})),"EVENT_NAMES").then((e=>{X(!1);const r=c.convertToGroupOptions(e,(null==re?void 0:re.value)?[re.value]:void 0);if("create"!==O&&re)return M([...r]),void F(!0);M([...r]),F(!0)}))}),[]),r.jsx(p.BaseQueryBuilderNode,Object.assign({selectPropertyJoinOperator:Y,node:f,addPropertyBtnText:(null==re?void 0:re.value)&&"Add event property",deleteProperty:$,createProperty:H,propertySelectorText:"Select property",fetchPropertyData:function(){return e.__awaiter(this,void 0,void 0,(function*(){var e;return yield(e=null==re?void 0:re.value,I((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`))}))},onPropertyNameSelect:function(r,o){return e.__awaiter(this,void 0,void 0,(function*(){if(W(Object.assign(Object.assign({},o),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),f._id),!r.needValuesRetrieval)return[];const e=yield((e,r)=>I((()=>_({query:{eventName:e,propertyName:r}})),`EVENT_NAMES_${e}_${r}`))(null==re?void 0:re.value,r.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,r){W(Object.assign(Object.assign({},r),{operator:e,value:void 0,error:{}}),f._id)},onPropertyValueChange:function(e,r){var o;const t="string"===r.dataType&&y.CONTAINS_OPERATORS.includes(null!==(o=r.operator)&&void 0!==o?o:"")?y.getContainsFilterError(e):{};W(Object.assign(Object.assign({},r),{value:e,error:t}),f._id)},mode:O,onPropertyValueSearch:function(r,o){var t,a;return e.__awaiter(this,void 0,void 0,(function*(){if(r.trim().length<3)return[];const l=yield((r,o,t)=>e.__awaiter(void 0,void 0,void 0,(function*(){return yield _({query:{eventName:r,propertyName:o,searchKey:t}})})))(null==re?void 0:re.value,o.name,r);return null!==(a=null===(t=null==l?void 0:l.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==a?a:[]}))}},{children:r.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(a.default,{disabled:"view"===O,selectedType:f.type,allowedList:T,onSelect:function(e){te(!0),M((e=>[...t.iterateOnOptions(e,{selected:!1})])),setTimeout((()=>{J(e.value,f._id),te(!1)}),1)}}),!oe&&r.jsx(s.default,{isSearchable:!0,isLoading:z,disabled:"view"===O,width:"200px",dropdownLabel:"Select event name",options:D,selectedValues:(null==re?void 0:re.value)?[re.value]:void 0,onSelect:function(e){Array.isArray(e)||(G(f._id),re?U({key:"eventName",value:e.value,error:{}},f._id):K({key:"eventName",value:e.value},f._id),ee?(le(!0),setTimeout((()=>{U({key:"frequency",value:{dataType:d.QueryBuilderConnectorType.frequency,operator:v.FREQUENCY_OPERATORS.atleast,value:1},error:{}},f._id),le(!1)}),1)):K({key:"frequency",value:{dataType:d.QueryBuilderConnectorType.frequency,operator:v.FREQUENCY_OPERATORS.atleast,value:1}},f._id),Z?(ne(!0),setTimeout((()=>{U({key:"date",value:{dataType:d.QueryBuilderConnectorType.date,operator:v.DATE_OPERATORS["last 30 days"]},error:{}},f._id),ne(!1)}),1)):K({key:"date",value:{dataType:d.QueryBuilderConnectorType.date,operator:v.DATE_OPERATORS["last 30 days"]}},f._id))},error:null!==(B=null!==(g=null===(N=null===(S=null===(C=f.metas)||void 0===C?void 0:C[0])||void 0===S?void 0:S.error)||void 0===N?void 0:N.key)&&void 0!==g?g:null===(E=null==re?void 0:re.error)||void 0===E?void 0:E.key)&&void 0!==B?B:null===(P=null==re?void 0:re.error)||void 0===P?void 0:P.value})]})),(null==ee?void 0:ee.key)&&!ae&&r.jsx(l.default,{disabled:"view"===O,extra:{},errors:{val:null===(w=null===(k=ee.error)||void 0===k?void 0:k.value)||void 0===w?void 0:w.value,operator:null===(Q=null===(x=ee.error)||void 0===x?void 0:x.value)||void 0===Q?void 0:Q.operator},connectorVal:ee.value.value,connectorType:ee.value.dataType,defaultConnector:ee.value.operator,onOperatorChange:function(e){U({key:"frequency",value:{dataType:d.QueryBuilderConnectorType.frequency,operator:e,value:1},error:{}},f._id)},onValueChange:function(e){var r;L&&U({key:"frequency",value:{dataType:d.QueryBuilderConnectorType.frequency,operator:null===(r=null==ee?void 0:ee.value)||void 0===r?void 0:r.operator,value:e},error:{}},f._id)}}),(null==Z?void 0:Z.key)&&!ie&&r.jsx(l.default,{disabled:"view"===O,extra:{},errors:{val:null===(A=null===(b=Z.error)||void 0===b?void 0:b.value)||void 0===A?void 0:A.value,operator:null===(V=null===(R=Z.error)||void 0===R?void 0:R.value)||void 0===V?void 0:V.operator},connectorVal:Z.value.value,connectorType:Z.value.dataType,defaultConnector:Z.value.operator,onOperatorChange:function(e){U({key:"date",value:{dataType:d.QueryBuilderConnectorType.date,operator:e,value:void 0},error:{}},f._id)},onValueChange:function(e){var r;L&&U({key:"date",value:{dataType:d.QueryBuilderConnectorType.date,operator:null===(r=null==Z?void 0:Z.value)||void 0===r?void 0:r.operator,value:e},error:{}},f._id)}})]}))}))};
|
package/dist/cjs/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("../../../components/AllowedListDropdown.js"),i=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("../../../components/AllowedListDropdown.js"),t=require("../../../helpers/SegmentValidator.js"),i=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),a=require("../../../hooks/useQueryBuilder.js"),d=require("../../../hooks/useQueryBuilderCache.js"),s=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");exports.default=n=>{let{node:l,allowedNodes:u,apiHandler:p,mode:c,selectorKey:y}=n;var v;const{selectType:j,createProperty:m,updateProperty:_}=a.useQueryBuilder(y),{cacheWrap:f}=d.useQueryBuilderCache();return r.jsx(s.BaseQueryBuilderNode,Object.assign({node:l,mode:c},{children:r.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r.jsx(o.default,{disabled:"view"===c,selectedType:l.type,allowedList:u,onSelect:e=>j(e.value,l._id)}),r.jsx(i.PropertyNodeHeadless,{mode:c,property:null===(v=null==l?void 0:l.properties)||void 0===v?void 0:v[0],fetchPropertyData:()=>f((()=>p({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o,t;return e.__awaiter(this,void 0,void 0,(function*(){if((null===(o=l.properties)||void 0===o?void 0:o[0])?_(Object.assign(Object.assign({},null===(t=l.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),l._id):m({name:r.id,dataType:r.type},l._id),r.needValuesRetrieval){const e=yield(e=>f((()=>p({query:{propertyName:e}})),`USER_PROPERTIES-${e}`))(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){_(Object.assign(Object.assign({},l.properties[0]),{operator:e,value:void 0,error:{}}),l._id)},onPropertyValueChange:function(e){var r;const o=l.properties[0],i="string"===o.dataType&&t.CONTAINS_OPERATORS.includes(null!==(r=o.operator)&&void 0!==r?r:"")?t.getContainsFilterError(e):{};_(Object.assign(Object.assign({},o),{value:e,error:i}),l._id)},onPropertyValueSearch:function(r,o){var t,i;return e.__awaiter(this,void 0,void 0,(function*(){if(r.trim().length<3)return[];const a=yield((r,o)=>e.__awaiter(void 0,void 0,void 0,(function*(){return yield p({query:{propertyName:r,searchKey:o}})})))(o.name,r);return null!==(i=null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==i?i:[]}))}})]}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../../helpers/ApiResponse.helper.js"),a=require("../../hooks/useQueryBuilder.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../../helpers/ApiResponse.helper.js"),a=require("../../helpers/SegmentValidator.js"),o=require("../../hooks/useQueryBuilder.js"),s=require("../../hooks/useQueryBuilderCache.js"),n=require("../../components/DropdownWrapper.js"),l=require("../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");const u=new i.ApiResponseHelper,d="triggerName";exports.default=i=>{let{node:c,apiHandler:p,cacheKey:v,propertyAddBtnText:y,mode:g,selectorKey:j,onPropertyValueSearch:O}=i;var b;const[h,f]=t.useState([]),{updateMeta:m,createMeta:_,createProperty:P,deleteProperty:x,updateProperty:B,selectPropertyJoinOperator:S,clearProperty:q}=o.useQueryBuilder(j),{cacheWrap:A}=s.useQueryBuilderCache(),[N,T]=t.useState(!0),Q=c.metas.find((e=>e.key===d));return t.useEffect((()=>{A((()=>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"!==g&&(!!(null==Q?void 0:Q.value)&&Q.value===e.id)}))))&&void 0!==r?r:[];f([...t])}else{const r=u.convertToGroupOptions(e,(null==Q?void 0:Q.value)?[Q.value]:void 0);f([...r])}T(!1)}))}),[]),r.jsx(l.BaseQueryBuilderNode,Object.assign({node:c,addPropertyBtnText:(null==Q?void 0:Q.value)&&y,deleteProperty:x,createProperty:P,propertySelectorText:"Select condition",fetchPropertyData:function(){return e.__awaiter(this,void 0,void 0,(function*(){if(null==Q?void 0:Q.value){return yield(e=null==Q?void 0:Q.value,A((()=>p({query:{triggerName:e}})),`${v}_${e}`))}var e;return null}))},onPropertyNameSelect:function(r,t){return e.__awaiter(this,void 0,void 0,(function*(){B(Object.assign(Object.assign({},t),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),c._id);const e=yield((e,r)=>A((()=>p({query:{triggerName:e,propertyName:r}})),`${v}_${e}_${r}`))(null==Q?void 0:Q.value,r.id);return e?{normalized:e,originalData:e}:[]}))},onPropertyOperatorChange:function(e,r){B(Object.assign(Object.assign({},r),{operator:e,value:void 0,error:{}}),c._id)},onPropertyValueChange:function(e,r){var t;const i="string"===r.dataType&&a.CONTAINS_OPERATORS.includes(null!==(t=r.operator)&&void 0!==t?t:"")?a.getContainsFilterError(e):{};B(Object.assign(Object.assign({},r),{value:e,error:i}),c._id)},selectPropertyJoinOperator:S,onPropertyValueSearch:O,mode:g},{children:r.jsx("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r.jsx(n.default,{isSearchable:!0,isLoading:N,error:null===(b=null==Q?void 0:Q.error)||void 0===b?void 0:b.key,width:"200px",options:h,onSelect:function(e){Array.isArray(e)||(q(c._id),Array.isArray(h)&&f([...h.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==Q?void 0:Q.key)===d?m(Object.assign(Object.assign({},Q),{value:e.value,error:{}}),c._id):_({key:d,value:e.value},c._id))}})}))}))};
|
|
@@ -13,6 +13,10 @@ export declare const NON_DECIMAL_NUMBER = "Please enter a non-decimal number";
|
|
|
13
13
|
export declare const COMMA_SEPERATED_VALUES = "Please enter values seperated by commas";
|
|
14
14
|
export declare const LESS_THAN_180_DAYS = "Please enter values less than 180 days";
|
|
15
15
|
export declare const MIN_CONTAINS_LENGTH = "Please enter at least 3 characters for contains filter";
|
|
16
|
+
export declare const CONTAINS_OPERATORS: string[];
|
|
17
|
+
export declare function getContainsFilterError(value: unknown): {
|
|
18
|
+
value?: string;
|
|
19
|
+
};
|
|
16
20
|
export declare class SegmentValidator {
|
|
17
21
|
validate(stateArg: SegmentBuilder): (boolean | {
|
|
18
22
|
include: QueryBuilderRoot;
|
|
@@ -44,7 +48,6 @@ export declare class SegmentValidator {
|
|
|
44
48
|
validateProperty(property: QueryBuilderProperty, onErr?: () => void): {
|
|
45
49
|
error: {
|
|
46
50
|
name: string;
|
|
47
|
-
value?: undefined;
|
|
48
51
|
};
|
|
49
52
|
_id: string;
|
|
50
53
|
name?: string | number | undefined;
|
|
@@ -54,8 +57,7 @@ export declare class SegmentValidator {
|
|
|
54
57
|
_refresh?: boolean | undefined;
|
|
55
58
|
} | {
|
|
56
59
|
error: {
|
|
57
|
-
value
|
|
58
|
-
name?: undefined;
|
|
60
|
+
value?: string | undefined;
|
|
59
61
|
};
|
|
60
62
|
_id: string;
|
|
61
63
|
name?: string | number | undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../types/QueryBuilder.type.js");const t="Please enter at least 3 characters for contains filter";exports.CONTAINS_OPERATORS=["contains","doesntContain","startsWith","endsWith"],exports.MIN_CONTAINS_LENGTH=t,exports.getContainsFilterError=function(e){return e&&(Array.isArray(e)?e.map((t=>{var e;return"object"==typeof t&&t&&"name"in t?String(null!==(e=t.name)&&void 0!==e?e:"").trim():String(null!=t?t:"").trim()})):String(e).split(",").map((t=>t.trim())).filter(Boolean)).some((t=>t.length>0&&t.length<3))?{value:t}:{}};
|
|
@@ -1 +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{BaseQueryBuilderNode as i}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import{
|
|
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{BaseQueryBuilderNode as i}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import{CONTAINS_OPERATORS as n,getContainsFilterError as a}from"../../../helpers/SegmentValidator.js";import{PropertyNodeHeadless as d}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{useQueryBuilder as l}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as s}from"../../../hooks/useQueryBuilderCache.js";const p=p=>{let{node:u,allowedNodes:c,apiHandler:v,mode:m,selectorKey:y}=p;var f;const{selectType:j,createProperty:g,updateProperty:h}=l(y),{cacheWrap:b}=s();return r(i,Object.assign({node:u,mode:m},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===m,selectedType:u.type,allowedList:c,onSelect:e=>j(e.value,u._id)}),r(d,{mode:m,property:null===(f=null==u?void 0:u.properties)||void 0===f?void 0:f[0],fetchPropertyData:()=>b((()=>v({})),"CUSTOM_FIELDS"),onPropertyNameSelect:function(r){var o,t;return e(this,void 0,void 0,(function*(){if((null===(o=u.properties)||void 0===o?void 0:o[0])?h(Object.assign(Object.assign({},null===(t=u.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),u._id):g({name:r.id,dataType:r.type},u._id),r.needValuesRetrieval){const e=yield((e,r)=>b((()=>v({query:Object.assign({propertyName:e},r)})),`CUSTOM_FIELDS-${e}`))(r.id,r);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){h(Object.assign(Object.assign({},u.properties[0]),{operator:e,value:void 0,error:{}}),u._id)},onPropertyValueChange:function(e){var r;const o=u.properties[0],t="string"===o.dataType&&n.includes(null!==(r=o.operator)&&void 0!==r?r:"")?a(e):{};h(Object.assign(Object.assign({},o),{value:e,error:t}),u._id)},onPropertyValueSearch:function(r,o){var t,i;return e(this,void 0,void 0,(function*(){if(r.trim().length<3)return[];const n=yield((r,o)=>e(void 0,void 0,void 0,(function*(){return yield v({query:{propertyName:r,searchKey:o}})})))(o.name,r);return null!==(i=null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==i?i:[]}))}})]}))}))};export{p as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import{iterateOnOptions as l}from"../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js";import i from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as u}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as v}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as p}from"../../../types/QueryBuilder.type.js";import{FREQUENCY_OPERATORS as s,DATE_OPERATORS as c}from"../../../types/QueryBuilderOperator.type.js";import y from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as m}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const
|
|
1
|
+
import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import{iterateOnOptions as l}from"../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js";import i from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as u}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as v}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as p}from"../../../types/QueryBuilder.type.js";import{FREQUENCY_OPERATORS as s,DATE_OPERATORS as c}from"../../../types/QueryBuilderOperator.type.js";import y from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as m}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import{CONTAINS_OPERATORS as f,getContainsFilterError as h}from"../../../helpers/SegmentValidator.js";const T=new d,_=d=>{let{node:_,allowedNodes:j,apiHandler:g,mode:k,selectorKey:O}=d;var N,b,w,P,q,S,V,x,C,B,E,A,D,Q,M,L,$,J;const[K,R]=t([]),[W,G]=t(!1),{deleteProperty:H,createProperty:z,selectType:F,createMeta:I,updateMeta:U,updateProperty:X,selectPropertyJoinOperator:Y,clearProperty:Z}=u(O),{cacheWrap:ee}=v(),[oe,re]=t(!0),te=null===(N=null==_?void 0:_.metas)||void 0===N?void 0:N.find((e=>"date"===e.key)),ae=null===(b=null==_?void 0:_.metas)||void 0===b?void 0:b.find((e=>"frequency"===e.key)),le=null===(w=null==_?void 0:_.metas)||void 0===w?void 0:w.find((e=>"eventName"===e.key)),[ie,ne]=t(!1),[de,ue]=t(!1),[ve,pe]=t(!1);return a((()=>{ee((()=>g({})),"EVENT_NAMES").then((e=>{re(!1);const o=T.convertToGroupOptions(e,(null==le?void 0:le.value)?[le.value]:void 0);if("create"!==k&&le)return R([...o]),void G(!0);R([...o]),G(!0)}))}),[]),o(m,Object.assign({selectPropertyJoinOperator:Y,node:_,addPropertyBtnText:(null==le?void 0:le.value)&&"Add event property",deleteProperty:H,createProperty:z,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){var e;return yield(e=null==le?void 0:le.value,ee((()=>g({query:{eventName:e}})),`EVENT_NAMES_${e}`))}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if(X(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),_._id),!o.needValuesRetrieval)return[];const e=yield((e,o)=>ee((()=>g({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`))(null==le?void 0:le.value,o.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,o){X(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),_._id)},onPropertyValueChange:function(e,o){var r;const t="string"===o.dataType&&f.includes(null!==(r=o.operator)&&void 0!==r?r:"")?h(e):{};X(Object.assign(Object.assign({},o),{value:e,error:t}),_._id)},mode:k,onPropertyValueSearch:function(o,r){var t,a;return e(this,void 0,void 0,(function*(){if(o.trim().length<3)return[];const l=yield((o,r,t)=>e(void 0,void 0,void 0,(function*(){return yield g({query:{eventName:o,propertyName:r,searchKey:t}})})))(null==le?void 0:le.value,r.name,o);return null!==(a=null===(t=null==l?void 0:l.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==a?a:[]}))}},{children:r("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(i,{disabled:"view"===k,selectedType:_.type,allowedList:j,onSelect:function(e){ne(!0),R((e=>[...l(e,{selected:!1})])),setTimeout((()=>{F(e.value,_._id),ne(!1)}),1)}}),!ie&&o(y,{isSearchable:!0,isLoading:oe,disabled:"view"===k,width:"200px",dropdownLabel:"Select event name",options:K,selectedValues:(null==le?void 0:le.value)?[le.value]:void 0,onSelect:function(e){Array.isArray(e)||(Z(_._id),le?U({key:"eventName",value:e.value,error:{}},_._id):I({key:"eventName",value:e.value},_._id),ae?(ue(!0),setTimeout((()=>{U({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1},error:{}},_._id),ue(!1)}),1)):I({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1}},_._id),te?(pe(!0),setTimeout((()=>{U({key:"date",value:{dataType:p.date,operator:c["last 30 days"]},error:{}},_._id),pe(!1)}),1)):I({key:"date",value:{dataType:p.date,operator:c["last 30 days"]}},_._id))},error:null!==(C=null!==(V=null===(S=null===(q=null===(P=_.metas)||void 0===P?void 0:P[0])||void 0===q?void 0:q.error)||void 0===S?void 0:S.key)&&void 0!==V?V:null===(x=null==le?void 0:le.error)||void 0===x?void 0:x.key)&&void 0!==C?C:null===(B=null==le?void 0:le.error)||void 0===B?void 0:B.value})]})),(null==ae?void 0:ae.key)&&!de&&o(n,{disabled:"view"===k,extra:{},errors:{val:null===(A=null===(E=ae.error)||void 0===E?void 0:E.value)||void 0===A?void 0:A.value,operator:null===(Q=null===(D=ae.error)||void 0===D?void 0:D.value)||void 0===Q?void 0:Q.operator},connectorVal:ae.value.value,connectorType:ae.value.dataType,defaultConnector:ae.value.operator,onOperatorChange:function(e){U({key:"frequency",value:{dataType:p.frequency,operator:e,value:1},error:{}},_._id)},onValueChange:function(e){var o;W&&U({key:"frequency",value:{dataType:p.frequency,operator:null===(o=null==ae?void 0:ae.value)||void 0===o?void 0:o.operator,value:e},error:{}},_._id)}}),(null==te?void 0:te.key)&&!ve&&o(n,{disabled:"view"===k,extra:{},errors:{val:null===(L=null===(M=te.error)||void 0===M?void 0:M.value)||void 0===L?void 0:L.value,operator:null===(J=null===($=te.error)||void 0===$?void 0:$.value)||void 0===J?void 0:J.operator},connectorVal:te.value.value,connectorType:te.value.dataType,defaultConnector:te.value.operator,onOperatorChange:function(e){U({key:"date",value:{dataType:p.date,operator:e,value:void 0},error:{}},_._id)},onValueChange:function(e){var o;W&&U({key:"date",value:{dataType:p.date,operator:null===(o=null==te?void 0:te.value)||void 0===o?void 0:o.operator,value:e},error:{}},_._id)}})]}))}))};export{_ as default};
|
package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js
CHANGED
|
@@ -1 +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{
|
|
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{CONTAINS_OPERATORS as i,getContainsFilterError as n}from"../../../helpers/SegmentValidator.js";import{PropertyNodeHeadless as d}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{useQueryBuilder as a}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as l}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as s}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const p=p=>{let{node:u,allowedNodes:c,apiHandler:v,mode:m,selectorKey:y}=p;var f;const{selectType:j,createProperty:g,updateProperty:h}=a(y),{cacheWrap:P}=l();return r(s,Object.assign({node:u,mode:m},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===m,selectedType:u.type,allowedList:c,onSelect:e=>j(e.value,u._id)}),r(d,{mode:m,property:null===(f=null==u?void 0:u.properties)||void 0===f?void 0:f[0],fetchPropertyData:()=>P((()=>v({})),"USER_PROPERTIES"),onPropertyNameSelect:function(r){var o,t;return e(this,void 0,void 0,(function*(){if((null===(o=u.properties)||void 0===o?void 0:o[0])?h(Object.assign(Object.assign({},null===(t=u.properties)||void 0===t?void 0:t[0]),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),u._id):g({name:r.id,dataType:r.type},u._id),r.needValuesRetrieval){const e=yield(e=>P((()=>v({query:{propertyName:e}})),`USER_PROPERTIES-${e}`))(r.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){h(Object.assign(Object.assign({},u.properties[0]),{operator:e,value:void 0,error:{}}),u._id)},onPropertyValueChange:function(e){var r;const o=u.properties[0],t="string"===o.dataType&&i.includes(null!==(r=o.operator)&&void 0!==r?r:"")?n(e):{};h(Object.assign(Object.assign({},o),{value:e,error:t}),u._id)},onPropertyValueSearch:function(r,o){var t,i;return e(this,void 0,void 0,(function*(){if(r.trim().length<3)return[];const n=yield((r,o)=>e(void 0,void 0,void 0,(function*(){return yield v({query:{propertyName:r,searchKey:o}})})))(o.name,r);return null!==(i=null===(t=null==n?void 0:n.data)||void 0===t?void 0:t.map((e=>({label:e.name,value:e.id,selected:!1}))))&&void 0!==i?i:[]}))}})]}))}))};export{p as default};
|
|
@@ -1 +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{
|
|
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{CONTAINS_OPERATORS as a,getContainsFilterError as n}from"../../helpers/SegmentValidator.js";import{useQueryBuilder as s}from"../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as l}from"../../hooks/useQueryBuilderCache.js";import d from"../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as c}from"../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const u=new i,p="triggerName",v=i=>{let{node:v,apiHandler:y,cacheKey:m,propertyAddBtnText:g,mode:j,selectorKey:f,onPropertyValueSearch:O}=i;var b;const[h,P]=t([]),{updateMeta:_,createMeta:x,createProperty:A,deleteProperty:B,updateProperty:S,selectPropertyJoinOperator:N,clearProperty:k}=s(f),{cacheWrap:T}=l(),[$,w]=t(!0),D=v.metas.find((e=>e.key===p));return o((()=>{T((()=>y({})),m).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"!==j&&(!!(null==D?void 0:D.value)&&D.value===e.id)}))))&&void 0!==r?r:[];P([...t])}else{const r=u.convertToGroupOptions(e,(null==D?void 0:D.value)?[D.value]:void 0);P([...r])}w(!1)}))}),[]),r(c,Object.assign({node:v,addPropertyBtnText:(null==D?void 0:D.value)&&g,deleteProperty:B,createProperty:A,propertySelectorText:"Select condition",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){if(null==D?void 0:D.value){return yield(e=null==D?void 0:D.value,T((()=>y({query:{triggerName:e}})),`${m}_${e}`))}var e;return null}))},onPropertyNameSelect:function(r,t){return e(this,void 0,void 0,(function*(){S(Object.assign(Object.assign({},t),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),v._id);const e=yield((e,r)=>T((()=>y({query:{triggerName:e,propertyName:r}})),`${m}_${e}_${r}`))(null==D?void 0:D.value,r.id);return e?{normalized:e,originalData:e}:[]}))},onPropertyOperatorChange:function(e,r){S(Object.assign(Object.assign({},r),{operator:e,value:void 0,error:{}}),v._id)},onPropertyValueChange:function(e,r){var t;const o="string"===r.dataType&&a.includes(null!==(t=r.operator)&&void 0!==t?t:"")?n(e):{};S(Object.assign(Object.assign({},r),{value:e,error:o}),v._id)},selectPropertyJoinOperator:N,onPropertyValueSearch:O,mode:j},{children:r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r(d,{isSearchable:!0,isLoading:$,error:null===(b=null==D?void 0:D.error)||void 0===b?void 0:b.key,width:"200px",options:h,onSelect:function(e){Array.isArray(e)||(k(v._id),Array.isArray(h)&&P([...h.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==D?void 0:D.key)===p?_(Object.assign(Object.assign({},D),{value:e.value,error:{}}),v._id):x({key:p,value:e.value},v._id))}})}))}))};export{v as default};
|
|
@@ -13,6 +13,10 @@ export declare const NON_DECIMAL_NUMBER = "Please enter a non-decimal number";
|
|
|
13
13
|
export declare const COMMA_SEPERATED_VALUES = "Please enter values seperated by commas";
|
|
14
14
|
export declare const LESS_THAN_180_DAYS = "Please enter values less than 180 days";
|
|
15
15
|
export declare const MIN_CONTAINS_LENGTH = "Please enter at least 3 characters for contains filter";
|
|
16
|
+
export declare const CONTAINS_OPERATORS: string[];
|
|
17
|
+
export declare function getContainsFilterError(value: unknown): {
|
|
18
|
+
value?: string;
|
|
19
|
+
};
|
|
16
20
|
export declare class SegmentValidator {
|
|
17
21
|
validate(stateArg: SegmentBuilder): (boolean | {
|
|
18
22
|
include: QueryBuilderRoot;
|
|
@@ -44,7 +48,6 @@ export declare class SegmentValidator {
|
|
|
44
48
|
validateProperty(property: QueryBuilderProperty, onErr?: () => void): {
|
|
45
49
|
error: {
|
|
46
50
|
name: string;
|
|
47
|
-
value?: undefined;
|
|
48
51
|
};
|
|
49
52
|
_id: string;
|
|
50
53
|
name?: string | number | undefined;
|
|
@@ -54,8 +57,7 @@ export declare class SegmentValidator {
|
|
|
54
57
|
_refresh?: boolean | undefined;
|
|
55
58
|
} | {
|
|
56
59
|
error: {
|
|
57
|
-
value
|
|
58
|
-
name?: undefined;
|
|
60
|
+
value?: string | undefined;
|
|
59
61
|
};
|
|
60
62
|
_id: string;
|
|
61
63
|
name?: string | number | undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"../types/QueryBuilder.type.js";const t="Please enter at least 3 characters for contains filter",r=["contains","doesntContain","startsWith","endsWith"];function e(r){if(!r)return{};return(Array.isArray(r)?r.map((t=>{var r;return"object"==typeof t&&t&&"name"in t?String(null!==(r=t.name)&&void 0!==r?r:"").trim():String(null!=t?t:"").trim()})):String(r).split(",").map((t=>t.trim())).filter(Boolean)).some((t=>t.length>0&&t.length<3))?{value:t}:{}}export{r as CONTAINS_OPERATORS,t as MIN_CONTAINS_LENGTH,e as getContainsFilterError};
|