@bikdotai/bik-component-library 0.0.94-beta.2 → 0.0.94

package/dist/esm/components/QueryBuilder/components/Connectors/Components/IgPicker.js

@@ -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};
+import c from"@emotion/styled/base";import{jsx as g,jsxs as I}from"react/jsx-runtime";import l from"../../../../../assets/icons/cross.svg.js";import b from"../../../../../assets/icons/instagram.svg.js";import d from"../../../../../assets/icons/plus.svg.js";import{useState as X,useEffect as H}from"react";import{ButtonCustomDashedBorder as x}from"../../../../button/Button.styled.js";import{MEDIA_TYPES as t,PostPicker as C}from"../../../../postPicker/postPicker.js";import{BodySecondary as R,BodyPrimary as G,BodyCaption as Z}from"../../../../TypographyStyle.js";import{unCamelCase as A}from"../../../../../utils/unCamelCase.js";import{PRIMARY as i}from"../../../../../constants/colors.js";import{COLORS as W}from"../../../../../constants/Theme.js";const n=c=>{var n,a,u;const[m,F]=X(!1),[p,V]=X([]),[o,y]=X([]),[Y,h]=X(!1);H((()=>{c.errors&&c.errors.val&&h(!0)}),[null===(n=c.errors)||void 0===n?void 0:n.val]),H((()=>{var g;c.val&&(null===(g=c.val)||void 0===g?void 0:g.length)>0&&V(c.val)}),[null===(a=c.val)||void 0===a?void 0:a.length]),H((()=>{var g,I,l,b,d;if((null===(g=null==c?void 0:c.extra)||void 0===g?void 0:g.originalData)&&(null===(l=null===(I=null==c?void 0:c.extra)||void 0===I?void 0:I.originalData)||void 0===l?void 0:l.length)>0){const g=null===(d=null===(b=null==c?void 0:c.extra)||void 0===b?void 0:b.originalData)||void 0===d?void 0:d.map((c=>({id:c.id,imageUrl:"VIDEO"===c.media_type?c.thumbnail_url:c.media_url,redirectionUrl:c.permalink,overlayCaption:`posted on: ${s(c.timestamp)}`})));y(g)}}),[null===(u=null==c?void 0:c.extra)||void 0===u?void 0:u.originalData]);const s=c=>{const g=new Date(c),I=g.getMonth()+1;return`${g.getDate()}/${I}/${g.getFullYear()}`};return I(B,Object.assign({mediaType:c.mediaType},{children:[g("div",Object.assign({style:{padding:12}},{children:I("button",Object.assign({className:""+(Y?"add-media-btn error":"add-media-btn"),onClick:()=>{F(!0)}},{children:[g(x,{}),g(d,{color:Y?W.content.negative:W.content.secondary,width:20,height:20,style:{marginBottom:15}}),I(R,Object.assign({style:{color:Y?W.content.negative:W.content.primary}},{children:["Add ",A(c.mediaType)]})),g("div",{className:"overlay-container"})]}))})),g("div",Object.assign({className:"product-card-container"},{children:(null==p?void 0:p.length)>0&&p.map((d=>g("div",Object.assign({style:{padding:"7px"}},{children:I(e,Object.assign({mediaType:c.mediaType},{children:[g("img",{src:d.imageUrl,alt:d.overlayCaption}),I("div",Object.assign({className:"overlay"},{children:[g("a",Object.assign({target:"_blank",rel:"noreferrer",href:d.redirectionUrl},{children:I("div",Object.assign({className:"overlay__redirection"},{children:[g(b,{height:22,width:22}),g(G,Object.assign({color:i,style:{fontWeight:500}},{children:"View"}))]}))})),g("div",Object.assign({className:"overlay__caption"},{children:g(Z,Object.assign({color:W.content.placeholder},{children:d.overlayCaption}))}))]})),g("button",Object.assign({className:"cross-icon",onClick:()=>(g=>{var I,l;const b=[...p].filter((c=>c.id!==g));V(b),b.length>0?null===(I=c.onChange)||void 0===I||I.call(c,b):null===(l=c.onChange)||void 0===l||l.call(c,void 0)})(d.id)},{children:g(l,{width:12,height:12,color:W.content.secondary})}))]}))}),d.id)))})),m&&g(C,{limit:10,selected:p,onSelect:g=>{var I;V(g),F(!1),null===(I=c.onChange)||void 0===I||I.call(c,g)},title:(J=c.mediaType,J===t.POST||J===t.REEL?`Select upto 10 ${c.mediaType}s`:"Select upto 10 stories"),showModal:m,onClose:()=>{F(!1)},media:o,mediaType:c.mediaType})]}));var J},a=c=>g(n,Object.assign({},c,{mediaType:t.POST})),u=c=>g(n,Object.assign({},c,{mediaType:t.REEL})),m=c=>g(n,Object.assign({},c,{mediaType:t.STORY})),B=c("div","production"===process.env.NODE_ENV?{target:"e1t0sk3t1"}:{target:"e1t0sk3t1",label:"IgPickerStyled"})("display:flex;flex-direction:row;align-items:center;flex:1;overflow:hidden;.product-card-container{display:flex;overflow:auto;max-width:calc(\n\t\t\t",(c=>c.mediaType==t.POST?"100% - 172px":"100% - 132px"),"\n\t\t);}.add-media-btn.error{.line-top{background:repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t",W.content.negative,",\n\t\t\t\t",W.content.negative," 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);}.line-right{background:repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t",W.content.negative,",\n\t\t\t\t",W.content.negative," 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);}.line-bottom{background:repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t",W.content.negative,",\n\t\t\t\t",W.content.negative," 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);}.line-left{background:repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t",W.content.negative,",\n\t\t\t\t",W.content.negative," 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);}}.add-media-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;border:none;cursor:pointer;width:",(c=>c.mediaType===t.POST?148:108),"px;height:",(c=>c.mediaType===t.POST?148:180),"px;position:relative;background-color:transparent;border-radius:4px;.line-top{position:absolute;left:0;top:0;height:1px;width:100%;background:repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);}.line-right{position:absolute;right:0;top:0;width:1px;height:100%;background:repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);}.line-bottom{position:absolute;left:0;bottom:0;height:1px;width:100%;background:repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);}.line-left{position:absolute;left:0;top:0;width:1px;height:100%;background:repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);.overlay-container{display:none;}}}.add-media-btn:hover{.overlay-container{display:block;position:absolute;padding:0;padding-top:1px;top:0;left:0;width:100%;height:100%;background-color:#000000;opacity:0.03;}}.add-media-btn:active{background-color:",W.background.brandLight,";.line-top,.line-bottom{background:repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t",W.content.brand,",\n\t\t\t\t",W.content.brand," 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);}.line-right,.line-left{background:repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t",W.content.brand,",\n\t\t\t\t",W.content.brand," 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklnUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRmtDIiwiZmlsZSI6IklnUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IENyb3NzSWNvbiBmcm9tICdAc3JjL2Fzc2V0cy9pY29ucy9jcm9zcy5zdmcnO1xyXG5pbXBvcnQgSW5zdGFncmFtSWNvbiBmcm9tICdAc3JjL2Fzc2V0cy9pY29ucy9pbnN0YWdyYW0uc3ZnJztcclxuaW1wb3J0IFBsdXNJY29uIGZyb20gJ0BzcmMvYXNzZXRzL2ljb25zL3BsdXMuc3ZnJztcclxuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0ICogYXMgU2MgZnJvbSBcIi4uLy4uLy4uLy4uL2J1dHRvbi9CdXR0b24uc3R5bGVkXCI7XHJcbmltcG9ydCB7IE1FRElBX1RZUEVTLCBQb3N0UGlja2VyIH0gZnJvbSBcIi4uLy4uLy4uLy4uL3Bvc3RQaWNrZXJcIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIEJvZHlQcmltYXJ5LCBCb2R5U2Vjb25kYXJ5LCB9IGZyb20gXCIuLi8uLi8uLi8uLi9UeXBvZ3JhcGh5U3R5bGVcIjtcclxuaW1wb3J0IHsgdW5DYW1lbENhc2UgfSBmcm9tIFwiLi4vLi4vLi4vLi4vLi4vdXRpbHMvdW5DYW1lbENhc2VcIjtcclxuaW1wb3J0IHsgUFJJTUFSWSB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9jb25zdGFudHMvY29sb3JzXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgSWdQaWNrZXIgPSAocHJvcHMpID0+IHtcclxuICAgIHZhciBfYSwgX2IsIF9jO1xyXG4gICAgY29uc3QgW3Nob3dNb2RhbCwgc2V0U2hvd01vZGFsXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IFtzZWxlY3RlZE1lZGlhLCBzZXRTZWxlY3RlZE1lZGlhXSA9IHVzZVN0YXRlKFtdKTtcclxuICAgIGNvbnN0IFthbGxNZWRpYSwgc2V0QWxsTWVkaWFdID0gdXNlU3RhdGUoW10pO1xyXG4gICAgY29uc3QgW2Vycm9yLCBzZXRFcnJvcl0gPSB1c2VTdGF0ZShmYWxzZSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIGlmIChwcm9wcy5lcnJvcnMgJiYgcHJvcHMuZXJyb3JzLnZhbCkge1xyXG4gICAgICAgICAgICBzZXRFcnJvcih0cnVlKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbKF9hID0gcHJvcHMuZXJyb3JzKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EudmFsXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYTtcclxuICAgICAgICBpZiAocHJvcHMudmFsICYmICgoX2EgPSBwcm9wcy52YWwpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5sZW5ndGgpID4gMCkge1xyXG4gICAgICAgICAgICBzZXRTZWxlY3RlZE1lZGlhKHByb3BzLnZhbCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgWyhfYiA9IHByb3BzLnZhbCkgPT09IG51bGwgfHwgX2IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9iLmxlbmd0aF0pO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICB2YXIgX2EsIF9iLCBfYywgX2QsIF9lO1xyXG4gICAgICAgIGlmICgoKF9hID0gcHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLmV4dHJhKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2Eub3JpZ2luYWxEYXRhKSAmJiAoKF9jID0gKF9iID0gcHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLmV4dHJhKSA9PT0gbnVsbCB8fCBfYiA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2Iub3JpZ2luYWxEYXRhKSA9PT0gbnVsbCB8fCBfYyA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2MubGVuZ3RoKSA+IDApIHtcclxuICAgICAgICAgICAgY29uc3QgZm9ybWF0dGVkRGF0YSA9IChfZSA9IChfZCA9IHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5leHRyYSkgPT09IG51bGwgfHwgX2QgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9kLm9yaWdpbmFsRGF0YSkgPT09IG51bGwgfHwgX2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9lLm1hcCgoaXRlbSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHtcclxuICAgICAgICAgICAgICAgICAgICBpZDogaXRlbS5pZCxcclxuICAgICAgICAgICAgICAgICAgICBpbWFnZVVybDogaXRlbS5tZWRpYV90eXBlID09PSAnVklERU8nID8gaXRlbS50aHVtYm5haWxfdXJsIDogaXRlbS5tZWRpYV91cmwsXHJcbiAgICAgICAgICAgICAgICAgICAgcmVkaXJlY3Rpb25Vcmw6IGl0ZW0ucGVybWFsaW5rLFxyXG4gICAgICAgICAgICAgICAgICAgIG92ZXJsYXlDYXB0aW9uOiBgcG9zdGVkIG9uOiAke2Zvcm1hdFRpbWVzdGFtcChpdGVtLnRpbWVzdGFtcCl9YCxcclxuICAgICAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgICAgICBzZXRBbGxNZWRpYShmb3JtYXR0ZWREYXRhKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbKF9jID0gcHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLmV4dHJhKSA9PT0gbnVsbCB8fCBfYyA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2Mub3JpZ2luYWxEYXRhXSk7XHJcbiAgICBjb25zdCBmb3JtYXRUaW1lc3RhbXAgPSAoZGF0ZSkgPT4ge1xyXG4gICAgICAgIGNvbnN0IGlucHV0RGF0ZSA9IG5ldyBEYXRlKGRhdGUpO1xyXG4gICAgICAgIGNvbnN0IG1vbnRoID0gaW5wdXREYXRlLmdldE1vbnRoKCkgKyAxO1xyXG4gICAgICAgIGNvbnN0IGRheSA9IGlucHV0RGF0ZS5nZXREYXRlKCk7XHJcbiAgICAgICAgY29uc3QgeWVhciA9IGlucHV0RGF0ZS5nZXRGdWxsWWVhcigpO1xyXG4gICAgICAgIHJldHVybiBgJHtkYXl9LyR7bW9udGh9LyR7eWVhcn1gO1xyXG4gICAgfTtcclxuICAgIGNvbnN0IGhhbmRsZVNlbGVjdGlvbiA9IChzZWxlY3Rpb24pID0+IHtcclxuICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgc2V0U2VsZWN0ZWRNZWRpYShzZWxlY3Rpb24pO1xyXG4gICAgICAgIHNldFNob3dNb2RhbChmYWxzZSk7XHJcbiAgICAgICAgKF9hID0gcHJvcHMub25DaGFuZ2UpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKHByb3BzLCBzZWxlY3Rpb24pO1xyXG4gICAgfTtcclxuICAgIGNvbnN0IGhhbmRsZVBvc3RQaWNrZXIgPSAoKSA9PiB7XHJcbiAgICAgICAgc2V0U2hvd01vZGFsKHRydWUpO1xyXG4gICAgfTtcclxuICAgIGNvbnN0IGhhbmRsZVBpY2tlckNsb3NlID0gKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dNb2RhbChmYWxzZSk7XHJcbiAgICB9O1xyXG4gICAgY29uc3QgaGFuZGxlRGVsZXRlU2VsZWN0aW9uID0gKGlkKSA9PiB7XHJcbiAgICAgICAgdmFyIF9hLCBfYjtcclxuICAgICAgICBjb25zdCBjdXJyZW50bHlTZWxlY3RlZCA9IFsuLi5zZWxlY3RlZE1lZGlhXTtcclxuICAgICAgICBjb25zdCB1cGRhdGVkTWVkaWEgPSBjdXJyZW50bHlTZWxlY3RlZC5maWx0ZXIoKG1lZGlhKSA9PiBtZWRpYS5pZCAhPT0gaWQpO1xyXG4gICAgICAgIHNldFNlbGVjdGVkTWVkaWEodXBkYXRlZE1lZGlhKTtcclxuICAgICAgICBpZiAodXBkYXRlZE1lZGlhLmxlbmd0aCA+IDApIHtcclxuICAgICAgICAgICAgKF9hID0gcHJvcHMub25DaGFuZ2UpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKHByb3BzLCB1cGRhdGVkTWVkaWEpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgKF9iID0gcHJvcHMub25DaGFuZ2UpID09PSBudWxsIHx8IF9iID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYi5jYWxsKHByb3BzLCB1bmRlZmluZWQpO1xyXG4gICAgICAgIH1cclxuICAgIH07XHJcbiAgICBjb25zdCBnZW5lcmF0ZVRpdGxlID0gKG1lZGlhVHlwZSkgPT4ge1xyXG4gICAgICAgIGlmIChtZWRpYVR5cGUgPT09IE1FRElBX1RZUEVTLlBPU1QgfHwgbWVkaWFUeXBlID09PSBNRURJQV9UWVBFUy5SRUVMKSB7XHJcbiAgICAgICAgICAgIHJldHVybiBgU2VsZWN0IHVwdG8gMTAgJHtwcm9wcy5tZWRpYVR5cGV9c2A7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICByZXR1cm4gYFNlbGVjdCB1cHRvIDEwIHN0b3JpZXNgO1xyXG4gICAgICAgIH1cclxuICAgIH07XHJcbiAgICByZXR1cm4gKF9qc3hzKElnUGlja2VyU3R5bGVkLCBPYmplY3QuYXNzaWduKHsgbWVkaWFUeXBlOiBwcm9wcy5tZWRpYVR5cGUgfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IHBhZGRpbmc6IDEyIH0gfSwgeyBjaGlsZHJlbjogX2pzeHMoXCJidXR0b25cIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogYCR7ZXJyb3IgPyAnYWRkLW1lZGlhLWJ0biBlcnJvcicgOiAnYWRkLW1lZGlhLWJ0bid9YCwgb25DbGljazogKCkgPT4gaGFuZGxlUG9zdFBpY2tlcigpIH0sIHsgY2hpbGRyZW46IFtfanN4KFNjLkJ1dHRvbkN1c3RvbURhc2hlZEJvcmRlciwge30pLCBfanN4KFBsdXNJY29uLCB7IGNvbG9yOiBlcnJvciA/IENPTE9SUy5jb250ZW50Lm5lZ2F0aXZlIDogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCB3aWR0aDogMjAsIGhlaWdodDogMjAsIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogMTUgfSB9KSwgX2pzeHMoQm9keVNlY29uZGFyeSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IGVycm9yID8gQ09MT1JTLmNvbnRlbnQubmVnYXRpdmUgOiBDT0xPUlMuY29udGVudC5wcmltYXJ5LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbXCJBZGQgXCIsIHVuQ2FtZWxDYXNlKHByb3BzLm1lZGlhVHlwZSldIH0pKSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJvdmVybGF5LWNvbnRhaW5lclwiIH0pXSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwicHJvZHVjdC1jYXJkLWNvbnRhaW5lclwiIH0sIHsgY2hpbGRyZW46IChzZWxlY3RlZE1lZGlhID09PSBudWxsIHx8IHNlbGVjdGVkTWVkaWEgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHNlbGVjdGVkTWVkaWEubGVuZ3RoKSA+IDAgJiZcclxuICAgICAgICAgICAgICAgICAgICBzZWxlY3RlZE1lZGlhLm1hcCgobWVkaWEpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwYWRkaW5nOiAnN3B4JyB9IH0sIHsgY2hpbGRyZW46IF9qc3hzKFByb2R1Y3RDYXJkLCBPYmplY3QuYXNzaWduKHsgbWVkaWFUeXBlOiBwcm9wcy5tZWRpYVR5cGUgfSwgeyBjaGlsZHJlbjogW19qc3goXCJpbWdcIiwgeyBzcmM6IG1lZGlhLmltYWdlVXJsLCBhbHQ6IG1lZGlhLm92ZXJsYXlDYXB0aW9uIH0pLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiBcIm92ZXJsYXlcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImFcIiwgT2JqZWN0LmFzc2lnbih7IHRhcmdldDogXCJfYmxhbmtcIiwgcmVsOiBcIm5vcmVmZXJyZXJcIiwgaHJlZjogbWVkaWEucmVkaXJlY3Rpb25VcmwgfSwgeyBjaGlsZHJlbjogX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJvdmVybGF5X19yZWRpcmVjdGlvblwiIH0sIHsgY2hpbGRyZW46IFtfanN4KEluc3RhZ3JhbUljb24sIHsgaGVpZ2h0OiAyMiwgd2lkdGg6IDIyIH0pLCBfanN4KEJvZHlQcmltYXJ5LCBPYmplY3QuYXNzaWduKHsgY29sb3I6IFBSSU1BUlksIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb250V2VpZ2h0OiA1MDAsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogXCJWaWV3XCIgfSkpXSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwib3ZlcmxheV9fY2FwdGlvblwiIH0sIHsgY2hpbGRyZW46IF9qc3goQm9keUNhcHRpb24sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXIgfSwgeyBjaGlsZHJlbjogbWVkaWEub3ZlcmxheUNhcHRpb24gfSkpIH0pKV0gfSkpLCBfanN4KFwiYnV0dG9uXCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwiY3Jvc3MtaWNvblwiLCBvbkNsaWNrOiAoKSA9PiBoYW5kbGVEZWxldGVTZWxlY3Rpb24obWVkaWEuaWQpIH0sIHsgY2hpbGRyZW46IF9qc3goQ3Jvc3NJY29uLCB7IHdpZHRoOiAxMiwgaGVpZ2h0OiAxMiwgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSB9KSB9KSldIH0pKSB9KSwgbWVkaWEuaWQpKTtcclxuICAgICAgICAgICAgICAgICAgICB9KSB9KSksIHNob3dNb2RhbCAmJiAoX2pzeChQb3N0UGlja2VyLCB7IGxpbWl0OiAxMCwgc2VsZWN0ZWQ6IHNlbGVjdGVkTWVkaWEsIG9uU2VsZWN0OiBoYW5kbGVTZWxlY3Rpb24sIHRpdGxlOiBnZW5lcmF0ZVRpdGxlKHByb3BzLm1lZGlhVHlwZSksIHNob3dNb2RhbDogc2hvd01vZGFsLCBvbkNsb3NlOiAoKSA9PiBoYW5kbGVQaWNrZXJDbG9zZSgpLCBtZWRpYTogYWxsTWVkaWEsIG1lZGlhVHlwZTogcHJvcHMubWVkaWFUeXBlIH0pKV0gfSkpKTtcclxufTtcclxuY29uc3QgUG9zdElnUGlja2VyID0gKHByb3BzKSA9PiAoX2pzeChJZ1BpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMsIHsgbWVkaWFUeXBlOiBNRURJQV9UWVBFUy5QT1NUIH0pKSk7XHJcbmNvbnN0IFJlZWxJZ1BpY2tlciA9IChwcm9wcykgPT4gKF9qc3goSWdQaWNrZXIsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLCB7IG1lZGlhVHlwZTogTUVESUFfVFlQRVMuUkVFTCB9KSkpO1xyXG5jb25zdCBTdG9yeUlnUGlja2VyID0gKHByb3BzKSA9PiAoX2pzeChJZ1BpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMsIHsgbWVkaWFUeXBlOiBNRURJQV9UWVBFUy5TVE9SWSB9KSkpO1xyXG5leHBvcnQgeyBQb3N0SWdQaWNrZXIsIFJlZWxJZ1BpY2tlciwgU3RvcnlJZ1BpY2tlciB9O1xyXG5jb25zdCBJZ1BpY2tlclN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRmbGV4OiAxO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXG5cdC5wcm9kdWN0LWNhcmQtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdG92ZXJmbG93OiBhdXRvO1xuXHRcdG1heC13aWR0aDogY2FsYyhcblx0XHRcdCR7KHByb3BzKSA9PiBwcm9wcy5tZWRpYVR5cGUgPT0gTUVESUFfVFlQRVMuUE9TVCA/ICcxMDAlIC0gMTcycHgnIDogJzEwMCUgLSAxMzJweCd9XG5cdFx0KTtcblx0fVxuXG5cdC5hZGQtbWVkaWEtYnRuLmVycm9yIHtcblx0XHQubGluZS10b3Age1xuXHRcdFx0YmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudChcblx0XHRcdFx0dG8gcmlnaHQsXG5cdFx0XHRcdCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9LFxuXHRcdFx0XHQke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfSA1cHgsXG5cdFx0XHRcdHRyYW5zcGFyZW50IDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgMTBweFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0LmxpbmUtcmlnaHQge1xuXHRcdFx0YmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudChcblx0XHRcdFx0dG8gYm90dG9tLFxuXHRcdFx0XHQke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfSxcblx0XHRcdFx0JHtDT0xPUlMuY29udGVudC5uZWdhdGl2ZX0gNXB4LFxuXHRcdFx0XHR0cmFuc3BhcmVudCA1cHgsXG5cdFx0XHRcdHRyYW5zcGFyZW50IDEwcHhcblx0XHRcdCk7XG5cdFx0fVxuXHRcdC5saW5lLWJvdHRvbSB7XG5cdFx0XHRiYWNrZ3JvdW5kOiByZXBlYXRpbmctbGluZWFyLWdyYWRpZW50KFxuXHRcdFx0XHR0byByaWdodCxcblx0XHRcdFx0JHtDT0xPUlMuY29udGVudC5uZWdhdGl2ZX0sXG5cdFx0XHRcdCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9IDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgNXB4LFxuXHRcdFx0XHR0cmFuc3BhcmVudCAxMHB4XG5cdFx0XHQpO1xuXHRcdH1cblx0XHQubGluZS1sZWZ0IHtcblx0XHRcdGJhY2tncm91bmQ6IHJlcGVhdGluZy1saW5lYXItZ3JhZGllbnQoXG5cdFx0XHRcdHRvIGJvdHRvbSxcblx0XHRcdFx0JHtDT0xPUlMuY29udGVudC5uZWdhdGl2ZX0sXG5cdFx0XHRcdCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9IDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgNXB4LFxuXHRcdFx0XHR0cmFuc3BhcmVudCAxMHB4XG5cdFx0XHQpO1xuXHRcdH1cblx0fVxuXG5cdC5hZGQtbWVkaWEtYnRuIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRib3JkZXI6IG5vbmU7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLm1lZGlhVHlwZSA9PT0gTUVESUFfVFlQRVMuUE9TVCA/IDE0OCA6IDEwOCl9cHg7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLm1lZGlhVHlwZSA9PT0gTUVESUFfVFlQRVMuUE9TVCA/IDE0OCA6IDE4MCl9cHg7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHQubGluZS10b3Age1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0bGVmdDogMDtcblx0XHRcdHRvcDogMDtcblx0XHRcdGhlaWdodDogMXB4O1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRiYWNrZ3JvdW5kOiByZXBlYXRpbmctbGluZWFyLWdyYWRpZW50KFxuXHRcdFx0XHR0byByaWdodCxcblx0XHRcdFx0IzllOWU5ZSxcblx0XHRcdFx0IzllOWU5ZSA1cHgsXG5cdFx0XHRcdHRyYW5zcGFyZW50IDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgMTBweFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0LmxpbmUtcmlnaHQge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0cmlnaHQ6IDA7XG5cdFx0XHR0b3A6IDA7XG5cdFx0XHR3aWR0aDogMXB4O1xuXHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0YmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudChcblx0XHRcdFx0dG8gYm90dG9tLFxuXHRcdFx0XHQjOWU5ZTllLFxuXHRcdFx0XHQjOWU5ZTllIDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgNXB4LFxuXHRcdFx0XHR0cmFuc3BhcmVudCAxMHB4XG5cdFx0XHQpO1xuXHRcdH1cblx0XHQubGluZS1ib3R0b20ge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0bGVmdDogMDtcblx0XHRcdGJvdHRvbTogMDtcblx0XHRcdGhlaWdodDogMXB4O1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRiYWNrZ3JvdW5kOiByZXBlYXRpbmctbGluZWFyLWdyYWRpZW50KFxuXHRcdFx0XHR0byByaWdodCxcblx0XHRcdFx0IzllOWU5ZSxcblx0XHRcdFx0IzllOWU5ZSA1cHgsXG5cdFx0XHRcdHRyYW5zcGFyZW50IDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgMTBweFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0LmxpbmUtbGVmdCB7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRsZWZ0OiAwO1xuXHRcdFx0dG9wOiAwO1xuXHRcdFx0d2lkdGg6IDFweDtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdGJhY2tncm91bmQ6IHJlcGVhdGluZy1saW5lYXItZ3JhZGllbnQoXG5cdFx0XHRcdHRvIGJvdHRvbSxcblx0XHRcdFx0IzllOWU5ZSxcblx0XHRcdFx0IzllOWU5ZSA1cHgsXG5cdFx0XHRcdHRyYW5zcGFyZW50IDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgMTBweFxuXHRcdFx0KTtcblx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdGRpc3BsYXk6IG5vbmU7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5cblx0LmFkZC1tZWRpYS1idG46aG92ZXIge1xuXHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHRwYWRkaW5nLXRvcDogMXB4O1xuXHRcdFx0dG9wOiAwO1xuXHRcdFx0bGVmdDogMDtcblx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogIzAwMDAwMDtcblx0XHRcdG9wYWNpdHk6IDAuMDM7XG5cdFx0fVxuXHR9XG5cdC5hZGQtbWVkaWEtYnRuOmFjdGl2ZSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblxuXHRcdC5saW5lLXRvcCxcblx0XHQubGluZS1ib3R0b20ge1xuXHRcdFx0YmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudChcblx0XHRcdFx0dG8gcmlnaHQsXG5cdFx0XHRcdCR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9LFxuXHRcdFx0XHQke0NPTE9SUy5jb250ZW50LmJyYW5kfSA1cHgsXG5cdFx0XHRcdHRyYW5zcGFyZW50IDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgMTBweFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0LmxpbmUtcmlnaHQsXG5cdFx0LmxpbmUtbGVmdCB7XG5cdFx0XHRiYWNrZ3JvdW5kOiByZXBlYXRpbmctbGluZWFyLWdyYWRpZW50KFxuXHRcdFx0XHR0byBib3R0b20sXG5cdFx0XHRcdCR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9LFxuXHRcdFx0XHQke0NPTE9SUy5jb250ZW50LmJyYW5kfSA1cHgsXG5cdFx0XHRcdHRyYW5zcGFyZW50IDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgMTBweFxuXHRcdFx0KTtcblx0XHR9XG5cdH1cbmA7XHJcbmNvbnN0IFByb2R1Y3RDYXJkID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5tZWRpYVR5cGUgPT09IE1FRElBX1RZUEVTLlBPU1QgPyAxNTAgOiAxODIpfXB4O1xuXG5cdC5vdmVybGF5IHtcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG5cblx0Lm92ZXJsYXlfX2NhcHRpb24ge1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRiYWNrZ3JvdW5kOiAjZmFmYWZhO1xuXHRcdHBhZGRpbmc6IDEwcHggMjBweDtcblx0XHRoZWlnaHQ6IDQwcHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNHB4O1xuXHR9XG5cblx0Lm92ZXJsYXlfX3JlZGlyZWN0aW9uIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdGdhcDogNXB4O1xuXHRcdHBhZGRpbmc6IDEwcHg7XG5cdH1cblxuXHRpbWcge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRvYmplY3QtZml0OiBjb3Zlcjtcblx0XHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5tZWRpYVR5cGUgPT09IE1FRElBX1RZUEVTLlBPU1QgPyAxNDggOiAxMDgpfXB4O1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5tZWRpYVR5cGUgPT09IE1FRElBX1RZUEVTLlBPU1QgPyAxNDggOiAxODApfXB4O1xuXHR9XG5cdC5jcm9zcy1pY29uIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IC04cHg7XG5cdFx0dG9wOiAtOHB4O1xuXHRcdHdpZHRoOiAyMHB4O1xuXHRcdGhlaWdodDogMjBweDtcblx0XHRib3JkZXItcmFkaXVzOiAxMHB4O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuXG5cdCY6aG92ZXIge1xuXHRcdC5vdmVybGF5IHtcblx0XHRcdHRvcDogMDtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45KTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLm1lZGlhVHlwZSA9PT0gTUVESUFfVFlQRVMuUE9TVCA/IDE0OCA6IDEwOCl9cHg7XG5cdFx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5tZWRpYVR5cGUgPT09IE1FRElBX1RZUEVTLlBPU1QgPyAxNDggOiAxODB9cHg7XG5cdFx0XHRhIHtcblx0XHRcdFx0dGV4dC1kZWNvcmF0aW9uOiBub25lO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SWdQaWNrZXIuanMubWFwIl19 */")),e=c("div","production"===process.env.NODE_ENV?{target:"e1t0sk3t0"}:{target:"e1t0sk3t0",label:"ProductCard"})("border-radius:4px;border:1px solid ",W.stroke.primary,";position:relative;height:",(c=>c.mediaType===t.POST?150:182),"px;.overlay{display:none;}.overlay__caption{text-align:center;background:#fafafa;padding:10px 20px;height:40px;display:flex;align-items:center;justify-content:center;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}.overlay__redirection{display:flex;justify-content:center;gap:5px;padding:10px;}img{border-radius:4px;object-fit:cover;width:",(c=>c.mediaType===t.POST?148:108),"px;height:",(c=>c.mediaType===t.POST?148:180),"px;}.cross-icon{position:absolute;right:-8px;top:-8px;width:20px;height:20px;border-radius:10px;border:1px solid ",W.stroke.primary,";background-color:",W.surface.subdued,";display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;}&:hover{.overlay{top:0;background-color:rgba(255, 255, 255, 0.9);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:absolute;width:",(c=>c.mediaType===t.POST?148:108),"px;height:",(c=>c.mediaType===t.POST?148:180),"px;a{text-decoration:none;}}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklnUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxUStCIiwiZmlsZSI6IklnUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IENyb3NzSWNvbiBmcm9tICdAc3JjL2Fzc2V0cy9pY29ucy9jcm9zcy5zdmcnO1xyXG5pbXBvcnQgSW5zdGFncmFtSWNvbiBmcm9tICdAc3JjL2Fzc2V0cy9pY29ucy9pbnN0YWdyYW0uc3ZnJztcclxuaW1wb3J0IFBsdXNJY29uIGZyb20gJ0BzcmMvYXNzZXRzL2ljb25zL3BsdXMuc3ZnJztcclxuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0ICogYXMgU2MgZnJvbSBcIi4uLy4uLy4uLy4uL2J1dHRvbi9CdXR0b24uc3R5bGVkXCI7XHJcbmltcG9ydCB7IE1FRElBX1RZUEVTLCBQb3N0UGlja2VyIH0gZnJvbSBcIi4uLy4uLy4uLy4uL3Bvc3RQaWNrZXJcIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIEJvZHlQcmltYXJ5LCBCb2R5U2Vjb25kYXJ5LCB9IGZyb20gXCIuLi8uLi8uLi8uLi9UeXBvZ3JhcGh5U3R5bGVcIjtcclxuaW1wb3J0IHsgdW5DYW1lbENhc2UgfSBmcm9tIFwiLi4vLi4vLi4vLi4vLi4vdXRpbHMvdW5DYW1lbENhc2VcIjtcclxuaW1wb3J0IHsgUFJJTUFSWSB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9jb25zdGFudHMvY29sb3JzXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgSWdQaWNrZXIgPSAocHJvcHMpID0+IHtcclxuICAgIHZhciBfYSwgX2IsIF9jO1xyXG4gICAgY29uc3QgW3Nob3dNb2RhbCwgc2V0U2hvd01vZGFsXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IFtzZWxlY3RlZE1lZGlhLCBzZXRTZWxlY3RlZE1lZGlhXSA9IHVzZVN0YXRlKFtdKTtcclxuICAgIGNvbnN0IFthbGxNZWRpYSwgc2V0QWxsTWVkaWFdID0gdXNlU3RhdGUoW10pO1xyXG4gICAgY29uc3QgW2Vycm9yLCBzZXRFcnJvcl0gPSB1c2VTdGF0ZShmYWxzZSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIGlmIChwcm9wcy5lcnJvcnMgJiYgcHJvcHMuZXJyb3JzLnZhbCkge1xyXG4gICAgICAgICAgICBzZXRFcnJvcih0cnVlKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbKF9hID0gcHJvcHMuZXJyb3JzKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EudmFsXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYTtcclxuICAgICAgICBpZiAocHJvcHMudmFsICYmICgoX2EgPSBwcm9wcy52YWwpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5sZW5ndGgpID4gMCkge1xyXG4gICAgICAgICAgICBzZXRTZWxlY3RlZE1lZGlhKHByb3BzLnZhbCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgWyhfYiA9IHByb3BzLnZhbCkgPT09IG51bGwgfHwgX2IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9iLmxlbmd0aF0pO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICB2YXIgX2EsIF9iLCBfYywgX2QsIF9lO1xyXG4gICAgICAgIGlmICgoKF9hID0gcHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLmV4dHJhKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2Eub3JpZ2luYWxEYXRhKSAmJiAoKF9jID0gKF9iID0gcHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLmV4dHJhKSA9PT0gbnVsbCB8fCBfYiA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2Iub3JpZ2luYWxEYXRhKSA9PT0gbnVsbCB8fCBfYyA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2MubGVuZ3RoKSA+IDApIHtcclxuICAgICAgICAgICAgY29uc3QgZm9ybWF0dGVkRGF0YSA9IChfZSA9IChfZCA9IHByb3BzID09PSBudWxsIHx8IHByb3BzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBwcm9wcy5leHRyYSkgPT09IG51bGwgfHwgX2QgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9kLm9yaWdpbmFsRGF0YSkgPT09IG51bGwgfHwgX2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9lLm1hcCgoaXRlbSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHtcclxuICAgICAgICAgICAgICAgICAgICBpZDogaXRlbS5pZCxcclxuICAgICAgICAgICAgICAgICAgICBpbWFnZVVybDogaXRlbS5tZWRpYV90eXBlID09PSAnVklERU8nID8gaXRlbS50aHVtYm5haWxfdXJsIDogaXRlbS5tZWRpYV91cmwsXHJcbiAgICAgICAgICAgICAgICAgICAgcmVkaXJlY3Rpb25Vcmw6IGl0ZW0ucGVybWFsaW5rLFxyXG4gICAgICAgICAgICAgICAgICAgIG92ZXJsYXlDYXB0aW9uOiBgcG9zdGVkIG9uOiAke2Zvcm1hdFRpbWVzdGFtcChpdGVtLnRpbWVzdGFtcCl9YCxcclxuICAgICAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgICAgICBzZXRBbGxNZWRpYShmb3JtYXR0ZWREYXRhKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbKF9jID0gcHJvcHMgPT09IG51bGwgfHwgcHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHByb3BzLmV4dHJhKSA9PT0gbnVsbCB8fCBfYyA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2Mub3JpZ2luYWxEYXRhXSk7XHJcbiAgICBjb25zdCBmb3JtYXRUaW1lc3RhbXAgPSAoZGF0ZSkgPT4ge1xyXG4gICAgICAgIGNvbnN0IGlucHV0RGF0ZSA9IG5ldyBEYXRlKGRhdGUpO1xyXG4gICAgICAgIGNvbnN0IG1vbnRoID0gaW5wdXREYXRlLmdldE1vbnRoKCkgKyAxO1xyXG4gICAgICAgIGNvbnN0IGRheSA9IGlucHV0RGF0ZS5nZXREYXRlKCk7XHJcbiAgICAgICAgY29uc3QgeWVhciA9IGlucHV0RGF0ZS5nZXRGdWxsWWVhcigpO1xyXG4gICAgICAgIHJldHVybiBgJHtkYXl9LyR7bW9udGh9LyR7eWVhcn1gO1xyXG4gICAgfTtcclxuICAgIGNvbnN0IGhhbmRsZVNlbGVjdGlvbiA9IChzZWxlY3Rpb24pID0+IHtcclxuICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgc2V0U2VsZWN0ZWRNZWRpYShzZWxlY3Rpb24pO1xyXG4gICAgICAgIHNldFNob3dNb2RhbChmYWxzZSk7XHJcbiAgICAgICAgKF9hID0gcHJvcHMub25DaGFuZ2UpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKHByb3BzLCBzZWxlY3Rpb24pO1xyXG4gICAgfTtcclxuICAgIGNvbnN0IGhhbmRsZVBvc3RQaWNrZXIgPSAoKSA9PiB7XHJcbiAgICAgICAgc2V0U2hvd01vZGFsKHRydWUpO1xyXG4gICAgfTtcclxuICAgIGNvbnN0IGhhbmRsZVBpY2tlckNsb3NlID0gKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dNb2RhbChmYWxzZSk7XHJcbiAgICB9O1xyXG4gICAgY29uc3QgaGFuZGxlRGVsZXRlU2VsZWN0aW9uID0gKGlkKSA9PiB7XHJcbiAgICAgICAgdmFyIF9hLCBfYjtcclxuICAgICAgICBjb25zdCBjdXJyZW50bHlTZWxlY3RlZCA9IFsuLi5zZWxlY3RlZE1lZGlhXTtcclxuICAgICAgICBjb25zdCB1cGRhdGVkTWVkaWEgPSBjdXJyZW50bHlTZWxlY3RlZC5maWx0ZXIoKG1lZGlhKSA9PiBtZWRpYS5pZCAhPT0gaWQpO1xyXG4gICAgICAgIHNldFNlbGVjdGVkTWVkaWEodXBkYXRlZE1lZGlhKTtcclxuICAgICAgICBpZiAodXBkYXRlZE1lZGlhLmxlbmd0aCA+IDApIHtcclxuICAgICAgICAgICAgKF9hID0gcHJvcHMub25DaGFuZ2UpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5jYWxsKHByb3BzLCB1cGRhdGVkTWVkaWEpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgKF9iID0gcHJvcHMub25DaGFuZ2UpID09PSBudWxsIHx8IF9iID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYi5jYWxsKHByb3BzLCB1bmRlZmluZWQpO1xyXG4gICAgICAgIH1cclxuICAgIH07XHJcbiAgICBjb25zdCBnZW5lcmF0ZVRpdGxlID0gKG1lZGlhVHlwZSkgPT4ge1xyXG4gICAgICAgIGlmIChtZWRpYVR5cGUgPT09IE1FRElBX1RZUEVTLlBPU1QgfHwgbWVkaWFUeXBlID09PSBNRURJQV9UWVBFUy5SRUVMKSB7XHJcbiAgICAgICAgICAgIHJldHVybiBgU2VsZWN0IHVwdG8gMTAgJHtwcm9wcy5tZWRpYVR5cGV9c2A7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICByZXR1cm4gYFNlbGVjdCB1cHRvIDEwIHN0b3JpZXNgO1xyXG4gICAgICAgIH1cclxuICAgIH07XHJcbiAgICByZXR1cm4gKF9qc3hzKElnUGlja2VyU3R5bGVkLCBPYmplY3QuYXNzaWduKHsgbWVkaWFUeXBlOiBwcm9wcy5tZWRpYVR5cGUgfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IHBhZGRpbmc6IDEyIH0gfSwgeyBjaGlsZHJlbjogX2pzeHMoXCJidXR0b25cIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogYCR7ZXJyb3IgPyAnYWRkLW1lZGlhLWJ0biBlcnJvcicgOiAnYWRkLW1lZGlhLWJ0bid9YCwgb25DbGljazogKCkgPT4gaGFuZGxlUG9zdFBpY2tlcigpIH0sIHsgY2hpbGRyZW46IFtfanN4KFNjLkJ1dHRvbkN1c3RvbURhc2hlZEJvcmRlciwge30pLCBfanN4KFBsdXNJY29uLCB7IGNvbG9yOiBlcnJvciA/IENPTE9SUy5jb250ZW50Lm5lZ2F0aXZlIDogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCB3aWR0aDogMjAsIGhlaWdodDogMjAsIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogMTUgfSB9KSwgX2pzeHMoQm9keVNlY29uZGFyeSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29sb3I6IGVycm9yID8gQ09MT1JTLmNvbnRlbnQubmVnYXRpdmUgOiBDT0xPUlMuY29udGVudC5wcmltYXJ5LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbXCJBZGQgXCIsIHVuQ2FtZWxDYXNlKHByb3BzLm1lZGlhVHlwZSldIH0pKSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJvdmVybGF5LWNvbnRhaW5lclwiIH0pXSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwicHJvZHVjdC1jYXJkLWNvbnRhaW5lclwiIH0sIHsgY2hpbGRyZW46IChzZWxlY3RlZE1lZGlhID09PSBudWxsIHx8IHNlbGVjdGVkTWVkaWEgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHNlbGVjdGVkTWVkaWEubGVuZ3RoKSA+IDAgJiZcclxuICAgICAgICAgICAgICAgICAgICBzZWxlY3RlZE1lZGlhLm1hcCgobWVkaWEpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwYWRkaW5nOiAnN3B4JyB9IH0sIHsgY2hpbGRyZW46IF9qc3hzKFByb2R1Y3RDYXJkLCBPYmplY3QuYXNzaWduKHsgbWVkaWFUeXBlOiBwcm9wcy5tZWRpYVR5cGUgfSwgeyBjaGlsZHJlbjogW19qc3goXCJpbWdcIiwgeyBzcmM6IG1lZGlhLmltYWdlVXJsLCBhbHQ6IG1lZGlhLm92ZXJsYXlDYXB0aW9uIH0pLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiBcIm92ZXJsYXlcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImFcIiwgT2JqZWN0LmFzc2lnbih7IHRhcmdldDogXCJfYmxhbmtcIiwgcmVsOiBcIm5vcmVmZXJyZXJcIiwgaHJlZjogbWVkaWEucmVkaXJlY3Rpb25VcmwgfSwgeyBjaGlsZHJlbjogX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJvdmVybGF5X19yZWRpcmVjdGlvblwiIH0sIHsgY2hpbGRyZW46IFtfanN4KEluc3RhZ3JhbUljb24sIHsgaGVpZ2h0OiAyMiwgd2lkdGg6IDIyIH0pLCBfanN4KEJvZHlQcmltYXJ5LCBPYmplY3QuYXNzaWduKHsgY29sb3I6IFBSSU1BUlksIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb250V2VpZ2h0OiA1MDAsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogXCJWaWV3XCIgfSkpXSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwib3ZlcmxheV9fY2FwdGlvblwiIH0sIHsgY2hpbGRyZW46IF9qc3goQm9keUNhcHRpb24sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXIgfSwgeyBjaGlsZHJlbjogbWVkaWEub3ZlcmxheUNhcHRpb24gfSkpIH0pKV0gfSkpLCBfanN4KFwiYnV0dG9uXCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwiY3Jvc3MtaWNvblwiLCBvbkNsaWNrOiAoKSA9PiBoYW5kbGVEZWxldGVTZWxlY3Rpb24obWVkaWEuaWQpIH0sIHsgY2hpbGRyZW46IF9qc3goQ3Jvc3NJY29uLCB7IHdpZHRoOiAxMiwgaGVpZ2h0OiAxMiwgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSB9KSB9KSldIH0pKSB9KSwgbWVkaWEuaWQpKTtcclxuICAgICAgICAgICAgICAgICAgICB9KSB9KSksIHNob3dNb2RhbCAmJiAoX2pzeChQb3N0UGlja2VyLCB7IGxpbWl0OiAxMCwgc2VsZWN0ZWQ6IHNlbGVjdGVkTWVkaWEsIG9uU2VsZWN0OiBoYW5kbGVTZWxlY3Rpb24sIHRpdGxlOiBnZW5lcmF0ZVRpdGxlKHByb3BzLm1lZGlhVHlwZSksIHNob3dNb2RhbDogc2hvd01vZGFsLCBvbkNsb3NlOiAoKSA9PiBoYW5kbGVQaWNrZXJDbG9zZSgpLCBtZWRpYTogYWxsTWVkaWEsIG1lZGlhVHlwZTogcHJvcHMubWVkaWFUeXBlIH0pKV0gfSkpKTtcclxufTtcclxuY29uc3QgUG9zdElnUGlja2VyID0gKHByb3BzKSA9PiAoX2pzeChJZ1BpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMsIHsgbWVkaWFUeXBlOiBNRURJQV9UWVBFUy5QT1NUIH0pKSk7XHJcbmNvbnN0IFJlZWxJZ1BpY2tlciA9IChwcm9wcykgPT4gKF9qc3goSWdQaWNrZXIsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLCB7IG1lZGlhVHlwZTogTUVESUFfVFlQRVMuUkVFTCB9KSkpO1xyXG5jb25zdCBTdG9yeUlnUGlja2VyID0gKHByb3BzKSA9PiAoX2pzeChJZ1BpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMsIHsgbWVkaWFUeXBlOiBNRURJQV9UWVBFUy5TVE9SWSB9KSkpO1xyXG5leHBvcnQgeyBQb3N0SWdQaWNrZXIsIFJlZWxJZ1BpY2tlciwgU3RvcnlJZ1BpY2tlciB9O1xyXG5jb25zdCBJZ1BpY2tlclN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRmbGV4OiAxO1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuXG5cdC5wcm9kdWN0LWNhcmQtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdG92ZXJmbG93OiBhdXRvO1xuXHRcdG1heC13aWR0aDogY2FsYyhcblx0XHRcdCR7KHByb3BzKSA9PiBwcm9wcy5tZWRpYVR5cGUgPT0gTUVESUFfVFlQRVMuUE9TVCA/ICcxMDAlIC0gMTcycHgnIDogJzEwMCUgLSAxMzJweCd9XG5cdFx0KTtcblx0fVxuXG5cdC5hZGQtbWVkaWEtYnRuLmVycm9yIHtcblx0XHQubGluZS10b3Age1xuXHRcdFx0YmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudChcblx0XHRcdFx0dG8gcmlnaHQsXG5cdFx0XHRcdCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9LFxuXHRcdFx0XHQke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfSA1cHgsXG5cdFx0XHRcdHRyYW5zcGFyZW50IDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgMTBweFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0LmxpbmUtcmlnaHQge1xuXHRcdFx0YmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudChcblx0XHRcdFx0dG8gYm90dG9tLFxuXHRcdFx0XHQke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfSxcblx0XHRcdFx0JHtDT0xPUlMuY29udGVudC5uZWdhdGl2ZX0gNXB4LFxuXHRcdFx0XHR0cmFuc3BhcmVudCA1cHgsXG5cdFx0XHRcdHRyYW5zcGFyZW50IDEwcHhcblx0XHRcdCk7XG5cdFx0fVxuXHRcdC5saW5lLWJvdHRvbSB7XG5cdFx0XHRiYWNrZ3JvdW5kOiByZXBlYXRpbmctbGluZWFyLWdyYWRpZW50KFxuXHRcdFx0XHR0byByaWdodCxcblx0XHRcdFx0JHtDT0xPUlMuY29udGVudC5uZWdhdGl2ZX0sXG5cdFx0XHRcdCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9IDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgNXB4LFxuXHRcdFx0XHR0cmFuc3BhcmVudCAxMHB4XG5cdFx0XHQpO1xuXHRcdH1cblx0XHQubGluZS1sZWZ0IHtcblx0XHRcdGJhY2tncm91bmQ6IHJlcGVhdGluZy1saW5lYXItZ3JhZGllbnQoXG5cdFx0XHRcdHRvIGJvdHRvbSxcblx0XHRcdFx0JHtDT0xPUlMuY29udGVudC5uZWdhdGl2ZX0sXG5cdFx0XHRcdCR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9IDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgNXB4LFxuXHRcdFx0XHR0cmFuc3BhcmVudCAxMHB4XG5cdFx0XHQpO1xuXHRcdH1cblx0fVxuXG5cdC5hZGQtbWVkaWEtYnRuIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRib3JkZXI6IG5vbmU7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLm1lZGlhVHlwZSA9PT0gTUVESUFfVFlQRVMuUE9TVCA/IDE0OCA6IDEwOCl9cHg7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLm1lZGlhVHlwZSA9PT0gTUVESUFfVFlQRVMuUE9TVCA/IDE0OCA6IDE4MCl9cHg7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHQubGluZS10b3Age1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0bGVmdDogMDtcblx0XHRcdHRvcDogMDtcblx0XHRcdGhlaWdodDogMXB4O1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRiYWNrZ3JvdW5kOiByZXBlYXRpbmctbGluZWFyLWdyYWRpZW50KFxuXHRcdFx0XHR0byByaWdodCxcblx0XHRcdFx0IzllOWU5ZSxcblx0XHRcdFx0IzllOWU5ZSA1cHgsXG5cdFx0XHRcdHRyYW5zcGFyZW50IDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgMTBweFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0LmxpbmUtcmlnaHQge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0cmlnaHQ6IDA7XG5cdFx0XHR0b3A6IDA7XG5cdFx0XHR3aWR0aDogMXB4O1xuXHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0YmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudChcblx0XHRcdFx0dG8gYm90dG9tLFxuXHRcdFx0XHQjOWU5ZTllLFxuXHRcdFx0XHQjOWU5ZTllIDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgNXB4LFxuXHRcdFx0XHR0cmFuc3BhcmVudCAxMHB4XG5cdFx0XHQpO1xuXHRcdH1cblx0XHQubGluZS1ib3R0b20ge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0bGVmdDogMDtcblx0XHRcdGJvdHRvbTogMDtcblx0XHRcdGhlaWdodDogMXB4O1xuXHRcdFx0d2lkdGg6IDEwMCU7XG5cdFx0XHRiYWNrZ3JvdW5kOiByZXBlYXRpbmctbGluZWFyLWdyYWRpZW50KFxuXHRcdFx0XHR0byByaWdodCxcblx0XHRcdFx0IzllOWU5ZSxcblx0XHRcdFx0IzllOWU5ZSA1cHgsXG5cdFx0XHRcdHRyYW5zcGFyZW50IDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgMTBweFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0LmxpbmUtbGVmdCB7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRsZWZ0OiAwO1xuXHRcdFx0dG9wOiAwO1xuXHRcdFx0d2lkdGg6IDFweDtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdGJhY2tncm91bmQ6IHJlcGVhdGluZy1saW5lYXItZ3JhZGllbnQoXG5cdFx0XHRcdHRvIGJvdHRvbSxcblx0XHRcdFx0IzllOWU5ZSxcblx0XHRcdFx0IzllOWU5ZSA1cHgsXG5cdFx0XHRcdHRyYW5zcGFyZW50IDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgMTBweFxuXHRcdFx0KTtcblx0XHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRcdGRpc3BsYXk6IG5vbmU7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5cblx0LmFkZC1tZWRpYS1idG46aG92ZXIge1xuXHRcdC5vdmVybGF5LWNvbnRhaW5lciB7XG5cdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdHBhZGRpbmc6IDA7XG5cdFx0XHRwYWRkaW5nLXRvcDogMXB4O1xuXHRcdFx0dG9wOiAwO1xuXHRcdFx0bGVmdDogMDtcblx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogIzAwMDAwMDtcblx0XHRcdG9wYWNpdHk6IDAuMDM7XG5cdFx0fVxuXHR9XG5cdC5hZGQtbWVkaWEtYnRuOmFjdGl2ZSB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblxuXHRcdC5saW5lLXRvcCxcblx0XHQubGluZS1ib3R0b20ge1xuXHRcdFx0YmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudChcblx0XHRcdFx0dG8gcmlnaHQsXG5cdFx0XHRcdCR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9LFxuXHRcdFx0XHQke0NPTE9SUy5jb250ZW50LmJyYW5kfSA1cHgsXG5cdFx0XHRcdHRyYW5zcGFyZW50IDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgMTBweFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0LmxpbmUtcmlnaHQsXG5cdFx0LmxpbmUtbGVmdCB7XG5cdFx0XHRiYWNrZ3JvdW5kOiByZXBlYXRpbmctbGluZWFyLWdyYWRpZW50KFxuXHRcdFx0XHR0byBib3R0b20sXG5cdFx0XHRcdCR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9LFxuXHRcdFx0XHQke0NPTE9SUy5jb250ZW50LmJyYW5kfSA1cHgsXG5cdFx0XHRcdHRyYW5zcGFyZW50IDVweCxcblx0XHRcdFx0dHJhbnNwYXJlbnQgMTBweFxuXHRcdFx0KTtcblx0XHR9XG5cdH1cbmA7XHJcbmNvbnN0IFByb2R1Y3RDYXJkID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5tZWRpYVR5cGUgPT09IE1FRElBX1RZUEVTLlBPU1QgPyAxNTAgOiAxODIpfXB4O1xuXG5cdC5vdmVybGF5IHtcblx0XHRkaXNwbGF5OiBub25lO1xuXHR9XG5cblx0Lm92ZXJsYXlfX2NhcHRpb24ge1xuXHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRiYWNrZ3JvdW5kOiAjZmFmYWZhO1xuXHRcdHBhZGRpbmc6IDEwcHggMjBweDtcblx0XHRoZWlnaHQ6IDQwcHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDRweDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogNHB4O1xuXHR9XG5cblx0Lm92ZXJsYXlfX3JlZGlyZWN0aW9uIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdGdhcDogNXB4O1xuXHRcdHBhZGRpbmc6IDEwcHg7XG5cdH1cblxuXHRpbWcge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRvYmplY3QtZml0OiBjb3Zlcjtcblx0XHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5tZWRpYVR5cGUgPT09IE1FRElBX1RZUEVTLlBPU1QgPyAxNDggOiAxMDgpfXB4O1xuXHRcdGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5tZWRpYVR5cGUgPT09IE1FRElBX1RZUEVTLlBPU1QgPyAxNDggOiAxODApfXB4O1xuXHR9XG5cdC5jcm9zcy1pY29uIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0cmlnaHQ6IC04cHg7XG5cdFx0dG9wOiAtOHB4O1xuXHRcdHdpZHRoOiAyMHB4O1xuXHRcdGhlaWdodDogMjBweDtcblx0XHRib3JkZXItcmFkaXVzOiAxMHB4O1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0cGFkZGluZzogMDtcblx0fVxuXG5cdCY6aG92ZXIge1xuXHRcdC5vdmVybGF5IHtcblx0XHRcdHRvcDogMDtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC45KTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLm1lZGlhVHlwZSA9PT0gTUVESUFfVFlQRVMuUE9TVCA/IDE0OCA6IDEwOCl9cHg7XG5cdFx0XHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5tZWRpYVR5cGUgPT09IE1FRElBX1RZUEVTLlBPU1QgPyAxNDggOiAxODB9cHg7XG5cdFx0XHRhIHtcblx0XHRcdFx0dGV4dC1kZWNvcmF0aW9uOiBub25lO1xuXHRcdFx0fVxuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SWdQaWNrZXIuanMubWFwIl19 */"));export{a as PostIgPicker,u as ReelIgPicker,m as StoryIgPicker};

