@bikdotai/bik-component-library 0.0.13-beta.14 → 0.0.13-beta.17

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.
Files changed (73) hide show
  1. package/dist/cjs/assets/icons/instagram.svg.js +1 -0
  2. package/dist/cjs/assets/icons/warning.svg.js +1 -0
  3. package/dist/cjs/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
  4. package/dist/cjs/components/QueryBuilder/Filters/Segment/components/SegmentFilter.js +1 -1
  5. package/dist/cjs/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js +1 -1
  6. package/dist/cjs/components/QueryBuilder/QueryBuilder.js +1 -1
  7. package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js +1 -1
  8. package/dist/cjs/components/QueryBuilder/components/AddNodeButton.d.ts +0 -1
  9. package/dist/cjs/components/QueryBuilder/components/AddNodeButton.js +1 -1
  10. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IgPicker.d.ts +4 -0
  11. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IgPicker.js +1 -0
  12. package/dist/cjs/components/QueryBuilder/components/Connectors/Connector.js +1 -1
  13. package/dist/cjs/components/QueryBuilder/components/QueryBuilderNodes.d.ts +0 -1
  14. package/dist/cjs/components/QueryBuilder/components/QueryBuilderNodes.js +1 -1
  15. package/dist/cjs/components/QueryBuilder/constants/connector.d.ts +10 -4
  16. package/dist/cjs/components/QueryBuilder/constants/connector.js +1 -1
  17. package/dist/cjs/components/QueryBuilder/hooks/useQueryBuilder.d.ts +1 -1
  18. package/dist/cjs/components/QueryBuilder/hooks/useQueryBuilder.js +1 -1
  19. package/dist/cjs/components/QueryBuilder/redux/queryBuilder.reducer.d.ts +2 -2
  20. package/dist/cjs/components/QueryBuilder/redux/queryBuilder.reducer.js +1 -1
  21. package/dist/cjs/components/QueryBuilder/redux/selectors/useNodesSelector.d.ts +3 -0
  22. package/dist/cjs/components/QueryBuilder/redux/selectors/useNodesSelector.js +1 -0
  23. package/dist/cjs/components/QueryBuilder/types/QueryBuilder.type.d.ts +2 -1
  24. package/dist/cjs/components/QueryBuilder/types/QueryBuilder.type.js +1 -1
  25. package/dist/cjs/components/QueryBuilder/types/QueryBuilderNodeProps.type.d.ts +0 -1
  26. package/dist/cjs/components/QueryBuilder/types/QueryBuilderOperator.type.d.ts +5 -0
  27. package/dist/cjs/components/QueryBuilder/types/QueryBuilderOperator.type.js +1 -1
  28. package/dist/cjs/components/QueryBuilder/types/QueryBuilderProps.type.d.ts +0 -5
  29. package/dist/cjs/components/postPicker/PostPicker.styled.d.ts +12 -0
  30. package/dist/cjs/components/postPicker/PostPicker.styled.js +123 -0
  31. package/dist/cjs/components/postPicker/index.d.ts +1 -0
  32. package/dist/cjs/components/postPicker/postPicker.d.ts +23 -0
  33. package/dist/cjs/components/postPicker/postPicker.js +1 -0
  34. package/dist/cjs/constants/colors.js +1 -0
  35. package/dist/cjs/index.js +1 -1
  36. package/dist/cjs/utils/DateUtils.js +1 -1
  37. package/dist/esm/assets/icons/instagram.svg.js +1 -0
  38. package/dist/esm/assets/icons/warning.svg.js +1 -0
  39. package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.js +1 -1
  40. package/dist/esm/components/QueryBuilder/Filters/Segment/components/SegmentFilter.js +1 -1
  41. package/dist/esm/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js +1 -1
  42. package/dist/esm/components/QueryBuilder/QueryBuilder.js +1 -1
  43. package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.js +1 -1
  44. package/dist/esm/components/QueryBuilder/components/AddNodeButton.d.ts +0 -1
  45. package/dist/esm/components/QueryBuilder/components/AddNodeButton.js +1 -1
  46. package/dist/esm/components/QueryBuilder/components/Connectors/Components/IgPicker.d.ts +4 -0
  47. package/dist/esm/components/QueryBuilder/components/Connectors/Components/IgPicker.js +1 -0
  48. package/dist/esm/components/QueryBuilder/components/Connectors/Connector.js +1 -1
  49. package/dist/esm/components/QueryBuilder/components/QueryBuilderNodes.d.ts +0 -1
  50. package/dist/esm/components/QueryBuilder/components/QueryBuilderNodes.js +1 -1
  51. package/dist/esm/components/QueryBuilder/constants/connector.d.ts +10 -4
  52. package/dist/esm/components/QueryBuilder/constants/connector.js +1 -1
  53. package/dist/esm/components/QueryBuilder/hooks/useQueryBuilder.d.ts +1 -1
  54. package/dist/esm/components/QueryBuilder/hooks/useQueryBuilder.js +1 -1
  55. package/dist/esm/components/QueryBuilder/redux/queryBuilder.reducer.d.ts +2 -2
  56. package/dist/esm/components/QueryBuilder/redux/queryBuilder.reducer.js +1 -1
  57. package/dist/esm/components/QueryBuilder/redux/selectors/useNodesSelector.d.ts +3 -0
  58. package/dist/esm/components/QueryBuilder/redux/selectors/useNodesSelector.js +1 -0
  59. package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.d.ts +2 -1
  60. package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.js +1 -1
  61. package/dist/esm/components/QueryBuilder/types/QueryBuilderNodeProps.type.d.ts +0 -1
  62. package/dist/esm/components/QueryBuilder/types/QueryBuilderOperator.type.d.ts +5 -0
  63. package/dist/esm/components/QueryBuilder/types/QueryBuilderOperator.type.js +1 -1
  64. package/dist/esm/components/QueryBuilder/types/QueryBuilderProps.type.d.ts +0 -5
  65. package/dist/esm/components/postPicker/PostPicker.styled.d.ts +12 -0
  66. package/dist/esm/components/postPicker/PostPicker.styled.js +123 -0
  67. package/dist/esm/components/postPicker/index.d.ts +1 -0
  68. package/dist/esm/components/postPicker/postPicker.d.ts +23 -0
  69. package/dist/esm/components/postPicker/postPicker.js +1 -0
  70. package/dist/esm/constants/colors.js +1 -0
  71. package/dist/esm/index.js +1 -1
  72. package/dist/esm/utils/DateUtils.js +1 -1
  73. package/package.json +1 -1
