@bikdotai/bik-component-library 0.0.780-beta.1 → 0.0.780-beta.3
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/components/Connectors/Components/MultiselectDropdownFreeText.js +1 -1
- package/dist/cjs/components/QueryBuilder/components/Connectors/Components/SingleselectDropdownFreeText.js +1 -1
- package/dist/cjs/components/QueryBuilder/components/Connectors/Connector.js +1 -1
- package/dist/cjs/components/QueryBuilder/components/DropdownWrapper.js +1 -1
- package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js +1 -1
- package/dist/cjs/components/QueryBuilder/types/QueryBuilderConnector.type.d.ts +5 -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/components/Connectors/Components/MultiselectDropdownFreeText.js +1 -1
- package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleselectDropdownFreeText.js +1 -1
- package/dist/esm/components/QueryBuilder/components/Connectors/Connector.js +1 -1
- package/dist/esm/components/QueryBuilder/components/DropdownWrapper.js +1 -1
- package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js +1 -1
- package/dist/esm/components/QueryBuilder/types/QueryBuilderConnector.type.d.ts +5 -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"),t=require("../../../components/AllowedListDropdown.js"),o=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),i=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),a=require("../../../helpers/SegmentValidator.js"),n=require("../../../hooks/useQueryBuilder.js"),s=require("../../../hooks/useQueryBuilderCache.js");exports.default=d=>{let{node:l,allowedNodes:u,apiHandler:p,mode:c,selectorKey:y}=d;var v;const{selectType:
|
|
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("../../../components/QueryBuilderNode/Property/PropertyNode.js"),a=require("../../../helpers/SegmentValidator.js"),n=require("../../../hooks/useQueryBuilder.js"),s=require("../../../hooks/useQueryBuilderCache.js");exports.default=d=>{let{node:l,allowedNodes:u,apiHandler:p,mode:c,selectorKey:y}=d;var v;const{selectType:h,createProperty:g,updateProperty:j}=n.useQueryBuilder(y),{cacheWrap:f}=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=>h(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({})),"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])?j(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):g({name:r.id,dataType:r.type},l._id),r.needValuesRetrieval){const e=yield((e,r)=>f((()=>p({query:Object.assign({propertyName:e},r)})),`CUSTOM_FIELDS-${e}`))(r.id,r);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return e}return[]}))},onPropertyOperatorChange:function(e){j(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&&a.CONTAINS_OPERATORS.includes(null!==(r=t.operator)&&void 0!==r?r:"")?a.getContainsFilterError(e):{};j(Object.assign(Object.assign({},t),{value:e,error:o}),l._id)},onPropertyValueSearch:function(r,t){return e.__awaiter(this,void 0,void 0,(function*(){const o=yield((r,t)=>e.__awaiter(void 0,void 0,void 0,(function*(){return yield p({query:{propertyName:r,searchKey:t}})})))(t.name,r);if((null==o?void 0:o.error)||!(null==o?void 0:o.data))throw new Error((null==o?void 0:o.error)||"Something went wrong while fetching the list. Please try again");return o.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}})]}))}))};
|
|
@@ -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"),i=require("../../../components/Connectors/Connector.js"),l=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 l.ApiResponseHelper;exports.default=l=>{let{node:f,allowedNodes:T,apiHandler:
|
|
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"),i=require("../../../components/Connectors/Connector.js"),l=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 l.ApiResponseHelper;exports.default=l=>{let{node:f,allowedNodes:T,apiHandler:h,mode:_,selectorKey:O}=l;var g,m,w,j,S,q,E,C,N,P,B,b,k,x,Q,A,R,V;const[D,M]=o.useState([]),[F,L]=o.useState(!1),{deleteProperty:$,createProperty:H,selectType:J,createMeta:K,updateMeta:U,updateProperty:W,selectPropertyJoinOperator:Y,clearProperty:G}=n.useQueryBuilder(O),{cacheWrap:I}=u.useQueryBuilderCache(),[z,X]=o.useState(!0),[Z,ee]=o.useState(),re=null===(g=null==f?void 0:f.metas)||void 0===g?void 0:g.find((e=>"date"===e.key)),oe=null===(m=null==f?void 0:f.metas)||void 0===m?void 0:m.find((e=>"frequency"===e.key)),te=null===(w=null==f?void 0:f.metas)||void 0===w?void 0:w.find((e=>"eventName"===e.key)),[ae,ie]=o.useState(!1),[le,ne]=o.useState(!1),[ue,de]=o.useState(!1);const ve=()=>e.__awaiter(void 0,void 0,void 0,(function*(){X(!0),ee(void 0);const e=yield I((()=>h({})),"EVENT_NAMES");if(X(!1),!e)return M([]),void ee("Something went wrong while fetching the list. Please try again");const r=c.convertToGroupOptions(e,(null==te?void 0:te.value)?[te.value]:void 0);if("create"!==_&&te)return M([...r]),void L(!0);M([...r]),L(!0)}));return o.useEffect((()=>{ve()}),[]),r.jsx(p.BaseQueryBuilderNode,Object.assign({selectPropertyJoinOperator:Y,node:f,addPropertyBtnText:(null==te?void 0:te.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==te?void 0:te.value,I((()=>h({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((()=>h({query:{eventName:e,propertyName:r}})),`EVENT_NAMES_${e}_${r}`))(null==te?void 0:te.value,r.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return 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:_,onPropertyValueSearch:function(r,o){return e.__awaiter(this,void 0,void 0,(function*(){const t=yield((r,o,t)=>e.__awaiter(void 0,void 0,void 0,(function*(){return yield h({query:{eventName:r,propertyName:o,searchKey:t}})})))(null==te?void 0:te.value,o.name,r);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}},{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"===_,selectedType:f.type,allowedList:T,onSelect:function(e){ie(!0),M((e=>[...t.iterateOnOptions(e,{selected:!1})])),setTimeout((()=>{J(e.value,f._id),ie(!1)}),1)}}),!ae&&r.jsx(s.default,{isSearchable:!0,isLoading:z,optionsErrorState:Z?{title:"Failed to load options",subTitle:Z}:void 0,onRetryOptionsFetch:ve,disabled:"view"===_,width:"200px",dropdownLabel:"Select event name",options:D,selectedValues:(null==te?void 0:te.value)?[te.value]:void 0,onSelect:function(e){Array.isArray(e)||(G(f._id),te?U({key:"eventName",value:e.value,error:{}},f._id):K({key:"eventName",value:e.value},f._id),oe?(ne(!0),setTimeout((()=>{U({key:"frequency",value:{dataType:d.QueryBuilderConnectorType.frequency,operator:v.FREQUENCY_OPERATORS.atleast,value:1},error:{}},f._id),ne(!1)}),1)):K({key:"frequency",value:{dataType:d.QueryBuilderConnectorType.frequency,operator:v.FREQUENCY_OPERATORS.atleast,value:1}},f._id),re?(de(!0),setTimeout((()=>{U({key:"date",value:{dataType:d.QueryBuilderConnectorType.date,operator:v.DATE_OPERATORS["last 30 days"]},error:{}},f._id),de(!1)}),1)):K({key:"date",value:{dataType:d.QueryBuilderConnectorType.date,operator:v.DATE_OPERATORS["last 30 days"]}},f._id))},error:null!==(N=null!==(E=null===(q=null===(S=null===(j=f.metas)||void 0===j?void 0:j[0])||void 0===S?void 0:S.error)||void 0===q?void 0:q.key)&&void 0!==E?E:null===(C=null==te?void 0:te.error)||void 0===C?void 0:C.key)&&void 0!==N?N:null===(P=null==te?void 0:te.error)||void 0===P?void 0:P.value})]})),(null==oe?void 0:oe.key)&&!le&&r.jsx(i.default,{disabled:"view"===_,extra:{},errors:{val:null===(b=null===(B=oe.error)||void 0===B?void 0:B.value)||void 0===b?void 0:b.value,operator:null===(x=null===(k=oe.error)||void 0===k?void 0:k.value)||void 0===x?void 0:x.operator},connectorVal:oe.value.value,connectorType:oe.value.dataType,defaultConnector:oe.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;F&&U({key:"frequency",value:{dataType:d.QueryBuilderConnectorType.frequency,operator:null===(r=null==oe?void 0:oe.value)||void 0===r?void 0:r.operator,value:e},error:{}},f._id)}}),(null==re?void 0:re.key)&&!ue&&r.jsx(i.default,{disabled:"view"===_,extra:{},errors:{val:null===(A=null===(Q=re.error)||void 0===Q?void 0:Q.value)||void 0===A?void 0:A.value,operator:null===(V=null===(R=re.error)||void 0===R?void 0:R.value)||void 0===V?void 0:V.operator},connectorVal:re.value.value,connectorType:re.value.dataType,defaultConnector:re.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;F&&U({key:"date",value:{dataType:d.QueryBuilderConnectorType.date,operator:null===(r=null==re?void 0:re.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"),
|
|
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/Property/PropertyNode.js"),i=require("../../../helpers/SegmentValidator.js"),a=require("../../../hooks/useQueryBuilder.js"),n=require("../../../hooks/useQueryBuilderCache.js"),s=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js");exports.default=d=>{let{node:l,allowedNodes:u,apiHandler:p,mode:c,selectorKey:y}=d;var v;const{selectType:h,createProperty:g,updateProperty:j}=a.useQueryBuilder(y),{cacheWrap:f}=n.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(t.default,{disabled:"view"===c,selectedType:l.type,allowedList:u,onSelect:e=>h(e.value,l._id)}),r.jsx(o.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 t,o;return e.__awaiter(this,void 0,void 0,(function*(){if((null===(t=l.properties)||void 0===t?void 0:t[0])?j(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):g({name:r.id,dataType:r.type},l._id),r.needValuesRetrieval){const e=yield(e=>f((()=>p({query:{propertyName:e}})),`USER_PROPERTIES-${e}`))(r.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return e}return[]}))},onPropertyOperatorChange:function(e){j(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):{};j(Object.assign(Object.assign({},t),{value:e,error:o}),l._id)},onPropertyValueSearch:function(r,t){return e.__awaiter(this,void 0,void 0,(function*(){const o=yield((r,t)=>e.__awaiter(void 0,void 0,void 0,(function*(){return yield p({query:{propertyName:r,searchKey:t}})})))(t.name,r);if((null==o?void 0:o.error)||!(null==o?void 0:o.data))throw new Error((null==o?void 0:o.error)||"Something went wrong while fetching the list. Please try again");return o.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}})]}))}))};
|
|
@@ -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"),o=require("../../helpers/SegmentValidator.js"),a=require("../../hooks/useQueryBuilder.js"),n=require("../../hooks/useQueryBuilderCache.js"),s=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:
|
|
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"),o=require("../../helpers/SegmentValidator.js"),a=require("../../hooks/useQueryBuilder.js"),n=require("../../hooks/useQueryBuilderCache.js"),s=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:h}=i;var O;const[b,f]=t.useState([]),{updateMeta:m,createMeta:_,createProperty:P,deleteProperty:S,updateProperty:w,selectPropertyJoinOperator:x,clearProperty:B}=a.useQueryBuilder(j),{cacheWrap:q}=n.useQueryBuilderCache(),[A,N]=t.useState(!0),[T,Q]=t.useState(),k=c.metas.find((e=>e.key===d)),C=()=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;N(!0),Q(void 0);const r=yield q((()=>p({})),v);if(r)if(Array.isArray(r)){const t=null!==(e=null==r?void 0:r.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==g&&(!!(null==k?void 0:k.value)&&k.value===e.id)}))))&&void 0!==e?e:[];f([...t])}else{const e=u.convertToGroupOptions(r,(null==k?void 0:k.value)?[k.value]:void 0);f([...e])}else f([]),Q("Something went wrong while fetching the list. Please try again");N(!1)}));return t.useEffect((()=>{C()}),[]),r.jsx(l.BaseQueryBuilderNode,Object.assign({node:c,addPropertyBtnText:(null==k?void 0:k.value)&&y,deleteProperty:S,createProperty:P,propertySelectorText:"Select condition",fetchPropertyData:function(){return e.__awaiter(this,void 0,void 0,(function*(){if(null==k?void 0:k.value){return yield(e=null==k?void 0:k.value,q((()=>p({query:{triggerName:e}})),`${v}_${e}`))}var e;return null}))},onPropertyNameSelect:function(r,t){return e.__awaiter(this,void 0,void 0,(function*(){w(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)=>q((()=>p({query:{triggerName:e,propertyName:r}})),`${v}_${e}_${r}`))(null==k?void 0:k.value,r.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return{normalized:e,originalData:e}}))},onPropertyOperatorChange:function(e,r){w(Object.assign(Object.assign({},r),{operator:e,value:void 0,error:{}}),c._id)},onPropertyValueChange:function(e,r){var t;const i="string"===r.dataType&&o.CONTAINS_OPERATORS.includes(null!==(t=r.operator)&&void 0!==t?t:"")?o.getContainsFilterError(e):{};w(Object.assign(Object.assign({},r),{value:e,error:i}),c._id)},selectPropertyJoinOperator:x,onPropertyValueSearch:h,mode:g},{children:r.jsx("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r.jsx(s.default,{isSearchable:!0,isLoading:A,optionsErrorState:T?{title:"Failed to load options",subTitle:T}:void 0,onRetryOptionsFetch:C,error:null===(O=null==k?void 0:k.error)||void 0===O?void 0:O.key,width:"200px",options:b,onSelect:function(e){Array.isArray(e)||(B(c._id),Array.isArray(b)&&f([...b.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==k?void 0:k.key)===d?m(Object.assign(Object.assign({},k),{value:e.value,error:{}}),c._id):_({key:d,value:e.value},c._id))}})}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),r=require("../../DropdownWrapper.js");const o=o=>{let{onChange:n,extra:a,val:i,isLoading:t,errors:s,disabled:d,onSearch:u,optionsErrorState:c,onRetryOptionsFetch:v}=o;var p;const[f,h]=l.useState([]),b=i;return l.useEffect((()=>{var e;const l=(null==a?void 0:a.options)&&Array.isArray(a.options)?a.options.filter((e=>!!Object.keys(e).length)).map((e=>({selected:!!(null==b?void 0:b.find((l=>l.id===e.id))),label:e.name,value:e.id}))):[],r=null!==(e=null==b?void 0:b.map((e=>e.id)))&&void 0!==e?e:[],o=[...l.filter((e=>!r.includes(e.value)))].concat((null!=b?b:[]).map((e=>({value:e.id,label:e.name}))));null==b||b.forEach((e=>{let{name:l,id:r}=e;const n=o.findIndex((e=>e.value===r&&e.label===l));-1!==n&&(o[n].selected=!0)})),h([...o])}),[a,b]),e.jsx("div",{children:e.jsx(r.default,{onSearch:u,disabled:d,allowFreeForm:null===(p=null==a?void 0:a.freeForm)||void 0===p||p,isSearchable:!0,isLoading:t,optionsErrorState:c,onRetryOptionsFetch:v,error:null==s?void 0:s.val,isMultiSelect:!0,options:f,onSelect:function(e){if(Array.isArray(e)){const l=[];e.forEach((e=>{var r,o;e.options?null===(r=e.options)||void 0===r||r.forEach((e=>{l.push({name:e.label,id:e.value})})):l.push({name:null!==(o=e.label)&&void 0!==o?o:"",id:e.value})})),null==n||n(l)}}})})};exports.default=l=>e.jsx(o,Object.assign({},l));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),t=require("../../DropdownWrapper.js");const n=n=>{let{onChange:r,extra:a,val:i,isLoading:o,errors:s,disabled:d,optionsErrorState:u,onRetryOptionsFetch:c}=n;const[p,v]=l.useState([]),f=i;return l.useEffect((()=>{var e;const l=(null==a?void 0:a.options)&&Array.isArray(a.options)?a.options.filter((e=>!!Object.keys(e).length)).map((e=>({selected:!!(null==f?void 0:f.find((l=>l.name===e.name||l.id===e.id))),label:e.name,value:e.id}))):[],t=null!==(e=null==f?void 0:f.map((e=>e.id)))&&void 0!==e?e:[],n=[...l.filter((e=>!t.includes(e.value)))].concat((null!=f?f:[]).map((e=>({value:e.id,label:e.name}))));null==f||f.forEach((e=>{let{name:l,id:t}=e;const r=n.findIndex((e=>e.value===t&&e.label===l));-1!==r&&(n[r].selected=!0)})),v([...n])}),[a,f]),e.jsx("div",{children:e.jsx(t.default,{disabled:d,allowFreeForm:!1,isSearchable:!0,isLoading:o,optionsErrorState:u,onRetryOptionsFetch:c,error:null==s?void 0:s.val,isMultiSelect:!1,options:p,onSelect:function(e){const l=e,t=[];t.push({name:l.label,id:l.value}),null==r||r(t)}})})};exports.default=l=>e.jsx(n,Object.assign({},l));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../constants/connectorPosition.js"),n=require("../../helpers/Connector.helper.js"),o=require("../../types/QueryBuilder.type.js"),i=require("../DropdownWrapper.js"),s=require("./Components/EmojiPicker.js"),l=require("./Components/FreeText.js"),u=require("./Components/FrequencyIntegerPositiveSingle.js"),a=require("./Components/IgPicker.js"),d=require("./Components/IntegerPositiveSingle.js"),p=require("./Components/IntegerSingleValue.js"),c=require("./Components/InTheLast.js"),g=require("./Components/InTheLastAgo.js"),j=require("./Components/InTwoLast.js"),m=require("./Components/MultiselectDropdownFreeText.js"),C=require("./Components/NoInput.js"),q=require("./Components/NumberTime.js"),S=require("./Components/SingleDate.js"),f=require("./Components/SingleselectDropdownFreeText.js"),v=require("./Components/StringSingleValue.js"),I=require("./Components/TwoDate.js"),T=require("./Components/TwoNumberInputsSeperatedByAnd.js"),y=require("./Connector.styled.js");const P={FreeText:l.default,IntegerPositiveSingle:d.default,IntegerSingleValue:p.default,StringSingleValue:v.default,MultiselectDropdownFreeText:m.default,SingleselectDropdownFreeText:f.default,NoInput:C.default,SingleDate:S.default,TwoNumberInputsSeperatedByAnd:T.default,FrequencyIntegerPositiveSingle:u.default,TwoDate:I.default,NumberTime:q.default,PostIgPicker:a.PostIgPicker,ReelIgPicker:a.ReelIgPicker,StoryIgPicker:a.StoryIgPicker,EmojiPicker:s.default,InTheLast:c.default,InTwoLast:j.default,InTheLastAgo:g.default};exports.default=s=>{let{isLoading:l,noDefault:u,connectorType:a,defaultConnector:d,onOperatorChange:p,onValueChange:c,connectorVal:g,extra:j,errors:m,disabled:C,onSearch:q,optionsErrorState:S,onRetryOptionsFetch:f}=s;var v,I,T;const[h,w]=r.useState(null),[x,D]=r.useState(!1),b=n.ConnectorHelper.getDropdownOptionFromDataType(a,d);function F(e){let r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];D(!0);const t=n.ConnectorHelper.getConnectorComponent(a,e.value);void 0!==t?a===o.QueryBuilderConnectorType.frequency&&"IntegerPositiveSingle"===t?w("FrequencyIntegerPositiveSingle"):w(t):w(null),r||p(e.value),setTimeout((()=>{D(!1)}),5)}return r.useEffect((()=>{u||(d?F({value:d,label:d},!0):(null==b?void 0:b[0])&&F(b[0]))}),[d]),e.jsxs(y.Container,{children:[e.jsx("div",{children:!(null===(v=null===t.disableOperatorDropdown||void 0===t.disableOperatorDropdown?void 0:t.disableOperatorDropdown[a])||void 0===v?void 0:v[d])&&e.jsx(i.default,{isSearchable:!0,disabled:C,width:"200px",isLoading:x,options:b,defaultOption:null===(I=b.filter((e=>e.selected)))||void 0===I?void 0:I[0],onSelect:F})}),null!==h&&!x&&(null===(T=P[h])||void 0===T?void 0:T.call(P,{disabled:C,val:g,onChange:c,extra:j,errors:m,isLoading:l,onSearch:q,optionsErrorState:S,onRetryOptionsFetch:f,connectorType:a}))]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../dropdown/Dropdown.js");exports.default=i=>{let{options:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../dropdown/Dropdown.js");exports.default=i=>{let{options:o,onSelect:s,defaultOption:n,isSearchable:a,isLoading:l,error:r,nativeID:c,dropdownLabel:d,isMultiSelect:u,allowFreeForm:p,width:b,disabled:g,selectedValues:j,onSearch:O,optionsErrorState:h,onRetryOptionsFetch:v}=i;var S;const w=h?Object.assign(Object.assign({},h),{actionButton:v?Object.assign(Object.assign({},null!==(S=h.actionButton)&&void 0!==S?S:{}),{onClick:e=>{null==e||e.preventDefault(),null==e||e.stopPropagation(),v()}}):h.actionButton}):void 0;return e.jsx("div",Object.assign({style:{maxWidth:200,width:200},id:c},{children:e.jsx(t.Dropdown,{onSearch:O,height:(null==o?void 0:o.length)?void 0:208,isOptionsLoading:l,optionsErrorState:w,disabled:g,allowFreeForm:null!=p&&p,isMultiSelect:u,width:b,size:"small",placeHolder:d,error:r,isSearchable:null!=a&&a,defaultOptions:n?Array.isArray(n)?n:[n]:void 0,options:j?o.map((e=>e.options?Object.assign(Object.assign({},e),{options:e.options.map((e=>Object.assign(Object.assign({},e),{selected:j.includes(e.value)})))}):Object.assign(Object.assign({},e),{selected:j.includes(e.value)}))):o,onSelect:s})}))};
|
package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.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("react"),
|
|
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("../../../constants/connectorPosition.js"),i=require("../../../helpers/ApiResponse.helper.js"),a=require("../../Connectors/Connector.js"),n=require("../../DropdownWrapper.js"),s=require("./PropertyNode.styled.js"),l=require("./PropertyNodeUIWrapper.js");const d=new i.ApiResponseHelper,c=i=>{let{propertySelectorText:l,fetchPropertyData:c,onPropertyNameSelect:u,onPropertyOperatorChange:p,onPropertyValueChange:v,property:g,mode:y,onPropertyValueSearch:h}=i;var j,m,b,f,O,S,A;const[w,x]=o.useState([]),[P,C]=o.useState({}),[T,q]=o.useState(!0),[E,z]=o.useState(),[D,F]=o.useState(),[L,N]=o.useState(),[V,R]=o.useState("create"===y),_=Array.isArray(w)?w.map((e=>Object.assign(Object.assign({},e),{label:e.name,value:e.id,description:e.description,selected:(null==g?void 0:g.name)===e.id}))):d.convertToGroupOptions(w,(null==g?void 0:g.name)?[g.name.toString()]:void 0),W=()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(c){q(!0),z(void 0);const e=yield c();e?Array.isArray(e)?x([...e]):x(Object.assign({},e)):(x([]),z("Something went wrong while fetching the list. Please try again")),q(!1),R(!1)}else q(!1),R(!1)}));function k(e){if(!Array.isArray(e)){R(!0);let r=null;Array.isArray(w)?r=w.find((r=>{let{id:o}=r;return o===e.value})):Object.keys(w).forEach((o=>{const t=w[o].find((r=>{let{id:o}=r;return o===e.value}));t&&(r=t)})),C({}),r?(N(r),F(void 0),null==u||u(r,g).then((e=>{const r=e;r.normalized&&r.originalData?C((e=>Object.assign(Object.assign({},e),{options:Array.isArray(r.normalized)?[...r.normalized]:Object.assign({},r.normalized),originalData:r.originalData}))):C((r=>Object.assign(Object.assign({},r),{options:Array.isArray(e)?[...e]:Object.assign({},e)}))),R(!1)})).catch((e=>{R(!1),C({}),F(e instanceof Error?e.message:"Something went wrong while fetching the list. Please try again")}))):R(!1)}}function G(){L&&u&&g&&(R(!0),F(void 0),u(L,g).then((e=>{const r=e;r.normalized&&r.originalData?C((e=>Object.assign(Object.assign({},e),{options:Array.isArray(r.normalized)?[...r.normalized]:Object.assign({},r.normalized),originalData:r.originalData}))):C((r=>Object.assign(Object.assign({},r),{options:Array.isArray(e)?[...e]:Object.assign({},e)}))),R(!1)})).catch((e=>{R(!1),C({}),F(e instanceof Error?e.message:"Something went wrong while fetching the list. Please try again")})))}return o.useEffect((()=>{W()}),[]),o.useEffect((()=>{if("create"!==y&&w&&(null==g?void 0:g.name)){const e=g,r=Array.isArray(w)?w.find((e=>e.id===(null==g?void 0:g.name))):d.findInGroupedApiResponse(w,null==g?void 0:g.name);r&&k({value:r.id,label:r.name}),null==v||v(null==e?void 0:e.value,g)}}),[w]),o.useEffect((()=>{"iceBreaker"===(null==g?void 0:g.dataType)&&C((e=>Object.assign(Object.assign({},e),{freeForm:!1})))}),[null==g?void 0:g.dataType]),r.jsxs(r.Fragment,{children:[r.jsxs(s.Container,{children:[r.jsx(n.default,{isSearchable:!0,disabled:"view"===y,width:"200px",isLoading:T,optionsErrorState:E?{title:"Failed to load options",subTitle:E}:void 0,onRetryOptionsFetch:W,dropdownLabel:null!=l?l:"Select property",options:_,onSelect:k,selectedValues:(null==g?void 0:g.name)?[g.name]:void 0,error:null===(j=null==g?void 0:g.error)||void 0===j?void 0:j.name}),(null==g?void 0:g.name)&&!(null===(m=t.isNewLineConnectorPosition[g.dataType])||void 0===m?void 0:m[g.operator])&&r.jsx(a.default,{onSearch:h?e=>h(e,g):void 0,isLoading:V,disabled:"view"===y,extra:P,errors:{val:null===(b=g.error)||void 0===b?void 0:b.value,operator:null===(f=g.error)||void 0===f?void 0:f.operator},optionsErrorState:D?{title:"Failed to load options",subTitle:D}:void 0,onRetryOptionsFetch:G,connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:e=>{null==p||p(e,g)},onValueChange:e=>null==v?void 0:v(e,g)})]}),(null==g?void 0:g.name)&&(null===(O=t.isNewLineConnectorPosition[g.dataType])||void 0===O?void 0:O[g.operator])&&r.jsx(a.default,{onSearch:h?e=>h(e,g):void 0,isLoading:V,disabled:"view"===y,extra:P,errors:{val:null===(S=g.error)||void 0===S?void 0:S.value,operator:null===(A=g.error)||void 0===A?void 0:A.operator},optionsErrorState:D?{title:"Failed to load options",subTitle:D}:void 0,onRetryOptionsFetch:G,connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:e=>null==p?void 0:p(e,g),onValueChange:e=>null==v?void 0:v(e,g)})]})};exports.PropertyNode=e=>r.jsx(l.default,Object.assign({isLast:e.isLast,mode:e.mode},{children:r.jsx("div",Object.assign({style:{padding:12,maxWidth:"calc(100% - 78px)"}},{children:r.jsx(c,Object.assign({},e))}))})),exports.PropertyNodeHeadless=c;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { DropdownOption } from "../../dropdown/type";
|
|
2
|
+
import { OpenDropdownProps } from "../../dropdown/type";
|
|
2
3
|
import { QueryBuilderConnectorType } from './QueryBuilder.type';
|
|
3
4
|
import { QueryBuilderAPIData } from './QueryBuilderAPI.type';
|
|
4
5
|
import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type';
|
|
@@ -21,6 +22,8 @@ export type ConnectorComponentProps = {
|
|
|
21
22
|
disabled?: boolean;
|
|
22
23
|
connectorType: QueryBuilderConnectorType;
|
|
23
24
|
onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
|
|
25
|
+
optionsErrorState?: OpenDropdownProps['optionsErrorState'];
|
|
26
|
+
onRetryOptionsFetch?: () => void;
|
|
24
27
|
};
|
|
25
28
|
export type ConnectorProps = {
|
|
26
29
|
isLoading?: boolean;
|
|
@@ -41,6 +44,8 @@ export type ConnectorProps = {
|
|
|
41
44
|
testID?: string;
|
|
42
45
|
disabled?: boolean;
|
|
43
46
|
onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
|
|
47
|
+
optionsErrorState?: OpenDropdownProps['optionsErrorState'];
|
|
48
|
+
onRetryOptionsFetch?: () => void;
|
|
44
49
|
};
|
|
45
50
|
export type CONNECTOR_VALUE_TYPE = object | string[] | string | number | Date[] | Date | number[] | number | undefined | /** for multiselect */ QueryBuilderAPIData[] | IG_VALUE[];
|
|
46
51
|
type IG_VALUE = {
|
|
@@ -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{PropertyNodeHeadless as n}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{CONTAINS_OPERATORS as a,getContainsFilterError as d}from"../../../helpers/SegmentValidator.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:y,mode:m,selectorKey:v}=p;var f;const{selectType:
|
|
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{PropertyNodeHeadless as n}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{CONTAINS_OPERATORS as a,getContainsFilterError as d}from"../../../helpers/SegmentValidator.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:y,mode:m,selectorKey:v}=p;var f;const{selectType:h,createProperty:g,updateProperty:j}=l(v),{cacheWrap:w}=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=>h(e.value,u._id)}),r(n,{mode:m,property:null===(f=null==u?void 0:u.properties)||void 0===f?void 0:f[0],fetchPropertyData:()=>w((()=>y({})),"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])?j(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)=>w((()=>y({query:Object.assign({propertyName:e},r)})),`CUSTOM_FIELDS-${e}`))(r.id,r);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return e}return[]}))},onPropertyOperatorChange:function(e){j(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&&a.includes(null!==(r=o.operator)&&void 0!==r?r:"")?d(e):{};j(Object.assign(Object.assign({},o),{value:e,error:t}),u._id)},onPropertyValueSearch:function(r,o){return e(this,void 0,void 0,(function*(){const t=yield((r,o)=>e(void 0,void 0,void 0,(function*(){return yield y({query:{propertyName:r,searchKey:o}})})))(o.name,r);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}})]}))}))};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
|
|
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 i}from"../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js";import l 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 g=new d,w=d=>{let{node:w,allowedNodes:T,apiHandler:_,mode:j,selectorKey:O}=d;var k,b,N,P,S,q,E,V,x,C,B,A,D,Q,M,L,R,$;const[F,J]=t([]),[K,W]=t(!1),{deleteProperty:G,createProperty:H,selectType:z,createMeta:I,updateMeta:U,updateProperty:X,selectPropertyJoinOperator:Y,clearProperty:Z}=u(O),{cacheWrap:ee}=v(),[oe,re]=t(!0),[te,ae]=t(),ie=null===(k=null==w?void 0:w.metas)||void 0===k?void 0:k.find((e=>"date"===e.key)),le=null===(b=null==w?void 0:w.metas)||void 0===b?void 0:b.find((e=>"frequency"===e.key)),ne=null===(N=null==w?void 0:w.metas)||void 0===N?void 0:N.find((e=>"eventName"===e.key)),[de,ue]=t(!1),[ve,pe]=t(!1),[se,ce]=t(!1);const ye=()=>e(void 0,void 0,void 0,(function*(){re(!0),ae(void 0);const e=yield ee((()=>_({})),"EVENT_NAMES");if(re(!1),!e)return J([]),void ae("Something went wrong while fetching the list. Please try again");const o=g.convertToGroupOptions(e,(null==ne?void 0:ne.value)?[ne.value]:void 0);if("create"!==j&&ne)return J([...o]),void W(!0);J([...o]),W(!0)}));return a((()=>{ye()}),[]),o(m,Object.assign({selectPropertyJoinOperator:Y,node:w,addPropertyBtnText:(null==ne?void 0:ne.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==ne?void 0:ne.value,ee((()=>_({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:{}}),w._id),!o.needValuesRetrieval)return[];const e=yield((e,o)=>ee((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`))(null==ne?void 0:ne.value,o.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return e}))},onPropertyOperatorChange:function(e,o){X(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),w._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}),w._id)},mode:j,onPropertyValueSearch:function(o,r){return e(this,void 0,void 0,(function*(){const t=yield((o,r,t)=>e(void 0,void 0,void 0,(function*(){return yield _({query:{eventName:o,propertyName:r,searchKey:t}})})))(null==ne?void 0:ne.value,r.name,o);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}},{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"===j,selectedType:w.type,allowedList:T,onSelect:function(e){ue(!0),J((e=>[...i(e,{selected:!1})])),setTimeout((()=>{z(e.value,w._id),ue(!1)}),1)}}),!de&&o(y,{isSearchable:!0,isLoading:oe,optionsErrorState:te?{title:"Failed to load options",subTitle:te}:void 0,onRetryOptionsFetch:ye,disabled:"view"===j,width:"200px",dropdownLabel:"Select event name",options:F,selectedValues:(null==ne?void 0:ne.value)?[ne.value]:void 0,onSelect:function(e){Array.isArray(e)||(Z(w._id),ne?U({key:"eventName",value:e.value,error:{}},w._id):I({key:"eventName",value:e.value},w._id),le?(pe(!0),setTimeout((()=>{U({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1},error:{}},w._id),pe(!1)}),1)):I({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1}},w._id),ie?(ce(!0),setTimeout((()=>{U({key:"date",value:{dataType:p.date,operator:c["last 30 days"]},error:{}},w._id),ce(!1)}),1)):I({key:"date",value:{dataType:p.date,operator:c["last 30 days"]}},w._id))},error:null!==(x=null!==(E=null===(q=null===(S=null===(P=w.metas)||void 0===P?void 0:P[0])||void 0===S?void 0:S.error)||void 0===q?void 0:q.key)&&void 0!==E?E:null===(V=null==ne?void 0:ne.error)||void 0===V?void 0:V.key)&&void 0!==x?x:null===(C=null==ne?void 0:ne.error)||void 0===C?void 0:C.value})]})),(null==le?void 0:le.key)&&!ve&&o(n,{disabled:"view"===j,extra:{},errors:{val:null===(A=null===(B=le.error)||void 0===B?void 0:B.value)||void 0===A?void 0:A.value,operator:null===(Q=null===(D=le.error)||void 0===D?void 0:D.value)||void 0===Q?void 0:Q.operator},connectorVal:le.value.value,connectorType:le.value.dataType,defaultConnector:le.value.operator,onOperatorChange:function(e){U({key:"frequency",value:{dataType:p.frequency,operator:e,value:1},error:{}},w._id)},onValueChange:function(e){var o;K&&U({key:"frequency",value:{dataType:p.frequency,operator:null===(o=null==le?void 0:le.value)||void 0===o?void 0:o.operator,value:e},error:{}},w._id)}}),(null==ie?void 0:ie.key)&&!se&&o(n,{disabled:"view"===j,extra:{},errors:{val:null===(L=null===(M=ie.error)||void 0===M?void 0:M.value)||void 0===L?void 0:L.value,operator:null===($=null===(R=ie.error)||void 0===R?void 0:R.value)||void 0===$?void 0:$.operator},connectorVal:ie.value.value,connectorType:ie.value.dataType,defaultConnector:ie.value.operator,onOperatorChange:function(e){U({key:"date",value:{dataType:p.date,operator:e,value:void 0},error:{}},w._id)},onValueChange:function(e){var o;K&&U({key:"date",value:{dataType:p.date,operator:null===(o=null==ie?void 0:ie.value)||void 0===o?void 0:o.operator,value:e},error:{}},w._id)}})]}))}))};export{w 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{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{CONTAINS_OPERATORS as n,getContainsFilterError as a}from"../../../helpers/SegmentValidator.js";import{useQueryBuilder as d}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:y,mode:m,selectorKey:v}=p;var f;const{selectType:h,createProperty:g,updateProperty:j}=d(v),{cacheWrap:
|
|
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{CONTAINS_OPERATORS as n,getContainsFilterError as a}from"../../../helpers/SegmentValidator.js";import{useQueryBuilder as d}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:y,mode:m,selectorKey:v}=p;var f;const{selectType:h,createProperty:g,updateProperty:j}=d(v),{cacheWrap:w}=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=>h(e.value,u._id)}),r(i,{mode:m,property:null===(f=null==u?void 0:u.properties)||void 0===f?void 0:f[0],fetchPropertyData:()=>w((()=>y({})),"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])?j(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=>w((()=>y({query:{propertyName:e}})),`USER_PROPERTIES-${e}`))(r.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return e}return[]}))},onPropertyOperatorChange:function(e){j(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):{};j(Object.assign(Object.assign({},o),{value:e,error:t}),u._id)},onPropertyValueSearch:function(r,o){return e(this,void 0,void 0,(function*(){const t=yield((r,o)=>e(void 0,void 0,void 0,(function*(){return yield y({query:{propertyName:r,searchKey:o}})})))(o.name,r);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}})]}))}))};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{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:g,propertyAddBtnText:m,mode:
|
|
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:g,propertyAddBtnText:m,mode:f,selectorKey:h,onPropertyValueSearch:j}=i;var O;const[b,P]=t([]),{updateMeta:w,createMeta:S,createProperty:_,deleteProperty:x,updateProperty:A,selectPropertyJoinOperator:B,clearProperty:N}=s(h),{cacheWrap:T}=l(),[k,$]=t(!0),[D,Q]=t(),V=v.metas.find((e=>e.key===p)),C=()=>e(void 0,void 0,void 0,(function*(){var e;$(!0),Q(void 0);const r=yield T((()=>y({})),g);if(r)if(Array.isArray(r)){const t=null!==(e=null==r?void 0:r.map((e=>({label:e.name,value:e.id,description:e.description,selected:"create"!==f&&(!!(null==V?void 0:V.value)&&V.value===e.id)}))))&&void 0!==e?e:[];P([...t])}else{const e=u.convertToGroupOptions(r,(null==V?void 0:V.value)?[V.value]:void 0);P([...e])}else P([]),Q("Something went wrong while fetching the list. Please try again");$(!1)}));return o((()=>{C()}),[]),r(c,Object.assign({node:v,addPropertyBtnText:(null==V?void 0:V.value)&&m,deleteProperty:x,createProperty:_,propertySelectorText:"Select condition",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){if(null==V?void 0:V.value){return yield(e=null==V?void 0:V.value,T((()=>y({query:{triggerName:e}})),`${g}_${e}`))}var e;return null}))},onPropertyNameSelect:function(r,t){return e(this,void 0,void 0,(function*(){A(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}})),`${g}_${e}_${r}`))(null==V?void 0:V.value,r.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return{normalized:e,originalData:e}}))},onPropertyOperatorChange:function(e,r){A(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):{};A(Object.assign(Object.assign({},r),{value:e,error:o}),v._id)},selectPropertyJoinOperator:B,onPropertyValueSearch:j,mode:f},{children:r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r(d,{isSearchable:!0,isLoading:k,optionsErrorState:D?{title:"Failed to load options",subTitle:D}:void 0,onRetryOptionsFetch:C,error:null===(O=null==V?void 0:V.error)||void 0===O?void 0:O.key,width:"200px",options:b,onSelect:function(e){Array.isArray(e)||(N(v._id),Array.isArray(b)&&P([...b.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==V?void 0:V.key)===p?w(Object.assign(Object.assign({},V),{value:e.value,error:{}}),v._id):S({key:p,value:e.value},v._id))}})}))}))};export{v as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useState as o,useEffect as l}from"react";import r from"../../DropdownWrapper.js";const n=n=>{let{onChange:a,extra:i,val:t,isLoading:s,errors:d,disabled:c,onSearch:u,optionsErrorState:p,onRetryOptionsFetch:v}=n;var m;const[f,h]=o([]),b=t;return l((()=>{var e;const o=(null==i?void 0:i.options)&&Array.isArray(i.options)?i.options.filter((e=>!!Object.keys(e).length)).map((e=>({selected:!!(null==b?void 0:b.find((o=>o.id===e.id))),label:e.name,value:e.id}))):[],l=null!==(e=null==b?void 0:b.map((e=>e.id)))&&void 0!==e?e:[],r=[...o.filter((e=>!l.includes(e.value)))].concat((null!=b?b:[]).map((e=>({value:e.id,label:e.name}))));null==b||b.forEach((e=>{let{name:o,id:l}=e;const n=r.findIndex((e=>e.value===l&&e.label===o));-1!==n&&(r[n].selected=!0)})),h([...r])}),[i,b]),e("div",{children:e(r,{onSearch:u,disabled:c,allowFreeForm:null===(m=null==i?void 0:i.freeForm)||void 0===m||m,isSearchable:!0,isLoading:s,optionsErrorState:p,onRetryOptionsFetch:v,error:null==d?void 0:d.val,isMultiSelect:!0,options:f,onSelect:function(e){if(Array.isArray(e)){const o=[];e.forEach((e=>{var l,r;e.options?null===(l=e.options)||void 0===l||l.forEach((e=>{o.push({name:e.label,id:e.value})})):o.push({name:null!==(r=e.label)&&void 0!==r?r:"",id:e.value})})),null==a||a(o)}}})})};var a=o=>e(n,Object.assign({},o));export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{useState as l,useEffect as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useState as l,useEffect as o}from"react";import n from"../../DropdownWrapper.js";const t=t=>{let{onChange:a,extra:i,val:r,isLoading:s,errors:d,disabled:c,optionsErrorState:u,onRetryOptionsFetch:p}=t;const[m,v]=l([]),f=r;return o((()=>{var e;const l=(null==i?void 0:i.options)&&Array.isArray(i.options)?i.options.filter((e=>!!Object.keys(e).length)).map((e=>({selected:!!(null==f?void 0:f.find((l=>l.name===e.name||l.id===e.id))),label:e.name,value:e.id}))):[],o=null!==(e=null==f?void 0:f.map((e=>e.id)))&&void 0!==e?e:[],n=[...l.filter((e=>!o.includes(e.value)))].concat((null!=f?f:[]).map((e=>({value:e.id,label:e.name}))));null==f||f.forEach((e=>{let{name:l,id:o}=e;const t=n.findIndex((e=>e.value===o&&e.label===l));-1!==t&&(n[t].selected=!0)})),v([...n])}),[i,f]),e("div",{children:e(n,{disabled:c,allowFreeForm:!1,isSearchable:!0,isLoading:s,optionsErrorState:u,onRetryOptionsFetch:p,error:null==d?void 0:d.val,isMultiSelect:!1,options:m,onSelect:function(e){const l=e,o=[];o.push({name:l.label,id:l.value}),null==a||a(o)}})})};var a=l=>e(t,Object.assign({},l));export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{disableOperatorDropdown as r}from"../../constants/connectorPosition.js";import{ConnectorHelper as i}from"../../helpers/Connector.helper.js";import{QueryBuilderConnectorType as s}from"../../types/QueryBuilder.type.js";import m from"../DropdownWrapper.js";import p from"./Components/EmojiPicker.js";import l from"./Components/FreeText.js";import a from"./Components/FrequencyIntegerPositiveSingle.js";import{PostIgPicker as c,ReelIgPicker as u,StoryIgPicker as d}from"./Components/IgPicker.js";import g from"./Components/IntegerPositiveSingle.js";import f from"./Components/IntegerSingleValue.js";import j from"./Components/InTheLast.js";import C from"./Components/InTheLastAgo.js";import S from"./Components/InTwoLast.js";import v from"./Components/MultiselectDropdownFreeText.js";import I from"./Components/NoInput.js";import T from"./Components/NumberTime.js";import h from"./Components/SingleDate.js";import y from"./Components/SingleselectDropdownFreeText.js";import P from"./Components/StringSingleValue.js";import w from"./Components/TwoDate.js";import D from"./Components/TwoNumberInputsSeperatedByAnd.js";import{Container as F}from"./Connector.styled.js";const x={FreeText:l,IntegerPositiveSingle:g,IntegerSingleValue:f,StringSingleValue:P,MultiselectDropdownFreeText:v,SingleselectDropdownFreeText:y,NoInput:I,SingleDate:h,TwoNumberInputsSeperatedByAnd:D,FrequencyIntegerPositiveSingle:a,TwoDate:w,NumberTime:T,PostIgPicker:c,ReelIgPicker:u,StoryIgPicker:d,EmojiPicker:p,InTheLast:j,InTwoLast:S,InTheLastAgo:C},b=p=>{let{isLoading:l,noDefault:a,connectorType:c,defaultConnector:u,onOperatorChange:d,onValueChange:g,connectorVal:f,extra:j,errors:C,disabled:S,onSearch:v,optionsErrorState:I,onRetryOptionsFetch:T}=p;var h,y,P;const[w,D]=t(null),[b,L]=t(!1),k=i.getDropdownOptionFromDataType(c,u);function N(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];L(!0);const t=i.getConnectorComponent(c,e.value);void 0!==t?c===s.frequency&&"IntegerPositiveSingle"===t?D("FrequencyIntegerPositiveSingle"):D(t):D(null),o||d(e.value),setTimeout((()=>{L(!1)}),5)}return n((()=>{a||(u?N({value:u,label:u},!0):(null==k?void 0:k[0])&&N(k[0]))}),[u]),e(F,{children:[o("div",{children:!(null===(h=null==r?void 0:r[c])||void 0===h?void 0:h[u])&&o(m,{isSearchable:!0,disabled:S,width:"200px",isLoading:b,options:k,defaultOption:null===(y=k.filter((e=>e.selected)))||void 0===y?void 0:y[0],onSelect:N})}),null!==w&&!b&&(null===(P=x[w])||void 0===P?void 0:P.call(x,{disabled:S,val:f,onChange:g,extra:j,errors:C,isLoading:l,onSearch:v,optionsErrorState:I,onRetryOptionsFetch:T,connectorType:c}))]})};export{b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{Dropdown as t}from"../../dropdown/Dropdown.js";const
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{Dropdown as t}from"../../dropdown/Dropdown.js";const o=o=>{let{options:i,onSelect:n,defaultOption:s,isSearchable:a,isLoading:l,error:r,nativeID:c,dropdownLabel:d,isMultiSelect:p,allowFreeForm:u,width:b,disabled:g,selectedValues:O,onSearch:h,optionsErrorState:j,onRetryOptionsFetch:m}=o;var v;const S=j?Object.assign(Object.assign({},j),{actionButton:m?Object.assign(Object.assign({},null!==(v=j.actionButton)&&void 0!==v?v:{}),{onClick:e=>{null==e||e.preventDefault(),null==e||e.stopPropagation(),m()}}):j.actionButton}):void 0;return e("div",Object.assign({style:{maxWidth:200,width:200},id:c},{children:e(t,{onSearch:h,height:(null==i?void 0:i.length)?void 0:208,isOptionsLoading:l,optionsErrorState:S,disabled:g,allowFreeForm:null!=u&&u,isMultiSelect:p,width:b,size:"small",placeHolder:d,error:r,isSearchable:null!=a&&a,defaultOptions:s?Array.isArray(s)?s:[s]:void 0,options:O?i.map((e=>e.options?Object.assign(Object.assign({},e),{options:e.options.map((e=>Object.assign(Object.assign({},e),{selected:O.includes(e.value)})))}):Object.assign(Object.assign({},e),{selected:O.includes(e.value)}))):i,onSelect:n})}))};export{o as default};
|
package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r,Fragment as
|
|
1
|
+
import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r,Fragment as i}from"react/jsx-runtime";import{useState as n,useEffect as t}from"react";import{isNewLineConnectorPosition as a}from"../../../constants/connectorPosition.js";import{ApiResponseHelper as l}from"../../../helpers/ApiResponse.helper.js";import s from"../../Connectors/Connector.js";import d from"../../DropdownWrapper.js";import{Container as c}from"./PropertyNode.styled.js";import p from"./PropertyNodeUIWrapper.js";const v=new l,u=e=>o(p,Object.assign({isLast:e.isLast,mode:e.mode},{children:o("div",Object.assign({style:{padding:12,maxWidth:"calc(100% - 78px)"}},{children:o(m,Object.assign({},e))}))})),m=l=>{let{propertySelectorText:p,fetchPropertyData:u,onPropertyNameSelect:m,onPropertyOperatorChange:g,onPropertyValueChange:y,property:h,mode:b,onPropertyValueSearch:f}=l;var j,O,A,w,S,T,P;const[C,x]=n([]),[z,D]=n({}),[F,V]=n(!0),[E,L]=n(),[R,N]=n(),[W,k]=n(),[G,I]=n("create"===b),_=Array.isArray(C)?C.map((e=>Object.assign(Object.assign({},e),{label:e.name,value:e.id,description:e.description,selected:(null==h?void 0:h.name)===e.id}))):v.convertToGroupOptions(C,(null==h?void 0:h.name)?[h.name.toString()]:void 0),B=()=>e(void 0,void 0,void 0,(function*(){if(u){V(!0),L(void 0);const e=yield u();e?Array.isArray(e)?x([...e]):x(Object.assign({},e)):(x([]),L("Something went wrong while fetching the list. Please try again")),V(!1),I(!1)}else V(!1),I(!1)}));function U(e){if(!Array.isArray(e)){I(!0);let o=null;Array.isArray(C)?o=C.find((o=>{let{id:r}=o;return r===e.value})):Object.keys(C).forEach((r=>{const i=C[r].find((o=>{let{id:r}=o;return r===e.value}));i&&(o=i)})),D({}),o?(k(o),N(void 0),null==m||m(o,h).then((e=>{const o=e;o.normalized&&o.originalData?D((e=>Object.assign(Object.assign({},e),{options:Array.isArray(o.normalized)?[...o.normalized]:Object.assign({},o.normalized),originalData:o.originalData}))):D((o=>Object.assign(Object.assign({},o),{options:Array.isArray(e)?[...e]:Object.assign({},e)}))),I(!1)})).catch((e=>{I(!1),D({}),N(e instanceof Error?e.message:"Something went wrong while fetching the list. Please try again")}))):I(!1)}}function q(){W&&m&&h&&(I(!0),N(void 0),m(W,h).then((e=>{const o=e;o.normalized&&o.originalData?D((e=>Object.assign(Object.assign({},e),{options:Array.isArray(o.normalized)?[...o.normalized]:Object.assign({},o.normalized),originalData:o.originalData}))):D((o=>Object.assign(Object.assign({},o),{options:Array.isArray(e)?[...e]:Object.assign({},e)}))),I(!1)})).catch((e=>{I(!1),D({}),N(e instanceof Error?e.message:"Something went wrong while fetching the list. Please try again")})))}return t((()=>{B()}),[]),t((()=>{if("create"!==b&&C&&(null==h?void 0:h.name)){const e=h,o=Array.isArray(C)?C.find((e=>e.id===(null==h?void 0:h.name))):v.findInGroupedApiResponse(C,null==h?void 0:h.name);o&&U({value:o.id,label:o.name}),null==y||y(null==e?void 0:e.value,h)}}),[C]),t((()=>{"iceBreaker"===(null==h?void 0:h.dataType)&&D((e=>Object.assign(Object.assign({},e),{freeForm:!1})))}),[null==h?void 0:h.dataType]),r(i,{children:[r(c,{children:[o(d,{isSearchable:!0,disabled:"view"===b,width:"200px",isLoading:F,optionsErrorState:E?{title:"Failed to load options",subTitle:E}:void 0,onRetryOptionsFetch:B,dropdownLabel:null!=p?p:"Select property",options:_,onSelect:U,selectedValues:(null==h?void 0:h.name)?[h.name]:void 0,error:null===(j=null==h?void 0:h.error)||void 0===j?void 0:j.name}),(null==h?void 0:h.name)&&!(null===(O=a[h.dataType])||void 0===O?void 0:O[h.operator])&&o(s,{onSearch:f?e=>f(e,h):void 0,isLoading:G,disabled:"view"===b,extra:z,errors:{val:null===(A=h.error)||void 0===A?void 0:A.value,operator:null===(w=h.error)||void 0===w?void 0:w.operator},optionsErrorState:R?{title:"Failed to load options",subTitle:R}:void 0,onRetryOptionsFetch:q,connectorVal:h.value,connectorType:h.dataType,defaultConnector:h.operator,onOperatorChange:e=>{null==g||g(e,h)},onValueChange:e=>null==y?void 0:y(e,h)})]}),(null==h?void 0:h.name)&&(null===(S=a[h.dataType])||void 0===S?void 0:S[h.operator])&&o(s,{onSearch:f?e=>f(e,h):void 0,isLoading:G,disabled:"view"===b,extra:z,errors:{val:null===(T=h.error)||void 0===T?void 0:T.value,operator:null===(P=h.error)||void 0===P?void 0:P.operator},optionsErrorState:R?{title:"Failed to load options",subTitle:R}:void 0,onRetryOptionsFetch:q,connectorVal:h.value,connectorType:h.dataType,defaultConnector:h.operator,onOperatorChange:e=>null==g?void 0:g(e,h),onValueChange:e=>null==y?void 0:y(e,h)})]})};export{u as PropertyNode,m as PropertyNodeHeadless};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { DropdownOption } from "../../dropdown/type";
|
|
2
|
+
import { OpenDropdownProps } from "../../dropdown/type";
|
|
2
3
|
import { QueryBuilderConnectorType } from './QueryBuilder.type';
|
|
3
4
|
import { QueryBuilderAPIData } from './QueryBuilderAPI.type';
|
|
4
5
|
import { CONNECTOR_OPERATORS } from './QueryBuilderOperator.type';
|
|
@@ -21,6 +22,8 @@ export type ConnectorComponentProps = {
|
|
|
21
22
|
disabled?: boolean;
|
|
22
23
|
connectorType: QueryBuilderConnectorType;
|
|
23
24
|
onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
|
|
25
|
+
optionsErrorState?: OpenDropdownProps['optionsErrorState'];
|
|
26
|
+
onRetryOptionsFetch?: () => void;
|
|
24
27
|
};
|
|
25
28
|
export type ConnectorProps = {
|
|
26
29
|
isLoading?: boolean;
|
|
@@ -41,6 +44,8 @@ export type ConnectorProps = {
|
|
|
41
44
|
testID?: string;
|
|
42
45
|
disabled?: boolean;
|
|
43
46
|
onSearch?: (searchKey: string) => Promise<DropdownOption[]>;
|
|
47
|
+
optionsErrorState?: OpenDropdownProps['optionsErrorState'];
|
|
48
|
+
onRetryOptionsFetch?: () => void;
|
|
44
49
|
};
|
|
45
50
|
export type CONNECTOR_VALUE_TYPE = object | string[] | string | number | Date[] | Date | number[] | number | undefined | /** for multiselect */ QueryBuilderAPIData[] | IG_VALUE[];
|
|
46
51
|
type IG_VALUE = {
|