package/dist/esm/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as l,useEffect as a}from"react";import i from"../../DropdownWrapper.js";const n=n=>{let{onChange:o,extra:r,val:t,isLoading:d,errors:s,disabled:u}=n;const[c,v]=l([]),m=t;return a((()=>{var e;const l=(null==r?void 0:r.options)&&Array.isArray(r.options)?r.options.filter((e=>!!Object.keys(e).length)).map((e=>({selected:!!(null==m?void 0:m.find((l=>l.name===e.name||l.id===e.id))),label:e.name,value:e.id}))):[],a=null!==(e=null==m?void 0:m.map((e=>e.id)))&&void 0!==e?e:[],i=[...l.filter((e=>!a.includes(e.value)))].concat((null!=m?m:[]).map((e=>({value:e.id,label:e.name}))));null==m||m.forEach((e=>{let{name:l,id:a}=e;const n=i.findIndex((e=>e.value===a&&e.label===l));-1!==n&&(i[n].selected=!0)})),v([...i])}),[r,m]),e("div",{children:e(i,{disabled:u,allowFreeForm:!0,isSearchable:!0,isLoading:d,error:null==s?void 0:s.val,isMultiSelect:!0,options:c,onSelect:function(e){if(Array.isArray(e)){const l=[];e.forEach((e=>{var a,i;e.options?null===(a=e.options)||void 0===a||a.forEach((e=>{l.push({name:e.label,id:e.value})})):l.push({name:null!==(i=e.label)&&void 0!==i?i:"",id:e.value})})),null==o||o(l)}}})})};var o=l=>e(n,Object.assign({},l));export{o as default};
+import{jsx as l}from"react/jsx-runtime";import{useState as e,useEffect as a}from"react";import o from"../../DropdownWrapper.js";const i=i=>{let{onChange:n,extra:r,val:t,isLoading:d,errors:s,disabled:u}=i;var c;const[v,m]=e([]),p=t;return a((()=>{var l;const e=(null==r?void 0:r.options)&&Array.isArray(r.options)?r.options.filter((l=>!!Object.keys(l).length)).map((l=>({selected:!!(null==p?void 0:p.find((e=>e.name===l.name||e.id===l.id))),label:l.name,value:l.id}))):[],a=null!==(l=null==p?void 0:p.map((l=>l.id)))&&void 0!==l?l:[],o=[...e.filter((l=>!a.includes(l.value)))].concat((null!=p?p:[]).map((l=>({value:l.id,label:l.name}))));null==p||p.forEach((l=>{let{name:e,id:a}=l;const i=o.findIndex((l=>l.value===a&&l.label===e));-1!==i&&(o[i].selected=!0)})),m([...o])}),[r,p]),l("div",{children:l(o,{disabled:u,allowFreeForm:null===(c=null==r?void 0:r.freeForm)||void 0===c||c,isSearchable:!0,isLoading:d,error:null==s?void 0:s.val,isMultiSelect:!0,options:v,onSelect:function(l){if(Array.isArray(l)){const e=[];l.forEach((l=>{var a,o;l.options?null===(a=l.options)||void 0===a||a.forEach((l=>{e.push({name:l.label,id:l.value})})):e.push({name:null!==(o=l.label)&&void 0!==o?o:"",id:l.value})})),null==n||n(e)}}})})};var n=e=>l(i,Object.assign({},e));export{n as default};

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

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