@@ -0,0 +1 @@
1
+ import*as e from"react";var a,t,l;function n(){return n=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},n.apply(this,arguments)}var r=r=>e.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},r),a||(a=e.createElement("path",{fill:"#731DCF",fillRule:"evenodd",d:"M8.117 6.265a4.167 4.167 0 1 1 3.838 7.397 4.167 4.167 0 0 1-3.838-7.397Zm2.286 1.226a2.5 2.5 0 1 0-.733 4.946 2.5 2.5 0 0 0 .733-4.946Z",clipRule:"evenodd"})),t||(t=e.createElement("path",{fill:"#731DCF",d:"M15 5.833a.833.833 0 1 0 0-1.667.833.833 0 0 0 0 1.667Z"})),l||(l=e.createElement("path",{fill:"#731DCF",fillRule:"evenodd",d:"M.833 5.833a5 5 0 0 1 5-5h8.334a5 5 0 0 1 5 5v8.333a5 5 0 0 1-5 5H5.833a5 5 0 0 1-5-5V5.833Zm5-3.333A3.333 3.333 0 0 0 2.5 5.833v8.333A3.333 3.333 0 0 0 5.833 17.5h8.334a3.333 3.333 0 0 0 3.333-3.334V5.833A3.333 3.333 0 0 0 14.167 2.5H5.833Z",clipRule:"evenodd"})));export{r as default};
@@ -0,0 +1 @@
1
+ import*as e from"react";var a;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},t.apply(this,arguments)}var l=l=>e.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},l),a||(a=e.createElement("path",{fill:"#B92321",fillRule:"evenodd",d:"M8.773 1.903a2.5 2.5 0 0 1 3.364.881l.003.004 7.058 11.784.007.011a2.5 2.5 0 0 1-2.137 3.75H2.931a2.5 2.5 0 0 1-2.137-3.75l.007-.011L7.86 2.788l.002-.004a2.5 2.5 0 0 1 .911-.881Zm.515 1.744L2.236 15.421a.833.833 0 0 0 .711 1.246h14.106a.834.834 0 0 0 .711-1.245L10.713 3.649l-.002-.002a.834.834 0 0 0-1.423 0ZM10 6.667c.46 0 .834.373.834.833v3.333a.833.833 0 1 1-1.667 0V7.5c0-.46.373-.833.833-.833Zm0 6.666A.833.833 0 1 0 10 15h.008a.833.833 0 0 0 0-1.667H10Z",clipRule:"evenodd"})));export{l 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 l from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as i}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as u}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as v}from"../../../types/QueryBuilder.type.js";import{FREQUENCY_OPERATORS as p,DATE_OPERATORS as s}from"../../../types/QueryBuilderOperator.type.js";import c from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as y}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const m=new i,f=i=>{let{node:f,allowedNodes:j,apiHandler:_,mode:T,selectorKey:h}=i;var g,O,b,k,N,w,P,q,x,C,B;const[E,S]=t([]),[V,A]=t(!1),{deleteProperty:Q,createProperty:D,selectType:M,createMeta:L,updateMeta:$,updateProperty:J,selectPropertyJoinOperator:R,clearProperty:W}=d(h),{cacheWrap:G}=u(),H=null===(g=null==f?void 0:f.metas)||void 0===g?void 0:g.find((e=>"date"===e.key)),K=null===(O=null==f?void 0:f.metas)||void 0===O?void 0:O.find((e=>"frequency"===e.key)),z=null===(b=null==f?void 0:f.metas)||void 0===b?void 0:b.find((e=>"eventName"===e.key)),[F,I]=t(!1),[U,X]=t(!1),Y=e=>G((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`),Z=(e,o)=>G((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`);return a((()=>{G((()=>_({})),"EVENT_NAMES").then((e=>{const o=m.convertToGroupOptions(e);if("create"!==T&&z)return S([...o.map((e=>Object.assign(Object.assign({},e),{options:e.options.map((e=>Object.assign(Object.assign({},e),{selected:e.value===z.value})))})))]),void A(!0);S([...o]),A(!0)}))}),[]),o(y,Object.assign({selectPropertyJoinOperator:R,node:f,addPropertyBtnText:(null==z?void 0:z.value)&&"Add event property",deleteProperty:Q,createProperty:D,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){return yield Y(null==z?void 0:z.value)}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if(J(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0}),f._id),!o.needValuesRetrieval)return[];const e=yield Z(null==z?void 0:z.value,o.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,o){J(Object.assign(Object.assign({},o),{operator:e,value:void 0}),f._id)},onPropertyValueChange:function(e,o){J(Object.assign(Object.assign({},o),{value:e}),f._id)},mode:T},{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"===T,selectedType:f.type,allowedList:j,onSelect:e=>M(e.value,f._id)}),o(c,{disabled:"view"===T,width:"200px",dropdownLabel:"Select event name",options:E,onSelect:function(e){Array.isArray(e)||((null==z?void 0:z.value)?($({key:"eventName",value:e.value},f._id),I(!0),setTimeout((()=>{$({key:"frequency",value:{dataType:v.frequency,operator:p.atleast}},f._id),I(!1)}),1),X(!0),setTimeout((()=>{$({key:"date",value:{dataType:v.date,operator:s["last month"]}},f._id),X(!1)}),1),W(f._id)):(W(f._id),L({key:"eventName",value:e.value},f._id),L({key:"frequency",value:{dataType:v.frequency,operator:p.atleast}},f._id),L({key:"date",value:{dataType:v.date,operator:s["last month"]}},f._id)))}})]})),(null==K?void 0:K.key)&&!F&&o(n,{disabled:"view"===T,extra:{},errors:{val:null===(N=null===(k=K.error)||void 0===k?void 0:k.value)||void 0===N?void 0:N.value,operator:null===(P=null===(w=K.error)||void 0===w?void 0:w.value)||void 0===P?void 0:P.operator},connectorVal:K.value.value,connectorType:K.value.dataType,defaultConnector:K.value.operator,onOperatorChange:function(e){$({key:"frequency",value:{dataType:v.frequency,operator:e,value:void 0}},f._id)},onValueChange:function(e){var o;V&&$({key:"frequency",value:{dataType:v.frequency,operator:null===(o=null==K?void 0:K.value)||void 0===o?void 0:o.operator,value:e}},f._id)}}),(null==H?void 0:H.key)&&!U&&o(n,{disabled:"view"===T,extra:{},errors:{val:null===(x=null===(q=H.error)||void 0===q?void 0:q.value)||void 0===x?void 0:x.value,operator:null===(B=null===(C=H.error)||void 0===C?void 0:C.value)||void 0===B?void 0:B.operator},connectorVal:H.value.value,connectorType:H.value.dataType,defaultConnector:H.value.operator,onOperatorChange:function(e){$({key:"date",value:{dataType:v.date,operator:e,value:void 0}},f._id)},onValueChange:function(e){var o;V&&$({key:"date",value:{dataType:v.date,operator:null===(o=null==H?void 0:H.value)||void 0===o?void 0:o.operator,value:e}},f._id)}})]}))}))};export{f as default};
1
+ import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import l from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as i}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as u}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as v}from"../../../types/QueryBuilder.type.js";import{FREQUENCY_OPERATORS as p,DATE_OPERATORS as s}from"../../../types/QueryBuilderOperator.type.js";import c from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as y}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const m=new i,f=i=>{let{node:f,allowedNodes:j,apiHandler:_,mode:T}=i;var h,g,O,b,k,N,w,P,q,x,C;const[B,E]=t([]),[S,V]=t(!1),{deleteProperty:A,createProperty:Q,selectType:D,createMeta:M,updateMeta:L,updateProperty:$,selectPropertyJoinOperator:J,clearProperty:R}=d(),{cacheWrap:W}=u(),G=null===(h=null==f?void 0:f.metas)||void 0===h?void 0:h.find((e=>"date"===e.key)),H=null===(g=null==f?void 0:f.metas)||void 0===g?void 0:g.find((e=>"frequency"===e.key)),z=null===(O=null==f?void 0:f.metas)||void 0===O?void 0:O.find((e=>"eventName"===e.key)),[F,I]=t(!1),[K,U]=t(!1),X=e=>W((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`),Y=(e,o)=>W((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`);return a((()=>{W((()=>_({})),"EVENT_NAMES").then((e=>{const o=m.convertToGroupOptions(e);if("create"!==T&&z)return E([...o.map((e=>Object.assign(Object.assign({},e),{options:e.options.map((e=>Object.assign(Object.assign({},e),{selected:e.value===z.value})))})))]),void V(!0);E([...o]),V(!0)}))}),[]),o(y,Object.assign({selectPropertyJoinOperator:J,node:f,addPropertyBtnText:(null==z?void 0:z.value)&&"Add event property",deleteProperty:A,createProperty:Q,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){return yield X(null==z?void 0:z.value)}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if($(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0}),f._id),!o.needValuesRetrieval)return[];const e=yield Y(null==z?void 0:z.value,o.id);return null!=e?e:[]}))},onPropertyOperatorChange:function(e,o){$(Object.assign(Object.assign({},o),{operator:e,value:void 0}),f._id)},onPropertyValueChange:function(e,o){$(Object.assign(Object.assign({},o),{value:e}),f._id)},mode:T},{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"===T,selectedType:f.type,allowedList:j,onSelect:e=>D(e.value,f._id)}),o(c,{disabled:"view"===T,width:"200px",dropdownLabel:"Select event name",options:B,onSelect:function(e){Array.isArray(e)||((null==z?void 0:z.value)?(L({key:"eventName",value:e.value},f._id),I(!0),setTimeout((()=>{L({key:"frequency",value:{dataType:v.frequency,operator:p.atleast}},f._id),I(!1)}),1),U(!0),setTimeout((()=>{L({key:"date",value:{dataType:v.date,operator:s["last month"]}},f._id),U(!1)}),1),R(f._id)):(R(f._id),M({key:"eventName",value:e.value},f._id),M({key:"frequency",value:{dataType:v.frequency,operator:p.atleast}},f._id),M({key:"date",value:{dataType:v.date,operator:s["last month"]}},f._id)))}})]})),(null==H?void 0:H.key)&&!F&&o(n,{disabled:"view"===T,extra:{},errors:{val:null===(k=null===(b=H.error)||void 0===b?void 0:b.value)||void 0===k?void 0:k.value,operator:null===(w=null===(N=H.error)||void 0===N?void 0:N.value)||void 0===w?void 0:w.operator},connectorVal:H.value.value,connectorType:H.value.dataType,defaultConnector:H.value.operator,onOperatorChange:function(e){L({key:"frequency",value:{dataType:v.frequency,operator:e,value:void 0}},f._id)},onValueChange:function(e){var o;S&&L({key:"frequency",value:{dataType:v.frequency,operator:null===(o=null==H?void 0:H.value)||void 0===o?void 0:o.operator,value:e}},f._id)}}),(null==G?void 0:G.key)&&!K&&o(n,{disabled:"view"===T,extra:{},errors:{val:null===(q=null===(P=G.error)||void 0===P?void 0:P.value)||void 0===q?void 0:q.value,operator:null===(C=null===(x=G.error)||void 0===x?void 0:x.value)||void 0===C?void 0:C.operator},connectorVal:G.value.value,connectorType:G.value.dataType,defaultConnector:G.value.operator,onOperatorChange:function(e){L({key:"date",value:{dataType:v.date,operator:e,value:void 0}},f._id)},onValueChange:function(e){var o;S&&L({key:"date",value:{dataType:v.date,operator:null===(o=null==G?void 0:G.value)||void 0===o?void 0:o.operator,value:e}},f._id)}})]}))}))};export{f as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as r,useEffect as t}from"react";import i from"../../../components/AllowedListDropdown.js";import{useQueryBuilder as l}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as s}from"../../../hooks/useQueryBuilderCache.js";import a from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as d}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const n=n=>{let{node:c,allowedNodes:m,apiHandler:p,mode:u,selectorKey:y}=n;var v,f;const{updateMeta:g,selectType:h,createMeta:j}=l(y),{cacheWrap:w}=s(),[A,k]=r(!1),[B,D]=r([]),x=c.metas.find((e=>"segmentID"===e.key));return t((()=>{j({key:"segmentID"},c._id),w((()=>p({})),"SEGMENT_FILTER").then((e=>{e&&Array.isArray(e)&&D([...e.map((e=>({label:e.name,value:e.id,descriptions:e.desc,selected:"create"!==u&&(!!(null==x?void 0:x.value)&&x.value===e.id)})))]),k(!1)}))}),[]),e(d,Object.assign({node:c,mode:u},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:[e(i,{loading:A,selectedType:c.type,allowedList:m,onSelect:function(e){Array.isArray(e)||(k(!0),h(e.value,c._id))}}),(null===(f=null===(v=null==c?void 0:c.metas)||void 0===v?void 0:v[0])||void 0===f?void 0:f.key)&&e(a,{width:"200px",dropdownLabel:"Select segment",options:B,onSelect:function(e){Array.isArray(e)||g({key:"segmentID",value:e.value},c._id)}})]}))}))};export{n as default};
1
+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as r,useEffect as t}from"react";import i from"../../../components/AllowedListDropdown.js";import{useQueryBuilder as a}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as d}from"../../../hooks/useQueryBuilderCache.js";import l from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as s}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const n=n=>{let{node:m,allowedNodes:p,apiHandler:c,mode:u}=n;var y,v;const{updateMeta:f,selectType:g,createMeta:h}=a(),{cacheWrap:j}=d(),[w,A]=r(!1),[k,B]=r([]),D=m.metas.find((e=>"segmentID"===e.key));return t((()=>{h({key:"segmentID"},m._id),j((()=>c({})),"SEGMENT_FILTER").then((e=>{e&&Array.isArray(e)&&B([...e.map((e=>({label:e.name,value:e.id,descriptions:e.desc,selected:"create"!==u&&(!!(null==D?void 0:D.value)&&D.value===e.id)})))]),A(!1)}))}),[]),e(s,Object.assign({node:m,mode:u},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:[e(i,{loading:w,selectedType:m.type,allowedList:p,onSelect:function(e){Array.isArray(e)||(A(!0),g(e.value,m._id))}}),(null===(v=null===(y=null==m?void 0:m.metas)||void 0===y?void 0:y[0])||void 0===v?void 0:v.key)&&e(l,{width:"200px",dropdownLabel:"Select segment",options:k,onSelect:function(e){Array.isArray(e)||f({key:"segmentID",value:e.value},m._id)}})]}))}))};export{n 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 t from"../../../components/AllowedListDropdown.js";import{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{useQueryBuilder as s}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as d}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as n}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const a=a=>{let{node:p,allowedNodes:l,apiHandler:u,mode:c,selectorKey:y}=a;var m;const{selectType:v,createProperty:f,updateProperty:j}=s(y),{cacheWrap:g}=d(),P=e=>g((()=>u({query:{propertyName:e}})),`USER_PROPERTIES-${e}`);return o(n,Object.assign({node:p,mode:c},{children:r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8,alignItems:"center"}},{children:[o(t,{disabled:"view"===c,selectedType:p.type,allowedList:l,onSelect:e=>v(e.value,p._id)}),o(i,{mode:c,property:null===(m=null==p?void 0:p.properties)||void 0===m?void 0:m[0],fetchPropertyData:()=>g((()=>u({})),"USER_PROPERTIES"),onPropertyNameSelect:function(o){var r,t;return e(this,void 0,void 0,(function*(){if((null===(r=p.properties)||void 0===r?void 0:r[0])?j(Object.assign(Object.assign({},null===(t=p.properties)||void 0===t?void 0:t[0]),{name:o.id,dataType:o.type,operator:void 0,value:void 0}),p._id):f({name:o.id,dataType:o.type},p._id),o.needValuesRetrieval){const e=yield P(o.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},p.properties[0]),{operator:e,value:void 0}),p._id)},onPropertyValueChange:function(e){j(Object.assign(Object.assign({},p.properties[0]),{value:e}),p._id)}})]}))}))};export{a as default};
1
+ import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{PropertyNodeHeadless as i}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{useQueryBuilder as d}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as n}from"../../../hooks/useQueryBuilderCache.js";import{BaseQueryBuilderNode as s}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const a=a=>{let{node:p,allowedNodes:l,apiHandler:u,mode:c}=a;var m;const{selectType:y,createProperty:v,updateProperty:f}=d(),{cacheWrap:j}=n(),g=e=>j((()=>u({query:{propertyName:e}})),`USER_PROPERTIES-${e}`);return o(s,Object.assign({node:p,mode:c},{children:r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8,alignItems:"center"}},{children:[o(t,{disabled:"view"===c,selectedType:p.type,allowedList:l,onSelect:e=>y(e.value,p._id)}),o(i,{mode:c,property:null===(m=null==p?void 0:p.properties)||void 0===m?void 0:m[0],fetchPropertyData:()=>j((()=>u({})),"USER_PROPERTIES"),onPropertyNameSelect:function(o){var r,t;return e(this,void 0,void 0,(function*(){if((null===(r=p.properties)||void 0===r?void 0:r[0])?f(Object.assign(Object.assign({},null===(t=p.properties)||void 0===t?void 0:t[0]),{name:o.id,dataType:o.type,operator:void 0,value:void 0}),p._id):v({name:o.id,dataType:o.type},p._id),o.needValuesRetrieval){const e=yield g(o.id);return null!=e?e:[]}return[]}))},onPropertyOperatorChange:function(e){f(Object.assign(Object.assign({},p.properties[0]),{operator:e,value:void 0}),p._id)},onPropertyValueChange:function(e){f(Object.assign(Object.assign({},p.properties[0]),{value:e}),p._id)}})]}))}))};export{a as default};
@@ -1 +1 @@
1
- import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useEffect as r}from"react";import{BodyPrimary as n}from"../TypographyStyle.js";import i from"./components/QueryBuilderNodes.js";import{useQueryBuilder as s}from"./hooks/useQueryBuilder.js";const l=l=>{let{queryPreText:d,infinite:a,addNodeBtnText:m,typesAPIHandlers:y,onStateChange:c,mode:p,selectorKey:u,state:f}=l;const{init:h,fillState:j}=s(u),g=y?Object.keys(y):[];return r((()=>{h(null==g?void 0:g[0])}),[g]),r((()=>{f&&j(f)}),[]),e(t,{children:[o(n,Object.assign({style:{marginBottom:12}},{children:d})),o(i,{selectorKey:u,onStateChange:c,typesAPIHandlers:y,allowedNodes:g,infinite:null==a||a,addNodeBtnText:m,mode:p})]})};export{l as QueryBuilder};
1
+ import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useEffect as r}from"react";import{BodyPrimary as n}from"../TypographyStyle.js";import i from"./components/QueryBuilderNodes.js";import{useQueryBuilder as s}from"./hooks/useQueryBuilder.js";const d=d=>{let{queryPreText:l,infinite:a,addNodeBtnText:m,typesAPIHandlers:p,onStateChange:u,mode:y,state:c}=d;const{init:f,fillState:h}=s(),j=p?Object.keys(p):[];return r((()=>{f(null==j?void 0:j[0])}),[j]),r((()=>{c&&h(c)}),[]),e(t,{children:[o(n,Object.assign({style:{marginBottom:12}},{children:l})),o(i,{onStateChange:u,typesAPIHandlers:p,allowedNodes:j,infinite:null==a||a,addNodeBtnText:m,mode:y})]})};export{d as QueryBuilder};
@@ -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{useQueryBuilder as a}from"../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as n}from"../../hooks/useQueryBuilderCache.js";import l from"../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as s}from"../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const d=new i,u="triggerName",p=i=>{let{node:p,apiHandler:c,cacheKey:y,propertyAddBtnText:v,mode:m,selectorKey:f}=i;const[g,j]=t([]),{updateMeta:h,createMeta:O,createProperty:P,deleteProperty:b,updateProperty:_,selectPropertyJoinOperator:x,clearProperty:B}=a(f),{cacheWrap:N}=n(),A=p.metas.find((e=>e.key===u)),k=e=>N((()=>c({query:{triggerName:e}})),`${y}_${e}`),T=(e,r)=>N((()=>c({query:{triggerName:e,propertyName:r}})),`${y}_${e}_${r}`);return o((()=>{N((()=>c({})),y).then((e=>{var r;if(e&&Array.isArray(e)){const t=null!==(r=null==e?void 0:e.map((e=>({label:e.name,value:e.id,descriptions:e.desc,selected:"create"!==m&&(!!(null==A?void 0:A.value)&&A.value===e.id)}))))&&void 0!==r?r:[];j([...t])}}))}),[]),r(s,Object.assign({node:p,addPropertyBtnText:(null==A?void 0:A.value)&&v,deleteProperty:b,createProperty:P,propertySelectorText:"Select condition",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){if(null==A?void 0:A.value){return yield k(null==A?void 0:A.value)}return null}))},onPropertyNameSelect:function(r,t){return e(this,void 0,void 0,(function*(){if(_(Object.assign(Object.assign({},t),{name:r.id,dataType:r.type,operator:void 0,value:void 0}),p._id),!r.needValuesRetrieval)return[];const e=yield T(null==A?void 0:A.value,r.id);return e?d.convertToGroupOptions(e):[]}))},onPropertyOperatorChange:function(e,r){_(Object.assign(Object.assign({},r),{operator:e,value:void 0}),p._id)},onPropertyValueChange:function(e,r){_(Object.assign(Object.assign({},r),{value:e}),p._id)},selectPropertyJoinOperator:x,mode:m},{children:r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r(l,{width:"200px",options:g,onSelect:function(e){Array.isArray(e)||(B(p._id),(null==A?void 0:A.key)===u?h(Object.assign(Object.assign({},A),{value:e.value}),p._id):O({key:u,value:e.value},p._id))}})}))}))};export{p as default};
1
+ import{__awaiter as e}from"../../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{useState as t,useEffect as o}from"react";import{ApiResponseHelper as i}from"../../helpers/ApiResponse.helper.js";import{useQueryBuilder as n}from"../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as a}from"../../hooks/useQueryBuilderCache.js";import l from"../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as s}from"../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";const d=new i,p="triggerName",u=i=>{let{node:u,apiHandler:c,cacheKey:y,propertyAddBtnText:v,mode:m}=i;const[f,g]=t([]),{updateMeta:j,createMeta:h,createProperty:O,deleteProperty:P,updateProperty:b,selectPropertyJoinOperator:_,clearProperty:x}=n(),{cacheWrap:B}=a(),N=u.metas.find((e=>e.key===p)),A=e=>B((()=>c({query:{triggerName:e}})),`${y}_${e}`),T=(e,r)=>B((()=>c({query:{triggerName:e,propertyName:r}})),`${y}_${e}_${r}`);return o((()=>{B((()=>c({})),y).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,descriptions:e.desc,selected:"create"!==m&&(!!(null==N?void 0:N.value)&&N.value===e.id)}))))&&void 0!==r?r:[];g([...t])}else{const r=d.convertToGroupOptions(e);g([...r])}}))}),[]),r(s,Object.assign({node:u,addPropertyBtnText:(null==N?void 0:N.value)&&v,deleteProperty:P,createProperty:O,propertySelectorText:"Select condition",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){if(null==N?void 0:N.value){return yield A(null==N?void 0:N.value)}return null}))},onPropertyNameSelect:function(r,t){return e(this,void 0,void 0,(function*(){if(b(Object.assign(Object.assign({},t),{name:r.id,dataType:r.type,operator:void 0,value:void 0}),u._id),!r.needValuesRetrieval)return[];const e=yield T(null==N?void 0:N.value,r.id);return e?d.convertToGroupOptions(e):[]}))},onPropertyOperatorChange:function(e,r){b(Object.assign(Object.assign({},r),{operator:e,value:void 0}),u._id)},onPropertyValueChange:function(e,r){b(Object.assign(Object.assign({},r),{value:e}),u._id)},selectPropertyJoinOperator:_,mode:m},{children:r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8}},{children:r(l,{width:"200px",options:f,onSelect:function(e){Array.isArray(e)||(x(u._id),(null==N?void 0:N.key)===p?j(Object.assign(Object.assign({},N),{value:e.value}),u._id):h({key:p,value:e.value},u._id))}})}))}))};export{u as default};
@@ -3,6 +3,5 @@ import { QueryBuilderType } from '../types/QueryBuilder.type';
3
3
  declare const AddNodeButton: React.FC<{
4
4
  buttonText: string;
5
5
  allowedNodes: QueryBuilderType[];
6
- selectorKey: string;
7
6
  }>;
