npm - groovinads-ui - Versions diffs - 1.9.96 → 1.9.98 - Mend

groovinads-ui 1.9.96 → 1.9.98

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 (5) hide show

package/dist/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("react"),t=require("react-responsive"),a=require("@fortawesome/react-fontawesome"),n=require("@fortawesome/fontawesome-svg-core"),r=require("@fortawesome/pro-solid-svg-icons"),o=require("@fortawesome/pro-regular-svg-icons"),s=require("@fortawesome/pro-duotone-svg-icons"),l=require("@fortawesome/free-brands-svg-icons"),i=require("react-bootstrap/Dropdown"),c=require("js-cookie"),m=require("axios"),u=require("react-loading-skeleton"),d=require("react-bootstrap"),p=require("react-datepicker"),g=require("react-bootstrap/Toast"),h=require("react-bootstrap/Container");function f(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var w=f(r),b=f(o),E=f(s),v=f(l);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},y.apply(null,arguments)}function N(){}function k(){}k.resetWarningCache=N;var x,C,S=(x=function(e){e.exports=function(){function e(e,t,a,n,r,o){if("SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"!==o){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var a={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:k,resetWarningCache:N};return a.PropTypes=a,a}()},x(C={exports:{}},C.exports),C.exports);const T=e=>Object.keys(e).filter((e=>e.startsWith("fa")&&"fa"!==e)).map((t=>e[t]));n.library.add(...T(w),...T(b),...T(E),...T(v));const M={solid:"fas",regular:"far",duotone:"fad",brands:"fab"},$={.7:"icon-07x",1:"icon-1x",2:"icon-2x",3:"icon-3x",4:"icon-4x"},O={beat:{beat:!0},fade:{fade:!0},"beat-fade":{beatFade:!0},bounce:{bounce:!0},flip:{flip:!0},shake:{shake:!0},spin:{spin:!0},"spin-reverse":{spin:!0,spinReverse:!0},pulse:{pulse:!0}},D=({animation:t="",className:n="",name:r="font-awesome",scale:o=1,style:s="solid"})=>{const l=[M[s]\|\|"fas",r],i=O[t]\|\|{},c=`${$[o]\|\|""} ${n}`.trim();return e.createElement(a.FontAwesomeIcon,y({icon:l,className:c},i))};D.propTypes={animation:S.oneOf(["beat","fade","beat-fade","bounce","flip","shake","spin","spin-reverse","pulse"]),className:S.string,name:S.string,scale:S.oneOf([.7,1,2,3,4]),style:S.oneOf(["solid","regular","duotone","brands"])};const P=({animation:t=!1,children:a,className:n="",icon:r=!0,onClose:o=null,size:s="md",type:l="info"})=>e.createElement("div",{className:`alert ${t?"alert-animation":""} alert-${l} alert-${s} ${n}`,role:"alert"},e.createElement("div",{className:"alert-wrapper"},r&&e.createElement(D,{style:"solid",name:{info:"circle-info",success:"check",warning:"triangle-exclamation",danger:"circle-xmark"}[l]}),e.createElement("span",null,a)),o&&e.createElement("button",{onClick:o,className:"btn-close"},e.createElement(D,{style:"solid",name:"xmark"})));P.propTypes={animation:S.bool,children:S.node.isRequired,className:S.string,icon:S.bool,onClose:S.func,size:S.oneOf(["sm","md","lg"]),type:S.oneOf(["warning","danger","success","info"]).isRequired};const L=({className:t="",color:a="neutral",size:n="md",name:r="font-awesome"})=>e.createElement("div",{className:`block-icon block-icon-${n} ${a} ${t}`},e.createElement(D,{name:r,style:"duotone",scale:{sm:1,md:2,lg:3}[n]}));L.propTypes={className:S.string,color:S.oneOf(["green","grey","yellow","red","danger","neutral","blue","light","midtone","dark"]),size:S.oneOf(["sm","md","lg"]),name:S.string};const q=({as:t="",className:a="",onChange:n,onSave:r,value:o})=>{const[s,l]=e.useState(!1),[i,c]=e.useState(o),[m,u]=e.useState(!1),[d,p]=e.useState(!1),[g,h]=e.useState({}),f=e.useRef(null),w=e.useRef(null),b=async e=>{try{if(""===e.trim())return n(i),void l(!1);await r(e),u(!0),l(!1),setTimeout((()=>{u(!1)}),2e3)}catch(e){throw p(!0),l(!1),setTimeout((()=>{p(!1)}),2e3),e}};e.useEffect((()=>{s&&f.current&&f.current.focus()}),[s]),e.useEffect((()=>{if(w.current&&!s){const e=window.getComputedStyle(w.current),t=parseFloat(e.width)+2parseFloat(e.fontSize);h({fontSize:e.fontSize,fontFamily:e.fontFamily,fontWeight:e.fontWeight,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing,width:`${t}px`})}}),[s]);const E=()=>e.createElement("svg",{className:"success-check-icon",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e.createElement("circle",{cx:"8",cy:"8",r:"7.07",stroke:"currentColor",strokeWidth:"1.4",className:"success-circle"}),e.createElement("polyline",{points:"5.34 9.23 7.03 10.94 10.71 5.82",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round",className:"success-check"}));return e.createElement("div",{className:`editable-content ${m?"success":""} ${a}`,onClick:()=>{m\|\|(c(o),l(!0))}},s?e.createElement("input",{type:"text",value:o,ref:f,onBlur:()=>{l(!1),o!==i&&b(o)},onChange:({target:e})=>{n(e.value)},onKeyDown:e=>{"Enter"===e.key?(b(o),l(!1)):"Escape"===e.key&&(n(i),l(!1))},style:g}):e.createElement("div",{className:"editable-content-display",style:{fontSize:g.fontSize}},e.createElement(t,{className:d?"error":"",ref:w},o),m&&e.createElement("div",{className:"success-animation"},e.createElement(E,null))))};q.propTypes={as:S.string.isRequired,className:S.string,onChange:S.func.isRequired,onSave:S.func.isRequired,value:S.string};const F=({logo:t="groovinads",className:a=""})=>e.createElement("div",{className:`login-source ${t\|\|""} ${a}`,"aria-label":`${t} logo`});F.propTypes={className:S.string,logo:S.oneOf(["groovinads","google","microsoft","linkedin","slack"])};const z=({children:t,className:a="",closeButton:n=!1,color:r="neutral",disabled:o=!1,onClick:s})=>e.createElement("div",{className:`pill ${r} ${a} ${o?"disabled":""}`},e.createElement("span",null,t),n&&e.createElement("button",{onClick:s},e.createElement(D,{style:"solid",name:"xmark",scale:.7})));z.propTypes={className:S.string,closeButton:S.bool,color:S.oneOf(["green","yellow","red","danger","neutral","blue","light","midtone","dark"]),disabled:S.bool,onClick:S.func};const R=({className:t="",dangerTo:a,label:n,max:r=100,orientation:o="horizontal",showNumbers:s=!1,value:l=0,warningTo:i})=>{const c=void 0!==a&&l>=a?"danger":void 0!==i&&l>=i?"warning":"",m=["progress-bar-container",o,t].filter(Boolean).join(" "),u=["progress-bar",c].filter(Boolean).join(" ");return e.createElement("div",{className:m},n&&e.createElement("label",{className:"progress-bar-label"},n),e.createElement("div",{className:"progress-bar-wrapper"},e.createElement("progress",y({className:u,value:l,max:r},"vertical"===o&&{orient:"vertical"})),s&&e.createElement("div",{className:"progress-bar-numbers"},e.createElement("span",null,"0"),e.createElement("span",null,r))))};R.propTypes={className:S.string,dangerTo:S.number,label:S.string,max:S.number,orientation:S.oneOf(["horizontal","vertical"]),showNumbers:S.bool,value:S.number,warningTo:S.number};const I=({className:t="",scale:a=1})=>e.createElement(D,{name:"spinner-third",scale:a,animation:"spin",className:t});I.propTypes={className:S.string,scale:S.oneOf([.7,1,2,3,4])};const W=({animated:t=!1,className:a="",status:n=0})=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:3===n?"0 0 24 16":"0 0 16 16",className:`status-icon ${(e=>{switch(e){case 1:return"active";case 3:return"active-warning";case 4:return"warning";case 5:return"danger";default:return""}})(n)} ${a} ${t?"animated":""}`},e.createElement("circle",{cx:3===n?"12":"8",cy:"8",r:"8"}),(()=>{switch(n){case 1:return e.createElement(e.Fragment,null,e.createElement("polyline",{className:"line-back",points:"0 7.99 4.99 7.99 6.29 12 9.82 4 10.99 8 16 8"}),e.createElement("polyline",{className:"line-front",points:"0 7.99 4.99 7.99 6.29 12 9.82 4 10.99 8 16 8"}));case 3:return e.createElement(e.Fragment,null,e.createElement("path",{d:"M3.5304 1.14718C4.00269 1.4241 4.13257 1.9886 3.83739 2.37202C2.69207 4.0229 2.01906 5.94004 2.01906 7.96369C2.01906 9.98735 2.69207 11.979 3.83739 13.5873C4.14438 14.0133 4.00269 14.5778 3.5304 14.8548C3.0581 15.1317 2.43231 15.0039 2.13713 14.5459C0.779285 12.682 0 10.424 0 7.96369C0 5.50336 0.779285 3.31995 2.12532 1.41345C2.43231 0.998071 3.0581 0.870262 3.5304 1.14718Z"}),e.createElement("path",{d:"M20.4682 1.14658C20.9391 0.869859 21.5631 0.997576 21.8692 1.4233C23.223 3.31777 24 5.5741 24 7.96879C24 10.3635 23.223 12.6837 21.8692 14.5462C21.5631 15.0039 20.9391 15.1316 20.4682 14.8549C19.9973 14.5781 19.8678 14.0141 20.1621 13.5883C21.3158 11.9812 21.9751 10.0655 21.9751 7.96879C21.9751 5.87211 21.3158 4.03085 20.1621 2.38118C19.856 1.98738 19.9973 1.4233 20.4682 1.15722V1.14658Z"}),e.createElement("path",{d:"M12 12C12.5523 12 13 11.5523 13 11C13 10.4477 12.5523 10 12 10C11.4477 10 11 10.4477 11 11C11 11.5523 11.4477 12 12 12Z"}),e.createElement("path",{d:"M12 3C12.5465 3 13 3.3986 13 3.9021V8.0979C13 8.59091 12.5581 9 12 9C11.4419 9 11 8.6014 11 8.0979V3.9021C11 3.40909 11.4419 3 12 3Z"}));default:return null}})());W.propTypes={animated:S.bool,className:S.string,status:S.number.isRequired};const _=({badge:a,children:n,className:r="",disabled:o=!1,endIcon:s,hideLabelOnDesktop:l=!1,hideLabelOnMobile:i=!1,onClick:c,processing:m=!1,size:u="md",startIcon:d,style:p="default",variant:g="primary"})=>{const h=t.useMediaQuery({query:"(max-width: 768px)"});i&&l&&console.warn("Button: hideLabelOnMobile and hideLabelOnDesktop should not be used together");const f=h&&i\|\|!h&&l,w=m?e.createElement(e.Fragment,null,e.createElement(I,{scale:1}),n&&e.createElement("span",null,n,"…")):e.createElement(e.Fragment,null,d&&e.createElement(D,{style:"solid",name:d,scale:1}),n&&!f&&e.createElement("span",null,n),s&&e.createElement(D,{style:"solid",name:s,scale:1}));return e.createElement("button",y({className:`btn ${r}\n btn-${g}\n btn-${p}\n btn-${u}\n ${m?"btn-processing":""}\n ${o?"disabled":""}`,onClick:c},a&&{"data-badge":a}),w)};_.propTypes={badge:S.string,children:S.node,className:S.string,disabled:S.bool,endIcon:S.string,hideLabelOnDesktop:S.bool,hideLabelOnMobile:S.bool,onClick:S.func,processing:S.bool,size:S.oneOf(["sm","md","lg"]),startIcon:S.string,style:S.oneOf(["default","success","danger","warning","link"]),variant:S.oneOf(["primary","secondary","terciary","outline"])};const B=({align:t="start",autoClose:a=!1,children:n,className:r="",disabled:o=!1,drop:s,fullWidth:l=!1,icon:c,isChild:m=!1,label:u,onToggle:d,overflow:p=!1,processing:g=!1,requiredText:h,selectedValue:f,setShow:w,show:b,showError:E=!1,size:v="md",style:y="default",variant:N="primary"})=>{const[k,x]=e.useState(!!b),[C,S]=e.useState(null),T=e.useRef(null),M=e.useRef(null),$=()=>{switch(s){case"up":return"angle-up";case"end":return"angle-right";case"start":return"angle-left";default:return"angle-down"}};return e.useEffect((()=>{x(b),l&&M.current&&S(M.current.offsetWidth)}),[b,l]),e.createElement(i,{autoClose:a,show:k,onToggle:(e,t)=>{x(e),w&&w(e),d&&d(e,t),l&&M.current&&S(M.current.offsetWidth)},className:r,align:t,drop:s,disabled:m?void 0:o\|\|g,"data-error":h},e.createElement(i.Toggle,{ref:M,as:m?"div":void 0,bsPrefix:m?"":void 0,className:(()=>{if(m)return"";const e=["btn",`btn-${N}`,`btn-${y}`,`btn-${v}`];return("input"===N\|\|l)&&e.push("w-100"),E&&e.push("not-validated"),(o\|\|g)&&e.push("disabled"),g&&e.push("btn-processing"),e.join(" ")})()},"start"===s?e.createElement(e.Fragment,null,(u\|\|"input"===N)&&e.createElement(D,{name:$(),className:"caret"}),"input"===N?e.createElement(e.Fragment,null,u&&e.createElement("span",{className:"dropdown-label"},u,g&&"…"),g?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(I,{scale:1}),e.createElement("span",null,f)):c?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(D,{style:"solid",name:c,scale:1}),e.createElement("span",null,f)):e.createElement("span",null,f)):u&&e.createElement("span",null,u,g&&"…"),"input"!==N&&(g?e.createElement(I,{scale:1}):c&&e.createElement(D,{style:"solid",name:c,scale:1}))):e.createElement(e.Fragment,null,"input"!==N&&(g?e.createElement(I,{scale:1}):c&&e.createElement(D,{style:"solid",name:c,scale:1})),"input"===N?e.createElement(e.Fragment,null,u&&e.createElement("span",{className:"dropdown-label"},u,g&&"…"),g?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(I,{scale:1}),e.createElement("span",null,f)):c?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(D,{style:"solid",name:c,scale:1}),e.createElement("span",null,f)):e.createElement("span",null,f)):u&&e.createElement("span",null,u,g&&"…"),(u\|\|"input"===N)&&e.createElement(D,{name:$(),className:"caret"}))),e.createElement(i.Menu,{align:t,ref:T,className:l?"full-width":"",style:l?{width:C}:void 0,popperConfig:(()=>{if(p)return{strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]}})(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},(()=>{const t=n?.props?.children;return t?e.Children.map(t,(t=>"DropdownItem"===t?.type?.displayName\|\|"DropdownItem"===t?.type?.name?e.cloneElement(t,{as:"div"}):t)):null})())))};B.propTypes={align:S.oneOf(["start","end"]),autoClose:S.oneOfType([S.bool,S.oneOf(["inside","outside"])]),children:S.node,className:S.string,disabled:S.bool,drop:S.oneOf(["up","down","start","end"]),fullWidth:S.bool,icon:S.string,isChild:S.bool,label:S.node,onToggle:S.func,overflow:S.bool,processing:S.bool,requiredText:S.string,selectedValue:S.node,setShow:S.func,show:S.bool,showError:S.bool,size:S.oneOf(["sm","md","lg"]),style:S.oneOf(["default","success","danger","warning","link"]),variant:S.oneOf(["primary","secondary","terciary","outline","input"])};const A=()=>{const t=e.useCallback((e=>{let t=e?.replace(/(?:^\w\|[A-Z]\|\b\w\|\s+)/g,(function(e,t){return 0==+e?"":0===t?e?.toLowerCase():e?.toUpperCase()}));return t=t?.replace(/^\d+/,""),t=t?.replace(/[^a-zA-Z0-9_]/g,""),t}),[]);return{toCamelCase:t,highlightText:(t,a)=>{if(!a)return t;const n=t.split(new RegExp(`(${a})`,"gi"));return e.createElement("span",null,n.map(((t,n)=>e.createElement("span",{className:[t.toLowerCase()===a.toLowerCase()&&"highligthed-search"],key:n},t))))},capitalice:e=>e?`${e.charAt(0).toUpperCase()}${e.slice(1)}`:""}},j=({children:t,className:a="",disabled:n=!1,id:r,name:o,setStatus:s,size:l="md",status:i=!1})=>{const{toCamelCase:c}=A();let m=r;r\|\|"string"!=typeof t\|\|(m=c(t));return e.createElement("div",{className:`form-group form-check ${a} ${n?"disabled":""}`},e.createElement("label",{className:"checkbox "+("lg"===l?"checkbox-lg":"sm"===l?"checkbox-sm":"")},e.createElement("input",{type:"checkbox",checked:i,onChange:e=>{s(e.target.checked)},minLength:"1",id:m,name:o}),t))};j.propTypes={className:S.string,disabled:S.bool,id:S.string,name:S.string,setStatus:S.func,size:S.oneOf(["sm","md","lg"]),status:S.bool};const H=({autoFocus:t=!1,className:a="",disabled:n=!1,focus:r=!1,helpText:o,icon:s,label:l="Input label",max:i,maxLength:c,min:m,name:u,onChange:d,prefix:p,requiredText:g,setShowError:h,showError:f,size:w="md",suffix:b,type:E="text",value:v})=>{const{toCamelCase:y}=A(),N=e.useRef(null),k=y(l);e.useEffect((()=>{f&&setTimeout((()=>{h(!1)}),3e3)}),[f]),e.useEffect((()=>{N.current&&r&&N.current.focus()}),[r]);const x=(()=>{switch(E){case"email":return"email";case"tel":return"tel";case"number":return"numeric";default:return}})();return e.createElement("div",{className:`position-relative ${a} ${n?"disabled":""}`},p\|\|b\|\|s?e.createElement("div",{className:"input-group "+(f?"not-validated":""),"data-error":g},s&&e.createElement("span",{className:"input-group-text"},e.createElement(D,{style:"solid",name:s,scale:1})),p&&e.createElement("span",{className:"input-group-text"},p),e.createElement("div",{className:"form-floating"},e.createElement("input",{type:E,className:"form-control "+("md"!==w?`form-control-${w}`:""),value:v,id:k,name:u,placeholder:l,onChange:d,required:!!g,autoFocus:t,ref:N,min:m,max:i,inputMode:x}),e.createElement("label",{htmlFor:k},l)),b&&e.createElement("span",{className:"input-group-text"},b)):e.createElement("div",{className:"form-floating "+(f?"not-validated":""),"data-error":g},e.createElement("input",{type:E,className:"form-control "+("md"!==w?`form-control-${w}`:""),value:v,id:k,placeholder:l,onChange:d,required:!!g,name:u,autoFocus:t,ref:N,min:m,max:i,maxLength:c,inputMode:x}),e.createElement("label",{htmlFor:k},l)),o&&e.createElement("small",{className:"text-muted"},o))};H.propTypes={autoFocus:S.bool,className:S.string,disabled:S.bool,focus:S.bool,helpText:S.string,icon:S.string,label:S.string,max:S.oneOfType([S.string,S.number]),maxLength:S.number,min:S.oneOfType([S.string,S.number]),name:S.string,onChange:S.func,prefix:S.string,requiredText:S.string,size:S.oneOf(["sm","md","lg"]),showError:S.bool,setShowError:S.func,suffix:S.string,type:S.oneOf(["color","date","datetime-local","email","file","image","month","number","password","tel","text","time","url","week"]),value:S.oneOfType([S.string,S.number])};const Y=({children:t,className:a="",disabled:n=!1,fullWidth:r=!1,id:o,name:s,setStatus:l,size:i="md",status:c=!0})=>{const{toCamelCase:m}=A();let u=o;o\|\|"string"!=typeof t\|\|(u=m(t));return e.createElement("div",{className:`form-group form-check ${a} ${n?"disabled":""}`},e.createElement("label",{className:`radio ${r?"w-100":""} ${"lg"===i?"radio-lg":"sm"===i?"radio-sm":""}`},e.createElement("input",{type:"radio",checked:c,onChange:e=>{l(e.target.checked)},minLength:"1",id:u,name:s}),t))};Y.propTypes={className:S.string,disabled:S.bool,fullWidth:S.bool,id:S.string,name:S.string,setStatus:S.func,size:S.oneOf(["sm","md","lg"]),status:S.bool};const U=({className:t="",disabled:a=!1,label:n,labelInputMax:r="Max",labelInputMin:o="Min",max:s=100,min:l=0,onChange:i,orientation:c="horizontal",range:m=!1,step:u=1,tooltip:d=!0,value:p})=>{const g=m,h=g?Array.isArray(p)?p:[l,s]:"number"==typeof p?p:l,[f,w]=e.useState(null),[b,E]=e.useState(null),v=e.useRef(null),y=e.useCallback((e=>{const t=Math.round(e/u)u;return Math.min(Math.max(t,l),s)}),[l,s,u]),N=e.useCallback((e=>(e-l)/(s-l)100),[l,s]),k=e.useCallback(((e,t)=>{if(!v.current)return l;const a=v.current.getBoundingClientRect();let n;n="vertical"===c?1-(t-a.top)/a.height:(e-a.left)/a.width,n=Math.min(Math.max(n,0),1);return y(l+n(s-l))}),[c,l,s,y]),x=e.useCallback(((e,t)=>{if(!f\|\|a)return;const n=k(e,t);if(g){const[e,t]=h;if("start"===f){const e=Math.min(n,t-u);i?.([y(e),t])}else if("end"===f){const t=Math.max(n,e+u);i?.([e,y(t)])}}else i?.(n)}),[f,a,k,g,h,i,u,y]);e.useEffect((()=>{const e=e=>{x(e.clientX,e.clientY)},t=()=>{w(null),E(null)},a=e=>{e.touches.length>0&&x(e.touches[0].clientX,e.touches[0].clientY)},n=()=>{w(null),E(null)};return f&&(document.addEventListener("mousemove",e),document.addEventListener("mouseup",t),document.addEventListener("touchmove",a),document.addEventListener("touchend",n)),()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",t),document.removeEventListener("touchmove",a),document.removeEventListener("touchend",n)}}),[f,x]);const C=e=>t=>{a\|\|(t.preventDefault(),w(e),E(e))},S=e=>t=>{if(a)return;const n=t.target.value;if(""===n)return;let r=parseFloat(n);if(!isNaN(r))if(r=y(r),g){const[t,a]=h;if("start"===e){const e=Math.min(r,a-u);i?.([y(Math.max(e,l)),a])}else{const e=Math.max(r,t+u);i?.([t,y(Math.min(e,s))])}}else i?.(r)},T=e=>{const t=N(e);return"vertical"===c?{bottom:`${t}%`}:{left:`${t}%`}},M=(t,a)=>d&&b===a?e.createElement("span",{className:"slider-tooltip"},Math.round(t),"%"):null;return e.createElement("div",{className:`slider-container slider-${c} ${a?"disabled":""} ${t}`},g?e.createElement(H,{type:"number",className:"slider-input",label:o,value:h[0],onChange:S("start"),min:l,max:h[1]-u,disabled:a,size:"sm",name:"sliderStartInput"}):n&&e.createElement("span",{className:"slider-label"},n),e.createElement("div",{className:"slider-track-container",ref:v,onClick:e=>{if(a\|\|f)return;const t=k(e.clientX,e.clientY);if(g){const[e,a]=h,n=(e+a)/2;i?.(t<n?[y(t),a]:[e,y(t)])}else i?.(t)}},e.createElement("div",{className:"slider-track"},e.createElement("div",{className:"slider-track-filled",style:(()=>{if(g){const[e,t]=h,a=N(e),n=N(t);return"vertical"===c?{bottom:`${a}%`,height:n-a+"%"}:{left:`${a}%`,width:n-a+"%"}}const e=N(h);return"vertical"===c?{bottom:"0%",height:`${e}%`}:{left:"0%",width:`${e}%`}})()})),g?e.createElement(e.Fragment,null,e.createElement("div",{className:"slider-thumb "+("start"===f?"dragging":""),style:T(h[0]),onMouseDown:C("start"),onTouchStart:C("start"),role:"slider","aria-valuemin":l,"aria-valuemax":h[1],"aria-valuenow":h[0],tabIndex:a?-1:0},M(h[0],"start")),e.createElement("div",{className:"slider-thumb "+("end"===f?"dragging":""),style:T(h[1]),onMouseDown:C("end"),onTouchStart:C("end"),role:"slider","aria-valuemin":h[0],"aria-valuemax":s,"aria-valuenow":h[1],tabIndex:a?-1:0},M(h[1],"end"))):e.createElement("div",{className:"slider-thumb "+("single"===f?"dragging":""),style:T(h),onMouseDown:C("single"),onTouchStart:C("single"),role:"slider","aria-valuemin":l,"aria-valuemax":s,"aria-valuenow":h,tabIndex:a?-1:0},M(h,"single"))),g?e.createElement(H,{type:"number",className:"slider-input",label:r,value:h[1],onChange:S("end"),min:h[0]+u,max:s,disabled:a,size:"sm",id:"sliderEndInput",name:"sliderEndInput"}):e.createElement(H,{type:"number",className:"slider-input",label:r,value:h,onChange:S("single"),min:l,max:s,disabled:a,size:"sm",id:"sliderSingleInput",name:"sliderSingleInput"}))};U.propTypes={className:S.string,disabled:S.bool,label:S.string,labelInputMax:S.string,labelInputMin:S.string,max:S.number,min:S.number,onChange:S.func,orientation:S.oneOf(["horizontal","vertical"]),range:S.bool,step:S.number,tooltip:S.bool,value:S.oneOfType([S.number,S.arrayOf(S.number)])};const K=({children:t,className:a="",disabled:n=!1,icon:r=!1,id:o,name:s,setStatus:l,size:i,status:c=0,switchPosition:m="start"})=>{const{toCamelCase:u}=A(),d="lg"===i?"form-switch-lg":"sm"===i?"form-switch-sm":"",p=o\|\|u(t);return e.createElement("div",{className:`form-check form-switch ${d} ${a} ${"end"===m?"switch-end":""} ${r?"switch-icon":""} ${n?"disabled":""}`},e.createElement("input",{className:"form-check-input",type:"checkbox",role:"switch",onChange:()=>{if("boolean"==typeof c)return l(!c);l(c?0:1)},id:p,name:s,checked:!!c}),t&&e.createElement("label",{className:"form-check-label",htmlFor:p},t))};K.propTypes={className:S.string,disabled:S.bool,icon:S.bool,id:S.string,name:S.string,setStatus:S.func,status:S.oneOfType([S.number,S.bool]),size:S.oneOf(["sm","md","lg"]),switchPosition:S.oneOf(["start","end"])};const G=({className:t="",disabled:a=!1,helpText:n,label:r="Textarea label",name:o,onChange:s,requiredText:l,showError:i,setShowError:c,size:m="md",value:u=""})=>{const{toCamelCase:d}=A(),p="lg"===m?"form-control-lg":"sm"===m?"form-control-sm":"",g=d(r);return e.useEffect((()=>{i&&setTimeout((()=>{c(!1)}),3e3)}),[i]),e.createElement("div",{className:`position-relative ${t} ${a?"disabled":""}`},e.createElement("div",{className:"form-floating "+(i?"not-validated":""),"data-error":l},e.createElement("textarea",{className:`form-control ${p}`,onChange:s,placeholder:r,id:g,name:o,required:!!l,value:u\|\|""}),e.createElement("label",{htmlFor:g},r),n&&e.createElement("small",{className:"text-muted"},n)))};G.propTypes={className:S.string,disabled:S.bool,helpText:S.string,label:S.string,name:S.string,onChange:S.func,requiredText:S.string,showError:S.bool,setShowError:S.func,size:S.oneOf(["sm","md","lg"]),value:S.string};const Q=({autoFocus:t=!1,className:a="",counter:n=!1,disabled:r=!1,duplicateKeywordErrorText:o="Duplicate keyword.",helpText:s,keywordsList:l=[],maxKeywords:i,maxKeywordLength:c,name:m,pillColor:u="neutral",placeholder:d="Add keywords…",recomendedKeywords:p,requiredText:g,setKeywordsList:h})=>{const{toCamelCase:f}=A(),[w,b]=e.useState(""),[E,v]=e.useState(""),[y,N]=e.useState(!1),k=f(d);return e.useEffect((()=>{l.length===i&&(N(!0),setTimeout((()=>{N(!1)}),3e3))}),[l]),e.createElement(e.Fragment,null,e.createElement("div",{className:`position-relative ${a} ${r?"disabled":""}`},e.createElement("div",{className:"input-chip "+(y\|\|E?"not-validated":""),"data-error":E\|\|g},e.createElement("div",{className:"wrapper"},l.map(((t,a)=>e.createElement(z,{key:a,closeButton:!0,color:u,onClick:()=>(e=>{const t=l.filter((t=>t!==e));h(t)})(t)},t)))),e.createElement("input",{type:"text",id:k,name:m,value:w,onKeyDown:e=>{if("Enter"===e.key&&""!==w.trim()&&l.length<i){if(w.length>c)return v(`Each keyword must be ${c} characters or less.`),setTimeout((()=>v("")),2e3),void b("");if(l.includes(w.trim()))return v(o),setTimeout((()=>v("")),2e3),void b("");const e=[...l,w.trim()];h(e),b("")}},onChange:e=>{b(e.target.value)},placeholder:d,autoFocus:t}),n&&l.length>=p&&e.createElement("div",{className:"progress-counter-wrapper "+(l.length>=i?"progress-value-error":l.length>=p?"progress-value-warning":"")},e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",className:"progress-counter"},e.createElement("circle",{className:"progress-bg",cx:"10",cy:"10",r:"9",fill:"none"}),e.createElement("circle",{className:"progress-value",cx:"10",cy:"10",r:"9",strokeDasharray:56.55,strokeDashoffset:56.55(1-l.length/i),strokeLinecap:"round",fill:"none"})),e.createElement("span",{className:"progress-counter-text"},l.length))),s&&e.createElement("small",{className:"text-muted"},s)))};Q.propTypes={autoFocus:S.bool,className:S.string,counter:S.bool,disabled:S.bool,duplicateKeywordErrorText:S.string,helpText:S.string,keywordsList:S.array.isRequired,maxKeywords:S.number.isRequired,maxKeywordLength:S.number.isRequired,name:S.string,pillColor:S.oneOf(["blue","danger","dark","green","light","midtone","neutral","red","yellow"]),placeholder:S.string.isRequired,recomendedKeywords:S.number.isRequired,requiredText:S.string.isRequired,setKeywordsList:S.func.isRequired};const V=(void 0).MODE,X="production"===V?"https://api.groovinads.com/":"localdev"===V?"https://api-test.groovinads.com/":"https://api-dev.groovinads.com/";var Z={authStatus:X+"v2/auth/status",authLogout:X+"v2/auth/logout",applications:X+"v2/applications",favApps:X+"v2/applications/favorite",clients:X+"v2/auth/clients",clientsLogin:X+"v2/auth/clients/login",headers:{headers:{"Content-Type":"application/json",Authorization:"Bearer "+c.get("groovinadsAuthToken"),"Accept-Language":"en"}}};m.defaults.withCredentials=!0;const J=async({url:e,signal:t})=>await m.get(e,{...Z.headers,signal:t}).then((({data:e})=>e)).catch((e=>Promise.reject(e\|\|"error en la url"))),ee=async({url:e,data:t})=>await m.post(e,t,Z.headers).then((({data:e})=>e)).catch((e=>Promise.reject(e\|\|"error en la url"))),te=async(e,t)=>await J({url:`${X}${e}`,signal:t}),ae=async(e,t)=>await ee({url:`${X}${e}`,data:t}),ne=async e=>await ee({url:`${Z.favApps}/${e}`,data:e}),re=async e=>await(async({url:e})=>await m.delete(e,Z.headers).then((({data:e})=>e)).catch((e=>Promise.reject(e\|\|"error en la url"))))({url:`${Z.favApps}/${e}`}),oe=({apiGetEmail:t,apiPostEmail:a,disabled:n=!1,label:r="Email addresses",showModal:o=!0,textButton:s="Add",textError:l="You must enter a valid email address",titleList:i="Added emails"})=>{const[c,m]=e.useState([]),[d,p]=e.useState(""),[g,h]=e.useState(!1),[f,w]=e.useState([]),[b,E]=e.useState(!1),v=/^\w+([.-_+]?\w+)@\w+([.-]?\w+)(\.\w{2,10})+$/;return e.useEffect((()=>{o?(async()=>{h(!0);const e=await te(t);m(e\|\|[]),h(!1)})():c.length&&m([])}),[o]),e.createElement(e.Fragment,null,e.createElement("div",{className:"mb-3"},e.createElement("div",{className:`mb-3 input-group w-100 mb-4 ${b?"not-validated":""} ${n?"disabled":""}`,"data-error":l},e.createElement(H,{label:r,value:d,onChange:e=>{(e=>{const t=e.target.value.replace(/\. +/g," ");p(t),t.trim()&&!v.test(t)\|\|E(!1)})(e)}}),e.createElement(_,{onClick:async()=>{const e=d.split(/[;, ]+/).map((e=>e.trim())).filter((e=>e.length>0)),t=e.filter((e=>!v.test(e))),n=e.filter((e=>v.test(e)));if(t.length&&(p(t.join(" ")),E(!0),setTimeout((()=>{E(!1)}),3e3)),n.length){const e=await ae(a,[...c,...n]);m(e)}p(t.join(" "))},className:""+(d.trim()?"":"disabled")},s))),g?e.createElement("div",{className:"shared-users-list"},e.createElement(u,{width:120,height:20,className:"mb-3"}),[1,2,3].map((t=>e.createElement("div",{key:`skeleton-${t}`,className:"shared-user-item"},e.createElement("div",{className:"shared-user"},e.createElement(u,{circle:!0,width:32,height:32}),e.createElement(u,{width:200,height:16})))))):c?.length?e.createElement("div",{className:"shared-users-list"},e.createElement("h3",null,i),c?.map(((t,n)=>e.createElement("div",{key:`email${n}`,className:"shared-user-item"},e.createElement("div",{className:"shared-user"},e.createElement(D,{name:"user-circle",scale:2}),e.createElement("span",null,t)),f.some((e=>e===t))?e.createElement("div",{className:"spinner-wrapper"},e.createElement(I,{scale:1})):e.createElement(_,{variant:"terciary",style:"danger",startIcon:"trash-can",onClick:()=>(async e=>{w([...f,e]);const t=c.filter((t=>t!==e)),n=await ae(a,t);setTimeout((()=>{w(f.filter((t=>t!==e))),m(n)}),1e3)})(t)}))))):null)};oe.propTypes={apiGetEmail:S.string.isRequired,apiPostEmail:S.string.isRequired,disabled:S.bool,label:S.string,showModal:S.bool,textButton:S.string,textError:S.string,titleList:S.string};const se=({autoClose:t=!1,className:a="",disabled:n=!1,locked:r=!1,menuType:o="simple",onRemoveFilter:s,onToggle:l,overflow:c=!1,requiredText:m,searchLabel:u="Search",setShow:d,setValuesSelected:p,show:g,showError:h=!1,title:f,values:w=[],valuesSelected:b=[]})=>{const[E,v]=e.useState(""),[y,N]=e.useState(!!g),k=e.useRef(null),x=e.useRef(null),C=()=>e.createElement("div",{className:"dropdown-filter-empty-space"},e.createElement("img",{src:"https://ui.groovinads.com/assets/not-found.svg",alt:"Sad magnifier on abstract background"}),e.createElement("div",null,e.createElement("h5",null,"Value not found"),e.createElement("p",null,"It looks like this value does not exist."))),S=(e,t)=>{p(e?[...b,t]:b.filter((e=>e!==t)))};e.useEffect((()=>{N(g)}),[g]);const T=e.useCallback((e=>{!k?.current\|\|k?.current.contains(e?.target)\|\|!0!==t&&"outside"!==t\|\|(N(!1),d(!1))}),[t,d]);e.useEffect((()=>(document.addEventListener("click",T),()=>{document.removeEventListener("click",T)})),[T]);const M=()=>{if(c)return{strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]}};return e.createElement(i,{onToggle:l,className:`dropdown-filter ${r?"locked":""} ${a} ${n?"disabled":""}`,autoClose:t,show:y,ref:k,"data-error":m},e.createElement(i.Toggle,{ref:x,variant:"toggle-filter",className:h?"not-validated":"",onClick:e=>{e.stopPropagation();const t=!y;N(t),d(t)}},e.createElement("div",{className:"filter-heading"},e.createElement("div",{className:"filter-title"},e.createElement("span",{className:"filter-title-text"},f),b.length>0&&e.createElement("span",{className:"filter-title-count"},` (${b.length})`),r&&e.createElement(D,{style:"solid",name:"lock-keyhole",scale:.7})),e.createElement(D,{style:"solid",name:"chevron-down",scale:1,className:"caret"})),e.createElement("div",{className:"filter-values"},b.length===w.length?"All selected":b.length?b.join("; "):"None")),!r&&e.createElement(_,{variant:"terciary",endIcon:"xmark",size:"md",className:"remove-filter",onClick:s}),"simple"===o&&e.createElement(i.Menu,{as:"div",className:"dropdown-menu-simple",popperConfig:M(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},y&&e.createElement("div",{className:"dropdown-menu-wrapper"},e.createElement(H,{size:"sm",label:u,icon:"magnifying-glass",className:"w-100",value:E,onChange:({target:e})=>v(e.value),customRef:g,autoFocus:!0}),w.filter((e=>e.toString().toLowerCase().includes(E.toLowerCase()))).length>0?e.createElement("ul",{className:"dropdown-filter-list"},w.filter((e=>e.toString().toLowerCase().includes(E.toLowerCase()))).map(((t,a)=>e.createElement(j,{setStatus:e=>{S(e,t)},status:b.includes(t),key:"Dropdown.Simple.Checkbox"+a},t)))):e.createElement(C,null)))),"selection"===o&&e.createElement(i.Menu,{as:"div",className:"dropdown-menu-selection",popperConfig:M(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},y&&e.createElement("div",{className:"dropdown-menu-wrapper"},e.createElement("div",{className:"dropdown-filter-list-wrapper"},e.createElement(H,{size:"sm",label:u,icon:"magnifying-glass",className:"w-100",value:E,onChange:({target:e})=>v(e.value),customRef:g,autoFocus:!0}),e.createElement("h4",null,"All values (",w.length,")"),w.filter((e=>e.toString().toLowerCase().includes(E.toLowerCase()))).length>0?e.createElement(e.Fragment,null,e.createElement("ul",{className:"dropdown-filter-list"},w.filter((e=>e.toString().toLowerCase().includes(E.toLowerCase()))).map(((t,a)=>e.createElement(j,{setStatus:e=>{S(e,t)},status:b.includes(t),key:"Dropdown.Selection.Checkbox"+a},t))))):e.createElement(C,null)),e.createElement("div",{className:"dropdown-filter-values-wrapper"},e.createElement("div",{className:"dropdown-filter-buttons-wrapper"},e.createElement(_,{startIcon:"check",size:"sm",variant:"terciary",onClick:()=>{p([...w])}},"Select all"),e.createElement(_,{startIcon:"xmark",size:"sm",variant:"terciary",onClick:()=>{p([])}},"Clear selection")),e.createElement("h4",null,"Selected values (",b.length,")"),e.createElement("div",{className:"dropdown-filter-selected-list"},b.map(((t,a)=>e.createElement(z,{color:"blue",closeButton:!0,onClick:()=>{(e=>{p(b.filter(((t,a)=>a!==e)))})(a)},key:"Dropdown.PillComponent"+a},t)))))))))};se.propTypes={autoClose:S.oneOfType([S.bool,S.oneOf(["outside"])]),className:S.string,disabled:S.bool,locked:S.bool,menuType:S.oneOf(["simple","selection"]),onRemoveFilter:S.func,onToggle:S.func,overflow:S.bool,requiredText:S.string,searchLabel:S.string,setShow:S.func,setValuesSelected:S.func,show:S.bool,showError:S.bool,title:S.string,values:S.array,valuesSelected:S.array};const le=({autoClose:t=!1,buttonVariant:a="input",className:n="",customKey:r,disabled:o=!1,drop:s,focus:l=!1,hasId:c=!0,idInPill:m=!1,idKey:u,label:d="",nameKey:p,notMatchedText:g="No match found",nowrap:h=!1,object:f=!1,onToggle:w,overflow:b=!1,requiredText:E="Required",searchLabel:v="Search",setValuesSelected:y,setShow:N,show:k,showError:x=!1,showStatus:C="",size:S="md",values:T=[],valuesSelected:M=[]})=>{const[$,O]=e.useState(""),[P,L]=e.useState(!!k),[q,F]=e.useState(null),R=e.useRef(null),I=e.useRef(null),W=e.useRef(null),{highlightText:_}=A(),B=T.filter((e=>(f?`${e[u]} ${e[p]} ${e[r]}`:e).toLowerCase().includes($.toLowerCase())&&(!C\|\|parseInt(e.status)===parseInt(C))));e.useEffect((()=>{L(k),I.current&&F(I.current.offsetWidth)}),[k]),e.useEffect((()=>{const e=e=>{!R?.current\|\|R?.current.contains(e?.target)\|\|!0!==t&&"outside"!==t\|\|(L(!1),N(!1))};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[t,N]);const Y=["w-100 btn",`btn-${a}`,`btn-${S}`,h&&"nowrap",x&&"not-validated",o&&"disabled"].filter(Boolean).join(" ");return e.createElement(i,{className:n,autoClose:t,show:P,ref:R,onToggle:w,drop:s,"data-error":E},e.createElement(i.Toggle,{as:"div",ref:I,className:Y,onClick:e=>{e.stopPropagation();L(!P),I.current&&F(I.current.offsetWidth)}},M.length>0&&"input"===a&&e.createElement("div",{className:"wrapper"},M.map(((t,a)=>e.createElement(z,{color:"neutral",closeButton:!0,onClick:e=>{e.stopPropagation(),(e=>{y((t=>t.filter(((t,a)=>a!==e))))})(a)},key:`Dropdown.PillComponent.${a}`},(e=>r?`${e[p]} - ${e[r]}`:m?`#${e[u]} - ${e[p]}`:e[p]\|\|e)(t))))),e.createElement("span",{className:"label"},d),e.createElement(D,{style:"solid",name:"angle-down",scale:1,className:"caret"})),e.createElement(i.Menu,{className:"full-width",ref:W,style:q?{width:q}:void 0,popperConfig:(()=>{if(b)return{strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]}})(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},P&&e.createElement(e.Fragment,null,e.createElement(i.Item,{onClick:e=>e.stopPropagation(),as:"div"},e.createElement(H,{label:v,value:$,onChange:({target:e})=>O(e.value),icon:"magnifying-glass",size:"sm",className:"w-100",focus:l,autoFocus:!0})),e.createElement(i.Item,{onClick:e=>e.stopPropagation(),as:"div"},B.length>0?e.createElement("ul",{className:"dropdown-checks"},B.map(((t,a)=>e.createElement(j,{setStatus:e=>((e,t)=>{const a=T.findIndex((e=>(f?e[u]:e)===(f?t[u]:t)));y(e?e=>[...e,T[a]]:e=>e.filter((e=>(f?e[u]:e)!==(f?T[a][u]:T[a]))))})(e,t),status:f?M.some((e=>e[u]===t[u])):M.includes(t),key:`Dropdown.Input.Checkbox.${a}`},(e=>{const t=f?r?`${e[p]} - ${e[r]}`:`${c?`#${e[u]} - `:""}${e[p]}`:e[p]\|\|e;return _(t,$)})(t))))):e.createElement("div",{className:"not-matched"},e.createElement("p",null,g)))))))};le.propTypes={autoClose:S.oneOfType([S.bool,S.string]),buttonVariant:S.oneOf(["input","primary","secondary","terciary","outline"]),className:S.string,customKey:S.string,disabled:S.bool,drop:S.oneOf(["up","down"]),focus:S.bool,hasId:S.bool,idInPill:S.bool,idKey:S.string,label:S.string,nameKey:S.string,notMatchedText:S.string,nowrap:S.bool,object:S.bool,onToggle:S.func,overflow:S.bool,requiredText:S.string,searchLabel:S.string,setValuesSelected:S.func,setShow:S.func,show:S.bool,showError:S.bool,showStatus:S.string,size:S.oneOf(["sm","md","lg"]),values:S.array,valuesSelected:S.array};const ie=6048e5,ce=864e5,me=Symbol.for("constructDateFrom");function ue(e,t){return"function"==typeof e?e(t):e&&"object"==typeof e&&me in e?e[me](t):e instanceof Date?new e.constructor(t):new Date(t)}function de(e,t){return ue(t\|\|e,e)}let pe={};function ge(){return pe}function he(e,t){const a=ge(),n=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??a.weekStartsOn??a.locale?.options?.weekStartsOn??0,r=de(e,t?.in),o=r.getDay(),s=(o<n?7:0)+o-n;return r.setDate(r.getDate()-s),r.setHours(0,0,0,0),r}function fe(e,t){return he(e,{...t,weekStartsOn:1})}function we(e,t){const a=de(e,t?.in),n=a.getFullYear(),r=ue(a,0);r.setFullYear(n+1,0,4),r.setHours(0,0,0,0);const o=fe(r),s=ue(a,0);s.setFullYear(n,0,4),s.setHours(0,0,0,0);const l=fe(s);return a.getTime()>=o.getTime()?n+1:a.getTime()>=l.getTime()?n:n-1}function be(e){const t=de(e),a=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return a.setUTCFullYear(t.getFullYear()),+e-+a}function Ee(e,t){const a=de(e,t?.in);return a.setHours(0,0,0,0),a}function ve(e,t,a){const[n,r]=function(e,...t){const a=ue.bind(null,t.find((e=>"object"==typeof e)));return t.map(a)}(0,e,t),o=Ee(n),s=Ee(r),l=+o-be(o),i=+s-be(s);return Math.round((l-i)/ce)}function ye(e){return!(!((t=e)instanceof Date\|\|"object"==typeof t&&"[object Date]"===Object.prototype.toString.call(t))&&"number"!=typeof e\|\|isNaN(+de(e)));var t}const Ne={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function ke(e){return(t={})=>{const a=t.width?String(t.width):e.defaultWidth;return e.formats[a]\|\|e.formats[e.defaultWidth]}}const xe={date:ke({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:ke({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:ke({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},Ce={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function Se(e){return(t,a)=>{let n;if("formatting"===(a?.context?String(a.context):"standalone")&&e.formattingValues){const t=e.defaultFormattingWidth\|\|e.defaultWidth,r=a?.width?String(a.width):t;n=e.formattingValues[r]\|\|e.formattingValues[t]}else{const t=e.defaultWidth,r=a?.width?String(a.width):e.defaultWidth;n=e.values[r]\|\|e.values[t]}return n[e.argumentCallback?e.argumentCallback(t):t]}}function Te(e){return(t,a={})=>{const n=a.width,r=n&&e.matchPatterns[n]\|\|e.matchPatterns[e.defaultMatchWidth],o=t.match(r);if(!o)return null;const s=o[0],l=n&&e.parsePatterns[n]\|\|e.parsePatterns[e.defaultParseWidth],i=Array.isArray(l)?function(e,t){for(let a=0;a<e.length;a++)if(t(e[a]))return a;return}(l,(e=>e.test(s))):function(e,t){for(const a in e)if(Object.prototype.hasOwnProperty.call(e,a)&&t(e[a]))return a;return}(l,(e=>e.test(s)));let c;c=e.valueCallback?e.valueCallback(i):i,c=a.valueCallback?a.valueCallback(c):c;return{value:c,rest:t.slice(s.length)}}}var Me;const $e={code:"en-US",formatDistance:(e,t,a)=>{let n;const r=Ne[e];return n="string"==typeof r?r:1===t?r.one:r.other.replace("{{count}}",t.toString()),a?.addSuffix?a.comparison&&a.comparison>0?"in "+n:n+" ago":n},formatLong:xe,formatRelative:(e,t,a,n)=>Ce[e],localize:{ordinalNumber:(e,t)=>{const a=Number(e),n=a%100;if(n>20\|\|n<10)switch(n%10){case 1:return a+"st";case 2:return a+"nd";case 3:return a+"rd"}return a+"th"},era:Se({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:Se({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:Se({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:Se({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:Se({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(Me={matchPattern:/^(\d+)(th\|st\|nd\|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)},(e,t={})=>{const a=e.match(Me.matchPattern);if(!a)return null;const n=a[0],r=e.match(Me.parsePattern);if(!r)return null;let o=Me.valueCallback?Me.valueCallback(r[0]):r[0];return o=t.valueCallback?t.valueCallback(o):o,{value:o,rest:e.slice(n.length)}}),era:Te({matchPatterns:{narrow:/^(b\|a)/i,abbreviated:/^(b\.?\s?c\.?\|b\.?\s?c\.?\s?e\.?\|a\.?\s?d\.?\|c\.?\s?e\.?)/i,wide:/^(before christ\|before common era\|anno domini\|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a\|c)/i]},defaultParseWidth:"any"}),quarter:Te({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th\|st\|nd\|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:Te({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan\|feb\|mar\|apr\|may\|jun\|jul\|aug\|sep\|oct\|nov\|dec)/i,wide:/^(january\|february\|march\|april\|may\|june\|july\|august\|september\|october\|november\|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:Te({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su\|mo\|tu\|we\|th\|fr\|sa)/i,abbreviated:/^(sun\|mon\|tue\|wed\|thu\|fri\|sat)/i,wide:/^(sunday\|monday\|tuesday\|wednesday\|thursday\|friday\|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:Te({matchPatterns:{narrow:/^(a\|p\|mi\|n\|(in the\|at) (morning\|afternoon\|evening\|night))/i,any:/^([ap]\.?\s?m\.?\|midnight\|noon\|(in the\|at) (morning\|afternoon\|evening\|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};function Oe(e,t){const a=de(e,t?.in),n=ve(a,function(e,t){const a=de(e,t?.in);return a.setFullYear(a.getFullYear(),0,1),a.setHours(0,0,0,0),a}(a));return n+1}function De(e,t){const a=de(e,t?.in),n=+fe(a)-+function(e,t){const a=we(e,t),n=ue(e,0);return n.setFullYear(a,0,4),n.setHours(0,0,0,0),fe(n)}(a);return Math.round(n/ie)+1}function Pe(e,t){const a=de(e,t?.in),n=a.getFullYear(),r=ge(),o=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,s=ue(t?.in\|\|e,0);s.setFullYear(n+1,0,o),s.setHours(0,0,0,0);const l=he(s,t),i=ue(t?.in\|\|e,0);i.setFullYear(n,0,o),i.setHours(0,0,0,0);const c=he(i,t);return+a>=+l?n+1:+a>=+c?n:n-1}function Le(e,t){const a=de(e,t?.in),n=+he(a,t)-+function(e,t){const a=ge(),n=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??a.firstWeekContainsDate??a.locale?.options?.firstWeekContainsDate??1,r=Pe(e,t),o=ue(t?.in\|\|e,0);return o.setFullYear(r,0,n),o.setHours(0,0,0,0),he(o,t)}(a,t);return Math.round(n/ie)+1}function qe(e,t){return(e<0?"-":"")+Math.abs(e).toString().padStart(t,"0")}const Fe={y(e,t){const a=e.getFullYear(),n=a>0?a:1-a;return qe("yy"===t?n%100:n,t.length)},M(e,t){const a=e.getMonth();return"M"===t?String(a+1):qe(a+1,2)},d:(e,t)=>qe(e.getDate(),t.length),a(e,t){const a=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return a.toUpperCase();case"aaa":return a;case"aaaaa":return a[0];default:return"am"===a?"a.m.":"p.m."}},h:(e,t)=>qe(e.getHours()%12\|\|12,t.length),H:(e,t)=>qe(e.getHours(),t.length),m:(e,t)=>qe(e.getMinutes(),t.length),s:(e,t)=>qe(e.getSeconds(),t.length),S(e,t){const a=t.length,n=e.getMilliseconds();return qe(Math.trunc(nMath.pow(10,a-3)),t.length)}},ze="midnight",Re="noon",Ie="morning",We="afternoon",_e="evening",Be="night",Ae={G:function(e,t,a){const n=e.getFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return a.era(n,{width:"abbreviated"});case"GGGGG":return a.era(n,{width:"narrow"});default:return a.era(n,{width:"wide"})}},y:function(e,t,a){if("yo"===t){const t=e.getFullYear(),n=t>0?t:1-t;return a.ordinalNumber(n,{unit:"year"})}return Fe.y(e,t)},Y:function(e,t,a,n){const r=Pe(e,n),o=r>0?r:1-r;if("YY"===t){return qe(o%100,2)}return"Yo"===t?a.ordinalNumber(o,{unit:"year"}):qe(o,t.length)},R:function(e,t){return qe(we(e),t.length)},u:function(e,t){return qe(e.getFullYear(),t.length)},Q:function(e,t,a){const n=Math.ceil((e.getMonth()+1)/3);switch(t){case"Q":return String(n);case"QQ":return qe(n,2);case"Qo":return a.ordinalNumber(n,{unit:"quarter"});case"QQQ":return a.quarter(n,{width:"abbreviated",context:"formatting"});case"QQQQQ":return a.quarter(n,{width:"narrow",context:"formatting"});default:return a.quarter(n,{width:"wide",context:"formatting"})}},q:function(e,t,a){const n=Math.ceil((e.getMonth()+1)/3);switch(t){case"q":return String(n);case"qq":return qe(n,2);case"qo":return a.ordinalNumber(n,{unit:"quarter"});case"qqq":return a.quarter(n,{width:"abbreviated",context:"standalone"});case"qqqqq":return a.quarter(n,{width:"narrow",context:"standalone"});default:return a.quarter(n,{width:"wide",context:"standalone"})}},M:function(e,t,a){const n=e.getMonth();switch(t){case"M":case"MM":return Fe.M(e,t);case"Mo":return a.ordinalNumber(n+1,{unit:"month"});case"MMM":return a.month(n,{width:"abbreviated",context:"formatting"});case"MMMMM":return a.month(n,{width:"narrow",context:"formatting"});default:return a.month(n,{width:"wide",context:"formatting"})}},L:function(e,t,a){const n=e.getMonth();switch(t){case"L":return String(n+1);case"LL":return qe(n+1,2);case"Lo":return a.ordinalNumber(n+1,{unit:"month"});case"LLL":return a.month(n,{width:"abbreviated",context:"standalone"});case"LLLLL":return a.month(n,{width:"narrow",context:"standalone"});default:return a.month(n,{width:"wide",context:"standalone"})}},w:function(e,t,a,n){const r=Le(e,n);return"wo"===t?a.ordinalNumber(r,{unit:"week"}):qe(r,t.length)},I:function(e,t,a){const n=De(e);return"Io"===t?a.ordinalNumber(n,{unit:"week"}):qe(n,t.length)},d:function(e,t,a){return"do"===t?a.ordinalNumber(e.getDate(),{unit:"date"}):Fe.d(e,t)},D:function(e,t,a){const n=Oe(e);return"Do"===t?a.ordinalNumber(n,{unit:"dayOfYear"}):qe(n,t.length)},E:function(e,t,a){const n=e.getDay();switch(t){case"E":case"EE":case"EEE":return a.day(n,{width:"abbreviated",context:"formatting"});case"EEEEE":return a.day(n,{width:"narrow",context:"formatting"});case"EEEEEE":return a.day(n,{width:"short",context:"formatting"});default:return a.day(n,{width:"wide",context:"formatting"})}},e:function(e,t,a,n){const r=e.getDay(),o=(r-n.weekStartsOn+8)%7\|\|7;switch(t){case"e":return String(o);case"ee":return qe(o,2);case"eo":return a.ordinalNumber(o,{unit:"day"});case"eee":return a.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return a.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return a.day(r,{width:"short",context:"formatting"});default:return a.day(r,{width:"wide",context:"formatting"})}},c:function(e,t,a,n){const r=e.getDay(),o=(r-n.weekStartsOn+8)%7\|\|7;switch(t){case"c":return String(o);case"cc":return qe(o,t.length);case"co":return a.ordinalNumber(o,{unit:"day"});case"ccc":return a.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return a.day(r,{width:"narrow",context:"standalone"});case"cccccc":return a.day(r,{width:"short",context:"standalone"});default:return a.day(r,{width:"wide",context:"standalone"})}},i:function(e,t,a){const n=e.getDay(),r=0===n?7:n;switch(t){case"i":return String(r);case"ii":return qe(r,t.length);case"io":return a.ordinalNumber(r,{unit:"day"});case"iii":return a.day(n,{width:"abbreviated",context:"formatting"});case"iiiii":return a.day(n,{width:"narrow",context:"formatting"});case"iiiiii":return a.day(n,{width:"short",context:"formatting"});default:return a.day(n,{width:"wide",context:"formatting"})}},a:function(e,t,a){const n=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return a.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"aaa":return a.dayPeriod(n,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return a.dayPeriod(n,{width:"narrow",context:"formatting"});default:return a.dayPeriod(n,{width:"wide",context:"formatting"})}},b:function(e,t,a){const n=e.getHours();let r;switch(r=12===n?Re:0===n?ze:n/12>=1?"pm":"am",t){case"b":case"bb":return a.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return a.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return a.dayPeriod(r,{width:"narrow",context:"formatting"});default:return a.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(e,t,a){const n=e.getHours();let r;switch(r=n>=17?_e:n>=12?We:n>=4?Ie:Be,t){case"B":case"BB":case"BBB":return a.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return a.dayPeriod(r,{width:"narrow",context:"formatting"});default:return a.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(e,t,a){if("ho"===t){let t=e.getHours()%12;return 0===t&&(t=12),a.ordinalNumber(t,{unit:"hour"})}return Fe.h(e,t)},H:function(e,t,a){return"Ho"===t?a.ordinalNumber(e.getHours(),{unit:"hour"}):Fe.H(e,t)},K:function(e,t,a){const n=e.getHours()%12;return"Ko"===t?a.ordinalNumber(n,{unit:"hour"}):qe(n,t.length)},k:function(e,t,a){let n=e.getHours();return 0===n&&(n=24),"ko"===t?a.ordinalNumber(n,{unit:"hour"}):qe(n,t.length)},m:function(e,t,a){return"mo"===t?a.ordinalNumber(e.getMinutes(),{unit:"minute"}):Fe.m(e,t)},s:function(e,t,a){return"so"===t?a.ordinalNumber(e.getSeconds(),{unit:"second"}):Fe.s(e,t)},S:function(e,t){return Fe.S(e,t)},X:function(e,t,a){const n=e.getTimezoneOffset();if(0===n)return"Z";switch(t){case"X":return He(n);case"XXXX":case"XX":return Ye(n);default:return Ye(n,":")}},x:function(e,t,a){const n=e.getTimezoneOffset();switch(t){case"x":return He(n);case"xxxx":case"xx":return Ye(n);default:return Ye(n,":")}},O:function(e,t,a){const n=e.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+je(n,":");default:return"GMT"+Ye(n,":")}},z:function(e,t,a){const n=e.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+je(n,":");default:return"GMT"+Ye(n,":")}},t:function(e,t,a){return qe(Math.trunc(+e/1e3),t.length)},T:function(e,t,a){return qe(+e,t.length)}};function je(e,t=""){const a=e>0?"-":"+",n=Math.abs(e),r=Math.trunc(n/60),o=n%60;return 0===o?a+String(r):a+String(r)+t+qe(o,2)}function He(e,t){if(e%60==0){return(e>0?"-":"+")+qe(Math.abs(e)/60,2)}return Ye(e,t)}function Ye(e,t=""){const a=e>0?"-":"+",n=Math.abs(e);return a+qe(Math.trunc(n/60),2)+t+qe(n%60,2)}const Ue=(e,t)=>{switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});default:return t.date({width:"full"})}},Ke=(e,t)=>{switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});default:return t.time({width:"full"})}},Ge={p:Ke,P:(e,t)=>{const a=e.match(/(P+)(p+)?/)\|\|[],n=a[1],r=a[2];if(!r)return Ue(e,t);let o;switch(n){case"P":o=t.dateTime({width:"short"});break;case"PP":o=t.dateTime({width:"medium"});break;case"PPP":o=t.dateTime({width:"long"});break;default:o=t.dateTime({width:"full"})}return o.replace("{{date}}",Ue(n,t)).replace("{{time}}",Ke(r,t))}},Qe=/^D+$/,Ve=/^Y+$/,Xe=["D","DD","YY","YYYY"];const Ze=/[yYQqMLwIdDecihHKkms]o\|(\w)\1\|''\|'(''\|[^'])+('\|$)\|./g,Je=/P+p+\|P+\|p+\|''\|'(''\|[^'])+('\|$)\|./g,et=/^'([^]?)'?$/,tt=/''/g,at=/[a-zA-Z]/;function nt(e,t,a){const n=ge(),r=n.locale??$e,o=n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,s=n.weekStartsOn??n.locale?.options?.weekStartsOn??0,l=de(e,a?.in);if(!ye(l))throw new RangeError("Invalid time value");let i=t.match(Je).map((e=>{const t=e[0];if("p"===t\|\|"P"===t){return(0,Ge[t])(e,r.formatLong)}return e})).join("").match(Ze).map((e=>{if("''"===e)return{isToken:!1,value:"'"};const t=e[0];if("'"===t)return{isToken:!1,value:rt(e)};if(Ae[t])return{isToken:!0,value:e};if(t.match(at))throw new RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}}));r.localize.preprocessor&&(i=r.localize.preprocessor(l,i));const c={firstWeekContainsDate:o,weekStartsOn:s,locale:r};return i.map((a=>{if(!a.isToken)return a.value;const n=a.value;(function(e){return Ve.test(e)}(n)\|\|function(e){return Qe.test(e)}(n))&&function(e,t,a){const n=function(e,t,a){const n="Y"===e[0]?"years":"days of the month";return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${n} to the input \`${a}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(e,t,a);if(console.warn(n),Xe.includes(e))throw new RangeError(n)}(n,t,String(e));return(0,Ae[n[0]])(l,n,r.localize,c)})).join("")}function rt(e){const t=e.match(et);return t?t[1].replace(tt,"'"):e}function ot({className:t="",date:a,disabled:n=!1,handleClear:r,label:o="Period",maxDate:s,minDate:l,onToggle:i,overflow:c=!1,requiredText:m,setDate:u,setShow:g,show:h,showError:f,size:w="md"}){const[b,E]=e.useState(!!h),v=e.useRef(null),y=e=>e?e instanceof Date?e:"string"==typeof e&&/^\d{4}-\d{2}-\d{2}$/.test(e)?new Date(`${e}T00:00:00`):new Date(e):null,N=()=>{E(!1);try{g(!1)}catch(e){}};e.useEffect((()=>{const e=e=>{v.current&&!v.current.contains(e.target)&&N()};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[]),e.useEffect((()=>{E(h)}),[h]);const k=(()=>{if(!a)return"";try{return nt(new Date(a),"EEE MMM dd yyyy")}catch(e){return""}})(),x=y(l),C=y(s);return e.createElement(B,{className:t,disabled:n,icon:k?"calendar-day":"calendar-days",label:o,onToggle:()=>{const e=!b;E(e),e&&window.dispatchEvent(new CustomEvent("dropdownToggle",{detail:o}));try{i()}catch(e){}},overflow:c,requiredText:m,selectedValue:k,setShow:E,show:b,showError:f,size:w,variant:"input"},e.createElement(e.Fragment,null,e.createElement(d.Dropdown.Item,null,e.createElement(p,{className:"form-control form-search",selected:a\|\|"",onChange:e=>{u(e?.toString()),setTimeout((()=>{N()}),200)},startDate:a\|\|"",monthsShown:1,inline:!0,minDate:x,maxDate:C,dayClassName:e=>{const t=y(l),a=y(s);return t&&e<t\|\|a&&e>a&&e!==a?"react-datepicker__day--disabled":""}}),e.createElement("div",{className:"px-2 w-100"},e.createElement(_,{onClick:()=>{N(),r?r():u(null)},iconStart:"calendar-circle-minus",size:"sm",variant:"terciary",className:"w-100"},"Clear")))))}ot.propTypes={className:S.string,clearDate:S.func,date:S.string,disabled:S.bool,handleClear:S.func,label:S.string,maxDate:S.oneOfType([S.string,S.instanceOf(Date)]),minDate:S.oneOfType([S.string,S.instanceOf(Date)]),onToggle:S.func,overflow:S.bool,requiredText:S.string,setDate:S.func,setShow:S.func,show:S.bool,showError:S.bool,size:S.oneOf(["sm","md","lg"])};const st=({className:t="",dateFrom:a,dateTo:n,disabled:r=!1,label:o="Period",locked:s=!1,maxDate:l,minDate:c,onRemoveFilter:m,onToggle:u,overflow:d=!1,requiredText:g,setDateFrom:h,setDateTo:f,setShow:w,show:b,showError:E=!1,size:v="md",variant:y="input"})=>{const[N,k]=e.useState(a),[x,C]=e.useState(n),[S,T]=e.useState(!!b),M=e.useRef(null),$=e.useRef(null),O=e.useRef(null),{capitalice:P}=A(),L=window?.innerWidth<500,q=()=>{T(!1);try{w(!1)}catch(e){}};e.useEffect((()=>{T(b)}),[b]);const F=["w-100","input"===y&&"btn btn-input",`btn-${v}`,E&&"not-validated",r&&"disabled"].filter(Boolean).join(" "),z=`${"filter"===y?"dropdown-filter":""} ${t}`,R=e=>e?e.toString().split("00")[0]:"",I=P(o);return e.createElement(i,{show:S,className:z,"data-error":g,ref:M},e.createElement(i.Toggle,{ref:$,variant:"toggle-filter",onClick:()=>{T(!S);try{u()}catch(e){}},className:F},"input"===y?e.createElement(e.Fragment,null,e.createElement("span",{className:"dropdown-label"},I),e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(D,{style:"solid",name:N&&x?"calendar-range":"calendar-days",scale:1}),e.createElement("span",{className:"wrapper"},(N\|\|x)&&e.createElement(e.Fragment,null,e.createElement("strong",null,R(N)),"to",e.createElement("strong",null,R(x))))),e.createElement(D,{name:"angle-down",className:"caret"})):e.createElement(e.Fragment,null,e.createElement("div",{className:"filter-heading"},e.createElement("div",{className:"filter-title"},e.createElement("span",null,I),s&&e.createElement(D,{style:"solid",name:"lock-keyhole",scale:.7})),e.createElement(D,{style:"solid",name:"chevron-down",scale:1,className:"caret"})),e.createElement("div",{className:"filter-values"},N\|\|x?e.createElement(e.Fragment,null,e.createElement("strong",null,R(N)),"to ",e.createElement("strong",null,R(x))):e.createElement(e.Fragment,null,"None")))),"filter"===y&&!s&&e.createElement(_,{variant:"terciary",endIcon:"xmark-circle",size:"md",className:"remove-filter",onClick:m}),e.createElement(i.Menu,{as:"div",ref:O,popperConfig:(()=>{if(d)return{strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]}})(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},e.createElement(i.Item,{as:"div"},e.createElement(p,{className:"form-control form-search",selected:N,onChange:e=>{const[t,a]=e;k(t),C(a)},startDate:N,endDate:x,monthsShown:L?1:2,selectsRange:!0,inline:!0,minDate:c,maxDate:l}),e.createElement("div",{className:"datepicker-footer"},e.createElement("div",{className:"datepicker-buttons-wrapper"},e.createElement(_,{onClick:q,size:"sm",variant:"terciary"},"Cancel"),e.createElement(_,{size:"sm",onClick:()=>{h(N?.toString()),f(null===x?N?.toString():x?.toString()),q()}},"Set date")))))))};st.propTypes={className:S.string,dateFrom:S.string,dateTo:S.string,disabled:S.bool,label:S.string,locked:S.bool,maxDate:S.instanceOf(Date),minDate:S.instanceOf(Date),onRemoveFilter:S.func,onToggle:S.func,overflow:S.bool,requiredText:S.string,setDateFrom:S.func,setDateTo:S.func,setShow:S.func,show:S.bool,showError:S.bool,size:S.oneOf(["sm","md","lg"]),variant:S.oneOf(["input","filter"])};const lt=({children:t,className:a,footer:n,header:r,onBeforeClose:o,setShow:s,show:l,size:i="md",type:c="default"})=>{const[m,u]=e.useState(!1),p=()=>{o?o():"confirmation"===c?(u(!0),setTimeout((()=>{u(!1)}),500)):s(!1)};return e.createElement(d.Modal,{show:l,onHide:p,className:`${"default"===c?"zoom-in":"confirmation"===c?"bounce-in-down":"bounce-in"}${m?" zoom-and-back":""}${a?` ${a}`:""}`,backdrop:"confirmation"!==c\|\|"static",centered:!0,size:i,scrollable:!0},e.createElement(d.Modal.Header,null,e.createElement("div",{className:"modal-title"},"string"==typeof r?e.createElement("h2",null,r):r),"default"===c&&e.createElement(_,{startIcon:"xmark",onClick:p,variant:"terciary"})),e.createElement(d.Modal.Body,null,t),n&&e.createElement(d.Modal.Footer,{className:"default"!==c?"border-0 justify-content-start flex-row":""},n))};function it({autoClose:t,children:a,className:n,position:r,variant:o}){const[s,l]=e.useState(!0),i=()=>l(!s);return e.createElement(g,{onClose:i,show:s,delay:t?3500:null,autohide:t,className:`${r} ${o} ${n\|\|""}`},e.createElement(g.Body,null,e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(D,{style:"solid",name:{info:"circle-info",success:"circle-check",warning:"triangle-exclamation",error:"circle-xmark"}[o],scale:1,className:"icon"})),e.createElement("div",{className:"toast-content",dangerouslySetInnerHTML:{__html:a}})),!t&&e.createElement("button",{className:"btn-close",onClick:i},e.createElement(D,{style:"solid",name:"xmark",scale:1}))))}lt.propTypes={children:S.node.isRequired,className:S.string,footer:S.node,header:S.oneOfType([S.string,S.node]).isRequired,onBeforeClose:S.func,setShow:S.func.isRequired,show:S.bool.isRequired,size:S.oneOf(["sm","md","lg","xl"]),type:S.oneOf(["default","confirmation","error"])};const ct=({className:t="",position:a="bottom-end",toast:n})=>{const[r,o]=e.useState([]);return e.useEffect((()=>{n&&o([...r,n])}),[n]),e.createElement(d.ToastContainer,{className:t,position:a},r.map((({variant:t="info",autoClose:n=!0,children:r,className:o},s)=>e.createElement(it,{variant:t,autoClose:n,children:r,className:o,position:a,key:r+t+s}))))};ct.propTypes={className:S.string,position:S.oneOf(["top-start","top-end","bottom-start","bottom-end"]),toast:S.object};const mt=({cancelButton:t=!1,className:a="",currentProgress:n,onCancel:r,position:o="bottom-start",status:s="in-progress",variant:l})=>{const[i,c]=e.useState(!0),[m,u]=e.useState(!1);let p;switch(l){case"upload":p=e.createElement("div",{className:"uploading"},e.createElement(d.ProgressBar,{now:n}),e.createElement("div",{className:"uploading-wrapper"},m?e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(D,{style:"solid",name:"circle-check",scale:1,className:"icon"})),e.createElement("p",null,"Upload completed")):e.createElement(e.Fragment,null,e.createElement(I,null),e.createElement("p",null,"Uploading…")),e.createElement("p",{className:"progress-percentage"},n,"%")));break;case"processing":p=e.createElement("div",{className:"uploading-wrapper"},e.createElement(I,null),e.createElement("p",null,"Processing…"));break;default:p=null}return"error"===s&&(p=e.createElement("div",{className:"uploading-wrapper"},e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(D,{style:"solid",name:"circle-xmark",scale:1,className:"icon"})),e.createElement("p",null,"Upload failed!")))),e.useEffect((()=>{100===n&&(u(!0),setTimeout((()=>c(!1)),3e3))}),[n]),e.createElement(d.ToastContainer,{className:a,position:o},e.createElement(d.Toast,{className:`${"error"===s?"error":""} ${o} ${m?"success":""}`,onClose:()=>c(!i),show:i},e.createElement(d.Toast.Body,null,p,t&&e.createElement(_,{variant:"terciary",size:"sm",onClick:r},"Cancel"))))};mt.propTypes={cancelButton:S.bool,className:S.string,currentProgress:S.number,onCancel:S.func,position:S.oneOf(["top-start","top-end","bottom-start","bottom-end"]),status:S.oneOf(["in-progress","error"]),variant:S.oneOf(["upload","processing"]).isRequired};const ut=({backdrop:t=!1,belowNavbar:a=!1,children:n,className:r,header:o,onHide:s,show:l})=>e.createElement(d.Offcanvas,{show:l,onHide:s,placement:"end",className:`${a?"below-navbar":""}${r?` ${r}`:""}`,backdrop:t},e.createElement(d.Offcanvas.Header,{className:"aside-header"},e.createElement("div",{className:"header-content"},"string"==typeof o?e.createElement("h3",null,o):o),e.createElement(_,{variant:"terciary",onClick:s,startIcon:"xmark"})),e.createElement(d.Offcanvas.Body,null,n));ut.propTypes={backdrop:S.bool,belowNavbar:S.bool,children:S.node.isRequired,className:S.string,header:S.oneOfType([S.string,S.node]).isRequired,onHide:S.func.isRequired,show:S.bool.isRequired};const dt={strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]},pt=({element:t,onNavigate:a,onToggleFav:n,isLoading:r,isAnimating:o})=>e.createElement(i.Item,{key:t.id_application},e.createElement("div",{onClick:()=>a(t.application_url,t.application_name),className:"link-app"},e.createElement("span",{className:"icon-app"},e.createElement(D,{style:"solid",name:t.app_icon_sm,scale:1})),e.createElement("span",null,t.app_name)),e.createElement("button",{className:"deck-fav "+(o?"animate":""),onClick:e=>{e.stopPropagation(),n(t.id_application,!t.favorite)}},r?e.createElement(I,{scale:"0.7"}):e.createElement(D,{style:t.favorite?"solid":"regular",name:"star",scale:1}))),gt=({favoritesTitle:t="Favorites"})=>{const[a,n]=e.useState([]),[r,o]=e.useState(!0),[s,l]=e.useState(!1),[c,m]=e.useState(null),[d,p]=e.useState(null),g=e.useRef(null),h=e.useRef(null),f=(()=>{let e=window.location.hostname;return e.includes(".")&&(e=e.split(".").slice(-2).join(".")),e})(),w=e.useCallback((e=>{l(e)}),[]),b=e.useCallback((async()=>{try{o(!0);const e=(await(async()=>await J({url:Z.applications}))()).map((e=>({...e,app_icon_sm:e.application_icon,app_name:e.application_name})));n(e)}catch(e){console.error("fetchData error",e)}finally{o(!1)}}),[]),E=e.useCallback(((e,t)=>{const a={additionalInformation:"Updated the URL"};if(!e.startsWith("/"))return e;if("groovinads.com"===f){const n=`${window.location.origin}${e}/`;return window.history.pushState(a,t,n),n}return`https://deck-dev.groovinads.com${e}/`}),[f]),v=e.useCallback((async(e,t)=>{try{m(e);const a=t?ne:re;await a(e),n((a=>a.map((a=>a.id_application===e?{...a,favorite:t}:a)))),t&&(p(e),setTimeout((()=>p(null)),300))}catch(e){console.error("toggleFavorite error",e)}finally{m(null)}}),[]);e.useEffect((()=>{a?.length\|\|b()}),[a?.length,b]);const y=a.filter((e=>e.favorite)),N=a.filter((e=>!e.favorite)),k=e.useCallback(((e,t)=>{window.location.replace(E(e,t))}),[E]);return r?e.createElement(u,{width:48,height:48}):a.length?e.createElement(i,{show:s,onToggle:w,className:"dropdown-deck",style:{position:"relative"}},e.createElement(i.Toggle,{ref:g,className:"btn btn-terciary"},e.createElement("svg",{id:"deckApps",xmlns:"http://www.w3.org/2000/svg",className:"icon",viewBox:"0 0 16 16"},e.createElement("g",null,e.createElement("rect",{x:"1",y:"1",width:"4",height:"4",rx:"1.25",ry:"1.25"}),e.createElement("rect",{x:"1",y:"6",width:"4",height:"4",rx:"1.25",ry:"1.25"}),e.createElement("rect",{x:"1",y:"11",width:"4",height:"4",rx:"1.25",ry:"1.25"}),e.createElement("rect",{x:"6",y:"1",width:"4",height:"4",rx:"1.25",ry:"1.25"}),e.createElement("rect",{x:"6",y:"6",width:"4",height:"4",rx:"1.25",ry:"1.25"}),e.createElement("rect",{x:"6",y:"11",width:"4",height:"4",rx:"1.25",ry:"1.25"}),e.createElement("rect",{x:"11",y:"1",width:"4",height:"4",rx:"1.25",ry:"1.25"}),e.createElement("rect",{x:"11",y:"6",width:"4",height:"4",rx:"1.25",ry:"1.25"}),e.createElement("rect",{x:"11",y:"11",width:"4",height:"4",rx:"1.25",ry:"1.25"})))),e.createElement(i.Menu,{as:"div",ref:h,popperConfig:dt,renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},y.length>0&&e.createElement(i.Item,null,e.createElement("h4",{className:"dropdown-header"},t)),y.map((t=>e.createElement(pt,{key:t.id_application,element:t,onNavigate:k,onToggleFav:v,isLoading:c===t.id_application,isAnimating:d===t.id_application}))),y.length>0&&N.length>0&&e.createElement(i.Divider,null),N.map((t=>e.createElement(pt,{key:t.id_application,element:t,onNavigate:k,onToggleFav:v,isLoading:c===t.id_application,isAnimating:d===t.id_application})))))):null};gt.propTypes={favoritesTitle:S.string};const ht=()=>{const[t,a]=e.useState({}),[n,r]=e.useState(!0),[o,s]=e.useState(!1),l=e.useRef(null),c=e.useRef(null),m=e.useCallback((async()=>{await(async()=>await ee({url:Z.authLogout}))().then((()=>{window.location.href="/"})).catch((e=>{console.error(e)}))}),[]);e.useEffect((()=>{r(!0),(async()=>await J({url:Z.authStatus}))().then((e=>{const{oauth_username:t,oauth_picture:n,email:r,oauth_name:o}=e?.auth_data;a({imageAuth:n,fullNameAuth:t,emailAuth:r,oauthName:o?.toLowerCase()})})).catch((e=>{console.error("Error",e)})).finally((()=>{r(!1)}))}),[]);return n?e.createElement(u,{width:82,height:48,borderRadius:999}):e.createElement(i,{show:o,onToggle:e=>{s(e)}},e.createElement(i.Toggle,{ref:l,className:"btn-user"},e.createElement("div",{className:"avatar"},e.createElement("img",{src:t.imageAuth})),e.createElement(D,{style:"solid",name:"angle-down",scale:1,className:"icon caret"})),e.createElement(i.Menu,{as:"div",ref:c,align:"end",popperConfig:{strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]},renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},e.createElement(i.Item,{as:"div"},e.createElement("div",{className:"user-details"},e.createElement("div",{className:"user-image"},e.createElement("div",{className:"user-avatar"},e.createElement("img",{src:t.imageAuth})),e.createElement(F,{logo:t.oauthName})),e.createElement("div",{className:"user-info"},e.createElement("span",{className:"user-name"},t.fullNameAuth),e.createElement("span",{className:"email-auth"},t.emailAuth)))),e.createElement(i.Item,{as:"div",onClick:()=>{window.open("https://deck.groovinads.com/","_blank")}},e.createElement(D,{name:"id-badge"}),e.createElement("span",null,"My profile…")),e.createElement(i.Item,{as:"div",onClick:m},e.createElement(D,{name:"right-from-bracket"}),e.createElement("span",null,"Logout")))))},ft=({clientLogoUrl:t,clientNotFoundText:a="It looks like this client does not exist.",clientNotFoundTitle:n="Client not found",clientSearchLabel:r="Search client",profileSelectedClient:o})=>{const[s,l]=e.useState(!1),[i,c]=e.useState([]),[m,p]=e.useState(""),[g,h]=e.useState(!1),[f,w]=e.useState((()=>{const{id_client:e,client_name:t,email:a}=o;return{id_client:e,client_name:t,email:a}})),b=e.useRef(null),E=e.useRef(null),v=f?.client_name?.slice(0,2),y=f?.client_name\|\|"Client name",N=f?.email\|\|"Client Email",k=`${f?.client_name} logo`,x=i.length>1,C=e=>{h(e)},S=e.useCallback((async()=>{try{l(!0);const e=await(async()=>await J({url:Z.clients}))();c(e)}catch(e){console.error("fetchClientsData error",e)}finally{l(!1)}}),[]),T=i.filter((({client_name:e,id_client:t,email:a})=>`${e} ${t}`.toLowerCase().includes(m.toLowerCase())\|\|a?.toLowerCase()?.includes(m?.toLowerCase()))),M=e.useCallback((async e=>{try{l(!0),await(async e=>await ee({url:Z.clientsLogin,data:{id_client:e}}))(e.id_client),w(e),"/"!==window.location.href.slice(-1)?window.location.replace(window.location.href+"/"):window.location.reload()}catch(e){console.error(" error en ClientsDropdowns ",e)}finally{l(!1)}}),[]);e.useEffect((()=>{S()}),[S]),e.useEffect((()=>{g\|\|p("")}),[g]);const $=i.length>1&&g,O=e=>()=>{M(e)};return e.createElement(e.Fragment,null,s?e.createElement("div",{className:"skeleton-wrapper dropdown-clients dropup"},e.createElement(u,{width:32,height:32}),e.createElement(u,{width:150,height:10,count:2,containerClassName:"pt-1"})):e.createElement(d.Dropdown,{drop:"up",className:"dropdown-clients",show:$,onToggle:C},e.createElement(d.Dropdown.Toggle,{ref:b,variant:"client-selector",onClick:()=>{C(!g)}},t?e.createElement("img",{src:t,alt:k,className:"client-logo"}):e.createElement("div",{className:"client-logo"},e.createElement("p",null,v)),e.createElement("div",{className:"dropdown-clients-wrapper"},e.createElement("p",{className:"dropdown-client-name"},e.createElement("span",{className:"dropdown-client-name-text"},y)," ",e.createElement("span",{className:"dropdown-client-id-client"},"[",f?.id_client,"]")),e.createElement("p",{className:"dropdown-client-email"},N)),x&&e.createElement(D,{style:"solid",name:"angle-up",scale:1,className:"caret"})),e.createElement(d.Dropdown.Menu,{as:"div",ref:E,className:"full-width",popperConfig:{strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]},renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},g&&e.createElement(e.Fragment,null,e.createElement(d.Dropdown.Item,{as:"div",onClick:e=>{e.stopPropagation()}},e.createElement(H,{size:"sm",label:r,icon:"magnifying-glass",className:"w-100",value:m,onChange:e=>{p(e.target.value)},autoFocus:!0})),e.createElement(d.Dropdown.Item,{as:"ul",className:"client-list"},T.length?T.map((t=>e.createElement("li",{className:"client",key:t.id_client,onClick:O(t)},e.createElement("p",{className:"dropdown-client-name"},e.createElement("span",{className:"dropdown-client-name-text"},t.client_name)," ",e.createElement("span",{className:"dropdown-client-id-client"},"[",t.id_client,"]")),e.createElement("p",{className:"dropdown-client-email"},t.email)))):e.createElement("li",null,e.createElement("div",{className:"empty-space"},e.createElement("img",{src:"https://ui.groovinads.com/assets/not-found.svg",alt:"Sad magnifier on abstract background"}),e.createElement("div",{className:"empty-space-text-wrapper"},e.createElement("h5",{className:"mb-1"},n),e.createElement("p",null,a))))))))))};ft.propTypes={clientLogoUrl:S.string,clientNotFoundText:S.string,clientNotFoundTitle:S.string,clientSearchLabel:S.string,profileSelectedClient:S.object};const wt="https://ui.groovinads.com/2.0.0/assets/logos/ga-logo.svg",bt=({children:a,logoUrl:n,logoUrlMobile:r,setShow:o,show:s,showDeckMenu:l=!1,showUserMenu:i=!1})=>{const c=t.useMediaQuery({query:"(max-width: 768px)"}),m=n\|\|wt,d=r\|\|n\|\|wt,[p,g]=e.useState(!1),f=e.useRef(null);e.useEffect((()=>{g(!1),f.current&&f.current.complete&&g(!0)}),[n,r]);return e.createElement("div",{id:"ga-header",className:"header fixed-top shadow-2"},e.createElement(h,{fluid:!0,className:"navbar"},e.createElement("div",{className:"brand-wrapper"},e.createElement(_,{className:s?"sidebar-toggler":"sidebar-toggler collapsed",variant:"terciary",type:"button",onClick:()=>o((e=>!e))},e.createElement("svg",{className:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},e.createElement("path",{className:"top",d:"M1,3c0-.55.45-1,1-1h12c.55,0,1,.45,1,1s-.45,1-1,1H2c-.55,0-1-.45-1-1Z"}),e.createElement("path",{className:"mid",d:"M1,8c0-.55.45-1,1-1h12c.55,0,1,.45,1,1s-.45,1-1,1H2c-.55,0-1-.45-1-1Z"}),e.createElement("path",{className:"bottom",d:"M15,13c0,.55-.45,1-1,1H2c-.55,0-1-.45-1-1s.45-1,1-1h12c.55,0,1,.45,1,1Z"}))),l&&!c&&e.createElement(gt,null),!p&&e.createElement(u,{width:c?85:173,height:34}),e.createElement("img",{ref:f,src:c?d:m,className:"ga-logo",alt:n?"App logo":"Groovinads logo",onLoad:()=>{g(!0)},onError:()=>{g(!0)},style:{display:p?"block":"none"}})),(a\|\|i)&&e.createElement("div",{className:"nav-wrapper"},a,i&&e.createElement(ht,null))))};bt.propTypes={children:S.node,logoUrl:S.string,logoUrlMobile:S.string,setShow:S.func,show:S.bool,showDeckMenu:S.bool,showUserMenu:S.bool};const Et=({className:t="",currentPage:a,pageSize:n,onPageChange:r,onPageSizeChange:o,onPrevPage:s,onNextPage:l,pageSizeOptions:i=[10,50,100],paginationMode:c="local",showPerPageLabel:m="Show per page",totalPages:u})=>{const[p,g]=e.useState(!1),[h,f]=e.useState(null),w=e.useRef(null);e.useEffect((()=>{w.current&&f(w.current.offsetWidth)}),[p]);const b=(()=>{const e=[];if(u<=7)for(let t=1;t<=u;t++)e.push(t);else{e.push(1);const t=Math.max(2,a-2),n=Math.min(u-1,a+2);t>2&&e.push("...");for(let a=t;a<=n;a++)e.push(a);n<u-1&&e.push("..."),e.push(u)}return e})();return e.createElement(d.Row,{className:`mb-3 pagination ${t}`},e.createElement(d.Col,{sm:12},e.createElement("div",{className:"px-3 ps-lg-4 pe-lg-3 pt-3 pagination-content justify-content-between"},e.createElement("div",{className:"d-flex align-items-center gap-2"},e.createElement("p",{className:"mb-0"},m,":"),e.createElement(B,{show:p,onToggle:()=>{g(!p)},variant:"input",fullWidth:!0,selectedValue:n,size:"sm",autoClose:!0,label:""},e.createElement(e.Fragment,null,i.map((t=>e.createElement(d.DropdownItem,{key:t,onClick:()=>(e=>{o(e),g(!1)})(t),active:t===n},t)))))),e.createElement("div",{className:"pagination-wrapper"},e.createElement(_,{variant:"secondary",size:"sm",onClick:s,disabled:1===a,startIcon:"chevron-left"}),"local"===c&&u>1&&e.createElement("div",{className:"btn-group",role:"group"},b.map(((t,n)=>"..."===t?e.createElement("div",{key:`ellipsis-${n}`,className:"btn btn-sm btn-secondary btn-ellipsis"},"…"):e.createElement(_,{key:t,variant:"secondary",size:"sm",className:"page-number "+(t===a?"current-page":""),onClick:()=>r(t)},t)))),e.createElement(_,{variant:"secondary",size:"sm",onClick:l,disabled:a===u,startIcon:"chevron-right"})))))};Et.propTypes={currentPage:S.number.isRequired,pageSize:S.number.isRequired,onPageChange:S.func.isRequired,onPageSizeChange:S.func.isRequired,onPrevPage:S.func.isRequired,onNextPage:S.func.isRequired,pageSizeOptions:S.arrayOf(S.number),paginationMode:S.oneOf(["local","remote"]),showPerPageLabel:S.string,totalPages:S.number};const vt=({api:a,clientLogoUrl:n,clientNotFoundTitle:r,clientNotFoundText:o,clientSearchLabel:s,customLinks:l,customUrl:i,defaultOpened:c=!0,inModal:m=!1,onNavigate:p,selectedClient:g,setGroovinProfile:h,setShow:f,show:w,showClients:b=!1})=>{const E=!!m\|\|t.useMediaQuery({query:"(max-width: 992px)"}),v=void 0!==i?i:window.location.pathname,[y,N]=e.useState([]),[k,x]=e.useState(null),[C,S]=e.useState(!E&&c),[T,M]=e.useState(!1),[$,O]=e.useState(!1),P=e.useRef(null),L=e.useRef(!0);e.useEffect((()=>{a&&(async()=>{try{O(!0);const e=await te(a);N(e)}catch(e){console.error("fetchData error",e)}finally{O(!1)}})()}),[a]),e.useEffect((()=>{S(L.current?c:w)}),[w]),e.useEffect((()=>{E&&f&&!m&&f(C),m\|\|S(!E&&(L.current?c:w)),L.current=!1}),[]),e.useEffect((()=>{M(!1)}),[n]);return e.createElement("nav",{id:"sidebarMenu",className:"sidebar "+(C?"show":""),ref:P},m?e.createElement(e.Fragment,null):e.createElement("div",{className:"position-relative d-none d-lg-block"},e.createElement("button",{className:"collapse-button",onClick:()=>{S((e=>!e)),f(!w)}},e.createElement(D,{className:"collapse-icon",name:"angle-left"}))),e.createElement("div",{className:"scroll"},l.map(((t,n)=>e.createElement("div",{className:"sidebar-section",key:`sectionIndex${n}`},t.title?e.createElement("h4",null,e.createElement("span",null,t.title)):e.createElement(e.Fragment,null),t.backData&&a&&$?e.createElement(u,{width:"90%",count:5,containerClassName:"mb-3 ms-3 d-block",className:"mb-4"}):e.createElement("ul",{className:"nav"},(t.backData?y:t.links\|\|[]).map(((t,a)=>e.createElement("li",{className:"nav-item",key:`linksSections${a}`},t.children&&t.children.length?e.createElement(e.Fragment,null,e.createElement("button",{className:"btn-toggle "+(k!==`${n}.${a}`?"collapsed":""),onClick:()=>{var e;x(k===(e=`${n}.${a}`)?null:e)},"aria-controls":`collapse-menu-${t.name}`,"aria-expanded":k===`${n}.${a}`},e.createElement(D,{name:t.icon}),e.createElement("span",null,t.name)),e.createElement(d.Collapse,{in:k===`${n}.${a}`},e.createElement("ul",{className:"btn-toggle-nav",id:`collapse-menu-${n}-${a}`},t.children.map(((a,n)=>e.createElement("li",{key:`childSectionIndex${n}`},e.createElement("button",{className:"nav-link "+(v===a.url?"active":""),onClick:()=>p(a.url)},!E&&e.createElement(D,{name:t.icon,style:"regular"}),e.createElement("span",null,a.name)))))))):e.createElement(e.Fragment,null,e.createElement("button",{className:"nav-link "+(v===t.url?"active":""),onClick:()=>p(t.url)},e.createElement(D,{name:t.icon}),t.pendingType?e.createElement("div",{className:"link-wrapper"},e.createElement("span",null,t.name),t.pendingLength>0&&("warning"===t.pendingType?e.createElement(D,{name:"triangle-exclamation",className:"warning-icon",style:"duotone"}):"badge"===t.pendingType?e.createElement("span",{className:"badge"},t.pendingLength):null)):e.createElement("span",null,t.name))))))))))),(!0===b\|\|"single"===b)&&e.createElement("div",{className:"bottom-list"},!0===b?e.createElement(ft,{clientLogoUrl:n,profileSelectedClient:g,showClients:b,setGroovinProfile:h,clientNotFoundTitle:r,clientNotFoundText:o,clientSearchLabel:s}):e.createElement("div",{className:"client-logo"},!T&&e.createElement(u,{width:178,height:"3rem"}),e.createElement("img",{src:n,alt:"Client Logo",onLoad:()=>M(!0),onError:()=>M(!0),style:{display:T?"block":"none"}}))))};vt.propTypes={api:S.string,clientLogoUrl:S.string,clientNotFoundTitle:S.string,clientNotFoundText:S.string,clientSearchLabel:S.string,customLinks:S.array.isRequired,customUrl:S.oneOfType([S.string,S.oneOf([void 0])]),defaultOpened:S.bool,inModal:S.bool,onNavigate:S.func.isRequired,pendingType:S.oneOf(["warning","badge"]),selectedClient:S.object,setGroovinProfile:S.func,setShow:S.func,show:S.bool,showClients:S.oneOf([!0,!1,"single"])};const yt=({className:t="",current:a,list:n,orientation:r="horizontal"})=>e.createElement("ol",{className:`stepper ${r} ${t}`},n.map(((t,n)=>e.createElement("li",{key:"Stepper"+n,className:a===n?"current":""},e.createElement("span",null,t)))));function Nt({activeTab:t=1,className:a="",disabledTabs:n=[],navigateTab:r=!1,onNavigate:o,setActiveTab:s,tabs:l=[]}){const{toCamelCase:i}=A(),[c,m]=e.useState(t);return e.useEffect((()=>{m(t)}),[t]),e.createElement(d.Nav,{variant:"tabs",activeKey:i(l[c-1]?.tab),onSelect:e=>{if(r){const t=l.find((t=>i(t.tab)===e));o(t.url)}else{const t=l.findIndex((t=>i(t.tab)===e))+1;s?s(t):m(t)}},className:a},(l\|\|[])?.map((({tab:t,badgeNumber:a,warningIcon:r},o)=>{const s=o+1,l=n.includes(s);return e.createElement(d.Nav.Item,{key:`tabs.tab: ${o}`},e.createElement(d.Nav.Link,{eventKey:i(t),className:l?"disabled":""},r&&e.createElement(D,{name:"triangle-exclamation",className:"warning-icon",style:"duotone"}),(e=>{if("api_keys"===e)return"API Keys";const t=e.replace("_"," ");return t.charAt(0).toUpperCase()+t.slice(1)})(t),a&&e.createElement("span",{className:"tab-badge"},a)))})))}yt.propTypes={className:S.string,current:S.number.isRequired,list:S.array.isRequired,orientation:S.oneOf(["horizontal","vertical"])},Nt.propTypes={activeTab:S.number,className:S.string,disabledTabs:S.arrayOf(S.number),navigateTab:S.bool,onNavigate:S.func,setActiveTab:S.func,tabs:S.array.isRequired};const kt=({rows:t,cols:a,className:n=""})=>{const[r,o]=e.useState([]),[s,l]=e.useState([[]]);return e.useEffect((()=>{o(new Array(a).fill()),l(new Array(t).fill(new Array(a).fill()))}),[t,a]),r.length&&s.length?e.createElement("div",{className:`table-skeleton shadow-1 ${n}`},e.createElement("div",{className:"table-skeleton-header"},r.map(((t,a)=>e.createElement("div",{key:a,className:"table-skeleton-col"},e.createElement(u,{width:"50%",height:12}))))),e.createElement("div",{className:"table-skeleton-body"},s.map(((t,a)=>e.createElement("div",{key:a,className:"table-skeleton-row"},t.map(((t,a)=>e.createElement("div",{key:a,className:"table-skeleton-col"},e.createElement(u,{containerClassName:"w-100",width:"100%",height:19}))))))))):null};kt.propTypes={rows:S.number.isRequired,cols:S.number.isRequired,className:S.string},exports.Alert=P,exports.Aside=ut,exports.BlockIcon=L,exports.Button=_,exports.Checkbox=j,exports.DropdownComponent=B,exports.DropdownDatePicker=st,exports.DropdownFilter=se,exports.DropdownMultiSelect=le,exports.DropdownSimpleDatePicker=ot,exports.EditableContent=q,exports.Icon=D,exports.Input=H,exports.InputChip=Q,exports.InputEmail=oe,exports.LoginSource=F,exports.ModalComponent=lt,exports.Navbar=bt,exports.Pagination=Et,exports.PillComponent=z,exports.ProgressBar=R,exports.Radio=Y,exports.Sidebar=vt,exports.Slider=U,exports.Spinner=I,exports.StatusIcon=W,exports.Stepper=yt,exports.Switch=K,exports.TableSkeleton=kt,exports.Tabnav=Nt,exports.Textarea=G,exports.ToastComponent=ct,exports.ToastProgress=mt;
1	+ "use strict";var e=require("react"),t=require("react-responsive"),a=require("@fortawesome/react-fontawesome"),n=require("@fortawesome/fontawesome-svg-core"),r=require("@fortawesome/pro-solid-svg-icons"),o=require("@fortawesome/pro-regular-svg-icons"),s=require("@fortawesome/pro-duotone-svg-icons"),l=require("@fortawesome/free-brands-svg-icons"),i=require("react-bootstrap/Dropdown"),c=require("js-cookie"),m=require("axios"),u=require("react-loading-skeleton"),d=require("react-bootstrap"),p=require("react-datepicker"),g=require("react-bootstrap/Toast"),h=require("react-bootstrap/Container");function f(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var w=f(r),b=f(o),E=f(s),v=f(l);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},y.apply(null,arguments)}function N(){}function k(){}k.resetWarningCache=N;var x,C,S=(x=function(e){e.exports=function(){function e(e,t,a,n,r,o){if("SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"!==o){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var a={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:k,resetWarningCache:N};return a.PropTypes=a,a}()},x(C={exports:{}},C.exports),C.exports);const T=e=>Object.keys(e).filter((e=>e.startsWith("fa")&&"fa"!==e)).map((t=>e[t]));n.library.add(...T(w),...T(b),...T(E),...T(v));const M={solid:"fas",regular:"far",duotone:"fad",brands:"fab"},O={.7:"icon-07x",1:"icon-1x",2:"icon-2x",3:"icon-3x",4:"icon-4x"},$={beat:{beat:!0},fade:{fade:!0},"beat-fade":{beatFade:!0},bounce:{bounce:!0},flip:{flip:!0},shake:{shake:!0},spin:{spin:!0},"spin-reverse":{spin:!0,spinReverse:!0},pulse:{pulse:!0}},D=({animation:t="",className:n="",name:r="font-awesome",scale:o=1,style:s="solid"})=>{const l=[M[s]\|\|"fas",r],i=$[t]\|\|{},c=`${O[o]\|\|""} ${n}`.trim();return e.createElement(a.FontAwesomeIcon,y({icon:l,className:c},i))};D.propTypes={animation:S.oneOf(["beat","fade","beat-fade","bounce","flip","shake","spin","spin-reverse","pulse"]),className:S.string,name:S.string,scale:S.oneOf([.7,1,2,3,4]),style:S.oneOf(["solid","regular","duotone","brands"])};const P=({animation:t=!1,children:a,className:n="",icon:r=!0,onClose:o=null,size:s="md",type:l="info"})=>e.createElement("div",{className:`alert ${t?"alert-animation":""} alert-${l} alert-${s} ${n}`,role:"alert"},e.createElement("div",{className:"alert-wrapper"},r&&e.createElement(D,{style:"solid",name:{info:"circle-info",success:"check",warning:"triangle-exclamation",danger:"circle-xmark"}[l]}),e.createElement("span",null,a)),o&&e.createElement("button",{onClick:o,className:"btn-close"},e.createElement(D,{style:"solid",name:"xmark"})));P.propTypes={animation:S.bool,children:S.node.isRequired,className:S.string,icon:S.bool,onClose:S.func,size:S.oneOf(["sm","md","lg"]),type:S.oneOf(["warning","danger","success","info"]).isRequired};const L=({className:t="",color:a="neutral",size:n="md",name:r="font-awesome"})=>e.createElement("div",{className:`block-icon block-icon-${n} ${a} ${t}`},e.createElement(D,{name:r,style:"duotone",scale:{sm:1,md:2,lg:3}[n]}));L.propTypes={className:S.string,color:S.oneOf(["green","grey","yellow","red","danger","neutral","blue","light","midtone","dark"]),size:S.oneOf(["sm","md","lg"]),name:S.string};const q=({as:t="",className:a="",onChange:n,onSave:r,value:o})=>{const[s,l]=e.useState(!1),[i,c]=e.useState(o),[m,u]=e.useState(!1),[d,p]=e.useState(!1),[g,h]=e.useState({}),f=e.useRef(null),w=e.useRef(null),b=async e=>{try{if(""===e.trim())return n(i),void l(!1);await r(e),u(!0),l(!1),setTimeout((()=>{u(!1)}),2e3)}catch(e){throw p(!0),l(!1),setTimeout((()=>{p(!1)}),2e3),e}};e.useEffect((()=>{s&&f.current&&f.current.focus()}),[s]),e.useEffect((()=>{if(w.current&&!s){const e=window.getComputedStyle(w.current),t=parseFloat(e.width)+2parseFloat(e.fontSize);h({fontSize:e.fontSize,fontFamily:e.fontFamily,fontWeight:e.fontWeight,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing,width:`${t}px`})}}),[s]);const E=()=>e.createElement("svg",{className:"success-check-icon",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e.createElement("circle",{cx:"8",cy:"8",r:"7.07",stroke:"currentColor",strokeWidth:"1.4",className:"success-circle"}),e.createElement("polyline",{points:"5.34 9.23 7.03 10.94 10.71 5.82",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round",className:"success-check"}));return e.createElement("div",{className:`editable-content ${m?"success":""} ${a}`,onClick:()=>{m\|\|(c(o),l(!0))}},s?e.createElement("input",{type:"text",value:o,ref:f,onBlur:()=>{l(!1),o!==i&&b(o)},onChange:({target:e})=>{n(e.value)},onKeyDown:e=>{"Enter"===e.key?(b(o),l(!1)):"Escape"===e.key&&(n(i),l(!1))},style:g}):e.createElement("div",{className:"editable-content-display",style:{fontSize:g.fontSize}},e.createElement(t,{className:d?"error":"",ref:w},o),m&&e.createElement("div",{className:"success-animation"},e.createElement(E,null))))};q.propTypes={as:S.string.isRequired,className:S.string,onChange:S.func.isRequired,onSave:S.func.isRequired,value:S.string};const F=({logo:t="groovinads",className:a=""})=>e.createElement("div",{className:`login-source ${t\|\|""} ${a}`,"aria-label":`${t} logo`});F.propTypes={className:S.string,logo:S.oneOf(["groovinads","google","microsoft","linkedin","slack"])};const z=({children:t,className:a="",closeButton:n=!1,color:r="neutral",disabled:o=!1,onClick:s})=>e.createElement("div",{className:`pill ${r} ${a} ${o?"disabled":""}`},e.createElement("span",null,t),n&&e.createElement("button",{onClick:s},e.createElement(D,{style:"solid",name:"xmark",scale:.7})));z.propTypes={className:S.string,closeButton:S.bool,color:S.oneOf(["green","yellow","red","danger","neutral","blue","light","midtone","dark"]),disabled:S.bool,onClick:S.func};const R=({className:t="",dangerTo:a,label:n,max:r=100,orientation:o="horizontal",showNumbers:s=!1,value:l=0,warningTo:i})=>{const c=void 0!==a&&l>=a?"danger":void 0!==i&&l>=i?"warning":"",m=["progress-bar-container",o,t].filter(Boolean).join(" "),u=["progress-bar",c].filter(Boolean).join(" ");return e.createElement("div",{className:m},n&&e.createElement("label",{className:"progress-bar-label"},n),e.createElement("div",{className:"progress-bar-wrapper"},e.createElement("progress",y({className:u,value:l,max:r},"vertical"===o&&{orient:"vertical"})),s&&e.createElement("div",{className:"progress-bar-numbers"},e.createElement("span",null,"0"),e.createElement("span",null,r))))};R.propTypes={className:S.string,dangerTo:S.number,label:S.string,max:S.number,orientation:S.oneOf(["horizontal","vertical"]),showNumbers:S.bool,value:S.number,warningTo:S.number};const I=({className:t="",scale:a=1})=>e.createElement(D,{name:"spinner-third",scale:a,animation:"spin",className:t});I.propTypes={className:S.string,scale:S.oneOf([.7,1,2,3,4])};const W=({animated:t=!1,className:a="",status:n=0})=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:3===n?"0 0 24 16":"0 0 16 16",className:`status-icon ${(e=>{switch(e){case 1:return"active";case 3:return"active-warning";case 4:return"warning";case 5:return"danger";default:return""}})(n)} ${a} ${t?"animated":""}`},e.createElement("circle",{cx:3===n?"12":"8",cy:"8",r:"8"}),(()=>{switch(n){case 1:return e.createElement(e.Fragment,null,e.createElement("polyline",{className:"line-back",points:"0 7.99 4.99 7.99 6.29 12 9.82 4 10.99 8 16 8"}),e.createElement("polyline",{className:"line-front",points:"0 7.99 4.99 7.99 6.29 12 9.82 4 10.99 8 16 8"}));case 3:return e.createElement(e.Fragment,null,e.createElement("path",{d:"M3.5304 1.14718C4.00269 1.4241 4.13257 1.9886 3.83739 2.37202C2.69207 4.0229 2.01906 5.94004 2.01906 7.96369C2.01906 9.98735 2.69207 11.979 3.83739 13.5873C4.14438 14.0133 4.00269 14.5778 3.5304 14.8548C3.0581 15.1317 2.43231 15.0039 2.13713 14.5459C0.779285 12.682 0 10.424 0 7.96369C0 5.50336 0.779285 3.31995 2.12532 1.41345C2.43231 0.998071 3.0581 0.870262 3.5304 1.14718Z"}),e.createElement("path",{d:"M20.4682 1.14658C20.9391 0.869859 21.5631 0.997576 21.8692 1.4233C23.223 3.31777 24 5.5741 24 7.96879C24 10.3635 23.223 12.6837 21.8692 14.5462C21.5631 15.0039 20.9391 15.1316 20.4682 14.8549C19.9973 14.5781 19.8678 14.0141 20.1621 13.5883C21.3158 11.9812 21.9751 10.0655 21.9751 7.96879C21.9751 5.87211 21.3158 4.03085 20.1621 2.38118C19.856 1.98738 19.9973 1.4233 20.4682 1.15722V1.14658Z"}),e.createElement("path",{d:"M12 12C12.5523 12 13 11.5523 13 11C13 10.4477 12.5523 10 12 10C11.4477 10 11 10.4477 11 11C11 11.5523 11.4477 12 12 12Z"}),e.createElement("path",{d:"M12 3C12.5465 3 13 3.3986 13 3.9021V8.0979C13 8.59091 12.5581 9 12 9C11.4419 9 11 8.6014 11 8.0979V3.9021C11 3.40909 11.4419 3 12 3Z"}));default:return null}})());W.propTypes={animated:S.bool,className:S.string,status:S.number.isRequired};const _=({badge:a,children:n,className:r="",disabled:o=!1,endIcon:s,hideLabelOnDesktop:l=!1,hideLabelOnMobile:i=!1,onClick:c,processing:m=!1,size:u="md",startIcon:d,style:p="default",variant:g="primary"})=>{const h=t.useMediaQuery({query:"(max-width: 768px)"});i&&l&&console.warn("Button: hideLabelOnMobile and hideLabelOnDesktop should not be used together");const f=h&&i\|\|!h&&l,w=m?e.createElement(e.Fragment,null,e.createElement(I,{scale:1}),n&&e.createElement("span",null,n,"…")):e.createElement(e.Fragment,null,d&&e.createElement(D,{style:"solid",name:d,scale:1}),n&&!f&&e.createElement("span",null,n),s&&e.createElement(D,{style:"solid",name:s,scale:1}));return e.createElement("button",y({className:`btn ${r}\n btn-${g}\n btn-${p}\n btn-${u}\n ${m?"btn-processing":""}\n ${o?"disabled":""}`,onClick:c},a&&{"data-badge":a}),w)};_.propTypes={badge:S.string,children:S.node,className:S.string,disabled:S.bool,endIcon:S.string,hideLabelOnDesktop:S.bool,hideLabelOnMobile:S.bool,onClick:S.func,processing:S.bool,size:S.oneOf(["sm","md","lg"]),startIcon:S.string,style:S.oneOf(["default","success","danger","warning","link"]),variant:S.oneOf(["primary","secondary","terciary","outline"])};const B=({align:t="start",autoClose:a=!1,children:n,className:r="",disabled:o=!1,drop:s,fullWidth:l=!1,icon:c,isChild:m=!1,label:u,onToggle:d,overflow:p=!1,processing:g=!1,requiredText:h,selectedValue:f,setShow:w,show:b,showError:E=!1,size:v="md",style:y="default",variant:N="primary"})=>{const[k,x]=e.useState(!!b),[C,S]=e.useState(null),T=e.useRef(null),M=e.useRef(null),O=()=>{switch(s){case"up":return"angle-up";case"end":return"angle-right";case"start":return"angle-left";default:return"angle-down"}};return e.useEffect((()=>{x(b),l&&M.current&&S(M.current.offsetWidth)}),[b,l]),e.createElement(i,{autoClose:a,show:k,onToggle:(e,t)=>{x(e),w&&w(e),d&&d(e,t),l&&M.current&&S(M.current.offsetWidth)},className:r,align:t,drop:s,disabled:m?void 0:o\|\|g,"data-error":h},e.createElement(i.Toggle,{ref:M,as:m?"div":void 0,bsPrefix:m?"":void 0,className:(()=>{if(m)return"";const e=["btn",`btn-${N}`,`btn-${y}`,`btn-${v}`];return("input"===N\|\|l)&&e.push("w-100"),E&&e.push("not-validated"),(o\|\|g)&&e.push("disabled"),g&&e.push("btn-processing"),e.join(" ")})()},"start"===s?e.createElement(e.Fragment,null,(u\|\|"input"===N)&&e.createElement(D,{name:O(),className:"caret"}),"input"===N?e.createElement(e.Fragment,null,u&&e.createElement("span",{className:"dropdown-label"},u,g&&"…"),g?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(I,{scale:1}),e.createElement("span",null,f)):c?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(D,{style:"solid",name:c,scale:1}),e.createElement("span",null,f)):e.createElement("span",null,f)):u&&e.createElement("span",null,u,g&&"…"),"input"!==N&&(g?e.createElement(I,{scale:1}):c&&e.createElement(D,{style:"solid",name:c,scale:1}))):e.createElement(e.Fragment,null,"input"!==N&&(g?e.createElement(I,{scale:1}):c&&e.createElement(D,{style:"solid",name:c,scale:1})),"input"===N?e.createElement(e.Fragment,null,u&&e.createElement("span",{className:"dropdown-label"},u,g&&"…"),g?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(I,{scale:1}),e.createElement("span",null,f)):c?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(D,{style:"solid",name:c,scale:1}),e.createElement("span",null,f)):e.createElement("span",null,f)):u&&e.createElement("span",null,u,g&&"…"),(u\|\|"input"===N)&&e.createElement(D,{name:O(),className:"caret"}))),e.createElement(i.Menu,{align:t,ref:T,className:l?"full-width":"",style:l?{width:C}:void 0,popperConfig:(()=>{if(p)return{strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]}})(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},(()=>{const t=n?.props?.children;return t?e.Children.map(t,(t=>"DropdownItem"===t?.type?.displayName\|\|"DropdownItem"===t?.type?.name?e.cloneElement(t,{as:"div"}):t)):null})())))};B.propTypes={align:S.oneOf(["start","end"]),autoClose:S.oneOfType([S.bool,S.oneOf(["inside","outside"])]),children:S.node,className:S.string,disabled:S.bool,drop:S.oneOf(["up","down","start","end"]),fullWidth:S.bool,icon:S.string,isChild:S.bool,label:S.node,onToggle:S.func,overflow:S.bool,processing:S.bool,requiredText:S.string,selectedValue:S.node,setShow:S.func,show:S.bool,showError:S.bool,size:S.oneOf(["sm","md","lg"]),style:S.oneOf(["default","success","danger","warning","link"]),variant:S.oneOf(["primary","secondary","terciary","outline","input"])};const A=()=>{const t=e.useCallback((e=>{let t=e?.replace(/(?:^\w\|[A-Z]\|\b\w\|\s+)/g,(function(e,t){return 0==+e?"":0===t?e?.toLowerCase():e?.toUpperCase()}));return t=t?.replace(/^\d+/,""),t=t?.replace(/[^a-zA-Z0-9_]/g,""),t}),[]);return{toCamelCase:t,highlightText:(t,a)=>{if(!a)return t;const n=t.split(new RegExp(`(${a})`,"gi"));return e.createElement("span",null,n.map(((t,n)=>e.createElement("span",{className:[t.toLowerCase()===a.toLowerCase()&&"highligthed-search"],key:n},t))))},capitalice:e=>e?`${e.charAt(0).toUpperCase()}${e.slice(1)}`:""}},j=({children:t,className:a="",disabled:n=!1,id:r,name:o,setStatus:s,size:l="md",status:i=!1})=>{const{toCamelCase:c}=A();let m=r;r\|\|"string"!=typeof t\|\|(m=c(t));return e.createElement("div",{className:`form-group form-check ${a} ${n?"disabled":""}`},e.createElement("label",{className:"checkbox "+("lg"===l?"checkbox-lg":"sm"===l?"checkbox-sm":"")},e.createElement("input",{type:"checkbox",checked:i,onChange:e=>{s(e.target.checked)},minLength:"1",id:m,name:o}),t))};j.propTypes={className:S.string,disabled:S.bool,id:S.string,name:S.string,setStatus:S.func,size:S.oneOf(["sm","md","lg"]),status:S.bool};const H=({autoFocus:t=!1,className:a="",disabled:n=!1,focus:r=!1,helpText:o,icon:s,label:l="Input label",max:i,maxLength:c,min:m,name:u,onChange:d,prefix:p,requiredText:g,setShowError:h,showError:f,size:w="md",suffix:b,type:E="text",value:v})=>{const{toCamelCase:y}=A(),N=e.useRef(null),k=y(l);e.useEffect((()=>{f&&setTimeout((()=>{h(!1)}),3e3)}),[f]),e.useEffect((()=>{N.current&&r&&N.current.focus()}),[r]);const x=(()=>{switch(E){case"email":return"email";case"tel":return"tel";case"number":return"numeric";default:return}})();return e.createElement("div",{className:`position-relative ${a} ${n?"disabled":""}`},p\|\|b\|\|s?e.createElement("div",{className:"input-group "+(f?"not-validated":""),"data-error":g},s&&e.createElement("span",{className:"input-group-text"},e.createElement(D,{style:"solid",name:s,scale:1})),p&&e.createElement("span",{className:"input-group-text"},p),e.createElement("div",{className:"form-floating"},e.createElement("input",{type:E,className:"form-control "+("md"!==w?`form-control-${w}`:""),value:v,id:k,name:u,placeholder:l,onChange:d,required:!!g,autoFocus:t,ref:N,min:m,max:i,inputMode:x}),e.createElement("label",{htmlFor:k},l)),b&&e.createElement("span",{className:"input-group-text"},b)):e.createElement("div",{className:"form-floating "+(f?"not-validated":""),"data-error":g},e.createElement("input",{type:E,className:"form-control "+("md"!==w?`form-control-${w}`:""),value:v,id:k,placeholder:l,onChange:d,required:!!g,name:u,autoFocus:t,ref:N,min:m,max:i,maxLength:c,inputMode:x}),e.createElement("label",{htmlFor:k},l)),o&&e.createElement("small",{className:"text-muted"},o))};H.propTypes={autoFocus:S.bool,className:S.string,disabled:S.bool,focus:S.bool,helpText:S.string,icon:S.string,label:S.string,max:S.oneOfType([S.string,S.number]),maxLength:S.number,min:S.oneOfType([S.string,S.number]),name:S.string,onChange:S.func,prefix:S.string,requiredText:S.string,size:S.oneOf(["sm","md","lg"]),showError:S.bool,setShowError:S.func,suffix:S.string,type:S.oneOf(["color","date","datetime-local","email","file","image","month","number","password","tel","text","time","url","week"]),value:S.oneOfType([S.string,S.number])};const Y=({children:t,className:a="",disabled:n=!1,fullWidth:r=!1,id:o,name:s,setStatus:l,size:i="md",status:c=!0})=>{const{toCamelCase:m}=A();let u=o;o\|\|"string"!=typeof t\|\|(u=m(t));return e.createElement("div",{className:`form-group form-check ${a} ${n?"disabled":""}`},e.createElement("label",{className:`radio ${r?"w-100":""} ${"lg"===i?"radio-lg":"sm"===i?"radio-sm":""}`},e.createElement("input",{type:"radio",checked:c,onChange:e=>{l(e.target.checked)},minLength:"1",id:u,name:s}),t))};Y.propTypes={className:S.string,disabled:S.bool,fullWidth:S.bool,id:S.string,name:S.string,setStatus:S.func,size:S.oneOf(["sm","md","lg"]),status:S.bool};const U=({className:t="",disabled:a=!1,label:n,labelInputMax:r="Max",labelInputMin:o="Min",max:s=100,min:l=0,onChange:i,orientation:c="horizontal",range:m=!1,step:u=1,tooltip:d=!0,value:p})=>{const g=m,h=g?Array.isArray(p)?p:[l,s]:"number"==typeof p?p:l,[f,w]=e.useState(null),[b,E]=e.useState(null),v=e.useRef(null),y=e.useCallback((e=>{const t=Math.round(e/u)u;return Math.min(Math.max(t,l),s)}),[l,s,u]),N=e.useCallback((e=>(e-l)/(s-l)100),[l,s]),k=e.useCallback(((e,t)=>{if(!v.current)return l;const a=v.current.getBoundingClientRect();let n;n="vertical"===c?1-(t-a.top)/a.height:(e-a.left)/a.width,n=Math.min(Math.max(n,0),1);return y(l+n(s-l))}),[c,l,s,y]),x=e.useCallback(((e,t)=>{if(!f\|\|a)return;const n=k(e,t);if(g){const[e,t]=h;if("start"===f){const e=Math.min(n,t-u);i?.([y(e),t])}else if("end"===f){const t=Math.max(n,e+u);i?.([e,y(t)])}}else i?.(n)}),[f,a,k,g,h,i,u,y]);e.useEffect((()=>{const e=e=>{x(e.clientX,e.clientY)},t=()=>{w(null),E(null)},a=e=>{e.touches.length>0&&x(e.touches[0].clientX,e.touches[0].clientY)},n=()=>{w(null),E(null)};return f&&(document.addEventListener("mousemove",e),document.addEventListener("mouseup",t),document.addEventListener("touchmove",a),document.addEventListener("touchend",n)),()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",t),document.removeEventListener("touchmove",a),document.removeEventListener("touchend",n)}}),[f,x]);const C=e=>t=>{a\|\|(t.preventDefault(),w(e),E(e))},S=e=>t=>{if(a)return;const n=t.target.value;if(""===n)return;let r=parseFloat(n);if(!isNaN(r))if(r=y(r),g){const[t,a]=h;if("start"===e){const e=Math.min(r,a-u);i?.([y(Math.max(e,l)),a])}else{const e=Math.max(r,t+u);i?.([t,y(Math.min(e,s))])}}else i?.(r)},T=e=>{const t=N(e);return"vertical"===c?{bottom:`${t}%`}:{left:`${t}%`}},M=(t,a)=>d&&b===a?e.createElement("span",{className:"slider-tooltip"},Math.round(t),"%"):null;return e.createElement("div",{className:`slider-container slider-${c} ${a?"disabled":""} ${t}`},g?e.createElement(H,{type:"number",className:"slider-input",label:o,value:h[0],onChange:S("start"),min:l,max:h[1]-u,disabled:a,size:"sm",name:"sliderStartInput"}):n&&e.createElement("span",{className:"slider-label"},n),e.createElement("div",{className:"slider-track-container",ref:v,onClick:e=>{if(a\|\|f)return;const t=k(e.clientX,e.clientY);if(g){const[e,a]=h,n=(e+a)/2;i?.(t<n?[y(t),a]:[e,y(t)])}else i?.(t)}},e.createElement("div",{className:"slider-track"},e.createElement("div",{className:"slider-track-filled",style:(()=>{if(g){const[e,t]=h,a=N(e),n=N(t);return"vertical"===c?{bottom:`${a}%`,height:n-a+"%"}:{left:`${a}%`,width:n-a+"%"}}const e=N(h);return"vertical"===c?{bottom:"0%",height:`${e}%`}:{left:"0%",width:`${e}%`}})()})),g?e.createElement(e.Fragment,null,e.createElement("div",{className:"slider-thumb "+("start"===f?"dragging":""),style:T(h[0]),onMouseDown:C("start"),onTouchStart:C("start"),role:"slider","aria-valuemin":l,"aria-valuemax":h[1],"aria-valuenow":h[0],tabIndex:a?-1:0},M(h[0],"start")),e.createElement("div",{className:"slider-thumb "+("end"===f?"dragging":""),style:T(h[1]),onMouseDown:C("end"),onTouchStart:C("end"),role:"slider","aria-valuemin":h[0],"aria-valuemax":s,"aria-valuenow":h[1],tabIndex:a?-1:0},M(h[1],"end"))):e.createElement("div",{className:"slider-thumb "+("single"===f?"dragging":""),style:T(h),onMouseDown:C("single"),onTouchStart:C("single"),role:"slider","aria-valuemin":l,"aria-valuemax":s,"aria-valuenow":h,tabIndex:a?-1:0},M(h,"single"))),g?e.createElement(H,{type:"number",className:"slider-input",label:r,value:h[1],onChange:S("end"),min:h[0]+u,max:s,disabled:a,size:"sm",id:"sliderEndInput",name:"sliderEndInput"}):e.createElement(H,{type:"number",className:"slider-input",label:r,value:h,onChange:S("single"),min:l,max:s,disabled:a,size:"sm",id:"sliderSingleInput",name:"sliderSingleInput"}))};U.propTypes={className:S.string,disabled:S.bool,label:S.string,labelInputMax:S.string,labelInputMin:S.string,max:S.number,min:S.number,onChange:S.func,orientation:S.oneOf(["horizontal","vertical"]),range:S.bool,step:S.number,tooltip:S.bool,value:S.oneOfType([S.number,S.arrayOf(S.number)])};const K=({children:t,className:a="",disabled:n=!1,icon:r=!1,id:o,name:s,setStatus:l,size:i,status:c=0,switchPosition:m="start"})=>{const{toCamelCase:u}=A(),d="lg"===i?"form-switch-lg":"sm"===i?"form-switch-sm":"",p=o\|\|u(t);return e.createElement("div",{className:`form-check form-switch ${d} ${a} ${"end"===m?"switch-end":""} ${r?"switch-icon":""} ${n?"disabled":""}`},e.createElement("input",{className:"form-check-input",type:"checkbox",role:"switch",onChange:()=>{if("boolean"==typeof c)return l(!c);l(c?0:1)},id:p,name:s,checked:!!c}),t&&e.createElement("label",{className:"form-check-label",htmlFor:p},t))};K.propTypes={className:S.string,disabled:S.bool,icon:S.bool,id:S.string,name:S.string,setStatus:S.func,status:S.oneOfType([S.number,S.bool]),size:S.oneOf(["sm","md","lg"]),switchPosition:S.oneOf(["start","end"])};const G=({className:t="",disabled:a=!1,helpText:n,label:r="Textarea label",name:o,onChange:s,requiredText:l,showError:i,setShowError:c,size:m="md",value:u=""})=>{const{toCamelCase:d}=A(),p="lg"===m?"form-control-lg":"sm"===m?"form-control-sm":"",g=d(r);return e.useEffect((()=>{i&&setTimeout((()=>{c(!1)}),3e3)}),[i]),e.createElement("div",{className:`position-relative ${t} ${a?"disabled":""}`},e.createElement("div",{className:"form-floating "+(i?"not-validated":""),"data-error":l},e.createElement("textarea",{className:`form-control ${p}`,onChange:s,placeholder:r,id:g,name:o,required:!!l,value:u\|\|""}),e.createElement("label",{htmlFor:g},r),n&&e.createElement("small",{className:"text-muted"},n)))};G.propTypes={className:S.string,disabled:S.bool,helpText:S.string,label:S.string,name:S.string,onChange:S.func,requiredText:S.string,showError:S.bool,setShowError:S.func,size:S.oneOf(["sm","md","lg"]),value:S.string};const Q=({autoFocus:t=!1,className:a="",counter:n=!1,disabled:r=!1,duplicateKeywordErrorText:o="Duplicate keyword.",helpText:s,keywordsList:l=[],maxKeywords:i,maxKeywordLength:c,name:m,pillColor:u="neutral",placeholder:d="Add keywords…",recomendedKeywords:p,requiredText:g,setKeywordsList:h})=>{const{toCamelCase:f}=A(),[w,b]=e.useState(""),[E,v]=e.useState(""),[y,N]=e.useState(!1),k=f(d);return e.useEffect((()=>{l.length===i&&(N(!0),setTimeout((()=>{N(!1)}),3e3))}),[l]),e.createElement(e.Fragment,null,e.createElement("div",{className:`position-relative ${a} ${r?"disabled":""}`},e.createElement("div",{className:"input-chip "+(y\|\|E?"not-validated":""),"data-error":E\|\|g},e.createElement("div",{className:"wrapper"},l.map(((t,a)=>e.createElement(z,{key:a,closeButton:!0,color:u,onClick:()=>(e=>{const t=l.filter((t=>t!==e));h(t)})(t)},t)))),e.createElement("input",{type:"text",id:k,name:m,value:w,onKeyDown:e=>{if("Enter"===e.key&&""!==w.trim()&&l.length<i){if(w.length>c)return v(`Each keyword must be ${c} characters or less.`),setTimeout((()=>v("")),2e3),void b("");if(l.includes(w.trim()))return v(o),setTimeout((()=>v("")),2e3),void b("");const e=[...l,w.trim()];h(e),b("")}},onChange:e=>{b(e.target.value)},placeholder:d,autoFocus:t}),n&&l.length>=p&&e.createElement("div",{className:"progress-counter-wrapper "+(l.length>=i?"progress-value-error":l.length>=p?"progress-value-warning":"")},e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",className:"progress-counter"},e.createElement("circle",{className:"progress-bg",cx:"10",cy:"10",r:"9",fill:"none"}),e.createElement("circle",{className:"progress-value",cx:"10",cy:"10",r:"9",strokeDasharray:56.55,strokeDashoffset:56.55(1-l.length/i),strokeLinecap:"round",fill:"none"})),e.createElement("span",{className:"progress-counter-text"},l.length))),s&&e.createElement("small",{className:"text-muted"},s)))};Q.propTypes={autoFocus:S.bool,className:S.string,counter:S.bool,disabled:S.bool,duplicateKeywordErrorText:S.string,helpText:S.string,keywordsList:S.array.isRequired,maxKeywords:S.number.isRequired,maxKeywordLength:S.number.isRequired,name:S.string,pillColor:S.oneOf(["blue","danger","dark","green","light","midtone","neutral","red","yellow"]),placeholder:S.string.isRequired,recomendedKeywords:S.number.isRequired,requiredText:S.string.isRequired,setKeywordsList:S.func.isRequired};const V=(void 0).MODE,X="production"===V?"https://api.groovinads.com/":"localdev"===V?"https://api-test.groovinads.com/":"https://api-dev.groovinads.com/";var Z={authStatus:X+"v2/auth/status",authLogout:X+"v2/auth/logout",applications:X+"v2/applications",favApps:X+"v2/applications/favorite",clients:X+"v2/auth/clients",clientsLogin:X+"v2/auth/clients/login",headers:{headers:{"Content-Type":"application/json",Authorization:"Bearer "+c.get("groovinadsAuthToken"),"Accept-Language":"en"}}};m.defaults.withCredentials=!0;const J=async({url:e,signal:t})=>await m.get(e,{...Z.headers,signal:t}).then((({data:e})=>e)).catch((e=>Promise.reject(e\|\|"error en la url"))),ee=async({url:e,data:t})=>await m.post(e,t,Z.headers).then((({data:e})=>e)).catch((e=>Promise.reject(e\|\|"error en la url"))),te=async(e,t)=>await J({url:`${X}${e}`,signal:t}),ae=async(e,t)=>await ee({url:`${X}${e}`,data:t}),ne=async e=>await ee({url:`${Z.favApps}/${e}`,data:e}),re=async e=>await(async({url:e})=>await m.delete(e,Z.headers).then((({data:e})=>e)).catch((e=>Promise.reject(e\|\|"error en la url"))))({url:`${Z.favApps}/${e}`}),oe=({apiGetEmail:t,apiPostEmail:a,disabled:n=!1,label:r="Email addresses",showModal:o=!0,textButton:s="Add",textError:l="You must enter a valid email address",titleList:i="Added emails"})=>{const[c,m]=e.useState([]),[d,p]=e.useState(""),[g,h]=e.useState(!1),[f,w]=e.useState([]),[b,E]=e.useState(!1),v=/^\w+([.-_+]?\w+)@\w+([.-]?\w+)(\.\w{2,10})+$/;return e.useEffect((()=>{o?(async()=>{h(!0);const e=await te(t);m(e\|\|[]),h(!1)})():c.length&&m([])}),[o]),e.createElement(e.Fragment,null,e.createElement("div",{className:"mb-3"},e.createElement("div",{className:`mb-3 input-group w-100 mb-4 ${b?"not-validated":""} ${n?"disabled":""}`,"data-error":l},e.createElement(H,{label:r,value:d,onChange:e=>{(e=>{const t=e.target.value.replace(/\. +/g," ");p(t),t.trim()&&!v.test(t)\|\|E(!1)})(e)}}),e.createElement(_,{onClick:async()=>{const e=d.split(/[;, ]+/).map((e=>e.trim())).filter((e=>e.length>0)),t=e.filter((e=>!v.test(e))),n=e.filter((e=>v.test(e)));if(t.length&&(p(t.join(" ")),E(!0),setTimeout((()=>{E(!1)}),3e3)),n.length){const e=await ae(a,[...c,...n]);m(e)}p(t.join(" "))},className:""+(d.trim()?"":"disabled")},s))),g?e.createElement("div",{className:"shared-users-list"},e.createElement(u,{width:120,height:20,className:"mb-3"}),[1,2,3].map((t=>e.createElement("div",{key:`skeleton-${t}`,className:"shared-user-item"},e.createElement("div",{className:"shared-user"},e.createElement(u,{circle:!0,width:32,height:32}),e.createElement(u,{width:200,height:16})))))):c?.length?e.createElement("div",{className:"shared-users-list"},e.createElement("h3",null,i),c?.map(((t,n)=>e.createElement("div",{key:`email${n}`,className:"shared-user-item"},e.createElement("div",{className:"shared-user"},e.createElement(D,{name:"user-circle",scale:2}),e.createElement("span",null,t)),f.some((e=>e===t))?e.createElement("div",{className:"spinner-wrapper"},e.createElement(I,{scale:1})):e.createElement(_,{variant:"terciary",style:"danger",startIcon:"trash-can",onClick:()=>(async e=>{w([...f,e]);const t=c.filter((t=>t!==e)),n=await ae(a,t);setTimeout((()=>{w(f.filter((t=>t!==e))),m(n)}),1e3)})(t)}))))):null)};oe.propTypes={apiGetEmail:S.string.isRequired,apiPostEmail:S.string.isRequired,disabled:S.bool,label:S.string,showModal:S.bool,textButton:S.string,textError:S.string,titleList:S.string};const se=({autoClose:t=!1,className:a="",disabled:n=!1,locked:r=!1,menuType:o="simple",onRemoveFilter:s,onToggle:l,overflow:c=!1,requiredText:m,searchLabel:u="Search",setShow:d,setValuesSelected:p,show:g,showError:h=!1,title:f,values:w=[],valuesSelected:b=[]})=>{const[E,v]=e.useState(""),[y,N]=e.useState(!!g),k=e.useRef(null),x=e.useRef(null),C=()=>e.createElement("div",{className:"dropdown-filter-empty-space"},e.createElement("img",{src:"https://ui.groovinads.com/assets/not-found.svg",alt:"Sad magnifier on abstract background"}),e.createElement("div",null,e.createElement("h5",null,"Value not found"),e.createElement("p",null,"It looks like this value does not exist."))),S=(e,t)=>{p(e?[...b,t]:b.filter((e=>e!==t)))};e.useEffect((()=>{N(g)}),[g]);const T=e.useCallback((e=>{!k?.current\|\|k?.current.contains(e?.target)\|\|!0!==t&&"outside"!==t\|\|(N(!1),d(!1))}),[t,d]);e.useEffect((()=>(document.addEventListener("click",T),()=>{document.removeEventListener("click",T)})),[T]);const M=()=>{if(c)return{strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]}};return e.createElement(i,{onToggle:l,className:`dropdown-filter ${r?"locked":""} ${a} ${n?"disabled":""}`,autoClose:t,show:y,ref:k,"data-error":m},e.createElement(i.Toggle,{ref:x,variant:"toggle-filter",className:h?"not-validated":"",onClick:e=>{e.stopPropagation();const t=!y;N(t),d(t)}},e.createElement("div",{className:"filter-heading"},e.createElement("div",{className:"filter-title"},e.createElement("span",{className:"filter-title-text"},f),b.length>0&&e.createElement("span",{className:"filter-title-count"},` (${b.length})`),r&&e.createElement(D,{style:"solid",name:"lock-keyhole",scale:.7})),e.createElement(D,{style:"solid",name:"chevron-down",scale:1,className:"caret"})),e.createElement("div",{className:"filter-values"},b.length===w.length?"All selected":b.length?b.join("; "):"None")),!r&&e.createElement(_,{variant:"terciary",endIcon:"xmark",size:"md",className:"remove-filter",onClick:s}),"simple"===o&&e.createElement(i.Menu,{as:"div",className:"dropdown-menu-simple",popperConfig:M(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},y&&e.createElement("div",{className:"dropdown-menu-wrapper"},e.createElement(H,{size:"sm",label:u,icon:"magnifying-glass",className:"w-100",value:E,onChange:({target:e})=>v(e.value),customRef:g,autoFocus:!0}),w.filter((e=>e.toString().toLowerCase().includes(E.toLowerCase()))).length>0?e.createElement("ul",{className:"dropdown-filter-list"},w.filter((e=>e.toString().toLowerCase().includes(E.toLowerCase()))).map(((t,a)=>e.createElement(j,{setStatus:e=>{S(e,t)},status:b.includes(t),key:"Dropdown.Simple.Checkbox"+a},t)))):e.createElement(C,null)))),"selection"===o&&e.createElement(i.Menu,{as:"div",className:"dropdown-menu-selection",popperConfig:M(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},y&&e.createElement("div",{className:"dropdown-menu-wrapper"},e.createElement("div",{className:"dropdown-filter-list-wrapper"},e.createElement(H,{size:"sm",label:u,icon:"magnifying-glass",className:"w-100",value:E,onChange:({target:e})=>v(e.value),customRef:g,autoFocus:!0}),e.createElement("h4",null,"All values (",w.length,")"),w.filter((e=>e.toString().toLowerCase().includes(E.toLowerCase()))).length>0?e.createElement(e.Fragment,null,e.createElement("ul",{className:"dropdown-filter-list"},w.filter((e=>e.toString().toLowerCase().includes(E.toLowerCase()))).map(((t,a)=>e.createElement(j,{setStatus:e=>{S(e,t)},status:b.includes(t),key:"Dropdown.Selection.Checkbox"+a},t))))):e.createElement(C,null)),e.createElement("div",{className:"dropdown-filter-values-wrapper"},e.createElement("div",{className:"dropdown-filter-buttons-wrapper"},e.createElement(_,{startIcon:"check",size:"sm",variant:"terciary",onClick:()=>{p([...w])}},"Select all"),e.createElement(_,{startIcon:"xmark",size:"sm",variant:"terciary",onClick:()=>{p([])}},"Clear selection")),e.createElement("h4",null,"Selected values (",b.length,")"),e.createElement("div",{className:"dropdown-filter-selected-list"},b.map(((t,a)=>e.createElement(z,{color:"blue",closeButton:!0,onClick:()=>{(e=>{p(b.filter(((t,a)=>a!==e)))})(a)},key:"Dropdown.PillComponent"+a},t)))))))))};se.propTypes={autoClose:S.oneOfType([S.bool,S.oneOf(["outside"])]),className:S.string,disabled:S.bool,locked:S.bool,menuType:S.oneOf(["simple","selection"]),onRemoveFilter:S.func,onToggle:S.func,overflow:S.bool,requiredText:S.string,searchLabel:S.string,setShow:S.func,setValuesSelected:S.func,show:S.bool,showError:S.bool,title:S.string,values:S.array,valuesSelected:S.array};const le=({autoClose:t=!1,buttonVariant:a="input",className:n="",customKey:r,disabled:o=!1,drop:s,focus:l=!1,hasId:c=!0,idInPill:m=!1,idKey:u,label:d="",nameKey:p,notMatchedText:g="No match found",nowrap:h=!1,object:f=!1,onToggle:w,overflow:b=!1,requiredText:E="Required",searchLabel:v="Search",setValuesSelected:y,setShow:N,show:k,showError:x=!1,showStatus:C="",size:S="md",values:T=[],valuesSelected:M=[]})=>{const[O,$]=e.useState(""),[P,L]=e.useState(!!k),[q,F]=e.useState(null),R=e.useRef(null),I=e.useRef(null),W=e.useRef(null),{highlightText:_}=A(),B=T.filter((e=>(f?`${e[u]} ${e[p]} ${e[r]}`:e).toLowerCase().includes(O.toLowerCase())&&(!C\|\|parseInt(e.status)===parseInt(C))));e.useEffect((()=>{L(k),I.current&&F(I.current.offsetWidth)}),[k]),e.useEffect((()=>{const e=e=>{!R?.current\|\|R?.current.contains(e?.target)\|\|!0!==t&&"outside"!==t\|\|(L(!1),N(!1))};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[t,N]);const Y=["w-100 btn",`btn-${a}`,`btn-${S}`,h&&"nowrap",x&&"not-validated",o&&"disabled"].filter(Boolean).join(" ");return e.createElement(i,{className:n,autoClose:t,show:P,ref:R,onToggle:w,drop:s,"data-error":E},e.createElement(i.Toggle,{as:"div",ref:I,className:Y,onClick:e=>{e.stopPropagation();L(!P),I.current&&F(I.current.offsetWidth)}},M.length>0&&"input"===a&&e.createElement("div",{className:"wrapper"},M.map(((t,a)=>e.createElement(z,{color:"neutral",closeButton:!0,onClick:e=>{e.stopPropagation(),(e=>{y((t=>t.filter(((t,a)=>a!==e))))})(a)},key:`Dropdown.PillComponent.${a}`},(e=>r?`${e[p]} - ${e[r]}`:m?`#${e[u]} - ${e[p]}`:e[p]\|\|e)(t))))),e.createElement("span",{className:"label"},d),e.createElement(D,{style:"solid",name:"angle-down",scale:1,className:"caret"})),e.createElement(i.Menu,{className:"full-width",ref:W,style:q?{width:q}:void 0,popperConfig:(()=>{if(b)return{strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]}})(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},P&&e.createElement(e.Fragment,null,e.createElement(i.Item,{onClick:e=>e.stopPropagation(),as:"div"},e.createElement(H,{label:v,value:O,onChange:({target:e})=>$(e.value),icon:"magnifying-glass",size:"sm",className:"w-100",focus:l,autoFocus:!0})),e.createElement(i.Item,{onClick:e=>e.stopPropagation(),as:"div"},B.length>0?e.createElement("ul",{className:"dropdown-checks"},B.map(((t,a)=>e.createElement(j,{setStatus:e=>((e,t)=>{const a=T.findIndex((e=>(f?e[u]:e)===(f?t[u]:t)));y(e?e=>[...e,T[a]]:e=>e.filter((e=>(f?e[u]:e)!==(f?T[a][u]:T[a]))))})(e,t),status:f?M.some((e=>e[u]===t[u])):M.includes(t),key:`Dropdown.Input.Checkbox.${a}`},(e=>{const t=f?r?`${e[p]} - ${e[r]}`:`${c?`#${e[u]} - `:""}${e[p]}`:e[p]\|\|e;return _(t,O)})(t))))):e.createElement("div",{className:"not-matched"},e.createElement("p",null,g)))))))};le.propTypes={autoClose:S.oneOfType([S.bool,S.string]),buttonVariant:S.oneOf(["input","primary","secondary","terciary","outline"]),className:S.string,customKey:S.string,disabled:S.bool,drop:S.oneOf(["up","down"]),focus:S.bool,hasId:S.bool,idInPill:S.bool,idKey:S.string,label:S.string,nameKey:S.string,notMatchedText:S.string,nowrap:S.bool,object:S.bool,onToggle:S.func,overflow:S.bool,requiredText:S.string,searchLabel:S.string,setValuesSelected:S.func,setShow:S.func,show:S.bool,showError:S.bool,showStatus:S.string,size:S.oneOf(["sm","md","lg"]),values:S.array,valuesSelected:S.array};const ie=6048e5,ce=864e5,me=Symbol.for("constructDateFrom");function ue(e,t){return"function"==typeof e?e(t):e&&"object"==typeof e&&me in e?e[me](t):e instanceof Date?new e.constructor(t):new Date(t)}function de(e,t){return ue(t\|\|e,e)}let pe={};function ge(){return pe}function he(e,t){const a=ge(),n=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??a.weekStartsOn??a.locale?.options?.weekStartsOn??0,r=de(e,t?.in),o=r.getDay(),s=(o<n?7:0)+o-n;return r.setDate(r.getDate()-s),r.setHours(0,0,0,0),r}function fe(e,t){return he(e,{...t,weekStartsOn:1})}function we(e,t){const a=de(e,t?.in),n=a.getFullYear(),r=ue(a,0);r.setFullYear(n+1,0,4),r.setHours(0,0,0,0);const o=fe(r),s=ue(a,0);s.setFullYear(n,0,4),s.setHours(0,0,0,0);const l=fe(s);return a.getTime()>=o.getTime()?n+1:a.getTime()>=l.getTime()?n:n-1}function be(e){const t=de(e),a=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return a.setUTCFullYear(t.getFullYear()),+e-+a}function Ee(e,t){const a=de(e,t?.in);return a.setHours(0,0,0,0),a}function ve(e,t,a){const[n,r]=function(e,...t){const a=ue.bind(null,t.find((e=>"object"==typeof e)));return t.map(a)}(0,e,t),o=Ee(n),s=Ee(r),l=+o-be(o),i=+s-be(s);return Math.round((l-i)/ce)}function ye(e){return!(!((t=e)instanceof Date\|\|"object"==typeof t&&"[object Date]"===Object.prototype.toString.call(t))&&"number"!=typeof e\|\|isNaN(+de(e)));var t}const Ne={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function ke(e){return(t={})=>{const a=t.width?String(t.width):e.defaultWidth;return e.formats[a]\|\|e.formats[e.defaultWidth]}}const xe={date:ke({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:ke({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:ke({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},Ce={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function Se(e){return(t,a)=>{let n;if("formatting"===(a?.context?String(a.context):"standalone")&&e.formattingValues){const t=e.defaultFormattingWidth\|\|e.defaultWidth,r=a?.width?String(a.width):t;n=e.formattingValues[r]\|\|e.formattingValues[t]}else{const t=e.defaultWidth,r=a?.width?String(a.width):e.defaultWidth;n=e.values[r]\|\|e.values[t]}return n[e.argumentCallback?e.argumentCallback(t):t]}}function Te(e){return(t,a={})=>{const n=a.width,r=n&&e.matchPatterns[n]\|\|e.matchPatterns[e.defaultMatchWidth],o=t.match(r);if(!o)return null;const s=o[0],l=n&&e.parsePatterns[n]\|\|e.parsePatterns[e.defaultParseWidth],i=Array.isArray(l)?function(e,t){for(let a=0;a<e.length;a++)if(t(e[a]))return a;return}(l,(e=>e.test(s))):function(e,t){for(const a in e)if(Object.prototype.hasOwnProperty.call(e,a)&&t(e[a]))return a;return}(l,(e=>e.test(s)));let c;c=e.valueCallback?e.valueCallback(i):i,c=a.valueCallback?a.valueCallback(c):c;return{value:c,rest:t.slice(s.length)}}}var Me;const Oe={code:"en-US",formatDistance:(e,t,a)=>{let n;const r=Ne[e];return n="string"==typeof r?r:1===t?r.one:r.other.replace("{{count}}",t.toString()),a?.addSuffix?a.comparison&&a.comparison>0?"in "+n:n+" ago":n},formatLong:xe,formatRelative:(e,t,a,n)=>Ce[e],localize:{ordinalNumber:(e,t)=>{const a=Number(e),n=a%100;if(n>20\|\|n<10)switch(n%10){case 1:return a+"st";case 2:return a+"nd";case 3:return a+"rd"}return a+"th"},era:Se({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:Se({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:Se({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:Se({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:Se({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(Me={matchPattern:/^(\d+)(th\|st\|nd\|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)},(e,t={})=>{const a=e.match(Me.matchPattern);if(!a)return null;const n=a[0],r=e.match(Me.parsePattern);if(!r)return null;let o=Me.valueCallback?Me.valueCallback(r[0]):r[0];return o=t.valueCallback?t.valueCallback(o):o,{value:o,rest:e.slice(n.length)}}),era:Te({matchPatterns:{narrow:/^(b\|a)/i,abbreviated:/^(b\.?\s?c\.?\|b\.?\s?c\.?\s?e\.?\|a\.?\s?d\.?\|c\.?\s?e\.?)/i,wide:/^(before christ\|before common era\|anno domini\|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a\|c)/i]},defaultParseWidth:"any"}),quarter:Te({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th\|st\|nd\|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:Te({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan\|feb\|mar\|apr\|may\|jun\|jul\|aug\|sep\|oct\|nov\|dec)/i,wide:/^(january\|february\|march\|april\|may\|june\|july\|august\|september\|october\|november\|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:Te({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su\|mo\|tu\|we\|th\|fr\|sa)/i,abbreviated:/^(sun\|mon\|tue\|wed\|thu\|fri\|sat)/i,wide:/^(sunday\|monday\|tuesday\|wednesday\|thursday\|friday\|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:Te({matchPatterns:{narrow:/^(a\|p\|mi\|n\|(in the\|at) (morning\|afternoon\|evening\|night))/i,any:/^([ap]\.?\s?m\.?\|midnight\|noon\|(in the\|at) (morning\|afternoon\|evening\|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};function $e(e,t){const a=de(e,t?.in),n=ve(a,function(e,t){const a=de(e,t?.in);return a.setFullYear(a.getFullYear(),0,1),a.setHours(0,0,0,0),a}(a));return n+1}function De(e,t){const a=de(e,t?.in),n=+fe(a)-+function(e,t){const a=we(e,t),n=ue(e,0);return n.setFullYear(a,0,4),n.setHours(0,0,0,0),fe(n)}(a);return Math.round(n/ie)+1}function Pe(e,t){const a=de(e,t?.in),n=a.getFullYear(),r=ge(),o=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,s=ue(t?.in\|\|e,0);s.setFullYear(n+1,0,o),s.setHours(0,0,0,0);const l=he(s,t),i=ue(t?.in\|\|e,0);i.setFullYear(n,0,o),i.setHours(0,0,0,0);const c=he(i,t);return+a>=+l?n+1:+a>=+c?n:n-1}function Le(e,t){const a=de(e,t?.in),n=+he(a,t)-+function(e,t){const a=ge(),n=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??a.firstWeekContainsDate??a.locale?.options?.firstWeekContainsDate??1,r=Pe(e,t),o=ue(t?.in\|\|e,0);return o.setFullYear(r,0,n),o.setHours(0,0,0,0),he(o,t)}(a,t);return Math.round(n/ie)+1}function qe(e,t){return(e<0?"-":"")+Math.abs(e).toString().padStart(t,"0")}const Fe={y(e,t){const a=e.getFullYear(),n=a>0?a:1-a;return qe("yy"===t?n%100:n,t.length)},M(e,t){const a=e.getMonth();return"M"===t?String(a+1):qe(a+1,2)},d:(e,t)=>qe(e.getDate(),t.length),a(e,t){const a=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return a.toUpperCase();case"aaa":return a;case"aaaaa":return a[0];default:return"am"===a?"a.m.":"p.m."}},h:(e,t)=>qe(e.getHours()%12\|\|12,t.length),H:(e,t)=>qe(e.getHours(),t.length),m:(e,t)=>qe(e.getMinutes(),t.length),s:(e,t)=>qe(e.getSeconds(),t.length),S(e,t){const a=t.length,n=e.getMilliseconds();return qe(Math.trunc(nMath.pow(10,a-3)),t.length)}},ze="midnight",Re="noon",Ie="morning",We="afternoon",_e="evening",Be="night",Ae={G:function(e,t,a){const n=e.getFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return a.era(n,{width:"abbreviated"});case"GGGGG":return a.era(n,{width:"narrow"});default:return a.era(n,{width:"wide"})}},y:function(e,t,a){if("yo"===t){const t=e.getFullYear(),n=t>0?t:1-t;return a.ordinalNumber(n,{unit:"year"})}return Fe.y(e,t)},Y:function(e,t,a,n){const r=Pe(e,n),o=r>0?r:1-r;if("YY"===t){return qe(o%100,2)}return"Yo"===t?a.ordinalNumber(o,{unit:"year"}):qe(o,t.length)},R:function(e,t){return qe(we(e),t.length)},u:function(e,t){return qe(e.getFullYear(),t.length)},Q:function(e,t,a){const n=Math.ceil((e.getMonth()+1)/3);switch(t){case"Q":return String(n);case"QQ":return qe(n,2);case"Qo":return a.ordinalNumber(n,{unit:"quarter"});case"QQQ":return a.quarter(n,{width:"abbreviated",context:"formatting"});case"QQQQQ":return a.quarter(n,{width:"narrow",context:"formatting"});default:return a.quarter(n,{width:"wide",context:"formatting"})}},q:function(e,t,a){const n=Math.ceil((e.getMonth()+1)/3);switch(t){case"q":return String(n);case"qq":return qe(n,2);case"qo":return a.ordinalNumber(n,{unit:"quarter"});case"qqq":return a.quarter(n,{width:"abbreviated",context:"standalone"});case"qqqqq":return a.quarter(n,{width:"narrow",context:"standalone"});default:return a.quarter(n,{width:"wide",context:"standalone"})}},M:function(e,t,a){const n=e.getMonth();switch(t){case"M":case"MM":return Fe.M(e,t);case"Mo":return a.ordinalNumber(n+1,{unit:"month"});case"MMM":return a.month(n,{width:"abbreviated",context:"formatting"});case"MMMMM":return a.month(n,{width:"narrow",context:"formatting"});default:return a.month(n,{width:"wide",context:"formatting"})}},L:function(e,t,a){const n=e.getMonth();switch(t){case"L":return String(n+1);case"LL":return qe(n+1,2);case"Lo":return a.ordinalNumber(n+1,{unit:"month"});case"LLL":return a.month(n,{width:"abbreviated",context:"standalone"});case"LLLLL":return a.month(n,{width:"narrow",context:"standalone"});default:return a.month(n,{width:"wide",context:"standalone"})}},w:function(e,t,a,n){const r=Le(e,n);return"wo"===t?a.ordinalNumber(r,{unit:"week"}):qe(r,t.length)},I:function(e,t,a){const n=De(e);return"Io"===t?a.ordinalNumber(n,{unit:"week"}):qe(n,t.length)},d:function(e,t,a){return"do"===t?a.ordinalNumber(e.getDate(),{unit:"date"}):Fe.d(e,t)},D:function(e,t,a){const n=$e(e);return"Do"===t?a.ordinalNumber(n,{unit:"dayOfYear"}):qe(n,t.length)},E:function(e,t,a){const n=e.getDay();switch(t){case"E":case"EE":case"EEE":return a.day(n,{width:"abbreviated",context:"formatting"});case"EEEEE":return a.day(n,{width:"narrow",context:"formatting"});case"EEEEEE":return a.day(n,{width:"short",context:"formatting"});default:return a.day(n,{width:"wide",context:"formatting"})}},e:function(e,t,a,n){const r=e.getDay(),o=(r-n.weekStartsOn+8)%7\|\|7;switch(t){case"e":return String(o);case"ee":return qe(o,2);case"eo":return a.ordinalNumber(o,{unit:"day"});case"eee":return a.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return a.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return a.day(r,{width:"short",context:"formatting"});default:return a.day(r,{width:"wide",context:"formatting"})}},c:function(e,t,a,n){const r=e.getDay(),o=(r-n.weekStartsOn+8)%7\|\|7;switch(t){case"c":return String(o);case"cc":return qe(o,t.length);case"co":return a.ordinalNumber(o,{unit:"day"});case"ccc":return a.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return a.day(r,{width:"narrow",context:"standalone"});case"cccccc":return a.day(r,{width:"short",context:"standalone"});default:return a.day(r,{width:"wide",context:"standalone"})}},i:function(e,t,a){const n=e.getDay(),r=0===n?7:n;switch(t){case"i":return String(r);case"ii":return qe(r,t.length);case"io":return a.ordinalNumber(r,{unit:"day"});case"iii":return a.day(n,{width:"abbreviated",context:"formatting"});case"iiiii":return a.day(n,{width:"narrow",context:"formatting"});case"iiiiii":return a.day(n,{width:"short",context:"formatting"});default:return a.day(n,{width:"wide",context:"formatting"})}},a:function(e,t,a){const n=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return a.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"aaa":return a.dayPeriod(n,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return a.dayPeriod(n,{width:"narrow",context:"formatting"});default:return a.dayPeriod(n,{width:"wide",context:"formatting"})}},b:function(e,t,a){const n=e.getHours();let r;switch(r=12===n?Re:0===n?ze:n/12>=1?"pm":"am",t){case"b":case"bb":return a.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return a.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return a.dayPeriod(r,{width:"narrow",context:"formatting"});default:return a.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(e,t,a){const n=e.getHours();let r;switch(r=n>=17?_e:n>=12?We:n>=4?Ie:Be,t){case"B":case"BB":case"BBB":return a.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return a.dayPeriod(r,{width:"narrow",context:"formatting"});default:return a.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(e,t,a){if("ho"===t){let t=e.getHours()%12;return 0===t&&(t=12),a.ordinalNumber(t,{unit:"hour"})}return Fe.h(e,t)},H:function(e,t,a){return"Ho"===t?a.ordinalNumber(e.getHours(),{unit:"hour"}):Fe.H(e,t)},K:function(e,t,a){const n=e.getHours()%12;return"Ko"===t?a.ordinalNumber(n,{unit:"hour"}):qe(n,t.length)},k:function(e,t,a){let n=e.getHours();return 0===n&&(n=24),"ko"===t?a.ordinalNumber(n,{unit:"hour"}):qe(n,t.length)},m:function(e,t,a){return"mo"===t?a.ordinalNumber(e.getMinutes(),{unit:"minute"}):Fe.m(e,t)},s:function(e,t,a){return"so"===t?a.ordinalNumber(e.getSeconds(),{unit:"second"}):Fe.s(e,t)},S:function(e,t){return Fe.S(e,t)},X:function(e,t,a){const n=e.getTimezoneOffset();if(0===n)return"Z";switch(t){case"X":return He(n);case"XXXX":case"XX":return Ye(n);default:return Ye(n,":")}},x:function(e,t,a){const n=e.getTimezoneOffset();switch(t){case"x":return He(n);case"xxxx":case"xx":return Ye(n);default:return Ye(n,":")}},O:function(e,t,a){const n=e.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+je(n,":");default:return"GMT"+Ye(n,":")}},z:function(e,t,a){const n=e.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+je(n,":");default:return"GMT"+Ye(n,":")}},t:function(e,t,a){return qe(Math.trunc(+e/1e3),t.length)},T:function(e,t,a){return qe(+e,t.length)}};function je(e,t=""){const a=e>0?"-":"+",n=Math.abs(e),r=Math.trunc(n/60),o=n%60;return 0===o?a+String(r):a+String(r)+t+qe(o,2)}function He(e,t){if(e%60==0){return(e>0?"-":"+")+qe(Math.abs(e)/60,2)}return Ye(e,t)}function Ye(e,t=""){const a=e>0?"-":"+",n=Math.abs(e);return a+qe(Math.trunc(n/60),2)+t+qe(n%60,2)}const Ue=(e,t)=>{switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});default:return t.date({width:"full"})}},Ke=(e,t)=>{switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});default:return t.time({width:"full"})}},Ge={p:Ke,P:(e,t)=>{const a=e.match(/(P+)(p+)?/)\|\|[],n=a[1],r=a[2];if(!r)return Ue(e,t);let o;switch(n){case"P":o=t.dateTime({width:"short"});break;case"PP":o=t.dateTime({width:"medium"});break;case"PPP":o=t.dateTime({width:"long"});break;default:o=t.dateTime({width:"full"})}return o.replace("{{date}}",Ue(n,t)).replace("{{time}}",Ke(r,t))}},Qe=/^D+$/,Ve=/^Y+$/,Xe=["D","DD","YY","YYYY"];const Ze=/[yYQqMLwIdDecihHKkms]o\|(\w)\1\|''\|'(''\|[^'])+('\|$)\|./g,Je=/P+p+\|P+\|p+\|''\|'(''\|[^'])+('\|$)\|./g,et=/^'([^]?)'?$/,tt=/''/g,at=/[a-zA-Z]/;function nt(e,t,a){const n=ge(),r=n.locale??Oe,o=n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,s=n.weekStartsOn??n.locale?.options?.weekStartsOn??0,l=de(e,a?.in);if(!ye(l))throw new RangeError("Invalid time value");let i=t.match(Je).map((e=>{const t=e[0];if("p"===t\|\|"P"===t){return(0,Ge[t])(e,r.formatLong)}return e})).join("").match(Ze).map((e=>{if("''"===e)return{isToken:!1,value:"'"};const t=e[0];if("'"===t)return{isToken:!1,value:rt(e)};if(Ae[t])return{isToken:!0,value:e};if(t.match(at))throw new RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}}));r.localize.preprocessor&&(i=r.localize.preprocessor(l,i));const c={firstWeekContainsDate:o,weekStartsOn:s,locale:r};return i.map((a=>{if(!a.isToken)return a.value;const n=a.value;(function(e){return Ve.test(e)}(n)\|\|function(e){return Qe.test(e)}(n))&&function(e,t,a){const n=function(e,t,a){const n="Y"===e[0]?"years":"days of the month";return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${n} to the input \`${a}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(e,t,a);if(console.warn(n),Xe.includes(e))throw new RangeError(n)}(n,t,String(e));return(0,Ae[n[0]])(l,n,r.localize,c)})).join("")}function rt(e){const t=e.match(et);return t?t[1].replace(tt,"'"):e}function ot({className:t="",date:a,disabled:n=!1,handleClear:r,label:o="Period",maxDate:s,minDate:l,onToggle:i,overflow:c=!1,requiredText:m,setDate:u,setShow:g,show:h,showError:f,size:w="md"}){const[b,E]=e.useState(!!h),v=e.useRef(null),y=e=>e?e instanceof Date?e:"string"==typeof e&&/^\d{4}-\d{2}-\d{2}$/.test(e)?new Date(`${e}T00:00:00`):new Date(e):null,N=()=>{E(!1);try{g(!1)}catch(e){}};e.useEffect((()=>{const e=e=>{v.current&&!v.current.contains(e.target)&&N()};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[]),e.useEffect((()=>{E(h)}),[h]);const k=(()=>{if(!a)return"";try{return nt(new Date(a),"EEE MMM dd yyyy")}catch(e){return""}})(),x=y(l),C=y(s);return e.createElement(B,{className:t,disabled:n,icon:k?"calendar-day":"calendar-days",label:o,onToggle:()=>{const e=!b;E(e),e&&window.dispatchEvent(new CustomEvent("dropdownToggle",{detail:o}));try{i()}catch(e){}},overflow:c,requiredText:m,selectedValue:k,setShow:E,show:b,showError:f,size:w,variant:"input"},e.createElement(e.Fragment,null,e.createElement(d.Dropdown.Item,null,e.createElement(p,{className:"form-control form-search",selected:a\|\|"",onChange:e=>{u(e?.toString()),setTimeout((()=>{N()}),200)},startDate:a\|\|"",monthsShown:1,inline:!0,minDate:x,maxDate:C,dayClassName:e=>{const t=y(l),a=y(s);return t&&e<t\|\|a&&e>a&&e!==a?"react-datepicker__day--disabled":""}}),e.createElement("div",{className:"px-2 w-100"},e.createElement(_,{onClick:()=>{N(),r?r():u(null)},iconStart:"calendar-circle-minus",size:"sm",variant:"terciary",className:"w-100"},"Clear")))))}ot.propTypes={className:S.string,clearDate:S.func,date:S.string,disabled:S.bool,handleClear:S.func,label:S.string,maxDate:S.oneOfType([S.string,S.instanceOf(Date)]),minDate:S.oneOfType([S.string,S.instanceOf(Date)]),onToggle:S.func,overflow:S.bool,requiredText:S.string,setDate:S.func,setShow:S.func,show:S.bool,showError:S.bool,size:S.oneOf(["sm","md","lg"])};const st=({className:t="",dateFrom:a,dateTo:n,disabled:r=!1,label:o="Period",locked:s=!1,maxDate:l,minDate:c,onRemoveFilter:m,onToggle:u,overflow:d=!1,requiredText:g,setDateFrom:h,setDateTo:f,setShow:w,show:b,showError:E=!1,size:v="md",variant:y="input"})=>{const[N,k]=e.useState(a),[x,C]=e.useState(n),[S,T]=e.useState(!!b),M=e.useRef(null),O=e.useRef(null),$=e.useRef(null),{capitalice:P}=A(),L=window?.innerWidth<500,q=()=>{T(!1);try{w(!1)}catch(e){}};e.useEffect((()=>{T(b)}),[b]);const F=["w-100","input"===y&&"btn btn-input",`btn-${v}`,E&&"not-validated",r&&"disabled"].filter(Boolean).join(" "),z=`${"filter"===y?"dropdown-filter":""} ${t}`,R=e=>e?e.toString().split("00")[0]:"",I=P(o);return e.createElement(i,{show:S,className:z,"data-error":g,ref:M},e.createElement(i.Toggle,{ref:O,variant:"toggle-filter",onClick:()=>{T(!S);try{u()}catch(e){}},className:F},"input"===y?e.createElement(e.Fragment,null,e.createElement("span",{className:"dropdown-label"},I),e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(D,{style:"solid",name:N&&x?"calendar-range":"calendar-days",scale:1}),e.createElement("span",{className:"wrapper"},(N\|\|x)&&e.createElement(e.Fragment,null,e.createElement("strong",null,R(N)),"to",e.createElement("strong",null,R(x))))),e.createElement(D,{name:"angle-down",className:"caret"})):e.createElement(e.Fragment,null,e.createElement("div",{className:"filter-heading"},e.createElement("div",{className:"filter-title"},e.createElement("span",null,I),s&&e.createElement(D,{style:"solid",name:"lock-keyhole",scale:.7})),e.createElement(D,{style:"solid",name:"chevron-down",scale:1,className:"caret"})),e.createElement("div",{className:"filter-values"},N\|\|x?e.createElement(e.Fragment,null,e.createElement("strong",null,R(N)),"to ",e.createElement("strong",null,R(x))):e.createElement(e.Fragment,null,"None")))),"filter"===y&&!s&&e.createElement(_,{variant:"terciary",endIcon:"xmark-circle",size:"md",className:"remove-filter",onClick:m}),e.createElement(i.Menu,{as:"div",ref:$,popperConfig:(()=>{if(d)return{strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]}})(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},e.createElement(i.Item,{as:"div"},e.createElement(p,{className:"form-control form-search",selected:N,onChange:e=>{const[t,a]=e;k(t),C(a)},startDate:N,endDate:x,monthsShown:L?1:2,selectsRange:!0,inline:!0,minDate:c,maxDate:l}),e.createElement("div",{className:"datepicker-footer"},e.createElement("div",{className:"datepicker-buttons-wrapper"},e.createElement(_,{onClick:q,size:"sm",variant:"terciary"},"Cancel"),e.createElement(_,{size:"sm",onClick:()=>{h(N?.toString()),f(null===x?N?.toString():x?.toString()),q()}},"Set date")))))))};st.propTypes={className:S.string,dateFrom:S.string,dateTo:S.string,disabled:S.bool,label:S.string,locked:S.bool,maxDate:S.instanceOf(Date),minDate:S.instanceOf(Date),onRemoveFilter:S.func,onToggle:S.func,overflow:S.bool,requiredText:S.string,setDateFrom:S.func,setDateTo:S.func,setShow:S.func,show:S.bool,showError:S.bool,size:S.oneOf(["sm","md","lg"]),variant:S.oneOf(["input","filter"])};const lt=({children:t,className:a,footer:n,header:r,onBeforeClose:o,setShow:s,show:l,size:i="md",type:c="default"})=>{const[m,u]=e.useState(!1),p=()=>{o?o():"confirmation"===c?(u(!0),setTimeout((()=>{u(!1)}),500)):s(!1)};return e.createElement(d.Modal,{show:l,onHide:p,className:`${"default"===c?"zoom-in":"confirmation"===c?"bounce-in-down":"bounce-in"}${m?" zoom-and-back":""}${a?` ${a}`:""}`,backdrop:"confirmation"!==c\|\|"static",centered:!0,size:i,scrollable:!0},e.createElement(d.Modal.Header,null,e.createElement("div",{className:"modal-title"},"string"==typeof r?e.createElement("h2",null,r):r),"default"===c&&e.createElement(_,{startIcon:"xmark",onClick:p,variant:"terciary"})),e.createElement(d.Modal.Body,null,t),n&&e.createElement(d.Modal.Footer,{className:"default"!==c?"border-0 justify-content-start flex-row":""},n))};function it({autoClose:t,children:a,className:n,position:r,variant:o}){const[s,l]=e.useState(!0),i=()=>l(!s);return e.createElement(g,{onClose:i,show:s,delay:t?3500:null,autohide:t,className:`${r} ${o} ${n\|\|""}`},e.createElement(g.Body,null,e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(D,{style:"solid",name:{info:"circle-info",success:"circle-check",warning:"triangle-exclamation",error:"circle-xmark"}[o],scale:1,className:"icon"})),e.createElement("div",{className:"toast-content",dangerouslySetInnerHTML:{__html:a}})),!t&&e.createElement("button",{className:"btn-close",onClick:i},e.createElement(D,{style:"solid",name:"xmark",scale:1}))))}lt.propTypes={children:S.node.isRequired,className:S.string,footer:S.node,header:S.oneOfType([S.string,S.node]).isRequired,onBeforeClose:S.func,setShow:S.func.isRequired,show:S.bool.isRequired,size:S.oneOf(["sm","md","lg","xl"]),type:S.oneOf(["default","confirmation","error"])};const ct=({className:t="",position:a="bottom-end",toast:n})=>{const[r,o]=e.useState([]);return e.useEffect((()=>{n&&o([...r,n])}),[n]),e.createElement(d.ToastContainer,{className:t,position:a},r.map((({variant:t="info",autoClose:n=!0,children:r,className:o},s)=>e.createElement(it,{variant:t,autoClose:n,children:r,className:o,position:a,key:r+t+s}))))};ct.propTypes={className:S.string,position:S.oneOf(["top-start","top-end","bottom-start","bottom-end"]),toast:S.object};const mt=({cancelButton:t=!1,className:a="",currentProgress:n,onCancel:r,position:o="bottom-start",status:s="in-progress",variant:l})=>{const[i,c]=e.useState(!0),[m,u]=e.useState(!1);let p;switch(l){case"upload":p=e.createElement("div",{className:"uploading"},e.createElement(d.ProgressBar,{now:n}),e.createElement("div",{className:"uploading-wrapper"},m?e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(D,{style:"solid",name:"circle-check",scale:1,className:"icon"})),e.createElement("p",null,"Upload completed")):e.createElement(e.Fragment,null,e.createElement(I,null),e.createElement("p",null,"Uploading…")),e.createElement("p",{className:"progress-percentage"},n,"%")));break;case"processing":p=e.createElement("div",{className:"uploading-wrapper"},e.createElement(I,null),e.createElement("p",null,"Processing…"));break;default:p=null}return"error"===s&&(p=e.createElement("div",{className:"uploading-wrapper"},e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(D,{style:"solid",name:"circle-xmark",scale:1,className:"icon"})),e.createElement("p",null,"Upload failed!")))),e.useEffect((()=>{100===n&&(u(!0),setTimeout((()=>c(!1)),3e3))}),[n]),e.createElement(d.ToastContainer,{className:a,position:o},e.createElement(d.Toast,{className:`${"error"===s?"error":""} ${o} ${m?"success":""}`,onClose:()=>c(!i),show:i},e.createElement(d.Toast.Body,null,p,t&&e.createElement(_,{variant:"terciary",size:"sm",onClick:r},"Cancel"))))};mt.propTypes={cancelButton:S.bool,className:S.string,currentProgress:S.number,onCancel:S.func,position:S.oneOf(["top-start","top-end","bottom-start","bottom-end"]),status:S.oneOf(["in-progress","error"]),variant:S.oneOf(["upload","processing"]).isRequired},S.oneOfType([S.string,S.arrayOf(S.string)]),S.bool,S.oneOf(["start","end"]),S.node.isRequired,S.string,S.oneOfType([S.string,S.arrayOf(S.string)]),S.oneOf(["sm","md","lg"]);const ut=({backdrop:t=!1,belowNavbar:a=!1,children:n,className:r,header:o,onHide:s,show:l})=>e.createElement(d.Offcanvas,{show:l,onHide:s,placement:"end",className:`${a?"below-navbar":""}${r?` ${r}`:""}`,backdrop:t},e.createElement(d.Offcanvas.Header,{className:"aside-header"},e.createElement("div",{className:"header-content"},"string"==typeof o?e.createElement("h3",null,o):o),e.createElement(_,{variant:"terciary",onClick:s,startIcon:"xmark"})),e.createElement(d.Offcanvas.Body,null,n));ut.propTypes={backdrop:S.bool,belowNavbar:S.bool,children:S.node.isRequired,className:S.string,header:S.oneOfType([S.string,S.node]).isRequired,onHide:S.func.isRequired,show:S.bool.isRequired};const dt={strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]},pt=({element:t,onNavigate:a,onToggleFav:n,isLoading:r,isAnimating:o})=>e.createElement(i.Item,{key:t.id_application},e.createElement("div",{onClick:()=>a(t.application_url,t.application_name),className:"link-app"},e.createElement("span",{className:"icon-app"},e.createElement(D,{style:"solid",name:t.app_icon_sm,scale:1})),e.createElement("span",null,t.app_name)),e.createElement("button",{className:"deck-fav "+(o?"animate":""),onClick:e=>{e.stopPropagation(),n(t.id_application,!t.favorite)}},r?e.createElement(I,{scale:"0.7"}):e.createElement(D,{style:t.favorite?"solid":"regular",name:"star",scale:1}))),gt=({favoritesTitle:t="Favorites"})=>{const[a,n]=e.useState([]),[r,o]=e.useState(!0),[s,l]=e.useState(!1),[c,m]=e.useState(null),[d,p]=e.useState(null),g=e.useRef(null),h=e.useRef(null),f=(()=>{let e=window.location.hostname;return e.includes(".")&&(e=e.split(".").slice(-2).join(".")),e})(),w=e.useCallback((e=>{l(e)}),[]),b=e.useCallback((async()=>{try{o(!0);const e=(await(async()=>await J({url:Z.applications}))()).map((e=>({...e,app_icon_sm:e.application_icon,app_name:e.application_name})));n(e)}catch(e){console.error("fetchData error",e)}finally{o(!1)}}),[]),E=e.useCallback(((e,t)=>{const a={additionalInformation:"Updated the URL"};if(!e.startsWith("/"))return e;if("groovinads.com"===f){const n=`${window.location.origin}${e}/`;return window.history.pushState(a,t,n),n}return`https://deck-dev.groovinads.com${e}/`}),[f]),v=e.useCallback((async(e,t)=>{try{m(e);const a=t?ne:re;await a(e),n((a=>a.map((a=>a.id_application===e?{...a,favorite:t}:a)))),t&&(p(e),setTimeout((()=>p(null)),300))}catch(e){console.error("toggleFavorite error",e)}finally{m(null)}}),[]);e.useEffect((()=>{a?.length\|\|b()}),[a?.length,b]);const y=a.filter((e=>e.favorite)),N=a.filter((e=>!e.favorite)),k=e.useCallback(((e,t)=>{window.location.replace(E(e,t))}),[E]);return r?e.createElement(u,{width:48,height:48}):a.length?e.createElement(i,{show:s,onToggle:w,className:"dropdown-deck",style:{position:"relative"}},e.createElement(i.Toggle,{ref:g,className:"btn btn-terciary"},e.createElement("svg",{id:"deckApps",xmlns:"http://www.w3.org/2000/svg",className:"icon",viewBox:"0 0 16 16"},e.createElement("g",null,e.createElement("rect",{x:"1",y:"1",width:"4",height:"4",rx:"1.25",ry:"1.25"}),e.createElement("rect",{x:"1",y:"6",width:"4",height:"4",rx:"1.25",ry:"1.25"}),e.createElement("rect",{x:"1",y:"11",width:"4",height:"4",rx:"1.25",ry:"1.25"}),e.createElement("rect",{x:"6",y:"1",width:"4",height:"4",rx:"1.25",ry:"1.25"}),e.createElement("rect",{x:"6",y:"6",width:"4",height:"4",rx:"1.25",ry:"1.25"}),e.createElement("rect",{x:"6",y:"11",width:"4",height:"4",rx:"1.25",ry:"1.25"}),e.createElement("rect",{x:"11",y:"1",width:"4",height:"4",rx:"1.25",ry:"1.25"}),e.createElement("rect",{x:"11",y:"6",width:"4",height:"4",rx:"1.25",ry:"1.25"}),e.createElement("rect",{x:"11",y:"11",width:"4",height:"4",rx:"1.25",ry:"1.25"})))),e.createElement(i.Menu,{as:"div",ref:h,popperConfig:dt,renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},y.length>0&&e.createElement(i.Item,null,e.createElement("h4",{className:"dropdown-header"},t)),y.map((t=>e.createElement(pt,{key:t.id_application,element:t,onNavigate:k,onToggleFav:v,isLoading:c===t.id_application,isAnimating:d===t.id_application}))),y.length>0&&N.length>0&&e.createElement(i.Divider,null),N.map((t=>e.createElement(pt,{key:t.id_application,element:t,onNavigate:k,onToggleFav:v,isLoading:c===t.id_application,isAnimating:d===t.id_application})))))):null};gt.propTypes={favoritesTitle:S.string};const ht=()=>{const[t,a]=e.useState({}),[n,r]=e.useState(!0),[o,s]=e.useState(!1),l=e.useRef(null),c=e.useRef(null),m=e.useCallback((async()=>{await(async()=>await ee({url:Z.authLogout}))().then((()=>{window.location.href="/"})).catch((e=>{console.error(e)}))}),[]);e.useEffect((()=>{r(!0),(async()=>await J({url:Z.authStatus}))().then((e=>{const{oauth_username:t,oauth_picture:n,email:r,oauth_name:o}=e?.auth_data;a({imageAuth:n,fullNameAuth:t,emailAuth:r,oauthName:o?.toLowerCase()})})).catch((e=>{console.error("Error",e)})).finally((()=>{r(!1)}))}),[]);return n?e.createElement(u,{width:82,height:48,borderRadius:999}):e.createElement(i,{show:o,onToggle:e=>{s(e)}},e.createElement(i.Toggle,{ref:l,className:"btn-user"},e.createElement("div",{className:"avatar"},e.createElement("img",{src:t.imageAuth})),e.createElement(D,{style:"solid",name:"angle-down",scale:1,className:"icon caret"})),e.createElement(i.Menu,{as:"div",ref:c,align:"end",popperConfig:{strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]},renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},e.createElement(i.Item,{as:"div"},e.createElement("div",{className:"user-details"},e.createElement("div",{className:"user-image"},e.createElement("div",{className:"user-avatar"},e.createElement("img",{src:t.imageAuth})),e.createElement(F,{logo:t.oauthName})),e.createElement("div",{className:"user-info"},e.createElement("span",{className:"user-name"},t.fullNameAuth),e.createElement("span",{className:"email-auth"},t.emailAuth)))),e.createElement(i.Item,{as:"div",onClick:()=>{window.open("https://deck.groovinads.com/","_blank")}},e.createElement(D,{name:"id-badge"}),e.createElement("span",null,"My profile…")),e.createElement(i.Item,{as:"div",onClick:m},e.createElement(D,{name:"right-from-bracket"}),e.createElement("span",null,"Logout")))))},ft=({clientLogoUrl:t,clientNotFoundText:a="It looks like this client does not exist.",clientNotFoundTitle:n="Client not found",clientSearchLabel:r="Search client",profileSelectedClient:o})=>{const[s,l]=e.useState(!1),[i,c]=e.useState([]),[m,p]=e.useState(""),[g,h]=e.useState(!1),[f,w]=e.useState((()=>{const{id_client:e,client_name:t,email:a}=o;return{id_client:e,client_name:t,email:a}})),b=e.useRef(null),E=e.useRef(null),v=f?.client_name?.slice(0,2),y=f?.client_name\|\|"Client name",N=f?.email\|\|"Client Email",k=`${f?.client_name} logo`,x=i.length>1,C=e=>{h(e)},S=e.useCallback((async()=>{try{l(!0);const e=await(async()=>await J({url:Z.clients}))();c(e)}catch(e){console.error("fetchClientsData error",e)}finally{l(!1)}}),[]),T=i.filter((({client_name:e,id_client:t,email:a})=>`${e} ${t}`.toLowerCase().includes(m.toLowerCase())\|\|a?.toLowerCase()?.includes(m?.toLowerCase()))),M=e.useCallback((async e=>{try{l(!0),await(async e=>await ee({url:Z.clientsLogin,data:{id_client:e}}))(e.id_client),w(e),"/"!==window.location.href.slice(-1)?window.location.replace(window.location.href+"/"):window.location.reload()}catch(e){console.error(" error en ClientsDropdowns ",e)}finally{l(!1)}}),[]);e.useEffect((()=>{S()}),[S]),e.useEffect((()=>{g\|\|p("")}),[g]);const O=i.length>1&&g,$=e=>()=>{M(e)};return e.createElement(e.Fragment,null,s?e.createElement("div",{className:"skeleton-wrapper dropdown-clients dropup"},e.createElement(u,{width:32,height:32}),e.createElement(u,{width:150,height:10,count:2,containerClassName:"pt-1"})):e.createElement(d.Dropdown,{drop:"up",className:"dropdown-clients",show:O,onToggle:C},e.createElement(d.Dropdown.Toggle,{ref:b,variant:"client-selector",onClick:()=>{C(!g)}},t?e.createElement("img",{src:t,alt:k,className:"client-logo"}):e.createElement("div",{className:"client-logo"},e.createElement("p",null,v)),e.createElement("div",{className:"dropdown-clients-wrapper"},e.createElement("p",{className:"dropdown-client-name"},e.createElement("span",{className:"dropdown-client-name-text"},y)," ",e.createElement("span",{className:"dropdown-client-id-client"},"[",f?.id_client,"]")),e.createElement("p",{className:"dropdown-client-email"},N)),x&&e.createElement(D,{style:"solid",name:"angle-up",scale:1,className:"caret"})),e.createElement(d.Dropdown.Menu,{as:"div",ref:E,className:"full-width",popperConfig:{strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]},renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},g&&e.createElement(e.Fragment,null,e.createElement(d.Dropdown.Item,{as:"div",onClick:e=>{e.stopPropagation()}},e.createElement(H,{size:"sm",label:r,icon:"magnifying-glass",className:"w-100",value:m,onChange:e=>{p(e.target.value)},autoFocus:!0})),e.createElement(d.Dropdown.Item,{as:"ul",className:"client-list"},T.length?T.map((t=>e.createElement("li",{className:"client",key:t.id_client,onClick:$(t)},e.createElement("p",{className:"dropdown-client-name"},e.createElement("span",{className:"dropdown-client-name-text"},t.client_name)," ",e.createElement("span",{className:"dropdown-client-id-client"},"[",t.id_client,"]")),e.createElement("p",{className:"dropdown-client-email"},t.email)))):e.createElement("li",null,e.createElement("div",{className:"empty-space"},e.createElement("img",{src:"https://ui.groovinads.com/assets/not-found.svg",alt:"Sad magnifier on abstract background"}),e.createElement("div",{className:"empty-space-text-wrapper"},e.createElement("h5",{className:"mb-1"},n),e.createElement("p",null,a))))))))))};ft.propTypes={clientLogoUrl:S.string,clientNotFoundText:S.string,clientNotFoundTitle:S.string,clientSearchLabel:S.string,profileSelectedClient:S.object};const wt="https://ui.groovinads.com/2.0.0/assets/logos/ga-logo.svg",bt=({children:a,logoUrl:n,logoUrlMobile:r,setShow:o,show:s,showDeckMenu:l=!1,showUserMenu:i=!1})=>{const c=t.useMediaQuery({query:"(max-width: 768px)"}),m=n\|\|wt,d=r\|\|n\|\|wt,[p,g]=e.useState(!1),f=e.useRef(null);e.useEffect((()=>{g(!1),f.current&&f.current.complete&&g(!0)}),[n,r]);return e.createElement("div",{id:"ga-header",className:"header fixed-top shadow-2"},e.createElement(h,{fluid:!0,className:"navbar"},e.createElement("div",{className:"brand-wrapper"},e.createElement(_,{className:s?"sidebar-toggler":"sidebar-toggler collapsed",variant:"terciary",type:"button",onClick:()=>o((e=>!e))},e.createElement("svg",{className:"icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},e.createElement("path",{className:"top",d:"M1,3c0-.55.45-1,1-1h12c.55,0,1,.45,1,1s-.45,1-1,1H2c-.55,0-1-.45-1-1Z"}),e.createElement("path",{className:"mid",d:"M1,8c0-.55.45-1,1-1h12c.55,0,1,.45,1,1s-.45,1-1,1H2c-.55,0-1-.45-1-1Z"}),e.createElement("path",{className:"bottom",d:"M15,13c0,.55-.45,1-1,1H2c-.55,0-1-.45-1-1s.45-1,1-1h12c.55,0,1,.45,1,1Z"}))),l&&!c&&e.createElement(gt,null),!p&&e.createElement(u,{width:c?85:173,height:34}),e.createElement("img",{ref:f,src:c?d:m,className:"ga-logo",alt:n?"App logo":"Groovinads logo",onLoad:()=>{g(!0)},onError:()=>{g(!0)},style:{display:p?"block":"none"}})),(a\|\|i)&&e.createElement("div",{className:"nav-wrapper"},a,i&&e.createElement(ht,null))))};bt.propTypes={children:S.node,logoUrl:S.string,logoUrlMobile:S.string,setShow:S.func,show:S.bool,showDeckMenu:S.bool,showUserMenu:S.bool};const Et=({className:t="",currentPage:a,pageSize:n,onPageChange:r,onPageSizeChange:o,onPrevPage:s,onNextPage:l,pageSizeOptions:i=[10,50,100],paginationMode:c="local",showPerPageLabel:m="Show per page",totalPages:u})=>{const[p,g]=e.useState(!1),[h,f]=e.useState(null),w=e.useRef(null);e.useEffect((()=>{w.current&&f(w.current.offsetWidth)}),[p]);const b=(()=>{const e=[];if(u<=7)for(let t=1;t<=u;t++)e.push(t);else{e.push(1);const t=Math.max(2,a-2),n=Math.min(u-1,a+2);t>2&&e.push("...");for(let a=t;a<=n;a++)e.push(a);n<u-1&&e.push("..."),e.push(u)}return e})();return e.createElement(d.Row,{className:`mb-3 pagination ${t}`},e.createElement(d.Col,{sm:12},e.createElement("div",{className:"px-3 ps-lg-4 pe-lg-3 pt-3 pagination-content justify-content-between"},e.createElement("div",{className:"d-flex align-items-center gap-2"},e.createElement("p",{className:"mb-0"},m,":"),e.createElement(B,{show:p,onToggle:()=>{g(!p)},variant:"input",fullWidth:!0,selectedValue:n,size:"sm",autoClose:!0,label:""},e.createElement(e.Fragment,null,i.map((t=>e.createElement(d.DropdownItem,{key:t,onClick:()=>(e=>{o(e),g(!1)})(t),active:t===n},t)))))),e.createElement("div",{className:"pagination-wrapper"},e.createElement(_,{variant:"secondary",size:"sm",onClick:s,disabled:1===a,startIcon:"chevron-left"}),"local"===c&&u>1&&e.createElement("div",{className:"btn-group",role:"group"},b.map(((t,n)=>"..."===t?e.createElement("div",{key:`ellipsis-${n}`,className:"btn btn-sm btn-secondary btn-ellipsis"},"…"):e.createElement(_,{key:t,variant:"secondary",size:"sm",className:"page-number "+(t===a?"current-page":""),onClick:()=>r(t)},t)))),e.createElement(_,{variant:"secondary",size:"sm",onClick:l,disabled:a===u,startIcon:"chevron-right"})))))};Et.propTypes={currentPage:S.number.isRequired,pageSize:S.number.isRequired,onPageChange:S.func.isRequired,onPageSizeChange:S.func.isRequired,onPrevPage:S.func.isRequired,onNextPage:S.func.isRequired,pageSizeOptions:S.arrayOf(S.number),paginationMode:S.oneOf(["local","remote"]),showPerPageLabel:S.string,totalPages:S.number};const vt=({api:a,clientLogoUrl:n,clientNotFoundTitle:r,clientNotFoundText:o,clientSearchLabel:s,customLinks:l,customUrl:i,defaultOpened:c=!0,inModal:m=!1,onNavigate:p,selectedClient:g,setGroovinProfile:h,setShow:f,show:w,showClients:b=!1})=>{const E=!!m\|\|t.useMediaQuery({query:"(max-width: 992px)"}),v=void 0!==i?i:window.location.pathname,[y,N]=e.useState([]),[k,x]=e.useState(null),[C,S]=e.useState(!E&&c),[T,M]=e.useState(!1),[O,$]=e.useState(!1),P=e.useRef(null),L=e.useRef(!0);e.useEffect((()=>{a&&(async()=>{try{$(!0);const e=await te(a);N(e)}catch(e){console.error("fetchData error",e)}finally{$(!1)}})()}),[a]),e.useEffect((()=>{S(L.current?c:w)}),[w]),e.useEffect((()=>{E&&f&&!m&&f(C),m\|\|S(!E&&(L.current?c:w)),L.current=!1}),[]),e.useEffect((()=>{M(!1)}),[n]);return e.createElement("nav",{id:"sidebarMenu",className:"sidebar "+(C?"show":""),ref:P},m?e.createElement(e.Fragment,null):e.createElement("div",{className:"position-relative d-none d-lg-block"},e.createElement("button",{className:"collapse-button",onClick:()=>{S((e=>!e)),f(!w)}},e.createElement(D,{className:"collapse-icon",name:"angle-left"}))),e.createElement("div",{className:"scroll"},l.map(((t,n)=>e.createElement("div",{className:"sidebar-section",key:`sectionIndex${n}`},t.title?e.createElement("h4",null,e.createElement("span",null,t.title)):e.createElement(e.Fragment,null),t.backData&&a&&O?e.createElement(u,{width:"90%",count:5,containerClassName:"mb-3 ms-3 d-block",className:"mb-4"}):e.createElement("ul",{className:"nav"},(t.backData?y:t.links\|\|[]).map(((t,a)=>e.createElement("li",{className:"nav-item",key:`linksSections${a}`},t.children&&t.children.length?e.createElement(e.Fragment,null,e.createElement("button",{className:"btn-toggle "+(k!==`${n}.${a}`?"collapsed":""),onClick:()=>{var e;x(k===(e=`${n}.${a}`)?null:e)},"aria-controls":`collapse-menu-${t.name}`,"aria-expanded":k===`${n}.${a}`},e.createElement(D,{name:t.icon}),e.createElement("span",null,t.name)),e.createElement(d.Collapse,{in:k===`${n}.${a}`},e.createElement("ul",{className:"btn-toggle-nav",id:`collapse-menu-${n}-${a}`},t.children.map(((a,n)=>e.createElement("li",{key:`childSectionIndex${n}`},e.createElement("button",{className:"nav-link "+(v===a.url?"active":""),onClick:()=>p(a.url)},!E&&e.createElement(D,{name:t.icon,style:"regular"}),e.createElement("span",null,a.name)))))))):e.createElement(e.Fragment,null,e.createElement("button",{className:"nav-link "+(v===t.url?"active":""),onClick:()=>p(t.url)},e.createElement(D,{name:t.icon}),t.pendingType?e.createElement("div",{className:"link-wrapper"},e.createElement("span",null,t.name),t.pendingLength>0&&("warning"===t.pendingType?e.createElement(D,{name:"triangle-exclamation",className:"warning-icon",style:"duotone"}):"badge"===t.pendingType?e.createElement("span",{className:"badge"},t.pendingLength):null)):e.createElement("span",null,t.name))))))))))),(!0===b\|\|"single"===b)&&e.createElement("div",{className:"bottom-list"},!0===b?e.createElement(ft,{clientLogoUrl:n,profileSelectedClient:g,showClients:b,setGroovinProfile:h,clientNotFoundTitle:r,clientNotFoundText:o,clientSearchLabel:s}):e.createElement("div",{className:"client-logo"},!T&&e.createElement(u,{width:178,height:"3rem"}),e.createElement("img",{src:n,alt:"Client Logo",onLoad:()=>M(!0),onError:()=>M(!0),style:{display:T?"block":"none"}}))))};vt.propTypes={api:S.string,clientLogoUrl:S.string,clientNotFoundTitle:S.string,clientNotFoundText:S.string,clientSearchLabel:S.string,customLinks:S.array.isRequired,customUrl:S.oneOfType([S.string,S.oneOf([void 0])]),defaultOpened:S.bool,inModal:S.bool,onNavigate:S.func.isRequired,pendingType:S.oneOf(["warning","badge"]),selectedClient:S.object,setGroovinProfile:S.func,setShow:S.func,show:S.bool,showClients:S.oneOf([!0,!1,"single"])};const yt=({className:t="",current:a,list:n,orientation:r="horizontal"})=>e.createElement("ol",{className:`stepper ${r} ${t}`},n.map(((t,n)=>e.createElement("li",{key:"Stepper"+n,className:a===n?"current":""},e.createElement("span",null,t)))));function Nt({activeTab:t=1,className:a="",disabledTabs:n=[],navigateTab:r=!1,onNavigate:o,setActiveTab:s,tabs:l=[]}){const{toCamelCase:i}=A(),[c,m]=e.useState(t);return e.useEffect((()=>{m(t)}),[t]),e.createElement(d.Nav,{variant:"tabs",activeKey:i(l[c-1]?.tab),onSelect:e=>{if(r){const t=l.find((t=>i(t.tab)===e));o(t.url)}else{const t=l.findIndex((t=>i(t.tab)===e))+1;s?s(t):m(t)}},className:a},(l\|\|[])?.map((({tab:t,badgeNumber:a,warningIcon:r},o)=>{const s=o+1,l=n.includes(s);return e.createElement(d.Nav.Item,{key:`tabs.tab: ${o}`},e.createElement(d.Nav.Link,{eventKey:i(t),className:l?"disabled":""},r&&e.createElement(D,{name:"triangle-exclamation",className:"warning-icon",style:"duotone"}),(e=>{if("api_keys"===e)return"API Keys";const t=e.replace("_"," ");return t.charAt(0).toUpperCase()+t.slice(1)})(t),a&&e.createElement("span",{className:"tab-badge"},a)))})))}yt.propTypes={className:S.string,current:S.number.isRequired,list:S.array.isRequired,orientation:S.oneOf(["horizontal","vertical"])},Nt.propTypes={activeTab:S.number,className:S.string,disabledTabs:S.arrayOf(S.number),navigateTab:S.bool,onNavigate:S.func,setActiveTab:S.func,tabs:S.array.isRequired};const kt=({rows:t,cols:a,className:n=""})=>{const[r,o]=e.useState([]),[s,l]=e.useState([[]]);return e.useEffect((()=>{o(new Array(a).fill()),l(new Array(t).fill(new Array(a).fill()))}),[t,a]),r.length&&s.length?e.createElement("div",{className:`table-skeleton shadow-1 ${n}`},e.createElement("div",{className:"table-skeleton-header"},r.map(((t,a)=>e.createElement("div",{key:a,className:"table-skeleton-col"},e.createElement(u,{width:"50%",height:12}))))),e.createElement("div",{className:"table-skeleton-body"},s.map(((t,a)=>e.createElement("div",{key:a,className:"table-skeleton-row"},t.map(((t,a)=>e.createElement("div",{key:a,className:"table-skeleton-col"},e.createElement(u,{containerClassName:"w-100",width:"100%",height:19}))))))))):null};kt.propTypes={rows:S.number.isRequired,cols:S.number.isRequired,className:S.string},exports.Alert=P,exports.Aside=ut,exports.BlockIcon=L,exports.Button=_,exports.Checkbox=j,exports.DropdownComponent=B,exports.DropdownDatePicker=st,exports.DropdownFilter=se,exports.DropdownMultiSelect=le,exports.DropdownSimpleDatePicker=ot,exports.EditableContent=q,exports.Icon=D,exports.Input=H,exports.InputChip=Q,exports.InputEmail=oe,exports.LoginSource=F,exports.ModalComponent=lt,exports.Navbar=bt,exports.Pagination=Et,exports.PillComponent=z,exports.ProgressBar=R,exports.Radio=Y,exports.Sidebar=vt,exports.Slider=U,exports.Spinner=I,exports.StatusIcon=W,exports.Stepper=yt,exports.Switch=K,exports.TableSkeleton=kt,exports.Tabnav=Nt,exports.Textarea=G,exports.ToastComponent=ct,exports.ToastProgress=mt;

package/index.d.ts CHANGED Viewed

@@ -436,6 +436,18 @@ export const ModalComponent: React.FC<ModalComponentProps>;
 // NAVIGATION COMPONENTS
 // ============================================================================
+export interface AccordionComponentProps {
+  activeKey?: string | string[];
+  alwaysOpen?: boolean;
+  caretPosition?: 'start' | 'end';
+  children: ReactNode;
+  className?: string;
+  defaultActiveKey?: string | string[];
+  size?: 'sm' | 'md' | 'lg';
+}
+export const AccordionComponent: React.FC<AccordionComponentProps>;
 export interface NavbarProps {
   children?: ReactNode;
   logoUrl?: string;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "groovinads-ui",
   "description": "Groovinads UI is a React component library designed exclusively for Groovinads applications. It provides ready-to-use UI elements styled according to Groovinads design guidelines to facilitate rapid development.",
-  "version": "1.9.96",
+  "version": "1.9.98",
   "type": "module",
   "keywords": [
     "css",
@@ -25,8 +25,16 @@
   "author": "Pablo Piñero <pablo.piniero@groovinads.com>",
   "license": "MIT",
   "devDependencies": {
+    "@awesome.me/kit-9889deefc5": "^1.0.3",
     "@babel/core": "^7.24.3",
     "@babel/preset-react": "^7.24.1",
+    "@fortawesome/duotone-regular-svg-icons": "^7.1.0",
+    "@fortawesome/fontawesome-svg-core": "^7.1.0",
+    "@fortawesome/free-brands-svg-icons": "^7.1.0",
+    "@fortawesome/pro-duotone-svg-icons": "^7.1.0",
+    "@fortawesome/pro-regular-svg-icons": "^7.1.0",
+    "@fortawesome/pro-solid-svg-icons": "^7.1.0",
+    "@fortawesome/react-fontawesome": "^3.1.1",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-replace": "^6.0.3",
@@ -48,12 +56,16 @@
     "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-storybook": "10.1.2",
     "js-cookie": "^3.0.5",
+    "jsdom": "^27.3.0",
     "playwright": "^1.57.0",
     "prettier": "^3.2.5",
     "prop-types": "^15.8.1",
     "react": "^19.1.0",
     "react-bootstrap": "^2.10.4",
+    "react-datepicker": "^7.3.0",
     "react-dom": "^19.1.0",
+    "react-loading-skeleton": "^3.5.0",
+    "react-responsive": "^10.0.0",
     "react-router-dom": "^6.24.0",
     "react-tabulator": "^0.21.0",
     "remark-gfm": "^4.0.1",
@@ -93,7 +105,11 @@
   "scripts": {
     "sb": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "build-lib": "rollup -c"
+    "build-lib": "rollup -c",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
     "date-fns": "^4.1.0"