package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleselectDropdownFreeText.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useState as l,useEffect as a}from"react";import n from"../../DropdownWrapper.js";const i=i=>{let{onChange:o,extra:r,val:t,isLoading:d,errors:s,disabled:c}=i;const[u,m]=l([]),p=t;return a((()=>{var e;const l=(null==r?void 0:r.options)&&Array.isArray(r.options)?r.options.filter((e=>!!Object.keys(e).length)).map((e=>({selected:!!(null==p?void 0:p.find((l=>l.name===e.name||l.id===e.id))),label:e.name,value:e.id}))):[],a=null!==(e=null==p?void 0:p.map((e=>e.id)))&&void 0!==e?e:[],n=[...l.filter((e=>!a.includes(e.value)))].concat((null!=p?p:[]).map((e=>({value:e.id,label:e.name}))));null==p||p.forEach((e=>{let{name:l,id:a}=e;const i=n.findIndex((e=>e.value===a&&e.label===l));-1!==i&&(n[i].selected=!0)})),m([...n])}),[r,p]),e("div",{children:e(n,{disabled:c,allowFreeForm:!1,isSearchable:!0,isLoading:d,error:null==s?void 0:s.val,isMultiSelect:!1,options:u,onSelect:function(e){const l=e,a=[];a.push({name:l.label,id:l.value}),null==o||o(a)}})})};var o=l=>e(i,Object.assign({},l));export{o as default};

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

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