8
7
  export default AddNodeButton;
@@ -1 +1 @@
1
- import{jsx as t}from"react/jsx-runtime";import{Button as o}from"../../button/Button.js";import e from"../../../assets/icons/plus.svg.js";import{useQueryBuilder as s}from"../hooks/useQueryBuilder.js";const r=r=>{let{buttonText:u,allowedNodes:n,selectorKey:i}=r;const{addNode:m}=s(i);return t(o,{buttonText:u,size:"medium",buttonType:"dashRegular",LeadingIcon:e,onClick:()=>{m(n[0])}})};export{r as default};
1
+ import{jsx as t}from"react/jsx-runtime";import{Button as o}from"../../button/Button.js";import e from"../../../assets/icons/plus.svg.js";import{useQueryBuilder as s}from"../hooks/useQueryBuilder.js";const r=r=>{let{buttonText:u,allowedNodes:n}=r;const{addNode:i}=s();return t(o,{buttonText:u,size:"medium",buttonType:"dashRegular",LeadingIcon:e,onClick:()=>{i(n[0])}})};export{r as default};
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { ConnectorComponentProps } from "../../../types";
3
+ declare const _default: (props: ConnectorComponentProps) => JSX.Element;
4
+ export default _default;
@@ -0,0 +1 @@
1
+ import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useState as s,useEffect as i}from"react";import{PostPicker as r,MEDIA_TYPES as c}from"../../../../postPicker/postPicker.js";const a=[];a.push({id:"sumesh",imageUrl:"https://www.adobe.com/express/learn/blog/media_121aa34132a8a71d4efd1f6329c61f4575a066c1f.jpeg?width=750&format=jpeg&optimize=medium",redirectionUrl:"https://bik.ai",overlayCaption:"posted on: 12/03/2020"});const l=()=>{console.log("picker closed")},n=e=>{console.log("Selected items",e)},d=()=>{const[d,p]=s(!1);i((()=>{console.log("show Picker")}),[d]);return o(t,{children:[e("button",Object.assign({onClick:()=>{p(!0)}},{children:"+ Add Post"})),e(r,{onSelect:n,title:"Select upto 10 posts",showModal:!0,onClose:l,media:a,mediaType:c.STORY})]})};var p=o=>e(d,Object.assign({},o));export{p as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{unCamelCaseWithFirstUppercase as r}from"../../../../utils/unCamelCase.js";import{ConnectorHelper as i}from"../../helpers/Connector.helper.js";import{QueryBuilderConnectorType as l}from"../../types/QueryBuilder.type.js";import m from"../DropdownWrapper.js";import s from"./Components/FreeText.js";import p from"./Components/FrequencyIntegerPositiveSingle.js";import a from"./Components/IntegerPositiveSingle.js";import u from"./Components/IntegerSingleValue.js";import d from"./Components/MultiselectDropdownFreeText.js";import c from"./Components/NoInput.js";import g from"./Components/NumberTime.js";import f from"./Components/SingleDate.js";import C from"./Components/TwoDate.js";import v from"./Components/TwoNumberInputsSeperatedByAnd.js";import{Container as j}from"./Connector.styled.js";const S={FreeText:s,IntegerPositiveSingle:a,IntegerSingleValue:u,MultiselectDropdownFreeText:d,NoInput:c,SingleDate:f,TwoNumberInputsSeperatedByAnd:v,FrequencyIntegerPositiveSingle:p,TwoDate:C,NumberTime:g},T=s=>{let{isLoading:p,noDefault:a,connectorType:u,defaultConnector:d,onOperatorChange:c,onValueChange:g,connectorVal:f,extra:C,errors:v,disabled:T}=s;var y;const[I,b]=t(null),[h,x]=t(null!=p&&p),w=i.getConnectorType(u).map((e=>({selected:e===d,value:e,label:r(e)})));function D(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];x(!0);const t=i.getConnectorComponent(u,e.value);void 0!==t?u===l.frequency&&"IntegerPositiveSingle"===t?b("FrequencyIntegerPositiveSingle"):b(t):b(null),o||c(e.value),setTimeout((()=>{x(!1)}),5)}return n((()=>{a||(d?D({value:d,label:d},!0):(null==w?void 0:w[0])&&D(w[0]))}),[d]),e(j,{children:[o("div",{children:o(m,{disabled:T,width:"200px",isLoading:h,options:w,onSelect:D})}),null!==I&&!h&&(null===(y=S[I])||void 0===y?void 0:y.call(S,{disabled:T,val:f,onChange:g,extra:C,errors:v}))]})};export{T as default};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{unCamelCaseWithFirstUppercase as r}from"../../../../utils/unCamelCase.js";import{ConnectorHelper as i}from"../../helpers/Connector.helper.js";import{QueryBuilderConnectorType as l}from"../../types/QueryBuilder.type.js";import m from"../DropdownWrapper.js";import s from"./Components/FreeText.js";import p from"./Components/FrequencyIntegerPositiveSingle.js";import a from"./Components/IgPicker.js";import u from"./Components/IntegerPositiveSingle.js";import c from"./Components/IntegerSingleValue.js";import d from"./Components/MultiselectDropdownFreeText.js";import g from"./Components/NoInput.js";import f from"./Components/NumberTime.js";import C from"./Components/SingleDate.js";import v from"./Components/TwoDate.js";import j from"./Components/TwoNumberInputsSeperatedByAnd.js";import{Container as I}from"./Connector.styled.js";const S={FreeText:s,IntegerPositiveSingle:u,IntegerSingleValue:c,MultiselectDropdownFreeText:d,NoInput:g,SingleDate:C,TwoNumberInputsSeperatedByAnd:j,FrequencyIntegerPositiveSingle:p,TwoDate:v,NumberTime:f,IgPicker:a},T=s=>{let{isLoading:p,noDefault:a,connectorType:u,defaultConnector:c,onOperatorChange:d,onValueChange:g,connectorVal:f,extra:C,errors:v,disabled:j}=s;var T;const[y,b]=t(null),[h,x]=t(null!=p&&p),w=i.getConnectorType(u).map((e=>({selected:e===c,value:e,label:r(e)})));function D(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];x(!0);const t=i.getConnectorComponent(u,e.value);void 0!==t?u===l.frequency&&"IntegerPositiveSingle"===t?b("FrequencyIntegerPositiveSingle"):b(t):b(null),o||d(e.value),setTimeout((()=>{x(!1)}),5)}return n((()=>{a||(c?D({value:c,label:c},!0):(null==w?void 0:w[0])&&D(w[0]))}),[c]),e(I,{children:[o("div",{children:o(m,{disabled:j,width:"200px",isLoading:h,options:w,onSelect:D})}),null!==y&&!h&&(null===(T=S[y])||void 0===T?void 0:T.call(S,{disabled:j,val:f,onChange:e=>{console.log({c:e}),g(e)},extra:C,errors:v}))]})};export{T as default};
@@ -12,7 +12,6 @@ type QueryBuilderNodesProps = {
12
12
  };
13
13
  state?: QueryBuilderRoot;
14
14
  mode?: 'create' | 'edit' | 'view';
15
- selectorKey: string;
16
15
  };
17
16
  declare const QueryBuilderNodes: React.FC<QueryBuilderNodesProps>;
18
17
  export default QueryBuilderNodes;
@@ -1 +1 @@
1
- import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import{useEffect as r}from"react";import{useSelector as i}from"react-redux";import{Button as l}from"../../button/Button.js";import d from"../../dropdown/Dropdown.js";import{JOIN_OPERATOR_OPTIONS as s}from"../constants/operators.js";import{useQueryBuilder as n}from"../hooks/useQueryBuilder.js";import a from"./AddNodeButton.js";import c from"./DeleteButton.js";import p from"./QueryBuilderNode/QueryBuilderNode.js";import{LinedContainer as m}from"./QueryBuilderNodes.styled.js";const u=u=>{let{infinite:y,addNodeBtnText:f,allowedNodes:j,typesAPIHandlers:v,onStateChange:b,mode:h,selectorKey:w}=u;var g;const x=i((e=>null==e?void 0:e[w])),{deleteNode:N,clearAll:B,selectJoinOperator:O}=n(w);r((()=>{b(x)}),[x]);const C=s.map((e=>(null==x?void 0:x.operator)&&e.value===x.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return e(o,{children:[null===(g=null==x?void 0:x.nodes)||void 0===g?void 0:g.map(((r,i)=>e(o,{children:[0!==i&&t("div",Object.assign({style:{width:80,position:"relative"}},{children:t(d,{disabled:"view"===h,onSelect:e=>{O(e.value)},options:C,height:96,size:"small"})})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[t(m,Object.assign({style:{paddingTop:0===i?0:24}},{children:t(p,{selectorKey:w,mode:null!=h?h:"create",allowedNodes:j,node:r,apiHandler:v[r.type]})})),t(o,"view"!==h?{children:0!==i&&t(c,{onClick:()=>N(r._id)})}:{})]}),r._id)]}))),y&&"view"!==h&&e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[t(a,{buttonText:f,allowedNodes:j,selectorKey:w}),t(l,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>B(j[0])})]}))]})};export{u as default};
1
+ import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import{useEffect as r}from"react";import{Button as i}from"../../button/Button.js";import s from"../../dropdown/Dropdown.js";import{JOIN_OPERATOR_OPTIONS as d}from"../constants/operators.js";import{useQueryBuilder as l}from"../hooks/useQueryBuilder.js";import{useQueryBuilderSelector as n}from"../redux/selectors/useNodesSelector.js";import a from"./AddNodeButton.js";import p from"./DeleteButton.js";import c from"./QueryBuilderNode/QueryBuilderNode.js";import{LinedContainer as m}from"./QueryBuilderNodes.styled.js";const u=u=>{let{infinite:f,addNodeBtnText:j,allowedNodes:y,typesAPIHandlers:v,onStateChange:b,mode:h}=u;var w;const g=n(),{deleteNode:x,clearAll:N,selectJoinOperator:B}=l();r((()=>{b(g)}),[g]);const O=d.map((e=>g.operator&&e.value===g.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return e(o,{children:[null===(w=null==g?void 0:g.nodes)||void 0===w?void 0:w.map(((r,i)=>e(o,{children:[0!==i&&t("div",Object.assign({style:{width:80,position:"relative"}},{children:t(s,{disabled:"view"===h,onSelect:e=>{B(e.value)},options:O,height:96,size:"small"})})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[t(m,Object.assign({style:{paddingTop:0===i?0:24}},{children:t(c,{mode:null!=h?h:"create",allowedNodes:y,node:r,apiHandler:v[r.type]})})),t(o,"view"!==h?{children:0!==i&&t(p,{onClick:()=>x(r._id)})}:{})]}),r._id)]}))),f&&"view"!==h&&e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[t(a,{buttonText:j,allowedNodes:y}),t(i,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>N(y[0])})]}))]})};export{u as default};
@@ -1,6 +1,6 @@
1
1
  import { QueryBuilderConnectorType } from '../types/QueryBuilder.type';
2
- import { BOOLEAN_OPERATORS, DATE_OPERATORS, FREQUENCY_OPERATORS, INTEGER_OPERATORS, STRING_OPERATORS } from '../types/QueryBuilderOperator.type';
3
- type CONNECTOR_OPERATORS_TYPE = typeof BOOLEAN_OPERATORS | typeof STRING_OPERATORS | typeof INTEGER_OPERATORS | typeof FREQUENCY_OPERATORS | typeof DATE_OPERATORS;
2
+ import { BOOLEAN_OPERATORS, DATE_OPERATORS, FREQUENCY_OPERATORS, IG_OPERATORS, INTEGER_OPERATORS, STRING_OPERATORS } from '../types/QueryBuilderOperator.type';
3
+ type CONNECTOR_OPERATORS_TYPE = typeof BOOLEAN_OPERATORS | typeof STRING_OPERATORS | typeof INTEGER_OPERATORS | typeof FREQUENCY_OPERATORS | typeof DATE_OPERATORS | typeof IG_OPERATORS;
4
4
  export declare const CONNECTOR_TYPE_TO_OPERATORS: {
5
5
  [key in QueryBuilderConnectorType]: CONNECTOR_OPERATORS_TYPE;
6
6
  };
@@ -13,7 +13,8 @@ export declare enum CONNECTOR_VALUE_COMPONENT_TYPES {
13
13
  SingleDate = "SingleDate",
14
14
  TwoDate = "TwoDate",
15
15
  IntegerPositiveSingle = "IntegerPositiveSingle",
16
- NumberTime = "NumberTime"
16
+ NumberTime = "NumberTime",
17
+ IgPicker = "IgPicker"
17
18
  }