package/dist/esm/components/QueryBuilder/components/Connectors/Components/StringSingleValue.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Input as t}from"../../../../input/Input.js";import{InputStyleContext as r}from"../../../../input/context/InputStyleProvider.js";import i from"../../InputLoader.js";const n=n=>{let{val:a,onChange:o,errors:d,nativeID:l,isLoading:s,disabled:p}=n;return s?e("div",Object.assign({style:{width:200}},{children:e(i,{containerStyle:{padding:"5px 8px"}})})):e(r.Provider,Object.assign({value:{InputWrapper:{width:200}}},{children:e("div",{children:e("div",{children:e(t,{state:p?"disabled":"none",type:"text",variant:"small",errorMessage:null==d?void 0:d.val,value:null==a?void 0:a.toString(),onChangeText:o})})})}))};var a=t=>e(n,Object.assign({},t));export{a as default};

package/dist/esm/components/QueryBuilder/components/Connectors/Connector.js

@@ -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{disableOperatorDropdown as i}from"../../constants/connectorPosition.js";import{ConnectorHelper as l}from"../../helpers/Connector.helper.js";import{QueryBuilderConnectorType as s}from"../../types/QueryBuilder.type.js";import m from"../DropdownWrapper.js";import p from"./Components/FreeText.js";import a from"./Components/FrequencyIntegerPositiveSingle.js";import u from"./Components/IgPicker.js";import d from"./Components/IntegerPositiveSingle.js";import c from"./Components/IntegerSingleValue.js";import g from"./Components/MultiselectDropdownFreeText.js";import f from"./Components/NoInput.js";import v from"./Components/NumberTime.js";import C from"./Components/SingleDate.js";import j from"./Components/TwoDate.js";import I from"./Components/TwoNumberInputsSeperatedByAnd.js";import{Container as S}from"./Connector.styled.js";const T={FreeText:p,IntegerPositiveSingle:d,IntegerSingleValue:c,MultiselectDropdownFreeText:g,NoInput:f,SingleDate:C,TwoNumberInputsSeperatedByAnd:I,FrequencyIntegerPositiveSingle:a,TwoDate:j,NumberTime:v,IgPicker:u},y=p=>{let{isLoading:a,noDefault:u,connectorType:d,defaultConnector:c,onOperatorChange:g,onValueChange:f,connectorVal:v,extra:C,errors:j,disabled:I}=p;var y,b,h;const[x,P]=t(null),[w,D]=t(!1),F=l.getConnectorType(d).map((e=>({selected:e===c,value:e,label:r(e)})));function N(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];D(!0);const t=l.getConnectorComponent(d,e.value);void 0!==t?d===s.frequency&&"IntegerPositiveSingle"===t?P("FrequencyIntegerPositiveSingle"):P(t):P(null),o||g(e.value),setTimeout((()=>{D(!1)}),5)}return n((()=>{u||(c?N({value:c,label:c},!0):(null==F?void 0:F[0])&&N(F[0]))}),[c]),e(S,{children:[o("div",{children:!(null===(y=null==i?void 0:i[d])||void 0===y?void 0:y[c])&&o(m,{disabled:I,width:"200px",isLoading:w,options:F,defaultOption:null===(b=F.filter((e=>e.selected)))||void 0===b?void 0:b[0],onSelect:N})}),null!==x&&!w&&(null===(h=T[x])||void 0===h?void 0:h.call(T,{disabled:I,val:v,onChange:f,extra:C,errors:j,isLoading:a}))]})};export{y as default};
+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{disableOperatorDropdown as i}from"../../constants/connectorPosition.js";import{ConnectorHelper as l}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 a from"./Components/FreeText.js";import u from"./Components/FrequencyIntegerPositiveSingle.js";import{PostIgPicker as d,ReelIgPicker as c,StoryIgPicker as g}from"./Components/IgPicker.js";import f from"./Components/IntegerPositiveSingle.js";import C from"./Components/IntegerSingleValue.js";import j from"./Components/MultiselectDropdownFreeText.js";import v from"./Components/NoInput.js";import S from"./Components/NumberTime.js";import I from"./Components/SingleDate.js";import T from"./Components/SingleselectDropdownFreeText.js";import P from"./Components/StringSingleValue.js";import y from"./Components/TwoDate.js";import x from"./Components/TwoNumberInputsSeperatedByAnd.js";import{Container as w}from"./Connector.styled.js";const D={FreeText:a,IntegerPositiveSingle:f,IntegerSingleValue:C,StringSingleValue:P,MultiselectDropdownFreeText:j,SingleselectDropdownFreeText:T,NoInput:v,SingleDate:I,TwoNumberInputsSeperatedByAnd:x,FrequencyIntegerPositiveSingle:u,TwoDate:y,NumberTime:S,PostIgPicker:d,ReelIgPicker:c,StoryIgPicker:g,EmojiPicker:p},b=p=>{let{isLoading:a,noDefault:u,connectorType:d,defaultConnector:c,onOperatorChange:g,onValueChange:f,connectorVal:C,extra:j,errors:v,disabled:S}=p;var I,T,P;const[y,x]=t(null),[b,h]=t(!1),F=l.getConnectorType(d).map((e=>({selected:e===c,value:e,label:r(e)})));function k(e){let o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];h(!0);const t=l.getConnectorComponent(d,e.value);void 0!==t?d===s.frequency&&"IntegerPositiveSingle"===t?x("FrequencyIntegerPositiveSingle"):x(t):x(null),o||g(e.value),setTimeout((()=>{h(!1)}),5)}return n((()=>{u||(c?k({value:c,label:c},!0):(null==F?void 0:F[0])&&k(F[0]))}),[c]),e(w,{children:[o("div",{children:!(null===(I=null==i?void 0:i[d])||void 0===I?void 0:I[c])&&o(m,{disabled:S,width:"200px",isLoading:b,options:F,defaultOption:null===(T=F.filter((e=>e.selected)))||void 0===T?void 0:T[0],onSelect:k})}),null!==y&&!b&&(null===(P=D[y])||void 0===P?void 0:P.call(D,{disabled:S,val:C,onChange:f,extra:j,errors:v,isLoading:a}))]})};export{b as default};

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{useState as n,useEffect as a}from"react";import{isNewLineConnectorPosition as t}from"../../../constants/connectorPosition.js";import{ApiResponseHelper as i}from"../../../helpers/ApiResponse.helper.js";import l from"../../Connectors/Connector.js";import d from"../../DropdownWrapper.js";import{Container as s}from"./PropertyNode.styled.js";import p from"./PropertyNodeUIWrapper.js";const c=new i,u=r=>e(p,Object.assign({isLast:r.isLast,mode:r.mode},{children:e("div",Object.assign({style:{padding:12}},{children:e(v,Object.assign({},r))}))})),v=i=>{let{propertySelectorText:p,fetchPropertyData:u,onPropertyNameSelect:v,onPropertyOperatorChange:m,onPropertyValueChange:y,property:f,mode:g}=i;var h,j,b,A,O,C,T;const[w,P]=n([]),[x,L]=n({}),[V,S]=n(!0),[N,D]=n("create"===g),G=Array.isArray(w)?w.map((e=>Object.assign(Object.assign({},e),{label:e.name,value:e.id,description:e.description,selected:(null==f?void 0:f.name)===e.id}))):c.convertToGroupOptions(w,(null==f?void 0:f.name)?[f.name.toString()]:void 0);function I(e){if(!Array.isArray(e)){D(!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 n=w[o].find((r=>{let{id:o}=r;return o===e.value}));n&&(r=n)})),L({}),r?null==v||v(r,f).then((e=>{L({options:Array.isArray(e)?[...e]:Object.assign({},e)}),D(!1)})):D(!1)}}return a((()=>{u?u().then((e=>{e&&(Array.isArray(e)?P([...e]):P(Object.assign({},e))),S(!1),D(!1)})):(S(!1),D(!1))}),[]),a((()=>{if("create"!==g&&w&&(null==f?void 0:f.name)){const e=f,r=Array.isArray(w)?w.find((e=>e.id===(null==f?void 0:f.name))):c.findInGroupedApiResponse(w,null==f?void 0:f.name);r&&I({value:r.id,label:r.name}),null==y||y(null==e?void 0:e.value,f)}}),[w]),r(o,{children:[r(s,{children:[e(d,{disabled:"view"===g,width:"200px",isLoading:V,dropdownLabel:null!=p?p:"Select property",options:G,onSelect:I,selectedValues:(null==f?void 0:f.name)?[f.name]:void 0,error:null===(h=null==f?void 0:f.error)||void 0===h?void 0:h.name}),(null==f?void 0:f.name)&&!(null===(j=t[f.dataType])||void 0===j?void 0:j[f.operator])&&e(l,{isLoading:N,disabled:"view"===g,extra:x,errors:{val:null===(b=f.error)||void 0===b?void 0:b.value,operator:null===(A=f.error)||void 0===A?void 0:A.operator},connectorVal:f.value,connectorType:f.dataType,defaultConnector:f.operator,onOperatorChange:e=>{null==m||m(e,f)},onValueChange:e=>null==y?void 0:y(e,f)})]}),(null==f?void 0:f.name)&&(null===(O=t[f.dataType])||void 0===O?void 0:O[f.operator])&&e(l,{isLoading:N,disabled:"view"===g,extra:x,errors:{val:null===(C=f.error)||void 0===C?void 0:C.value,operator:null===(T=f.error)||void 0===T?void 0:T.operator},connectorVal:f.value,connectorType:f.dataType,defaultConnector:f.operator,onOperatorChange:e=>null==m?void 0:m(e,f),onValueChange:e=>null==y?void 0:y(e,f)})]})};export{u as PropertyNode,v as PropertyNodeHeadless};
+import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{useState as n,useEffect as a}from"react";import{isNewLineConnectorPosition as i}from"../../../constants/connectorPosition.js";import{ApiResponseHelper as t}from"../../../helpers/ApiResponse.helper.js";import l from"../../Connectors/Connector.js";import d from"../../DropdownWrapper.js";import{Container as s}from"./PropertyNode.styled.js";import p from"./PropertyNodeUIWrapper.js";const c=new t,u=r=>e(p,Object.assign({isLast:r.isLast,mode:r.mode},{children:e("div",Object.assign({style:{padding:12,maxWidth:"calc(100% - 78px)"}},{children:e(v,Object.assign({},r))}))})),v=t=>{let{propertySelectorText:p,fetchPropertyData:u,onPropertyNameSelect:v,onPropertyOperatorChange:m,onPropertyValueChange:y,property:g,mode:j}=t;var b,f,O,h,A,C,T;const[x,w]=n([]),[P,L]=n({}),[V,D]=n(!0),[S,z]=n("create"===j),N=Array.isArray(x)?x.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}))):c.convertToGroupOptions(x,(null==g?void 0:g.name)?[g.name.toString()]:void 0);function W(e){if(!Array.isArray(e)){z(!0);let r=null;Array.isArray(x)?r=x.find((r=>{let{id:o}=r;return o===e.value})):Object.keys(x).forEach((o=>{const n=x[o].find((r=>{let{id:o}=r;return o===e.value}));n&&(r=n)})),L({}),r?null==v||v(r,g).then((e=>{const r=e;r.normalized&&r.originalData?L((e=>Object.assign(Object.assign({},e),{options:Array.isArray(r.normalized)?[...r.normalized]:Object.assign({},r.normalized),originalData:r.originalData}))):L((r=>Object.assign(Object.assign({},r),{options:Array.isArray(e)?[...e]:Object.assign({},e)}))),z(!1)})):z(!1)}}return a((()=>{u?u().then((e=>{e&&(Array.isArray(e)?w([...e]):w(Object.assign({},e))),D(!1),z(!1)})):(D(!1),z(!1))}),[]),a((()=>{if("create"!==j&&x&&(null==g?void 0:g.name)){const e=g,r=Array.isArray(x)?x.find((e=>e.id===(null==g?void 0:g.name))):c.findInGroupedApiResponse(x,null==g?void 0:g.name);r&&W({value:r.id,label:r.name}),null==y||y(null==e?void 0:e.value,g)}}),[x]),a((()=>{"iceBreaker"===(null==g?void 0:g.dataType)&&L((e=>Object.assign(Object.assign({},e),{freeForm:!1})))}),[null==g?void 0:g.dataType]),r(o,{children:[r(s,{children:[e(d,{disabled:"view"===j,width:"200px",isLoading:V,dropdownLabel:null!=p?p:"Select property",options:N,onSelect:W,selectedValues:(null==g?void 0:g.name)?[g.name]:void 0,error:null===(b=null==g?void 0:g.error)||void 0===b?void 0:b.name}),(null==g?void 0:g.name)&&!(null===(f=i[g.dataType])||void 0===f?void 0:f[g.operator])&&e(l,{isLoading:S,disabled:"view"===j,extra:P,errors:{val:null===(O=g.error)||void 0===O?void 0:O.value,operator:null===(h=g.error)||void 0===h?void 0:h.operator},connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:e=>{null==m||m(e,g)},onValueChange:e=>null==y?void 0:y(e,g)})]}),(null==g?void 0:g.name)&&(null===(A=i[g.dataType])||void 0===A?void 0:A[g.operator])&&e(l,{isLoading:S,disabled:"view"===j,extra:P,errors:{val:null===(C=g.error)||void 0===C?void 0:C.value,operator:null===(T=g.error)||void 0===T?void 0:T.operator},connectorVal:g.value,connectorType:g.dataType,defaultConnector:g.operator,onOperatorChange:e=>null==m?void 0:m(e,g),onValueChange:e=>null==y?void 0:y(e,g)})]})};export{u as PropertyNode,v as PropertyNodeHeadless};

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.js