18
19
  export declare const INTEGER_OPERATORS_COMPONENT: {
19
20
  is: CONNECTOR_VALUE_COMPONENT_TYPES;
@@ -51,6 +52,11 @@ export declare const DATE_OPERATORS_COMPONENT: {
51
52
  "last quarter": CONNECTOR_VALUE_COMPONENT_TYPES;
52
53
  "in the last": CONNECTOR_VALUE_COMPONENT_TYPES;
53
54
  };
55
+ export declare const IG_OPERATORS_COMPONENT: {
56
+ post: CONNECTOR_VALUE_COMPONENT_TYPES;
57
+ reel: CONNECTOR_VALUE_COMPONENT_TYPES;
58
+ story: CONNECTOR_VALUE_COMPONENT_TYPES;
59
+ };
54
60
  export declare const BOOLEAN_OPERATORS_COMPONENT: {
55
61
  isTrue: CONNECTOR_VALUE_COMPONENT_TYPES;
56
62
  isFalse: CONNECTOR_VALUE_COMPONENT_TYPES;
@@ -63,6 +69,6 @@ export declare const FREQUENCY_OPERATORS_COMPONENT: {
63
69
  atMost: CONNECTOR_VALUE_COMPONENT_TYPES;
64
70
  };
65
71
  export declare const CONNECTOR_TYPE_TO_COMPONENT_MAP: {
66
- [x in QueryBuilderConnectorType]: typeof BOOLEAN_OPERATORS_COMPONENT | typeof STRING_OPERATORS_COMPONENT | typeof INTEGER_OPERATORS_COMPONENT | typeof FREQUENCY_OPERATORS_COMPONENT | typeof DATE_OPERATORS_COMPONENT;
72
+ [x in QueryBuilderConnectorType]: typeof BOOLEAN_OPERATORS_COMPONENT | typeof STRING_OPERATORS_COMPONENT | typeof INTEGER_OPERATORS_COMPONENT | typeof FREQUENCY_OPERATORS_COMPONENT | typeof DATE_OPERATORS_COMPONENT | typeof IG_OPERATORS_COMPONENT;
67
73
  };
68
74
  export {};
@@ -1 +1 @@
1
- import{QueryBuilderConnectorType as e}from"../types/QueryBuilder.type.js";import{BOOLEAN_OPERATORS as t,STRING_OPERATORS as n,INTEGER_OPERATORS as r,FREQUENCY_OPERATORS as o,DATE_OPERATORS as i}from"../types/QueryBuilderOperator.type.js";const s={[e.boolean]:t,[e.string]:n,[e.integer]:r,[e.frequency]:o,[e.date]:i};var a;!function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime"}(a||(a={}));const u={[r.is]:a.FreeText,[r.isNot]:a.FreeText,[r.exists]:a.NoInput,[r.doesntExist]:a.NoInput,[r.lessThan]:a.IntegerSingleValue,[r.lessThanOrEqualTo]:a.IntegerSingleValue,[r.greaterThan]:a.IntegerSingleValue,[r.greaterThanOrEqualTo]:a.IntegerSingleValue,[r.between]:a.TwoNumberInputsSeperatedByAnd,[r.notBetween]:a.TwoNumberInputsSeperatedByAnd},l={[n.is]:a.MultiselectDropdownFreeText,[n.isNot]:a.MultiselectDropdownFreeText,[n.contains]:a.FreeText,[n.doesntContain]:a.FreeText,[n.startsWith]:a.FreeText,[n.endsWith]:a.FreeText,[n.exists]:a.NoInput,[n.doesntExist]:a.NoInput},p={[i.on]:a.SingleDate,[i.notOn]:a.SingleDate,[i.inBetween]:a.TwoDate,[i.notInBetween]:a.TwoDate,[i.before]:a.SingleDate,[i.after]:a.SingleDate,[i.today]:a.NoInput,[i.yesterday]:a.NoInput,[i["last week"]]:a.NoInput,[i["last month"]]:a.NoInput,[i["last quarter"]]:a.NoInput,[i["in the last"]]:a.NumberTime},g={[t.isTrue]:a.NoInput,[t.isFalse]:a.NoInput,[t.exists]:a.NoInput,[t.doesntExist]:a.NoInput},I={[o.exactly]:a.IntegerPositiveSingle,[o.atleast]:a.IntegerPositiveSingle,[o.atMost]:a.IntegerPositiveSingle},T={[e.boolean]:g,[e.string]:l,[e.integer]:u,[e.frequency]:I,[e.date]:p};export{g as BOOLEAN_OPERATORS_COMPONENT,T as CONNECTOR_TYPE_TO_COMPONENT_MAP,s as CONNECTOR_TYPE_TO_OPERATORS,a as CONNECTOR_VALUE_COMPONENT_TYPES,p as DATE_OPERATORS_COMPONENT,I as FREQUENCY_OPERATORS_COMPONENT,u as INTEGER_OPERATORS_COMPONENT,l as STRING_OPERATORS_COMPONENT};
1
+ import{QueryBuilderConnectorType as e}from"../types/QueryBuilder.type.js";import{BOOLEAN_OPERATORS as t,STRING_OPERATORS as n,INTEGER_OPERATORS as r,FREQUENCY_OPERATORS as o,DATE_OPERATORS as i,IG_OPERATORS as s}from"../types/QueryBuilderOperator.type.js";const a={[e.boolean]:t,[e.string]:n,[e.integer]:r,[e.frequency]:o,[e.date]:i,[e.ig]:s};var l;!function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime",e.IgPicker="IgPicker"}(l||(l={}));const u={[r.is]:l.FreeText,[r.isNot]:l.FreeText,[r.exists]:l.NoInput,[r.doesntExist]:l.NoInput,[r.lessThan]:l.IntegerSingleValue,[r.lessThanOrEqualTo]:l.IntegerSingleValue,[r.greaterThan]:l.IntegerSingleValue,[r.greaterThanOrEqualTo]:l.IntegerSingleValue,[r.between]:l.TwoNumberInputsSeperatedByAnd,[r.notBetween]:l.TwoNumberInputsSeperatedByAnd},g={[n.is]:l.MultiselectDropdownFreeText,[n.isNot]:l.MultiselectDropdownFreeText,[n.contains]:l.FreeText,[n.doesntContain]:l.FreeText,[n.startsWith]:l.FreeText,[n.endsWith]:l.FreeText,[n.exists]:l.NoInput,[n.doesntExist]:l.NoInput},p={[i.on]:l.SingleDate,[i.notOn]:l.SingleDate,[i.inBetween]:l.TwoDate,[i.notInBetween]:l.TwoDate,[i.before]:l.SingleDate,[i.after]:l.SingleDate,[i.today]:l.NoInput,[i.yesterday]:l.NoInput,[i["last week"]]:l.NoInput,[i["last month"]]:l.NoInput,[i["last quarter"]]:l.NoInput,[i["in the last"]]:l.NumberTime},I={[s.post]:l.IgPicker,[s.reel]:l.IgPicker,[s.story]:l.IgPicker},T={[t.isTrue]:l.NoInput,[t.isFalse]:l.NoInput,[t.exists]:l.NoInput,[t.doesntExist]:l.NoInput},N={[o.exactly]:l.IntegerPositiveSingle,[o.atleast]:l.IntegerPositiveSingle,[o.atMost]:l.IntegerPositiveSingle},d={[e.boolean]:T,[e.string]:g,[e.integer]:u,[e.frequency]:N,[e.date]:p,[e.ig]:I};export{T as BOOLEAN_OPERATORS_COMPONENT,d as CONNECTOR_TYPE_TO_COMPONENT_MAP,a as CONNECTOR_TYPE_TO_OPERATORS,l as CONNECTOR_VALUE_COMPONENT_TYPES,p as DATE_OPERATORS_COMPONENT,N as FREQUENCY_OPERATORS_COMPONENT,I as IG_OPERATORS_COMPONENT,u as INTEGER_OPERATORS_COMPONENT,g as STRING_OPERATORS_COMPONENT};
@@ -1,5 +1,5 @@
1
1
  import { QueryBuilderJoinOperators, QueryBuilderMeta, QueryBuilderProperty, QueryBuilderRoot, QueryBuilderType } from '../types/QueryBuilder.type';
2
- export declare const useQueryBuilder: (selectorName: string) => {
2
+ export declare const useQueryBuilder: () => {
3
3
  init: (type: QueryBuilderType) => void;
4
4
  createProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
5
5
  updateProperty: (property: Partial<QueryBuilderProperty>, nodeID: string) => void;
@@ -1 +1 @@
1
- import{useDispatch as e}from"react-redux";import{queryBuilderSlice as r}from"../redux/queryBuilder.reducer.js";const t=t=>{const o=r(t).actions,p=e(),d=e=>{p(o.initQueryBuilder({type:e}))};return{init:d,createProperty:(e,r)=>{p(o.createProperty({property:e,nodeID:r}))},updateProperty:(e,r)=>{p(o.updateProperty({property:e,nodeID:r}))},updateMeta:(e,r)=>{p(o.updateMeta({meta:e,nodeID:r}))},createMeta:(e,r)=>{p(o.createMeta({meta:e,nodeID:r}))},createNode:e=>{p(o.addNode({type:e}))},selectType:(e,r)=>{p(o.selectType({type:e,nodeID:r}))},addNode:e=>{p(o.addNode({type:e}))},deleteNode:e=>{p(o.deleteNode({nodeID:e}))},deleteProperty:(e,r)=>{p(o.deleteProperty({property:e,nodeID:r}))},clearAll:d,selectPropertyJoinOperator:(e,r)=>{p(o.selectPropertyJoinOperator({joinOperator:e,nodeID:r}))},selectJoinOperator:e=>{p(o.selectJoinOperator({joinOperator:e}))},fillState:e=>{p(o.fillState(e))},clearProperty:e=>{p(o.clearProperty({nodeID:e}))}}};export{t as useQueryBuilder};
1
+ import{useDispatch as e}from"react-redux";import{queryBuilderSlice as t}from"../redux/queryBuilder.reducer.js";const r=()=>{const r=e(),o=e=>{r(t.actions.initQueryBuilder({type:e}))};return{init:o,createProperty:(e,o)=>{r(t.actions.createProperty({property:e,nodeID:o}))},updateProperty:(e,o)=>{r(t.actions.updateProperty({property:e,nodeID:o}))},updateMeta:(e,o)=>{r(t.actions.updateMeta({meta:e,nodeID:o}))},createMeta:(e,o)=>{r(t.actions.createMeta({meta:e,nodeID:o}))},createNode:e=>{r(t.actions.addNode({type:e}))},selectType:(e,o)=>{r(t.actions.selectType({type:e,nodeID:o}))},addNode:e=>{r(t.actions.addNode({type:e}))},deleteNode:e=>{r(t.actions.deleteNode({nodeID:e}))},deleteProperty:(e,o)=>{r(t.actions.deleteProperty({property:e,nodeID:o}))},clearAll:o,selectPropertyJoinOperator:(e,o)=>{r(t.actions.selectPropertyJoinOperator({joinOperator:e,nodeID:o}))},selectJoinOperator:e=>{r(t.actions.selectJoinOperator({joinOperator:e}))},fillState:e=>{r(t.actions.fillState(e))},clearProperty:e=>{r(t.actions.clearProperty({nodeID:e}))}}};export{r as useQueryBuilder};
@@ -1,6 +1,6 @@
1
1
  import { PayloadAction } from '@reduxjs/toolkit';
2
2
  import { QueryBuilderJoinOperators, QueryBuilderMeta, QueryBuilderProperty, QueryBuilderRoot, QueryBuilderType } from '../types/QueryBuilder.type';
3
- export declare const queryBuilderSlice: (selectorName: string) => import("@reduxjs/toolkit").Slice<QueryBuilderRoot, {
3
+ export declare const queryBuilderSlice: import("@reduxjs/toolkit").Slice<QueryBuilderRoot, {
4
4
  clearProperty(state: import("immer/dist/internal").WritableDraft<QueryBuilderRoot>, action: PayloadAction<{
5
5
  nodeID: string;
6
6
  }>): void;
@@ -48,4 +48,4 @@ export declare const queryBuilderSlice: (selectorName: string) => import("@redux
48
48
  nodeID: string;
49
49
  type: QueryBuilderType;
50
50
  }>): void;
51
- }, string>;
51
+ }, "queryBuilder">;
@@ -1 +1 @@
1
- import{createSlice as e}from"../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js";import o from"react-native-uuid";import{QueryBuilderJoinOperators as d}from"../types/QueryBuilder.type.js";const t=o.v4,s={nodes:[{_id:t(),properties:[],metas:[]}]},n=o=>e({name:null!=o?o:"queryBuilder",initialState:s,reducers:{clearProperty(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));d>-1&&(e.nodes[d].properties=[])},fillState:(e,o)=>Object.assign({},o.payload),initQueryBuilder(e,o){const s={type:o.payload.type,properties:[],metas:[],_id:t(),PropertyOperator:d.AND};e.nodes=[s],e.operator=d.AND},addNode(e,o){const s={type:o.payload.type,properties:[],metas:[],_id:t(),PropertyOperator:d.AND},n=e.nodes;e.nodes=[...n,s]},deleteNode(e,o){const d=e.nodes.filter((e=>e._id!==o.payload.nodeID));e.nodes=[...d]},clearNode(e,o){var d;const s=[...null!==(d=e.nodes)&&void 0!==d?d:[]];if(0===s.length){const e={type:o.payload.type,properties:[],metas:[],_id:t()};s.push(e)}e.nodes=s},createProperty(e,o){var d;const s=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(s>-1){const n=null!==(d=e.nodes[s].properties)&&void 0!==d?d:[],a=Object.assign(Object.assign({},o.payload.property),{_id:t()});e.nodes[s].properties=[...n,a]}},updateProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).map((e=>e._id===o.payload.property._id?Object.assign(Object.assign({},e),o.payload.property):e));e.nodes[t].properties=[...s]}},deleteProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).filter((e=>e._id!==o.payload.property._id));e.nodes[t].properties=[...s]}},createMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=null!==(d=e.nodes[t].metas)&&void 0!==d?d:[],n=Object.assign({},o.payload.meta);e.nodes[t].metas=[...s,n]}},updateMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].metas)&&void 0!==d?d:[]).map((e=>e.key===o.payload.meta.key?Object.assign(Object.assign({},e),o.payload.meta):e));e.nodes[t].metas=[...s]}},selectPropertyJoinOperator(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]=Object.assign(Object.assign({},t),{PropertyOperator:o.payload.joinOperator})}},selectJoinOperator(e,o){e.operator=o.payload.joinOperator},selectType(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]={_id:t._id,type:o.payload.type,properties:[],metas:[]}}}}});export{n as queryBuilderSlice};
1
+ import{createSlice as e}from"../../../node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js";import o from"react-native-uuid";import{QueryBuilderJoinOperators as d}from"../types/QueryBuilder.type.js";const t=o.v4,s=e({name:"queryBuilder",initialState:{nodes:[{_id:t(),properties:[],metas:[]}]},reducers:{clearProperty(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));d>-1&&(e.nodes[d].properties=[])},fillState:(e,o)=>Object.assign({},o.payload),initQueryBuilder(e,o){const s={type:o.payload.type,properties:[],metas:[],_id:t(),PropertyOperator:d.AND};e.nodes=[s],e.operator=d.AND},addNode(e,o){const s={type:o.payload.type,properties:[],metas:[],_id:t(),PropertyOperator:d.AND},n=e.nodes;e.nodes=[...n,s]},deleteNode(e,o){const d=e.nodes.filter((e=>e._id!==o.payload.nodeID));e.nodes=[...d]},clearNode(e,o){var d;const s=[...null!==(d=e.nodes)&&void 0!==d?d:[]];if(0===s.length){const e={type:o.payload.type,properties:[],metas:[],_id:t()};s.push(e)}e.nodes=s},createProperty(e,o){var d;const s=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(s>-1){const n=null!==(d=e.nodes[s].properties)&&void 0!==d?d:[],a=Object.assign(Object.assign({},o.payload.property),{_id:t()});e.nodes[s].properties=[...n,a]}},updateProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).map((e=>e._id===o.payload.property._id?Object.assign(Object.assign({},e),o.payload.property):e));e.nodes[t].properties=[...s]}},deleteProperty(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].properties)&&void 0!==d?d:[]).filter((e=>e._id!==o.payload.property._id));e.nodes[t].properties=[...s]}},createMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=null!==(d=e.nodes[t].metas)&&void 0!==d?d:[],n=Object.assign({},o.payload.meta);e.nodes[t].metas=[...s,n]}},updateMeta(e,o){var d;const t=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(t>-1){const s=(null!==(d=e.nodes[t].metas)&&void 0!==d?d:[]).map((e=>e.key===o.payload.meta.key?Object.assign(Object.assign({},e),o.payload.meta):e));e.nodes[t].metas=[...s]}},selectPropertyJoinOperator(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]=Object.assign(Object.assign({},t),{PropertyOperator:o.payload.joinOperator})}},selectJoinOperator(e,o){e.operator=o.payload.joinOperator},selectType(e,o){const d=e.nodes.findIndex((e=>e._id===o.payload.nodeID));if(-1!==d){const t=e.nodes[d];e.nodes[d]={_id:t._id,type:o.payload.type,properties:[],metas:[]}}}}});export{s as queryBuilderSlice};
@@ -0,0 +1,3 @@
1
+ import { QueryBuilderRoot } from '../../types/QueryBuilder.type';
2
+ export declare const useNodesSelector: () => import("../../types/QueryBuilder.type").BaseQueryBuilderNode[];
3
+ export declare const useQueryBuilderSelector: () => QueryBuilderRoot;
@@ -0,0 +1 @@
1
+ import{useSelector as r}from"react-redux";const e=()=>r((r=>r.queryBuilder));export{e as useQueryBuilderSelector};
@@ -18,7 +18,8 @@ export declare enum QueryBuilderConnectorType {
18
18
  'integer' = "integer",
19
19
  'boolean' = "boolean",
20
20
  'date' = "date",
21
- 'frequency' = "frequency"
21
+ 'frequency' = "frequency",
22
+ 'ig' = "ig"
22
23
  }
23
24
  export interface QueryBuilderConnector {
24
25
  dataType: QueryBuilderConnectorType;
@@ -1 +1 @@
1
- var E,R,T;!function(E){E.SEGMENT_FILTER="SEGMENT_FILTER",E.EVENT_FILTER="EVENT_FILTER",E.NO_EVENT_FILTER="NO_EVENT_FILTER",E.USER_PROPERTY_FILTER="USER_PROPERTY_FILTER",E.IG_TRIGGER="IG_TRIGGER",E.CTWA_TRIGGER="CTWA_TRIGGER",E.EVENTS_TRIGGER="EVENTS_TRIGGER"}(E||(E={})),function(E){E.AND="AND",E.OR="OR"}(R||(R={})),function(E){E.string="string",E.integer="integer",E.boolean="boolean",E.date="date",E.frequency="frequency"}(T||(T={}));export{T as QueryBuilderConnectorType,R as QueryBuilderJoinOperators,E as QueryBuilderType};
1
+ var E,R,T;!function(E){E.SEGMENT_FILTER="SEGMENT_FILTER",E.EVENT_FILTER="EVENT_FILTER",E.NO_EVENT_FILTER="NO_EVENT_FILTER",E.USER_PROPERTY_FILTER="USER_PROPERTY_FILTER",E.IG_TRIGGER="IG_TRIGGER",E.CTWA_TRIGGER="CTWA_TRIGGER",E.EVENTS_TRIGGER="EVENTS_TRIGGER"}(E||(E={})),function(E){E.AND="AND",E.OR="OR"}(R||(R={})),function(E){E.string="string",E.integer="integer",E.boolean="boolean",E.date="date",E.frequency="frequency",E.ig="ig"}(T||(T={}));export{T as QueryBuilderConnectorType,R as QueryBuilderJoinOperators,E as QueryBuilderType};
@@ -6,6 +6,5 @@ export type QueryBuilderNodeProps = {
6
6
  allowedNodes: QueryBuilderType[];
7
7
  node: BaseQueryBuilderNode;
8
8
  mode: QueryBuilderProps['mode'];
9
- selectorKey: string;
10
9
  apiHandler: <T>(payload: BaseQueryBuilderPayload<T>) => Promise<Response<BaseQueryBuilderResponse>>;
11
10
  };
@@ -24,6 +24,11 @@ export declare enum STRING_OPERATORS {
24
24
  exists = "exists",
25
25
  doesntExist = "doesntExist"
26
26
  }
27
+ export declare enum IG_OPERATORS {
28
+ post = "post",
29
+ reel = "reel",
30
+ story = "story"
31
+ }
27
32
  export declare enum DATE_OPERATORS {
28
33
  on = "on",
29
34
  notOn = "notOn",
@@ -1 +1 @@
1
- var e,t,n,s,a,i;!function(e){e.is="is",e.isNot="isNot",e.exists="exists",e.doesntExist="doesntExist",e.lessThan="lessThan",e.lessThanOrEqualTo="lessThanOrEqualTo",e.greaterThan="greaterThan",e.greaterThanOrEqualTo="greaterThanOrEqualTo",e.between="between",e.notBetween="notBetween"}(e||(e={})),function(e){e.is="is",e.isNot="isNot",e.contains="contains",e.doesntContain="doesntContain",e.startsWith="startsWith",e.endsWith="endsWith",e.exists="exists",e.doesntExist="doesntExist"}(t||(t={})),function(e){e.on="on",e.notOn="notOn",e.inBetween="inBetween",e.notInBetween="notInBetween",e.before="before",e.after="after",e.today="today",e.yesterday="yesterday",e["last week"]="last week",e["last month"]="last month",e["last quarter"]="last quarter",e["in the last"]="in the last"}(n||(n={})),function(e){e.isTrue="isTrue",e.isFalse="isFalse",e.exists="exists",e.doesntExist="doesntExist"}(s||(s={})),function(e){e.exactly="exactly",e.atleast="atleast",e.atMost="atMost"}(a||(a={})),function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime"}(i||(i={}));export{s as BOOLEAN_OPERATORS,n as DATE_OPERATORS,i as EVENT_VALUES,a as FREQUENCY_OPERATORS,e as INTEGER_OPERATORS,t as STRING_OPERATORS};
1
+ var e,t,n,s,o,a,i;!function(e){e.is="is",e.isNot="isNot",e.exists="exists",e.doesntExist="doesntExist",e.lessThan="lessThan",e.lessThanOrEqualTo="lessThanOrEqualTo",e.greaterThan="greaterThan",e.greaterThanOrEqualTo="greaterThanOrEqualTo",e.between="between",e.notBetween="notBetween"}(e||(e={})),function(e){e.is="is",e.isNot="isNot",e.contains="contains",e.doesntContain="doesntContain",e.startsWith="startsWith",e.endsWith="endsWith",e.exists="exists",e.doesntExist="doesntExist"}(t||(t={})),function(e){e.post="post",e.reel="reel",e.story="story"}(n||(n={})),function(e){e.on="on",e.notOn="notOn",e.inBetween="inBetween",e.notInBetween="notInBetween",e.before="before",e.after="after",e.today="today",e.yesterday="yesterday",e["last week"]="last week",e["last month"]="last month",e["last quarter"]="last quarter",e["in the last"]="in the last"}(s||(s={})),function(e){e.isTrue="isTrue",e.isFalse="isFalse",e.exists="exists",e.doesntExist="doesntExist"}(o||(o={})),function(e){e.exactly="exactly",e.atleast="atleast",e.atMost="atMost"}(a||(a={})),function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime"}(i||(i={}));export{o as BOOLEAN_OPERATORS,s as DATE_OPERATORS,i as EVENT_VALUES,a as FREQUENCY_OPERATORS,n as IG_OPERATORS,e as INTEGER_OPERATORS,t as STRING_OPERATORS};
@@ -2,11 +2,6 @@ import { Response } from '../../../types/apiExecutor';
2
2
  import { QueryBuilderRoot, QueryBuilderType } from './QueryBuilder.type';
3
3
  import { BaseQueryBuilderPayload, BaseQueryBuilderResponse } from './QueryBuilderAPI.type';
4
4
  export type QueryBuilderProps = {
5
- /**
6
- * The selector key that will be used to make query builder independent when there are multiple
7
- * query builders in single page
8
- */
9
- selectorKey: string;
10
5
  /**
11
6
  * and will be passed as a prop here. Single function to branch out based on the query being passed.
12
7
  * list of allowed query builder types are keys of this object.
@@ -0,0 +1,12 @@
1
+ export declare const StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
2
+ export declare const StyledModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const StyledModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
4
+ export declare const StyledTitleMedium: import("styled-components").StyledComponent<"div", any, {}, never>;
5
+ export declare const StyledCloseButton: import("styled-components").StyledComponent<"div", any, {}, never>;
6
+ export declare const StyledProductGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
7
+ export declare const StyledProduct: import("styled-components").StyledComponent<"div", any, {
8
+ _height: number;
9
+ }, never>;
10
+ export declare const FooterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
11
+ export declare const InfoSection: import("styled-components").StyledComponent<"div", any, {}, never>;
12
+ export declare const ButtonViewContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1,123 @@
1
+ import e from"styled-components";import{TitleMedium as i}from"../TypographyStyle.js";const t=e.div`
2
+ position: fixed;
3
+ top: 0;
4
+ left: 0;
5
+ cursor: default;
6
+ width: 100%;
7
+ height: 100%;
8
+ display: flex;
9
+ background-color: rgba(0, 0, 0, 0.5);
10
+ align-items: center;
11
+ justify-content: center;
12
+ `,o=e.div`
13
+ background-color: #fff;
14
+ width: 1032px;
15
+ height: auto;
16
+ max-height: 600px;
17
+ border-radius: 4px;
18
+ padding: 24px;
19
+ display: flex;
20
+ flex-direction: column;
21
+ align-items: center;
22
+ position: relative;
23
+ `,p=e.div`
24
+ display: flex;
25
+ justify-content: space-between;
26
+ flex-direction: row;
27
+ gap: 20px;
28
+ width: 1032px;
29
+ `,r=e(i)`
30
+ padding: 6px 6px 20px 6px;
31
+ `,d=e.div`
32
+ padding: 6px 6px 20px 6px;
33
+ `,a=e.div`
34
+ display: grid;
35
+ grid-template-columns: repeat(6, 156px);
36
+ grid-gap: 20px;
37
+ overflow-y: scroll;
38
+
39
+ /* Hide scrollbar by default */
40
+ &::-webkit-scrollbar {
41
+ width: 0.5em;
42
+ }
43
+ /* Show scrollbar on hover */
44
+ &:hover::-webkit-scrollbar {
45
+ width: 0.5em;
46
+ }
47
+ `,n=e.div`
48
+ position: relative;
49
+ cursor: pointer;
50
+ height: ${e=>e._height}px;
51
+ padding: 2px;
52
+ border-radius: 4px;
53
+
54
+ img {
55
+ width: 148px;
56
+ height: ${e=>e._height-1}px;
57
+ object-fit: cover;
58
+ border-radius: 4px;
59
+ }
60
+
61
+ .overlay {
62
+ position: absolute;
63
+ top: 2px;
64
+ left: 2px;
65
+ width: 148px;
66
+ height: ${e=>e._height-1}px;
67
+ background-color: rgba(255, 255, 255, 0.9);
68
+ display: flex;
69
+ flex-direction: column;
70
+ align-items: center;
71
+ justify-content: space-between;
72
+ opacity: 0;
73
+ transition: opacity 0.2s ease-in-out;
74
+ border-radius: 4px;
75
+
76
+ a {
77
+ text-decoration: none;
78
+ }
79
+ }
80
+
81
+ .overlay__caption {
82
+ text-align: center;
83
+ background: #fafafa;
84
+ padding: 10px 20px;
85
+ height: 40px;
86
+ display: flex;
87
+ align-items: center;
88
+ justify-content: center;
89
+ }
90
+
91
+ .overlay__redirection {
92
+ display: flex;
93
+ justify-content: center;
94
+ gap: 5px;
95
+ padding: 10px;
96
+ }
97
+
98
+ &:hover .overlay {
99
+ opacity: 1;
100
+ }
101
+
102
+ &.selected {
103
+ border: 2px solid #731dcf;
104
+ }
105
+ `,l=e.div`
106
+ width: 100%;
107
+ display: flex;
108
+ flex-direction: row;
109
+ padding-top: 12px;
110
+ justify-content: space-between;
111
+ border-top: 1px solid #e0e0e0;
112
+ `,x=e.div`
113
+ flex: 1;
114
+ padding-top: 10px;
115
+ display: flex;
116
+ justify-content: flex-start;
117
+ `,c=e.div`
118
+ flex: 1;
119
+ display: flex;
120
+ flex-direction: row;
121
+ justify-content: flex-end;
122
+ gap: 10px;
123
+ `;export{c as ButtonViewContainer,l as FooterContainer,x as InfoSection,d as StyledCloseButton,t as StyledModal,o as StyledModalContent,p as StyledModalHeader,n as StyledProduct,a as StyledProductGrid,r as StyledTitleMedium};
@@ -0,0 +1 @@
1
+ export * from './postPicker';
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+ export declare enum MEDIA_TYPES {
3
+ STORY = "story",
4
+ POST = "post",
5
+ REEL = "reel"
6
+ }
7
+ export type Media = {
8
+ imageUrl: string;
9
+ redirectionUrl: string;
10
+ overlayCaption: string;
11
+ id: string;
12
+ };
13
+ export type PostPickerProps = {
14
+ title: string;
15
+ showModal: boolean;
16
+ onClose: () => void;
17
+ onSelect: (Media: Media[]) => void;
18
+ media: Media[];
19
+ mediaType: MEDIA_TYPES;
20
+ previouslySelected?: Media[];
21
+ limit?: number;
22
+ };
23
+ export declare const PostPicker: React.FC<PostPickerProps>;
@@ -0,0 +1 @@
1
+ import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{useState as r}from"react";import{Button as o}from"../button/Button.js";import{StyledModal as s,StyledModalContent as n,StyledModalHeader as l,StyledTitleMedium as c,StyledCloseButton as a,StyledProductGrid as d,StyledProduct as m,FooterContainer as h,InfoSection as g,ButtonViewContainer as p}from"./PostPicker.styled.js";import{Tag as v}from"../tag/Tag.js";import{BodyPrimary as j,BodyCaption as y}from"../TypographyStyle.js";import{PRIMARY as u}from"../../constants/colors.js";import{COLORS as f}from"../../constants/Theme.js";import b from"../../assets/icons/cross.svg.js";import T from"../../assets/icons/instagram.svg.js";import O from"../../assets/icons/warning.svg.js";var C;!function(e){e.STORY="story",e.POST="post",e.REEL="reel"}(C||(C={}));const x=x=>{var S;const[k,_]=r(null!==(S=x.previouslySelected)&&void 0!==S?S:[]),[w,P]=r(x.showModal),[N,M]=r(),z=x.mediaType===C.POST?149:220;return e(t,{children:w&&e(s,{children:i(n,{children:[i(l,{children:[e(c,{children:x.title}),e(a,Object.assign({onClick:()=>{x.onClose(),P(!1)}},{children:e(b,{height:20,width:20})}))]}),e(d,{children:x.media.map((t=>i(m,Object.assign({_height:z,className:""+(k.includes(t)?"selected":""),onClick:()=>{return e=t,void _((()=>k.includes(e)?((!x.limit||k.length<=x.limit)&&M(void 0),k.filter((t=>t!==e))):!x.limit||k.length<x.limit?(M(void 0),[...k,e]):(M("Maximum limit exceeded!"),k)));var e}},{children:[e("img",{src:t.imageUrl,alt:t.overlayCaption}),i("div",Object.assign({className:"overlay"},{children:[e("a",Object.assign({target:"_blank",rel:"noreferrer",href:t.redirectionUrl},{children:i("div",Object.assign({className:"overlay__redirection"},{children:[e(T,{height:22,width:22}),e(j,Object.assign({color:u,style:{fontWeight:500}},{children:"View"}))]}))})),e("div",Object.assign({className:"overlay__caption"},{children:e(y,Object.assign({color:f.content.placeholder},{children:t.overlayCaption}))}))]}))]}),t.id)))}),i(h,{children:[i(g,{children:[!N&&e(j,Object.assign({color:f.content.secondary},{children:k.length?`${k.length} selected`:""})),N&&e(v,{theme:"light",type:"negative",tagText:N,TrailingIcon:O})]}),i(p,{children:[e(o,{buttonText:"Close",size:"medium",buttonType:"secondary",onClick:()=>{x.onClose(),P(!1)}}),e(o,{buttonText:"Select Media",size:"medium",buttonType:"primary",onClick:()=>{k.length?(x.onSelect(k),P(!1)):M("Please select a post to proceed")}})]})]})]})})})};export{C as MEDIA_TYPES,x as PostPicker};
@@ -0,0 +1 @@
1
+ import{COLORS as o}from"./Theme.js";const r=o.background.brand;export{r as PRIMARY};
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{CustomisedTooltip,TooltipPlacement}from"./components/tooltips/CustomisedTooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,FREQUENCY_OPERATORS,INTEGER_OPERATORS,STRING_OPERATORS}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";import"react/jsx-runtime";import"react";export{Input}from"./components/input/Input.js";import"./components/dropdown/UnChildDropdown/UnChildDropdown.js";
1
+ export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{CustomisedTooltip,TooltipPlacement}from"./components/tooltips/CustomisedTooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,FREQUENCY_OPERATORS,IG_OPERATORS,INTEGER_OPERATORS,STRING_OPERATORS}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";import"react/jsx-runtime";import"react";export{Input}from"./components/input/Input.js";import"./components/dropdown/UnChildDropdown/UnChildDropdown.js";
@@ -1 +1 @@
1
- import{format as e,isToday as t,isYesterday as a,subDays as r}from"date-fns";class n{}Object.defineProperty(n,"formatDateInDDMMMYYY",{enumerable:!0,configurable:!0,writable:!0,value:t=>{const a=new Date(t);return e(a,"dd MMM yyy")}}),Object.defineProperty(n,"getStringFromDate",{enumerable:!0,configurable:!0,writable:!0,value:function(t){if(!t)return"";switch(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"YYYY-MM-DD"){case"YYYY-MM-DD":{const e=t.getMonth()+1>=10?`${t.getMonth()+1}`:`0${t.getMonth()+1}`,a=t.getDate()>=10?`${t.getDate()}`:`0${t.getDate()}`;return`${t.getFullYear()}-${e}-${a}`}case"dd-MM-yyyy":return e(new Date(t),"dd-MM-yyyy");case"dd MMM yyyy":return e(new Date(t),"dd MMM yyyy");case"dd/MM/yyyy":return e(new Date(t),"dd/MM/yyyy");default:return" "}}}),Object.defineProperty(n,"getTodayStringifyDate",{enumerable:!0,configurable:!0,writable:!0,value:()=>n.getStringFromDate(new Date)}),Object.defineProperty(n,"getDaysBefore",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const t=new Date;return new Date(t.getFullYear(),t.getMonth(),t.getDate()-e)}}),Object.defineProperty(n,"nth",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(e>3&&e<21)return"th";switch(e%10){case 1:return"st";case 2:return"nd";case 3:return"rd";default:return"th"}}}),Object.defineProperty(n,"timeFormat",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>e>23||t>59?"Not Valid":e-12>=0?((e=e>12?e-12:e)>=10?e:"0"+e)+":"+("0"+t).slice(-2)+"pm":0==e?"12:"+("0"+t).slice(-2)+"am":(e>=10?e:"0"+e)+":"+("0"+t).slice(-2)+"am"}),Object.defineProperty(n,"dateFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a,r)=>{try{const n=a?" "+a+" ":", ";return e(t,r?"do MMMM yyyy":"do MMM yyyy")+n+e(t,"h:mmaaa")}catch(t){const n=a?" "+a+" ":", ";return e(new Date,r?"do MMMM yyyy":"do MMM yyyy")+n+e(new Date,"h:mmaaa")}}}),Object.defineProperty(n,"toDateFromSecs",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const t=new Date(1970,0,1);return t.setSeconds(e),t}}),Object.defineProperty(n,"todayDateFormat",{enumerable:!0,configurable:!0,writable:!0,value:r=>t(r)?`Today at ${e(r,"hh:mmaaa")}`:a(r)?`Yesterday at ${e(r,"hh:mmaaa")}`:`${e(r,"d MMM yyyy")} at ${e(r,"hh:mmaaa")}`}),Object.defineProperty(n,"timeString12hr",{enumerable:!0,configurable:!0,writable:!0,value:e=>new Date("1970-01-01T"+e+"Z").toLocaleTimeString("en-US",{timeZone:"UTC",hour12:!0,hour:"numeric",minute:"numeric"})}),Object.defineProperty(n,"customisedDateTimeFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a,r,n,o)=>{try{const l=a?" "+a+" ":", ";let y="";return y=o?e(t,n||"h:mmaaa")+l+e(t,r||"do MMM yyyy"):e(t,r||"do MMM yyyy")+l+e(t,n||"h:mmaaa"),y}catch(t){console.warn(t.message);const l=a?" "+a+" ":", ";return o?e(new Date,n||"h:mmaaa")+l+e(new Date,r||"do MMM yyyy"):e(new Date,r||"do MMM yyyy")+l+e(new Date,n||"h:mmaaa")}}}),Object.defineProperty(n,"formatDateTime",{enumerable:!0,configurable:!0,writable:!0,value:e=>("pm"===e.slice(5,7)?(parseInt(e.slice(0,2))+12).toString():e.slice(0,2))+":"+e.slice(3,5)+":00"}),Object.defineProperty(n,"timeDateFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a,r,n)=>{try{const o=a?" "+a+" ":", ";return e(t,r||"h:mmaaa")+o+e(t,n||"do MMM yyyy")}catch(t){const o=a?" "+a+" ":", ";return e(new Date,r||"h:mmaaa")+o+e(new Date,n||"do MMM yyyy")}}}),Object.defineProperty(n,"timeToAMPM",{enumerable:!0,configurable:!0,writable:!0,value:e=>((e=e.toString().match(/^([01]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/)||[e]).length>1&&((e=e.slice(1))[5]=+e[0]<12?"AM":"PM",e[0]=+e[0]%12||12),e=e[0]+e[1]+e[2]+" "+e[5])}),Object.defineProperty(n,"timeFormatValidation",{enumerable:!0,configurable:!0,writable:!0,value:e=>new RegExp(/^(0?[1-9]|1[012]):[0-5][0-9]\s[AP]{1}[M]{1}$/).test(e)}),Object.defineProperty(n,"onlyDateFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a)=>e(t,a||"dd MMM yyyy")}),Object.defineProperty(n,"getPastDate",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>r(e,t)}),Object.defineProperty(n,"timeFormatValidation12H",{enumerable:!0,configurable:!0,writable:!0,value:e=>new RegExp(/^(0?[0-9]|1[0-2]):[0-5][0-9]$/).test(e)}),Object.defineProperty(n,"convert12HourTimeTo24Hour",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const[t,a]=e.split(" ");let[r,n]=t.split(":");return"12"===r&&(r="00"),"PM"===a&&(r=parseInt(r,10)+12),`${1===r.length?"0"+r:r}:${n}`}});export{n as default};
1
+ import{format as e,isToday as t,isYesterday as a,subDays as r}from"date-fns";class n{}Object.defineProperty(n,"formatDateInDDMMMYYY",{enumerable:!0,configurable:!0,writable:!0,value:t=>{const a=new Date(t);return e(a,"dd MMM yyy")}}),Object.defineProperty(n,"getStringFromDate",{enumerable:!0,configurable:!0,writable:!0,value:function(t){if(!t)return"";switch(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"YYYY-MM-DD"){case"YYYY-MM-DD":{const e=t.getMonth()+1>=10?`${t.getMonth()+1}`:`0${t.getMonth()+1}`,a=t.getDate()>=10?`${t.getDate()}`:`0${t.getDate()}`;return`${t.getFullYear()}-${e}-${a}`}case"dd-MM-yyyy":return e(new Date(t),"dd-MM-yyyy");case"dd MMM yyyy":return e(new Date(t),"dd MMM yyyy");case"dd/MM/yyyy":return e(new Date(t),"dd/MM/yyyy");default:return" "}}}),Object.defineProperty(n,"getTodayStringifyDate",{enumerable:!0,configurable:!0,writable:!0,value:()=>n.getStringFromDate(new Date)}),Object.defineProperty(n,"getDaysBefore",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const t=new Date;return new Date(t.getFullYear(),t.getMonth(),t.getDate()-e)}}),Object.defineProperty(n,"nth",{enumerable:!0,configurable:!0,writable:!0,value:function(e){if(e>3&&e<21)return"th";switch(e%10){case 1:return"st";case 2:return"nd";case 3:return"rd";default:return"th"}}}),Object.defineProperty(n,"timeFormat",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>e>23||t>59?"Not Valid":e-12>=0?((e=e>12?e-12:e)>=10?e:"0"+e)+":"+("0"+t).slice(-2)+"pm":0==e?"12:"+("0"+t).slice(-2)+"am":(e>=10?e:"0"+e)+":"+("0"+t).slice(-2)+"am"}),Object.defineProperty(n,"dateFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a,r)=>{try{const n=a?" "+a+" ":", ";return e(t,r?"do MMMM yyyy":"do MMM yyyy")+n+e(t,"h:mmaaa")}catch(t){console.log(t);const n=a?" "+a+" ":", ";return e(new Date,r?"do MMMM yyyy":"do MMM yyyy")+n+e(new Date,"h:mmaaa")}}}),Object.defineProperty(n,"toDateFromSecs",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const t=new Date(1970,0,1);return t.setSeconds(e),t}}),Object.defineProperty(n,"todayDateFormat",{enumerable:!0,configurable:!0,writable:!0,value:r=>t(r)?`Today at ${e(r,"hh:mmaaa")}`:a(r)?`Yesterday at ${e(r,"hh:mmaaa")}`:`${e(r,"d MMM yyyy")} at ${e(r,"hh:mmaaa")}`}),Object.defineProperty(n,"timeString12hr",{enumerable:!0,configurable:!0,writable:!0,value:e=>new Date("1970-01-01T"+e+"Z").toLocaleTimeString("en-US",{timeZone:"UTC",hour12:!0,hour:"numeric",minute:"numeric"})}),Object.defineProperty(n,"customisedDateTimeFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a,r,n,o)=>{try{const l=a?" "+a+" ":", ";let y="";return y=o?e(t,n||"h:mmaaa")+l+e(t,r||"do MMM yyyy"):e(t,r||"do MMM yyyy")+l+e(t,n||"h:mmaaa"),y}catch(t){console.warn(t.message);const l=a?" "+a+" ":", ";return o?e(new Date,n||"h:mmaaa")+l+e(new Date,r||"do MMM yyyy"):e(new Date,r||"do MMM yyyy")+l+e(new Date,n||"h:mmaaa")}}}),Object.defineProperty(n,"formatDateTime",{enumerable:!0,configurable:!0,writable:!0,value:e=>("pm"===e.slice(5,7)?(parseInt(e.slice(0,2))+12).toString():e.slice(0,2))+":"+e.slice(3,5)+":00"}),Object.defineProperty(n,"timeDateFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a,r,n)=>{try{const o=a?" "+a+" ":", ";return e(t,r||"h:mmaaa")+o+e(t,n||"do MMM yyyy")}catch(t){console.log(t);const o=a?" "+a+" ":", ";return e(new Date,r||"h:mmaaa")+o+e(new Date,n||"do MMM yyyy")}}}),Object.defineProperty(n,"timeToAMPM",{enumerable:!0,configurable:!0,writable:!0,value:e=>((e=e.toString().match(/^([01]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/)||[e]).length>1&&((e=e.slice(1))[5]=+e[0]<12?"AM":"PM",e[0]=+e[0]%12||12),e=e[0]+e[1]+e[2]+" "+e[5])}),Object.defineProperty(n,"timeFormatValidation",{enumerable:!0,configurable:!0,writable:!0,value:e=>new RegExp(/^(0?[1-9]|1[012]):[0-5][0-9]\s[AP]{1}[M]{1}$/).test(e)}),Object.defineProperty(n,"onlyDateFormat",{enumerable:!0,configurable:!0,writable:!0,value:(t,a)=>e(t,a||"dd MMM yyyy")}),Object.defineProperty(n,"getPastDate",{enumerable:!0,configurable:!0,writable:!0,value:(e,t)=>r(e,t)}),Object.defineProperty(n,"timeFormatValidation12H",{enumerable:!0,configurable:!0,writable:!0,value:e=>new RegExp(/^(0?[0-9]|1[0-2]):[0-5][0-9]$/).test(e)}),Object.defineProperty(n,"convert12HourTimeTo24Hour",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const[t,a]=e.split(" ");let[r,n]=t.split(":");return"12"===r&&(r="00"),"PM"===a&&(r=parseInt(r,10)+12),`${1===r.length?"0"+r:r}:${n}`}});export{n as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "0.0.13-beta.14",
3
+ "version": "0.0.13-beta.17",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",