@@ -1 +1 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{BodySecondary as t}from"../../../../TypographyStyle.js";import{COLORS as o}from"../../../../../constants/Theme.js";import{Container as i,Line as s,Horinzontal as m}from"./PropertyNodeUIWrapper.styled.js";const n=n=>{let{children:p,mode:a,isLast:l}=n;return r(i,{children:[e(s,{style:{height:"view"===a&&l?29:"100%"}}),e(m,{style:{marginTop:28}}),e(t,Object.assign({style:{color:o.content.primary,marginLeft:8,marginTop:18}},{children:"where"})),p]})};export{n as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{BodySecondary as t}from"../../../../TypographyStyle.js";import{COLORS as o}from"../../../../../constants/Theme.js";import{Container as s,Line as i,Horinzontal as m}from"./PropertyNodeUIWrapper.styled.js";const a=a=>{let{children:n,mode:p,isLast:l}=a;return e(s,Object.assign({style:{maxWidth:"calc(100% - 24px)"}},{children:[r(i,{style:{height:"view"===p&&l?29:"100%"}}),r(m,{style:{marginTop:28}}),r(t,Object.assign({style:{color:o.content.primary,marginLeft:8,marginTop:18}},{children:"where"})),n]}))};export{a as default};

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

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

package/dist/esm/components/QueryBuilder/constants/connector.d.ts

@@ -1,6 +1,6 @@
 import { QueryBuilderConnectorType } from '../types/QueryBuilder.type';
-import { BOOLEAN_OPERATORS, DATE_OPERATORS, FREQUENCY_OPERATORS, IG_OPERATORS, INTEGER_OPERATORS, STRING_OPERATORS } from '../types/QueryBuilderOperator.type';
-type CONNECTOR_OPERATORS_TYPE = typeof BOOLEAN_OPERATORS | typeof STRING_OPERATORS | typeof INTEGER_OPERATORS | typeof FREQUENCY_OPERATORS | typeof DATE_OPERATORS | typeof IG_OPERATORS;
+import { AD_STRING_OPERATORS, ANY_AD_OPERATORS, ANY_IG_OPERATORS, BOOLEAN_OPERATORS, DATE_OPERATORS, FREQUENCY_OPERATORS, ICE_BREAKER_OPERATORS, IG_STRING_OPERATORS, INTEGER_OPERATORS, REACTION_OPERATORS, SPECIFIC_IG_OPERATORS, STRING_OPERATORS } from '../types/QueryBuilderOperator.type';
+type CONNECTOR_OPERATORS_TYPE = typeof BOOLEAN_OPERATORS | typeof STRING_OPERATORS | typeof INTEGER_OPERATORS | typeof FREQUENCY_OPERATORS | typeof DATE_OPERATORS | typeof SPECIFIC_IG_OPERATORS | typeof ANY_IG_OPERATORS | typeof REACTION_OPERATORS | typeof IG_STRING_OPERATORS | typeof ANY_AD_OPERATORS | typeof AD_STRING_OPERATORS | typeof ICE_BREAKER_OPERATORS;
 export declare const CONNECTOR_TYPE_TO_OPERATORS: {
     [key in QueryBuilderConnectorType]: CONNECTOR_OPERATORS_TYPE;
 };
@@ -8,13 +8,18 @@ export declare enum CONNECTOR_VALUE_COMPONENT_TYPES {
     FreeText = "FreeText",
     NoInput = "NoInput",
     IntegerSingleValue = "IntegerSingleValue",
+    StringSingleValue = "StringSingleValue",
     TwoNumberInputsSeperatedByAnd = "TwoNumberInputsSeperatedByAnd",
     MultiselectDropdownFreeText = "MultiselectDropdownFreeText",
+    SingleselectDropdownFreeText = "SingleselectDropdownFreeText",
     SingleDate = "SingleDate",
     TwoDate = "TwoDate",
     IntegerPositiveSingle = "IntegerPositiveSingle",
     NumberTime = "NumberTime",
-    IgPicker = "IgPicker"
+    PostIgPicker = "PostIgPicker",
+    ReelIgPicker = "ReelIgPicker",
+    StoryIgPicker = "StoryIgPicker",
+    EmojiPicker = "EmojiPicker"
 }
 export declare const INTEGER_OPERATORS_COMPONENT: {
     is: CONNECTOR_VALUE_COMPONENT_TYPES;
@@ -36,6 +41,21 @@ export declare const STRING_OPERATORS_COMPONENT: {
     exists: CONNECTOR_VALUE_COMPONENT_TYPES;
     doesntExist: CONNECTOR_VALUE_COMPONENT_TYPES;
 };
+export declare const IG_STRING_OPERATORS_COMPONENT: {
+    is: CONNECTOR_VALUE_COMPONENT_TYPES;
+    contains: CONNECTOR_VALUE_COMPONENT_TYPES;
+    startsWith: CONNECTOR_VALUE_COMPONENT_TYPES;
+    endsWith: CONNECTOR_VALUE_COMPONENT_TYPES;
+};
+export declare const AD_STRING_OPERATORS_COMPONENT: {
+    is: CONNECTOR_VALUE_COMPONENT_TYPES;
+};
+export declare const ICE_BREAKER_OPERATORS_COMPONENT: {
+    is: CONNECTOR_VALUE_COMPONENT_TYPES;
+};
+export declare const REACTION_OPERATORS_COMPONENT: {
+    contains: CONNECTOR_VALUE_COMPONENT_TYPES;
+};
 export declare const DATE_OPERATORS_COMPONENT: {
     on: CONNECTOR_VALUE_COMPONENT_TYPES;
     notOn: CONNECTOR_VALUE_COMPONENT_TYPES;
@@ -50,10 +70,20 @@ export declare const DATE_OPERATORS_COMPONENT: {
     "last quarter": CONNECTOR_VALUE_COMPONENT_TYPES;
     "in the last": CONNECTOR_VALUE_COMPONENT_TYPES;
 };
-export declare const IG_OPERATORS_COMPONENT: {
-    post: CONNECTOR_VALUE_COMPONENT_TYPES;
-    reel: CONNECTOR_VALUE_COMPONENT_TYPES;
-    story: CONNECTOR_VALUE_COMPONENT_TYPES;
+export declare const SPECIFIC_IG_POST_OPERATORS_COMPONENT: {
+    in: CONNECTOR_VALUE_COMPONENT_TYPES;
+};
+export declare const SPECIFIC_IG_REEL_OPERATORS_COMPONENT: {
+    in: CONNECTOR_VALUE_COMPONENT_TYPES;
+};
+export declare const SPECIFIC_IG_STORY_OPERATORS_COMPONENT: {
+    in: CONNECTOR_VALUE_COMPONENT_TYPES;
+};
+export declare const ANY_IG_OPERATORS_COMPONENT: {
+    in: CONNECTOR_VALUE_COMPONENT_TYPES;
+};
+export declare const ANY_AD_OPERATORS_COMPONENT: {
+    in: CONNECTOR_VALUE_COMPONENT_TYPES;
 };
 export declare const BOOLEAN_OPERATORS_COMPONENT: {
     isTrue: CONNECTOR_VALUE_COMPONENT_TYPES;
@@ -67,6 +97,6 @@ export declare const FREQUENCY_OPERATORS_COMPONENT: {
     atMost: CONNECTOR_VALUE_COMPONENT_TYPES;
 };
 export declare const CONNECTOR_TYPE_TO_COMPONENT_MAP: {
-    [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;
+    [x in QueryBuilderConnectorType]: typeof BOOLEAN_OPERATORS_COMPONENT | typeof STRING_OPERATORS_COMPONENT | typeof INTEGER_OPERATORS_COMPONENT | typeof FREQUENCY_OPERATORS_COMPONENT | typeof DATE_OPERATORS_COMPONENT | typeof SPECIFIC_IG_POST_OPERATORS_COMPONENT | typeof SPECIFIC_IG_REEL_OPERATORS_COMPONENT | typeof SPECIFIC_IG_STORY_OPERATORS_COMPONENT | typeof ANY_IG_OPERATORS_COMPONENT | typeof REACTION_OPERATORS_COMPONENT | typeof IG_STRING_OPERATORS_COMPONENT | typeof ANY_AD_OPERATORS_COMPONENT | typeof AD_STRING_OPERATORS_COMPONENT | typeof ICE_BREAKER_OPERATORS_COMPONENT;
 };
 export {};

package/dist/esm/components/QueryBuilder/constants/connector.js

@@ -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 i,DATE_OPERATORS as o,IG_OPERATORS as s}from"../types/QueryBuilderOperator.type.js";const a={[e.boolean]:t,[e.string]:n,[e.integer]:r,[e.frequency]:i,[e.date]:o,[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},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},I={[o.on]:l.SingleDate,[o.notOn]:l.SingleDate,[o.inBetween]:l.TwoDate,[o.notInBetween]:l.TwoDate,[o.before]:l.SingleDate,[o.after]:l.SingleDate,[o.today]:l.NoInput,[o.yesterday]:l.NoInput,[o["last week"]]:l.NoInput,[o["last month"]]:l.NoInput,[o["last quarter"]]:l.NoInput,[o["in the last"]]:l.NumberTime},p={[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={[i.exactly]:l.IntegerPositiveSingle,[i.atleast]:l.IntegerPositiveSingle,[i.atMost]:l.IntegerPositiveSingle},x={[e.boolean]:T,[e.string]:g,[e.integer]:u,[e.frequency]:N,[e.date]:I,[e.ig]:p};export{T as BOOLEAN_OPERATORS_COMPONENT,x as CONNECTOR_TYPE_TO_COMPONENT_MAP,a as CONNECTOR_TYPE_TO_OPERATORS,l as CONNECTOR_VALUE_COMPONENT_TYPES,I as DATE_OPERATORS_COMPONENT,N as FREQUENCY_OPERATORS_COMPONENT,p as IG_OPERATORS_COMPONENT,u as INTEGER_OPERATORS_COMPONENT,g as STRING_OPERATORS_COMPONENT};
+import{QueryBuilderConnectorType as e}from"../types/QueryBuilder.type.js";import{BOOLEAN_OPERATORS as t,STRING_OPERATORS as i,INTEGER_OPERATORS as n,FREQUENCY_OPERATORS as r,DATE_OPERATORS as o,SPECIFIC_IG_OPERATORS as s,ANY_IG_OPERATORS as l,REACTION_OPERATORS as a,IG_STRING_OPERATORS as g,ANY_AD_OPERATORS as c,AD_STRING_OPERATORS as u,ICE_BREAKER_OPERATORS as p}from"../types/QueryBuilderOperator.type.js";const I={[e.boolean]:t,[e.string]:i,[e.integer]:n,[e.frequency]:r,[e.date]:o,[e.specificPost]:s,[e.specificReel]:s,[e.specificStory]:s,[e.anyIg]:l,[e.reaction]:a,[e.activityString]:g,[e.anyAd]:c,[e.specificAd]:u,[e.iceBreaker]:p};var T;!function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.StringSingleValue="StringSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleselectDropdownFreeText="SingleselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime",e.PostIgPicker="PostIgPicker",e.ReelIgPicker="ReelIgPicker",e.StoryIgPicker="StoryIgPicker",e.EmojiPicker="EmojiPicker"}(T||(T={}));const S={[n.is]:T.FreeText,[n.isNot]:T.FreeText,[n.exists]:T.NoInput,[n.doesntExist]:T.NoInput,[n.lessThan]:T.IntegerSingleValue,[n.lessThanOrEqualTo]:T.IntegerSingleValue,[n.greaterThan]:T.IntegerSingleValue,[n.greaterThanOrEqualTo]:T.IntegerSingleValue},d={[i.is]:T.MultiselectDropdownFreeText,[i.isNot]:T.MultiselectDropdownFreeText,[i.contains]:T.FreeText,[i.doesntContain]:T.FreeText,[i.startsWith]:T.FreeText,[i.endsWith]:T.FreeText,[i.exists]:T.NoInput,[i.doesntExist]:T.NoInput},x={[g.is]:T.MultiselectDropdownFreeText,[g.contains]:T.FreeText,[g.startsWith]:T.FreeText,[g.endsWith]:T.FreeText},y={[u.is]:T.SingleselectDropdownFreeText},N={[p.is]:T.MultiselectDropdownFreeText},P={[a.contains]:T.EmojiPicker},F={[o.on]:T.SingleDate,[o.notOn]:T.SingleDate,[o.inBetween]:T.TwoDate,[o.notInBetween]:T.TwoDate,[o.before]:T.SingleDate,[o.after]:T.SingleDate,[o.today]:T.NoInput,[o.yesterday]:T.NoInput,[o["last week"]]:T.NoInput,[o["last month"]]:T.NoInput,[o["last quarter"]]:T.NoInput,[o["in the last"]]:T.NumberTime},D={[s.in]:T.PostIgPicker},w={[s.in]:T.ReelIgPicker},m={[s.in]:T.StoryIgPicker},f={[l.in]:T.NoInput},k={[c.in]:T.NoInput},h={[t.isTrue]:T.NoInput,[t.isFalse]:T.NoInput,[t.exists]:T.NoInput,[t.doesntExist]:T.NoInput},b={[r.exactly]:T.IntegerPositiveSingle,[r.atleast]:T.IntegerPositiveSingle,[r.atMost]:T.IntegerPositiveSingle},v={[e.boolean]:h,[e.string]:d,[e.integer]:S,[e.frequency]:b,[e.date]:F,[e.specificPost]:D,[e.specificReel]:w,[e.specificStory]:m,[e.anyIg]:f,[e.reaction]:P,[e.activityString]:x,[e.anyAd]:k,[e.specificAd]:y,[e.iceBreaker]:N};export{y as AD_STRING_OPERATORS_COMPONENT,k as ANY_AD_OPERATORS_COMPONENT,f as ANY_IG_OPERATORS_COMPONENT,h as BOOLEAN_OPERATORS_COMPONENT,v as CONNECTOR_TYPE_TO_COMPONENT_MAP,I as CONNECTOR_TYPE_TO_OPERATORS,T as CONNECTOR_VALUE_COMPONENT_TYPES,F as DATE_OPERATORS_COMPONENT,b as FREQUENCY_OPERATORS_COMPONENT,N as ICE_BREAKER_OPERATORS_COMPONENT,x as IG_STRING_OPERATORS_COMPONENT,S as INTEGER_OPERATORS_COMPONENT,P as REACTION_OPERATORS_COMPONENT,D as SPECIFIC_IG_POST_OPERATORS_COMPONENT,w as SPECIFIC_IG_REEL_OPERATORS_COMPONENT,m as SPECIFIC_IG_STORY_OPERATORS_COMPONENT,d as STRING_OPERATORS_COMPONENT};

package/dist/esm/components/QueryBuilder/constants/connectorPosition.d.ts

@@ -1,14 +1,28 @@
 export declare const isNewLineConnectorPosition: {
-    ig: {
-        post: boolean;
-        reel: boolean;
-        story: boolean;
+    specificPost: {
+        in: boolean;
+    };
+    specificReel: {
+        in: boolean;
+    };
+    specificStory: {
+        in: boolean;
     };
 };
 export declare const disableOperatorDropdown: {
-    ig: {
-        post: boolean;
-        reel: boolean;
-        story: boolean;
+    specificPost: {
+        in: boolean;
+    };
+    specificReel: {
+        in: boolean;
+    };
+    specificStory: {
+        in: boolean;
+    };
+    anyIg: {
+        in: boolean;
+    };
+    anyAd: {
+        in: boolean;
     };
 };

package/dist/esm/components/QueryBuilder/constants/connectorPosition.js

@@ -1 +1 @@
-import{QueryBuilderConnectorType as r}from"../types/QueryBuilder.type.js";import{IG_OPERATORS as e}from"../types/QueryBuilderOperator.type.js";const t={[r.ig]:{[e.post]:!0,[e.reel]:!0,[e.story]:!0}},o={[r.ig]:{[e.post]:!0,[e.reel]:!0,[e.story]:!0}};export{o as disableOperatorDropdown,t as isNewLineConnectorPosition};
+import{QueryBuilderConnectorType as i}from"../types/QueryBuilder.type.js";import{SPECIFIC_IG_OPERATORS as e,ANY_IG_OPERATORS as p,ANY_AD_OPERATORS as c}from"../types/QueryBuilderOperator.type.js";const r={[i.specificPost]:{[e.in]:!0},[i.specificReel]:{[e.in]:!0},[i.specificStory]:{[e.in]:!0}},s={[i.specificPost]:{[e.in]:!0},[i.specificReel]:{[e.in]:!0},[i.specificStory]:{[e.in]:!0},[i.anyIg]:{[p.in]:!0},[i.anyAd]:{[c.in]:!0}};export{s as disableOperatorDropdown,r as isNewLineConnectorPosition};

package/dist/esm/components/QueryBuilder/helpers/Connector.helper.d.ts

@@ -2,5 +2,5 @@ import { QueryBuilderConnectorType } from '../types/QueryBuilder.type';
 import { CONNECTOR_OPERATORS } from '../types/QueryBuilderOperator.type';
 export declare class ConnectorHelper {
     static getConnectorType(datatype: QueryBuilderConnectorType): string[];
-    static getConnectorComponent(dataType: QueryBuilderConnectorType, connectorType: CONNECTOR_OPERATORS): "FreeText" | "NoInput" | "IntegerSingleValue" | "TwoNumberInputsSeperatedByAnd" | "MultiselectDropdownFreeText" | "SingleDate" | "TwoDate" | "IntegerPositiveSingle" | "NumberTime" | null;
+    static getConnectorComponent(dataType: QueryBuilderConnectorType, connectorType: CONNECTOR_OPERATORS): "FreeText" | "NoInput" | "IntegerSingleValue" | "StringSingleValue" | "TwoNumberInputsSeperatedByAnd" | "MultiselectDropdownFreeText" | "SingleselectDropdownFreeText" | "SingleDate" | "TwoDate" | "IntegerPositiveSingle" | "NumberTime" | null;
 }

package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.d.ts

@@ -19,7 +19,15 @@ export declare enum QueryBuilderConnectorType {
     'boolean' = "boolean",
     'date' = "date",
     'frequency' = "frequency",
-    'ig' = "ig"
+    'anyIg' = "anyIg",
+    'anyAd' = "anyAd",
+    'specificPost' = "specificPost",
+    'specificReel' = "specificReel",
+    'specificStory' = "specificStory",
+    'reaction' = "reaction",
+    'activityString' = "activityString",
+    'specificAd' = "specificAd",
+    'iceBreaker' = "iceBreaker"
 }
 export interface QueryBuilderConnector {
     dataType: QueryBuilderConnectorType;

package/dist/esm/components/QueryBuilder/types/QueryBuilder.type.js

@@ -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",E.ig="ig"}(T||(T={}));export{T as QueryBuilderConnectorType,R as QueryBuilderJoinOperators,E as QueryBuilderType};
+var E,e,i;!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"}(e||(e={})),function(E){E.string="string",E.integer="integer",E.boolean="boolean",E.date="date",E.frequency="frequency",E.anyIg="anyIg",E.anyAd="anyAd",E.specificPost="specificPost",E.specificReel="specificReel",E.specificStory="specificStory",E.reaction="reaction",E.activityString="activityString",E.specificAd="specificAd",E.iceBreaker="iceBreaker"}(i||(i={}));export{i as QueryBuilderConnectorType,e as QueryBuilderJoinOperators,E as QueryBuilderType};

package/dist/esm/components/QueryBuilder/types/QueryBuilderConnector.type.d.ts

@@ -9,6 +9,8 @@ export type ConnectorComponentProps = {
     onChange?: (val: CONNECTOR_VALUE_TYPE) => void;
     extra?: {
         options?: ExtraOption;
+        originalData?: any;
+        freeForm?: boolean;
     };
     errors?: {
         operator?: string;
@@ -28,6 +30,7 @@ export type ConnectorProps = {
     onValueChange: (value: CONNECTOR_VALUE_TYPE) => void;
     extra?: {
         options?: ExtraOption;
+        originalData?: any;
     };
     errors?: {
         operator?: string;
@@ -36,4 +39,11 @@ export type ConnectorProps = {
     testID?: string;
     disabled?: boolean;
 };
-export type CONNECTOR_VALUE_TYPE = string[] | number | Date[] | Date | number[] | number | undefined | /** for multiselect */ QueryBuilderAPIData[];
+export type CONNECTOR_VALUE_TYPE = string[] | number | Date[] | Date | number[] | number | undefined | /** for multiselect */ QueryBuilderAPIData[] | IG_VALUE[];
+type IG_VALUE = {
+    imageUrl: string;
+    redirectionUrl: string;
+    overlayCaption: string;
+    id: string;
+};
+export {};

package/dist/esm/components/QueryBuilder/types/QueryBuilderOperator.type.d.ts

@@ -22,10 +22,29 @@ export declare enum STRING_OPERATORS {
     exists = "exists",
     doesntExist = "doesntExist"
 }
-export declare enum IG_OPERATORS {
-    post = "post",
-    reel = "reel",
-    story = "story"
+export declare enum IG_STRING_OPERATORS {
+    is = "is",
+    contains = "contains",
+    startsWith = "startsWith",
+    endsWith = "endsWith"
+}
+export declare enum AD_STRING_OPERATORS {
+    is = "is"
+}
+export declare enum SPECIFIC_IG_OPERATORS {
+    in = "in"
+}
+export declare enum ICE_BREAKER_OPERATORS {
+    is = "is"
+}
+export declare enum ANY_IG_OPERATORS {
+    in = "in"
+}
+export declare enum ANY_AD_OPERATORS {
+    in = "in"
+}
+export declare enum REACTION_OPERATORS {
+    contains = "contains"
 }
 export declare enum DATE_OPERATORS {
     on = "on",
@@ -57,8 +76,10 @@ export declare enum EVENT_VALUES {
     FreeText = "FreeText",
     NoInput = "NoInput",
     IntegerSingleValue = "IntegerSingleValue",
+    StringSingleValue = "StringSingleValue",
     TwoNumberInputsSeperatedByAnd = "TwoNumberInputsSeperatedByAnd",
     MultiselectDropdownFreeText = "MultiselectDropdownFreeText",
+    SingleselectDropdownFreeText = "SingleselectDropdownFreeText",
     SingleDate = "SingleDate",
     TwoDate = "TwoDate",
     IntegerPositiveSingle = "IntegerPositiveSingle",
@@ -67,8 +88,10 @@ export declare enum EVENT_VALUES {
 export type EVENT_RESPONSE_VALUE = {
     FreeText: string[];
     IntegerSingleValue: number;
+    StringSingleValue: string;
     TwoNumberInputsSeperatedByAnd: number[];
     MultiselectDropdownFreeText: string[];
+    SingleselectDropdownFreeText: string;
     SingleDate: Date;
     IntegerPositiveSingle: number;
     TwoDate: Date[];

package/dist/esm/components/QueryBuilder/types/QueryBuilderOperator.type.js

@@ -1 +1 @@
-var e,t,s,n,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||(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"}(s||(s={})),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"}(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,n as DATE_OPERATORS,i as EVENT_VALUES,a as FREQUENCY_OPERATORS,s as IG_OPERATORS,e as INTEGER_OPERATORS,t as STRING_OPERATORS};
+var e,t,n,s,i,o,a,r,l,u,T,c,d;!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||(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.is="is",e.contains="contains",e.startsWith="startsWith",e.endsWith="endsWith"}(n||(n={})),function(e){e.is="is"}(s||(s={})),function(e){e.in="in"}(i||(i={})),function(e){e.is="is"}(o||(o={})),function(e){e.in="in"}(a||(a={})),function(e){e.in="in"}(r||(r={})),function(e){e.contains="contains"}(l||(l={})),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"}(u||(u={})),function(e){e.isTrue="isTrue",e.isFalse="isFalse",e.exists="exists",e.doesntExist="doesntExist"}(T||(T={})),function(e){e.exactly="exactly",e.atleast="atleast",e.atMost="atMost"}(c||(c={})),function(e){e.FreeText="FreeText",e.NoInput="NoInput",e.IntegerSingleValue="IntegerSingleValue",e.StringSingleValue="StringSingleValue",e.TwoNumberInputsSeperatedByAnd="TwoNumberInputsSeperatedByAnd",e.MultiselectDropdownFreeText="MultiselectDropdownFreeText",e.SingleselectDropdownFreeText="SingleselectDropdownFreeText",e.SingleDate="SingleDate",e.TwoDate="TwoDate",e.IntegerPositiveSingle="IntegerPositiveSingle",e.NumberTime="NumberTime"}(d||(d={}));export{s as AD_STRING_OPERATORS,r as ANY_AD_OPERATORS,a as ANY_IG_OPERATORS,T as BOOLEAN_OPERATORS,u as DATE_OPERATORS,d as EVENT_VALUES,c as FREQUENCY_OPERATORS,o as ICE_BREAKER_OPERATORS,n as IG_STRING_OPERATORS,e as INTEGER_OPERATORS,l as REACTION_OPERATORS,i as SPECIFIC_IG_OPERATORS,t as STRING_OPERATORS};

package/dist/esm/components/QueryBuilder/types/QueryBuilderPropertyProps.d.ts

@@ -10,7 +10,10 @@ export type QueryBuilderPropertyProps = {
     selectPropertyJoinOperator?: (option: QueryBuilderJoinOperators, nodeID: string) => void;
     propertySelectorText?: string;
     fetchPropertyData?: () => Promise<BaseQueryBuilderResponse | null>;
-    onPropertyNameSelect?: (propertyName: QueryBuilderAPIData, property: QueryBuilderProperty) => Promise<BaseQueryBuilderResponse | DropdownOption | DropdownOption[]>;
+    onPropertyNameSelect?: (propertyName: QueryBuilderAPIData, property: QueryBuilderProperty) => Promise<BaseQueryBuilderResponse | DropdownOption | DropdownOption[] | {
+        normalized: QueryBuilderAPIData[];
+        originalData: any;
+    }>;
     onPropertyOperatorChange?: (option: CONNECTOR_OPERATORS, property: QueryBuilderProperty) => void;
     onPropertyValueChange?: (value: CONNECTOR_VALUE_TYPE | /** for multiselect */ QueryBuilderAPIData[], property: QueryBuilderProperty) => void;
 };

package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts

@@ -1,3 +1 @@
-export declare const StyledGroupedLabel: import("styled-components").StyledComponent<"div", any, {
-    numberOfLines?: number | undefined;
-}, never>;
+export declare const StyledGroupedLabel: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/modals/styledModal.d.ts

@@ -12,7 +12,7 @@ export declare const StyledModal: React.FC<{
     primaryButton?: ButtonProps;
     secondaryButton?: ButtonProps;
     footerShadow?: boolean;
-    footerRightCustomElement?: React.ReactNode;
+    footerLeftCustomElement?: React.ReactNode;
     headerRightCustomElement?: React.ReactNode;
     zIndex?: number;
     hideCrossButton?: boolean;