groovinads-ui 2.1.0 → 2.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -1 +1 @@
1
- import e,{useState as t,useRef as a,useEffect as n,useContext as l,createContext as r,useCallback as s,forwardRef as o,useImperativeHandle as i}from"react";import c from"prop-types";import{useMediaQuery as m}from"react-responsive";import{FontAwesomeIcon as d}from"@fortawesome/react-fontawesome";import{library as u}from"@fortawesome/fontawesome-svg-core";import*as p from"@fortawesome/pro-solid-svg-icons";import*as g from"@fortawesome/pro-regular-svg-icons";import*as h from"@fortawesome/pro-duotone-svg-icons";import*as f from"@fortawesome/free-brands-svg-icons";import E from"react-bootstrap/Dropdown";import{useDropzone as v}from"react-dropzone";import b from"js-cookie";import w from"axios";import y from"react-loading-skeleton";import{format as N}from"date-fns";import{Dropdown as x,Modal as k,ToastContainer as C,ProgressBar as T,Toast as $,Accordion as O,Offcanvas as S,Row as L,Col as _,DropdownItem as z,Collapse as F,Nav as D}from"react-bootstrap";import q from"react-datepicker";import M from"react-bootstrap/Toast";import I from"react-bootstrap/Container";function R(){return R=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},R.apply(null,arguments)}const A=e=>Object.keys(e).filter((e=>e.startsWith("fa")&&"fa"!==e)).map((t=>e[t]));u.add(...A(p),...A(g),...A(h),...A(f));const P={solid:"fas",regular:"far",duotone:"fad",brands:"fab"},B={.7:"icon-07x",1:"icon-1x",2:"icon-2x",3:"icon-3x",4:"icon-4x"},K={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}},j=({animation:t="",className:a="",name:n="font-awesome",scale:l=1,style:r="solid"})=>{const s=[P[r]||"fas",n],o=K[t]||{},i=`${B[l]||""} ${a}`.trim();return e.createElement(d,R({icon:s,className:i},o))};j.propTypes={animation:c.oneOf(["beat","fade","beat-fade","bounce","flip","shake","spin","spin-reverse","pulse"]),className:c.string,name:c.string,scale:c.oneOf([.7,1,2,3,4]),style:c.oneOf(["solid","regular","duotone","brands"])};const U=({animation:t=!1,children:a,className:n="",icon:l=!0,onClose:r=null,size:s="md",type:o="info"})=>e.createElement("div",{className:`alert ${t?"alert-animation":""} alert-${o} alert-${s} ${n}`,role:"alert"},e.createElement("div",{className:"alert-wrapper"},l&&e.createElement(j,{style:"solid",name:{info:"circle-info",success:"check",warning:"triangle-exclamation",danger:"circle-xmark"}[o]}),e.createElement("span",null,a)),r&&e.createElement("button",{onClick:r,className:"btn-close"},e.createElement(j,{style:"solid",name:"xmark"})));U.propTypes={animation:c.bool,children:c.node.isRequired,className:c.string,icon:c.bool,onClose:c.func,size:c.oneOf(["sm","md","lg"]),type:c.oneOf(["warning","danger","success","info"]).isRequired};const W=({className:t="",color:a="neutral",size:n="md",name:l="font-awesome"})=>e.createElement("div",{className:`block-icon block-icon-${n} ${a} ${t}`},e.createElement(j,{name:l,style:"duotone",scale:{sm:1,md:2,lg:3}[n]}));W.propTypes={className:c.string,color:c.oneOf(["green","grey","yellow","red","danger","neutral","blue","light","midtone","dark"]),size:c.oneOf(["sm","md","lg"]),name:c.string};const H=({as:l="",className:r="",onChange:s,onSave:o,value:i})=>{const[c,m]=t(!1),[d,u]=t(i),[p,g]=t(!1),[h,f]=t(!1),[E,v]=t({}),b=a(null),w=a(null),y=async e=>{try{if(""===e.trim())return s(d),void m(!1);await o(e),g(!0),m(!1),setTimeout((()=>{g(!1)}),2e3)}catch(e){throw f(!0),m(!1),setTimeout((()=>{f(!1)}),2e3),e}};n((()=>{c&&b.current&&b.current.focus()}),[c]),n((()=>{if(w.current&&!c){const e=window.getComputedStyle(w.current),t=parseFloat(e.width)+2*parseFloat(e.fontSize);v({fontSize:e.fontSize,fontFamily:e.fontFamily,fontWeight:e.fontWeight,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing,width:`${t}px`})}}),[c]);const N=()=>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 ${p?"success":""} ${r}`,onClick:()=>{p||(u(i),m(!0))}},c?e.createElement("input",{type:"text",value:i,ref:b,onBlur:()=>{m(!1),i!==d&&y(i)},onChange:({target:e})=>{s(e.value)},onKeyDown:e=>{"Enter"===e.key?(y(i),m(!1)):"Escape"===e.key&&(s(d),m(!1))},style:E}):e.createElement("div",{className:"editable-content-display",style:{fontSize:E.fontSize}},e.createElement(l,{className:h?"error":"",ref:w},i),p&&e.createElement("div",{className:"success-animation"},e.createElement(N,null))))};H.propTypes={as:c.string.isRequired,className:c.string,onChange:c.func.isRequired,onSave:c.func.isRequired,value:c.string};const V=({logo:t="groovinads",className:a=""})=>e.createElement("div",{className:`login-source ${t||""} ${a}`,"aria-label":`${t} logo`});V.propTypes={className:c.string,logo:c.oneOf(["groovinads","google","microsoft","linkedin","slack"])};const Z=({children:t,className:a="",closeButton:n=!1,color:l="neutral",disabled:r=!1,onClick:s})=>e.createElement("div",{className:`pill ${l} ${a} ${r?"disabled":""}`},e.createElement("span",null,t),n&&e.createElement("button",{onClick:s},e.createElement(j,{style:"solid",name:"xmark",scale:.7})));Z.propTypes={className:c.string,closeButton:c.bool,color:c.oneOf(["green","yellow","red","danger","neutral","blue","light","midtone","dark"]),disabled:c.bool,onClick:c.func};const G=({className:t="",dangerTo:a,label:n,max:l=100,orientation:r="horizontal",showNumbers:s=!1,value:o=0,warningTo:i})=>{const c=void 0!==a&&o>=a?"danger":void 0!==i&&o>=i?"warning":"",m=["progress-bar-container",r,t].filter(Boolean).join(" "),d=["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",R({className:d,value:o,max:l},"vertical"===r&&{orient:"vertical"})),s&&e.createElement("div",{className:"progress-bar-numbers"},e.createElement("span",null,"0"),e.createElement("span",null,l))))};G.propTypes={className:c.string,dangerTo:c.number,label:c.string,max:c.number,orientation:c.oneOf(["horizontal","vertical"]),showNumbers:c.bool,value:c.number,warningTo:c.number};const Y=({className:t="",scale:a=1})=>e.createElement(j,{name:"spinner-third",scale:a,animation:"spin",className:t});Y.propTypes={className:c.string,scale:c.oneOf([.7,1,2,3,4])};const X=({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}})());X.propTypes={animated:c.bool,className:c.string,status:c.number.isRequired};const J=({badge:t,children:a,className:n="",disabled:l=!1,endIcon:r,hideLabelOnDesktop:s=!1,hideLabelOnMobile:o=!1,onClick:i,processing:c=!1,size:d="md",startIcon:u,style:p="default",variant:g="primary"})=>{const h=m({query:"(max-width: 768px)"});o&&s&&console.warn("Button: hideLabelOnMobile and hideLabelOnDesktop should not be used together");const f=h&&o||!h&&s,E=c?e.createElement(e.Fragment,null,e.createElement(Y,{scale:1}),a&&e.createElement("span",null,a,"…")):e.createElement(e.Fragment,null,u&&e.createElement(j,{style:"solid",name:u,scale:1}),a&&!f&&e.createElement("span",null,a),r&&e.createElement(j,{style:"solid",name:r,scale:1}));return e.createElement("button",R({className:`btn ${n}\n btn-${g}\n btn-${p}\n btn-${d}\n ${c?"btn-processing":""}\n ${l?"disabled":""}`,onClick:i},t&&{"data-badge":t}),E)};J.propTypes={badge:c.string,children:c.node,className:c.string,disabled:c.bool,endIcon:c.string,hideLabelOnDesktop:c.bool,hideLabelOnMobile:c.bool,onClick:c.func,processing:c.bool,size:c.oneOf(["sm","md","lg"]),startIcon:c.string,style:c.oneOf(["default","success","danger","warning","link"]),variant:c.oneOf(["primary","secondary","terciary","outline"])};const Q=({children:t,className:a="",depth:n=1,size:l="md"})=>{const r=n>0?`shadow-${n}`:"",s="md"!==l?`card-${l}`:"";return e.createElement("div",{className:`card ${r} ${s} ${a}`},t)};Q.propTypes={children:c.node,className:c.string,depth:c.oneOf([0,1,2,3,4]),size:c.oneOf(["sm","md","lg","full"])};const ee=r(void 0),te="undefined"!=typeof window,ae="theme_pref",ne=()=>{if(!te)return!1;const e=window.location.hostname;return"localhost"===e||"127.0.0.1"===e||"[::1]"===e},le=()=>{if(!te)return"default";return(e=>{if(!te)return null;try{const t=`; ${document.cookie}`.split(`; ${e}=`);if(2===t.length)return t.pop().split(";").shift()}catch(e){console.warn("Error reading cookie:",e)}return null})(ae)||"default"},re=(e,t)=>{if(!te)return;const a={path:"/",domain:t};"default"===e?((e,t={})=>{if(te)try{let a=`${e}=; expires=Thu, 01 Jan 1970 00:00:00 UTC`;a+=`; path=${t.path||"/"}`,t.domain&&!ne()&&(a+=`; domain=${t.domain}`),document.cookie=a}catch(e){console.warn("Error deleting cookie:",e)}})(ae,a):((e,t,a={})=>{if(te)try{let n=`${e}=${t}`;void 0!==a.maxAge&&(n+=`; max-age=${a.maxAge}`),n+=`; path=${a.path||"/"}`,a.domain&&!ne()&&(n+=`; domain=${a.domain}`),n+="; SameSite=Lax",document.cookie=n}catch(e){console.warn("Error setting cookie:",e)}})(ae,e,{...a,maxAge:31536e3})},se=({children:a,initialTheme:l,rootDomain:r=".groovinads.com"})=>{const[s,o]=t((()=>l&&["light","dark","default"].includes(l)?l:le()));n((()=>{(e=>{if(!te)return;const t=document.documentElement;"default"===e?t.removeAttribute("data-theme"):t.setAttribute("data-theme",e)})(s),re(s,r)}),[s,r]),n((()=>{const e=le();e!==s&&o(e)}),[]);const i={theme:s,setTheme:o,isLight:"light"===s,isDark:"dark"===s,isDefault:"default"===s};return e.createElement(ee.Provider,{value:i},a)};se.propTypes={children:c.node.isRequired,initialTheme:c.oneOf(["light","dark","default"]),rootDomain:c.oneOfType([c.string,c.oneOf([null])])};const oe=()=>{const e=l(ee);if(void 0===e)throw new Error("useTheme must be used within a ThemeProvider");return e},ie=({align:l="start",autoClose:r=!1,children:s,className:o="",disabled:i=!1,drop:c,fullWidth:m=!1,helpText:d,icon:u,isChild:p=!1,label:g,onToggle:h,overflow:f=!1,processing:v=!1,requiredText:b,selectedValue:w,setShow:y,show:N,showError:x=!1,size:k="md",style:C="default",variant:T="primary"})=>{const[$,O]=t(!!N),[S,L]=t(null),_=a(null),z=a(null),F=()=>{switch(c){case"up":return"angle-up";case"end":return"angle-right";case"start":return"angle-left";default:return"angle-down"}};return n((()=>{O(N),m&&z.current&&L(z.current.offsetWidth)}),[N,m]),e.createElement(e.Fragment,null,e.createElement(E,{autoClose:r,show:$,onToggle:(e,t)=>{O(e),y&&y(e),h&&h(e,t),m&&z.current&&L(z.current.offsetWidth)},className:o,align:l,drop:c,disabled:p?void 0:i||v,"data-error":b},e.createElement(E.Toggle,{ref:z,as:p?"div":void 0,bsPrefix:p?"":void 0,className:(()=>{if(p)return"";const e=["btn",`btn-${T}`,`btn-${C}`,`btn-${k}`];return("input"===T||m)&&e.push("w-100"),x&&e.push("not-validated"),(i||v)&&e.push("disabled"),v&&e.push("btn-processing"),e.join(" ")})()},"start"===c?e.createElement(e.Fragment,null,(g||"input"===T)&&e.createElement(j,{name:F(),className:"caret"}),"input"===T?e.createElement(e.Fragment,null,g&&e.createElement("span",{className:"dropdown-label"},g,v&&"…"),v?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(Y,{scale:1}),e.createElement("span",null,w)):u?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(j,{style:"solid",name:u,scale:1}),e.createElement("span",null,w)):e.createElement("span",null,w)):g&&e.createElement("span",null,g,v&&"…"),"input"!==T&&(v?e.createElement(Y,{scale:1}):u&&e.createElement(j,{style:"solid",name:u,scale:1}))):e.createElement(e.Fragment,null,"input"!==T&&(v?e.createElement(Y,{scale:1}):u&&e.createElement(j,{style:"solid",name:u,scale:1})),"input"===T?e.createElement(e.Fragment,null,g&&e.createElement("span",{className:"dropdown-label"},g,v&&"…"),v?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(Y,{scale:1}),e.createElement("span",null,w)):u?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(j,{style:"solid",name:u,scale:1}),e.createElement("span",null,w)):e.createElement("span",null,w)):g&&e.createElement("span",null,g,v&&"…"),(g||"input"===T)&&e.createElement(j,{name:F(),className:"caret"}))),e.createElement(E.Menu,{align:l,ref:_,className:m?"full-width":"",style:m?{width:S}:void 0,popperConfig:(()=>{if(f)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=s?.props?.children;return t?e.Children.map(t,(t=>"DropdownItem"===t?.type?.displayName||"DropdownItem"===t?.type?.name?e.cloneElement(t,{as:"div"}):t)):null})()))),d&&e.createElement("small",{className:"text-muted"},d))};ie.propTypes={align:c.oneOf(["start","end"]),autoClose:c.oneOfType([c.bool,c.oneOf(["inside","outside"])]),children:c.node,className:c.string,disabled:c.bool,drop:c.oneOf(["up","down","start","end"]),fullWidth:c.bool,helpText:c.string,icon:c.string,isChild:c.bool,label:c.node,onToggle:c.func,overflow:c.bool,processing:c.bool,requiredText:c.string,selectedValue:c.node,setShow:c.func,show:c.bool,showError:c.bool,size:c.oneOf(["sm","md","lg"]),style:c.oneOf(["default","success","danger","warning","link"]),variant:c.oneOf(["primary","secondary","terciary","outline","input"])};const ce=()=>({toCamelCase:s((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}),[]),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)}`:""}),me=({children:t,className:a="",disabled:n=!1,id:l,name:r,setStatus:s,size:o="md",status:i=!1})=>{const{toCamelCase:c}=ce();let m=l;l||"string"!=typeof t||(m=c(t));return e.createElement("div",{className:`form-group form-check ${a} ${n?"disabled":""}`},e.createElement("label",{className:"checkbox "+("lg"===o?"checkbox-lg":"sm"===o?"checkbox-sm":"")},e.createElement("input",{type:"checkbox",checked:i,onChange:e=>{s(e.target.checked)},minLength:"1",id:m,name:r}),t))};me.propTypes={className:c.string,disabled:c.bool,id:c.string,name:c.string,setStatus:c.func,size:c.oneOf(["sm","md","lg"]),status:c.bool};const de=({files:a=[],onUpload:n,onRemove:l,onError:r,onSuccess:o,accept:i,maxSize:c=20971520,multiple:m=!0,disabled:d=!1,validator:u,requiredText:p,showError:g=!1,title:h="Drag and drop your files here",subtitle:f,buttonText:E="Browse file…",orLabel:b="or",uploadingText:w="Uploading…",icon:y="cloud-arrow-up",iconScale:N=2,className:x="",formatValidator:k,formatLabel:C})=>{const[T,$]=t([]),[O,S]=t({}),L=s((e=>{const t=setInterval((()=>{S((a=>{const n=a[e]||0;return n>=99?(clearInterval(t),{...a,[e]:99}):{...a,[e]:n+10}}))}),100);return t}),[]),_=s((async e=>{const t=`${e.name}-${e.lastModified}`;try{$((a=>[...a,{name:e.name,size:e.size,type:e.type,lastModified:e.lastModified,_uploadId:t}]));const a=L(t);if(!n)throw new Error("onUpload prop is required");const l=await n(e);clearInterval(a),S((e=>({...e,[t]:100}))),o&&o(l)}catch(t){console.error("Dropzone upload error:",t),r&&r(t,e)}finally{$((e=>e.filter((e=>e._uploadId!==t)))),S((e=>{const a={...e};return delete a[t],a}))}}),[n,o,r,L]),z=s(((e,t)=>{t.length?r&&r(new Error("File validation failed"),t):e.forEach((e=>{_(e)}))}),[r,_]),{getRootProps:F,getInputProps:D}=v({onDrop:z,accept:i,maxSize:c,multiple:m,disabled:d,validator:u}),q=s((e=>e&&0!==e?(e/1048576).toFixed(2)+" MB":"0 MB"),[]),M=s((e=>k&&C?k(e)?C(e):"NO MATCH":null),[k,C]),I=s(((e,t=0)=>({id:e.id||e._uploadId||`file-${t}`,url:e.url||e.media,thumbnail:e.thumbnail||e.url||e.media,name:e.name||e.file_description||e.file_name,size:e.size||e.file_size,type:e.type||e.file_type,width:e.width,height:e.height,duration:e.duration,_original:e})),[]);return e.createElement("div",{className:`upload-module-wrapper ${x}`},e.createElement("div",R({},F(),{className:"upload-module "+(g?"not-validated":""),"data-error":g?p:void 0}),e.createElement("input",D()),e.createElement("div",null,e.createElement(j,{name:"cloud-arrow-up",scale:N}),e.createElement("p",null,h),f&&e.createElement("p",{className:"upload-specs"},f)),e.createElement("p",{className:"upload-separator"},b),e.createElement(J,{disabled:d},E)),T.length>0&&e.createElement(e.Fragment,null,T.map((t=>{const a=I(t),n=O[t._uploadId]||0;return e.createElement("div",{key:a.id,className:"upload-file"},e.createElement("div",{className:"image-preview"},e.createElement(j,{name:y,scale:2})),e.createElement("div",{className:"asset-info"},e.createElement("div",{className:"file-name-container"},e.createElement("p",{className:"file-name"},a.name)),e.createElement("p",{className:"uploading-text"},w," ",n,"%"),e.createElement("div",{className:"uploading-progress-bar"},e.createElement("div",{className:"uploading-progress"}))))}))),a.length>0&&e.createElement(e.Fragment,null,a.map(((t,a)=>{const n=I(t,a),r=M(t);return e.createElement("div",{key:n.id,className:"upload-file"},e.createElement("div",{className:"image-preview"},n.thumbnail?e.createElement("img",{src:n.thumbnail,alt:n.name}):e.createElement(j,{name:y,scale:2})),e.createElement("div",{className:"asset-info"},e.createElement("div",{className:"file-name-container"},e.createElement("p",{className:"file-name"},n.name),r&&e.createElement(Z,{color:"neutral"},r)),n.size>0&&e.createElement("p",{className:"file-size"},q(n.size))),l&&e.createElement(J,{variant:"terciary",onClick:()=>l(n._original),startIcon:"trash-can",style:"danger",size:"sm"}))}))))};de.propTypes={files:c.arrayOf(c.shape({id:c.oneOfType([c.string,c.number]),url:c.string,thumbnail:c.string,name:c.string,size:c.number,type:c.string,width:c.number,height:c.number,duration:c.number,media:c.string,file_description:c.string,file_name:c.string,file_size:c.number,file_type:c.string})),onUpload:c.func.isRequired,onRemove:c.func,onError:c.func,onSuccess:c.func,accept:c.object,maxSize:c.number,multiple:c.bool,disabled:c.bool,validator:c.func,requiredText:c.string,showError:c.bool,title:c.string,subtitle:c.string,buttonText:c.string,orLabel:c.string,uploadingText:c.string,icon:c.string,iconScale:c.oneOf([.7,1,2,3,4]),className:c.string,formatValidator:c.func,formatLabel:c.func};const ue=({autoFocus:t=!1,className:l="",disabled:r=!1,focus:s=!1,helpText:o,icon:i,label:c="Input label",max:m,maxLength:d,min:u,name:p,onBlur:g,onChange:h,prefix:f,requiredText:E,setShowError:v,showError:b,size:w="md",suffix:y,type:N="text",value:x})=>{const{toCamelCase:k}=ce(),C=a(null),T=k(c);n((()=>{b&&setTimeout((()=>{v(!1)}),3e3)}),[b]),n((()=>{C.current&&s&&C.current.focus()}),[s]);const $=(()=>{switch(N){case"email":return"email";case"tel":return"tel";case"number":return"numeric";default:return}})();return e.createElement("div",{className:`position-relative ${l} ${r?"disabled":""}`},f||y||i?e.createElement("div",{className:"input-group "+(b?"not-validated":""),"data-error":E},i&&e.createElement("span",{className:"input-group-text"},e.createElement(j,{style:"solid",name:i,scale:1})),f&&e.createElement("span",{className:"input-group-text"},f),e.createElement("div",{className:"form-floating"},e.createElement("input",{type:N,className:"form-control "+("md"!==w?`form-control-${w}`:""),value:x,id:T,name:p,placeholder:c,onChange:h,onBlur:g,required:!!E,autoFocus:t,ref:C,min:u,max:m,inputMode:$}),e.createElement("label",{htmlFor:T},c)),y&&e.createElement("span",{className:"input-group-text"},y)):e.createElement("div",{className:"form-floating "+(b?"not-validated":""),"data-error":E},e.createElement("input",{type:N,className:"form-control "+("md"!==w?`form-control-${w}`:""),value:x,id:T,placeholder:c,onChange:h,onBlur:g,required:!!E,name:p,autoFocus:t,ref:C,min:u,max:m,maxLength:d,inputMode:$}),e.createElement("label",{htmlFor:T},c)),o&&e.createElement("small",{className:"text-muted"},o))};ue.propTypes={autoFocus:c.bool,className:c.string,disabled:c.bool,focus:c.bool,helpText:c.string,icon:c.string,label:c.string,max:c.oneOfType([c.string,c.number]),maxLength:c.number,min:c.oneOfType([c.string,c.number]),name:c.string,onBlur:c.func,onChange:c.func,prefix:c.string,requiredText:c.string,size:c.oneOf(["sm","md","lg"]),showError:c.bool,setShowError:c.func,suffix:c.string,type:c.oneOf(["color","date","datetime-local","email","file","image","month","number","password","tel","text","time","url","week"]),value:c.oneOfType([c.string,c.number])};const pe=({children:t,className:a="",disabled:n=!1,fullWidth:l=!1,id:r,name:s,setStatus:o,size:i="md",status:c=!0})=>{const{toCamelCase:m}=ce();let d=r;r||"string"!=typeof t||(d=m(t));return e.createElement("div",{className:`form-group form-check ${a} ${n?"disabled":""}`},e.createElement("label",{className:`radio ${l?"w-100":""} ${"lg"===i?"radio-lg":"sm"===i?"radio-sm":""}`},e.createElement("input",{type:"radio",checked:c,onChange:e=>{o(e.target.checked)},minLength:"1",id:d,name:s}),t))};pe.propTypes={className:c.string,disabled:c.bool,fullWidth:c.bool,id:c.string,name:c.string,setStatus:c.func,size:c.oneOf(["sm","md","lg"]),status:c.bool};const ge=({className:l="",disabled:r=!1,label:o,labelInputMax:i="Max",labelInputMin:c="Min",max:m=100,min:d=0,onChange:u,orientation:p="horizontal",range:g=!1,step:h=1,tooltip:f=!0,value:E})=>{const v=g,b=v?Array.isArray(E)?E:[d,m]:"number"==typeof E?E:d,[w,y]=t(null),[N,x]=t(null),k=a(null),C=s((e=>{const t=Math.round(e/h)*h;return Math.min(Math.max(t,d),m)}),[d,m,h]),T=s((e=>(e-d)/(m-d)*100),[d,m]),$=s(((e,t)=>{if(!k.current)return d;const a=k.current.getBoundingClientRect();let n;n="vertical"===p?1-(t-a.top)/a.height:(e-a.left)/a.width,n=Math.min(Math.max(n,0),1);return C(d+n*(m-d))}),[p,d,m,C]),O=s(((e,t)=>{if(!w||r)return;const a=$(e,t);if(v){const[e,t]=b;if("start"===w){const e=Math.min(a,t-h);u?.([C(e),t])}else if("end"===w){const t=Math.max(a,e+h);u?.([e,C(t)])}}else u?.(a)}),[w,r,$,v,b,u,h,C]);n((()=>{const e=e=>{O(e.clientX,e.clientY)},t=()=>{y(null),x(null)},a=e=>{e.touches.length>0&&O(e.touches[0].clientX,e.touches[0].clientY)},n=()=>{y(null),x(null)};return w&&(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)}}),[w,O]);const S=e=>t=>{r||(t.preventDefault(),y(e),x(e))},L=e=>t=>{if(r)return;const a=t.target.value;if(""===a)return;let n=parseFloat(a);if(!isNaN(n))if(n=C(n),v){const[t,a]=b;if("start"===e){const e=Math.min(n,a-h);u?.([C(Math.max(e,d)),a])}else{const e=Math.max(n,t+h);u?.([t,C(Math.min(e,m))])}}else u?.(n)},_=e=>{const t=T(e);return"vertical"===p?{bottom:`${t}%`}:{left:`${t}%`}},z=(t,a)=>f&&N===a?e.createElement("span",{className:"slider-tooltip"},Math.round(t),"%"):null;return e.createElement("div",{className:`slider-container slider-${p} ${r?"disabled":""} ${l}`},v?e.createElement(ue,{type:"number",className:"slider-input",label:c,value:b[0],onChange:L("start"),min:d,max:b[1]-h,disabled:r,size:"sm",name:"sliderStartInput"}):o&&e.createElement("span",{className:"slider-label"},o),e.createElement("div",{className:"slider-track-container",ref:k,onClick:e=>{if(r||w)return;const t=$(e.clientX,e.clientY);if(v){const[e,a]=b,n=(e+a)/2;u?.(t<n?[C(t),a]:[e,C(t)])}else u?.(t)}},e.createElement("div",{className:"slider-track"},e.createElement("div",{className:"slider-track-filled",style:(()=>{if(v){const[e,t]=b,a=T(e),n=T(t);return"vertical"===p?{bottom:`${a}%`,height:n-a+"%"}:{left:`${a}%`,width:n-a+"%"}}const e=T(b);return"vertical"===p?{bottom:"0%",height:`${e}%`}:{left:"0%",width:`${e}%`}})()})),v?e.createElement(e.Fragment,null,e.createElement("div",{className:"slider-thumb "+("start"===w?"dragging":""),style:_(b[0]),onMouseDown:S("start"),onTouchStart:S("start"),role:"slider","aria-valuemin":d,"aria-valuemax":b[1],"aria-valuenow":b[0],tabIndex:r?-1:0},z(b[0],"start")),e.createElement("div",{className:"slider-thumb "+("end"===w?"dragging":""),style:_(b[1]),onMouseDown:S("end"),onTouchStart:S("end"),role:"slider","aria-valuemin":b[0],"aria-valuemax":m,"aria-valuenow":b[1],tabIndex:r?-1:0},z(b[1],"end"))):e.createElement("div",{className:"slider-thumb "+("single"===w?"dragging":""),style:_(b),onMouseDown:S("single"),onTouchStart:S("single"),role:"slider","aria-valuemin":d,"aria-valuemax":m,"aria-valuenow":b,tabIndex:r?-1:0},z(b,"single"))),v?e.createElement(ue,{type:"number",className:"slider-input",label:i,value:b[1],onChange:L("end"),min:b[0]+h,max:m,disabled:r,size:"sm",id:"sliderEndInput",name:"sliderEndInput"}):e.createElement(ue,{type:"number",className:"slider-input",label:i,value:b,onChange:L("single"),min:d,max:m,disabled:r,size:"sm",id:"sliderSingleInput",name:"sliderSingleInput"}))};ge.propTypes={className:c.string,disabled:c.bool,label:c.string,labelInputMax:c.string,labelInputMin:c.string,max:c.number,min:c.number,onChange:c.func,orientation:c.oneOf(["horizontal","vertical"]),range:c.bool,step:c.number,tooltip:c.bool,value:c.oneOfType([c.number,c.arrayOf(c.number)])};const he=({children:t,className:a="",disabled:n=!1,icon:l=!1,id:r,name:s,processing:o=!1,setStatus:i,size:c,status:m=0,switchPosition:d="start"})=>{const{toCamelCase:u}=ce(),p="lg"===c?"form-switch-lg":"sm"===c?"form-switch-sm":"",g=r||u(t);return e.createElement("div",{className:`form-check form-switch ${p} ${a} ${"end"===d?"switch-end":""} ${l?"switch-icon":""} ${n?"disabled":""} ${o?"processing":""}`},e.createElement("input",{className:"form-check-input",type:"checkbox",role:"switch",onChange:()=>{if("boolean"==typeof m)return i(!m);i(m?0:1)},id:g,name:s,checked:!!m}),t&&e.createElement("label",{className:"form-check-label",htmlFor:g},t))};he.propTypes={className:c.string,disabled:c.bool,icon:c.bool,id:c.string,name:c.string,processing:c.bool,setStatus:c.func,status:c.oneOfType([c.number,c.bool]),size:c.oneOf(["sm","md","lg"]),switchPosition:c.oneOf(["start","end"])};const fe=({className:t="",disabled:a=!1,helpText:l,label:r="Textarea label",name:s,onChange:o,requiredText:i,showError:c,setShowError:m,size:d="md",value:u=""})=>{const{toCamelCase:p}=ce(),g="lg"===d?"form-control-lg":"sm"===d?"form-control-sm":"",h=p(r);return n((()=>{c&&setTimeout((()=>{m(!1)}),3e3)}),[c]),e.createElement("div",{className:`position-relative ${t} ${a?"disabled":""}`},e.createElement("div",{className:"form-floating "+(c?"not-validated":""),"data-error":i},e.createElement("textarea",{className:`form-control ${g}`,onChange:o,placeholder:r,id:h,name:s,required:!!i,value:u||""}),e.createElement("label",{htmlFor:h},r),l&&e.createElement("small",{className:"text-muted"},l)))};fe.propTypes={className:c.string,disabled:c.bool,helpText:c.string,label:c.string,name:c.string,onChange:c.func,requiredText:c.string,showError:c.bool,setShowError:c.func,size:c.oneOf(["sm","md","lg"]),value:c.string};const Ee=({autoFocus:a=!1,className:l="",counter:r=!1,disabled:s=!1,duplicateKeywordErrorText:o="Duplicate keyword.",errorText:i,helpText:c,keywordsList:m=[],maxKeywords:d,maxKeywordLength:u,name:p,pillColor:g="neutral",placeholder:h="Add keywords…",recomendedKeywords:f,requiredText:E,setKeywordsList:v,showError:b=!1,size:w="md"})=>{const{toCamelCase:y}=ce(),[N,x]=t(""),[k,C]=t(""),[T,$]=t(!1),[O,S]=t(!1),L=y(h);return n((()=>{m.length===d&&($(!0),setTimeout((()=>{$(!1)}),3e3))}),[m]),n((()=>{if(b){S(!0);const e=setTimeout((()=>{S(!1)}),3e3);return()=>clearTimeout(e)}S(!1)}),[b]),e.createElement(e.Fragment,null,e.createElement("div",{className:`position-relative ${l} ${s?"disabled":""}`},e.createElement("div",{className:`input-chip ${"md"!==w?`input-chip-${w}`:""} ${T||k||O?"not-validated":""}`,"data-error":k||(O?i:"")||E},e.createElement("div",{className:"wrapper"},m.map(((t,a)=>e.createElement(Z,{key:a,closeButton:!0,color:g,onClick:()=>(e=>{const t=m.filter((t=>t!==e));v(t)})(t)},t)))),e.createElement("input",{type:"text",id:L,name:p,value:N,onKeyDown:e=>{if("Enter"===e.key&&""!==N.trim()&&m.length<d){if(N.length>u)return C(`Each keyword must be ${u} characters or less.`),setTimeout((()=>C("")),2e3),void x("");if(m.includes(N.trim()))return C(o),setTimeout((()=>C("")),2e3),void x("");const e=[...m,N.trim()];v(e),x("")}},onChange:e=>{x(e.target.value)},placeholder:h,autoFocus:a}),r&&m.length>=f&&e.createElement("div",{className:"progress-counter-wrapper "+(m.length>=d?"progress-value-error":m.length>=f?"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-m.length/d),strokeLinecap:"round",fill:"none"})),e.createElement("span",{className:"progress-counter-text"},m.length))),c&&e.createElement("small",{className:"text-muted"},c)))};Ee.propTypes={autoFocus:c.bool,className:c.string,counter:c.bool,disabled:c.bool,duplicateKeywordErrorText:c.string,errorText:c.string,helpText:c.string,keywordsList:c.array.isRequired,maxKeywords:c.number.isRequired,maxKeywordLength:c.number.isRequired,name:c.string,pillColor:c.oneOf(["blue","danger","dark","green","light","midtone","neutral","red","yellow"]),placeholder:c.string.isRequired,recomendedKeywords:c.number.isRequired,requiredText:c.string.isRequired,setKeywordsList:c.func.isRequired,showError:c.bool,size:c.oneOf(["sm","md","lg"])};const ve=import.meta.env.MODE,be="production"===ve?"https://api.groovinads.com/":"localdev"===ve?"https://api-test.groovinads.com/":"https://api-dev.groovinads.com/";var we={authStatus:be+"v2/auth/status",authLogout:be+"v2/auth/logout",applications:be+"v2/applications",favApps:be+"v2/applications/favorite",clients:be+"v2/auth/clients",clientsLogin:be+"v2/auth/clients/login",headers:{headers:{"Content-Type":"application/json",Authorization:"Bearer "+b.get("groovinadsAuthToken"),"Accept-Language":"en"}}};w.defaults.withCredentials=!0;const ye=async({url:e,signal:t})=>await w.get(e,{...we.headers,signal:t}).then((({data:e})=>e)).catch((e=>Promise.reject(e||"error en la url"))),Ne=async({url:e,data:t})=>await w.post(e,t,we.headers).then((({data:e})=>e)).catch((e=>Promise.reject(e||"error en la url"))),xe=(e,t=void 0)=>{if(null==e||isNaN(e))return e;return Number(e).toLocaleString(t,{useGrouping:!0,minimumFractionDigits:0,maximumFractionDigits:0})},ke=async(e,t)=>await ye({url:`${be}${e}`,signal:t}),Ce=async(e,t)=>await Ne({url:`${be}${e}`,data:t}),Te=async e=>await Ne({url:`${we.favApps}/${e}`,data:e}),$e=async e=>await(async({url:e})=>await w.delete(e,we.headers).then((({data:e})=>e)).catch((e=>Promise.reject(e||"error en la url"))))({url:`${we.favApps}/${e}`}),Oe=({apiGetEmail:a,apiPostEmail:l,disabled:r=!1,label:s="Email addresses",showModal:o=!0,textButton:i="Add",textError:c="You must enter a valid email address",titleList:m="Added emails"})=>{const[d,u]=t([]),[p,g]=t(""),[h,f]=t(!1),[E,v]=t([]),[b,w]=t(!1),N=/^\w+([.-_+]?\w+)*@\w+([.-]?\w+)*(\.\w{2,10})+$/;return n((()=>{o?(async()=>{f(!0);const e=await ke(a);u(e||[]),f(!1)})():d.length&&u([])}),[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":""} ${r?"disabled":""}`,"data-error":c},e.createElement(ue,{label:s,value:p,onChange:e=>{(e=>{const t=e.target.value.replace(/\. +/g," ");g(t),t.trim()&&!N.test(t)||w(!1)})(e)}}),e.createElement(J,{onClick:async()=>{const e=p.split(/[;, ]+/).map((e=>e.trim())).filter((e=>e.length>0)),t=e.filter((e=>!N.test(e))),a=e.filter((e=>N.test(e)));if(t.length&&(g(t.join(" ")),w(!0),setTimeout((()=>{w(!1)}),3e3)),a.length){const e=await Ce(l,[...d,...a]);u(e)}g(t.join(" "))},className:""+(p.trim()?"":"disabled")},i))),h?e.createElement("div",{className:"shared-users-list"},e.createElement(y,{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(y,{circle:!0,width:32,height:32}),e.createElement(y,{width:200,height:16})))))):d?.length?e.createElement("div",{className:"shared-users-list"},e.createElement("h3",null,m),d?.map(((t,a)=>e.createElement("div",{key:`email${a}`,className:"shared-user-item"},e.createElement("div",{className:"shared-user"},e.createElement(j,{name:"user-circle",scale:2}),e.createElement("span",null,t)),E.some((e=>e===t))?e.createElement("div",{className:"spinner-wrapper"},e.createElement(Y,{scale:1})):e.createElement(J,{variant:"terciary",style:"danger",startIcon:"trash-can",onClick:()=>(async e=>{v([...E,e]);const t=d.filter((t=>t!==e)),a=await Ce(l,t);setTimeout((()=>{v(E.filter((t=>t!==e))),u(a)}),1e3)})(t)}))))):null)};Oe.propTypes={apiGetEmail:c.string.isRequired,apiPostEmail:c.string.isRequired,disabled:c.bool,label:c.string,showModal:c.bool,textButton:c.string,textError:c.string,titleList:c.string},c.string,c.bool,c.string,c.string,c.string,c.func,c.oneOf(["blue","danger","dark","green","light","midtone","neutral","red","yellow"]),c.bool,c.oneOf(["sm","md","lg"]),c.arrayOf(c.string);const Se=/\{\{([^}]+)\}\}/g,Le=e=>{if(!e)return[];const t=[];let a,n=0;for(Se.lastIndex=0;null!==(a=Se.exec(e));){a.index>n&&t.push({type:"text",value:e.slice(n,a.index)});const l=a[1].trim();l&&t.push({type:"pill",id:l.toLowerCase().replace(/\s+/g,"_"),label:l}),n=Se.lastIndex}return n<e.length&&t.push({type:"text",value:e.slice(n)}),t},_e=e=>{if(!e)return[];const t=[];return Array.from(e.childNodes).forEach((e=>{if(e.nodeType===Node.TEXT_NODE){const a=e.textContent;a&&t.push({type:"text",value:a})}else e.nodeType===Node.ELEMENT_NODE&&e.hasAttribute("data-pill-id")&&t.push({type:"pill",id:e.getAttribute("data-pill-id"),label:e.getAttribute("data-pill-label")})})),t},ze=o((({className:l="",disabled:r=!1,errorText:s,helpText:o,label:c="Template",onChange:m,pillColor:d="neutral",placeholder:u,segments:p=[],showError:g=!1,size:h="md"},f)=>{const{toCamelCase:E}=ce(),[v,b]=t(!1),w=a(null),y=a(!1),N=a(null),x=a(!0);n((()=>{if(g){b(!0);const e=setTimeout((()=>{b(!1)}),3e3);return()=>clearTimeout(e)}b(!1)}),[g]);const k=E(c),C=(e,t=!1)=>{if(!w.current||y.current)return;y.current=!0;const a=document.activeElement===w.current;w.current.innerHTML="",e.forEach(((e,t)=>{if("text"===e.type){const t=document.createTextNode(e.value);w.current.appendChild(t)}else if("pill"===e.type){const a=document.createElement("span");a.contentEditable="false",a.className="pill-wrapper",a.setAttribute("data-pill-id",e.id),a.setAttribute("data-pill-label",e.label);const n=`\n\t\t\t\t\t<span class="pill ${d}">\n\t\t\t\t\t\t<span>${e.label}</span>\n\t\t\t\t\t\t${r?"":`<button type="button" data-pill-action="remove" data-pill-index="${t}">\n\t\t\t\t\t\t\t<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="xmark" class="svg-inline--fa fa-xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" style="width: 0.7em; height: 0.7em;">\n\t\t\t\t\t\t\t\t<path fill="currentColor" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"></path>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</button>`}\n\t\t\t\t\t</span>\n\t\t\t\t`;a.innerHTML=n,w.current.appendChild(a)}}));try{const e=document.createRange(),t=window.getSelection();e.selectNodeContents(w.current),e.collapse(!1),t.removeAllRanges(),t.addRange(e)}catch(e){console.warn("Could not restore cursor position:",e)}(a||t)&&setTimeout((()=>{w.current&&!r&&w.current.focus()}),0),y.current=!1};i(f,(()=>({insertPill:e=>{if(r)return;const{id:t,label:a}=e;if(!t||!a)return void console.warn("insertPill requires both id and label");const n={type:"pill",id:t,label:a},l=[...p,n];m?.(l),w.current&&w.current.focus()},focus:()=>{w.current&&!r&&w.current.focus()}}))),n((()=>{if(x.current)return x.current=!1,N.current=p,void C(p);JSON.stringify(p)!==JSON.stringify(N.current)&&(N.current=p,C(p))}),[p,d,r]);const T=0===p.length,$=u||c;return e.createElement("div",{className:`position-relative ${l} ${r?"disabled":""}`},e.createElement("div",{className:"form-floating "+(v?"not-validated":""),"data-error":v?s:""},e.createElement("div",{className:"input-chip template-input "+("md"!==h?`input-chip-${h}`:""),onClick:()=>{!r&&w.current&&w.current.focus()},role:"textbox","aria-label":c},e.createElement("div",{ref:w,contentEditable:!r,suppressContentEditableWarning:!0,onInput:()=>{(()=>{if(!w.current||y.current||r)return;const e=_e(w.current),t=[];let a=!1;e.forEach((e=>{if("text"===e.type&&e.value){const n=Se.test(e.value);if(Se.lastIndex=0,n){a=!0;const n=Le(e.value);t.push(...n)}else t.push(e)}else"pill"===e.type&&t.push(e)})),a?(N.current=t,m?.(t),C(t,!0)):(N.current=e,m?.(e))})()},onPaste:e=>{if(r)return;e.preventDefault();const t=e.clipboardData.getData("text");if(!t)return;const a=Le(t);if(!window.getSelection().rangeCount)return;const n=[..._e(w.current),...a];m?.(n)},onClick:e=>{const t=e.target.closest('[data-pill-action="remove"]');if(t&&!r){const e=parseInt(t.getAttribute("data-pill-index"),10),a=p.filter(((t,a)=>a!==e));m?.(a)}},className:"template-editor","data-placeholder":T?$:"",style:{minHeight:"1.5em",outline:"none",flex:1}})),e.createElement("label",{htmlFor:k},c)),o&&e.createElement("small",{className:"text-muted"},o))}));ze.displayName="TemplateInput",ze.propTypes={className:c.string,disabled:c.bool,errorText:c.string,helpText:c.string,label:c.string,onChange:c.func.isRequired,pillColor:c.oneOf(["blue","danger","dark","green","light","midtone","neutral","red","yellow"]),placeholder:c.string,segments:c.arrayOf(c.shape({type:c.oneOf(["text","pill"]).isRequired,value:c.string,id:c.string,label:c.string})).isRequired,showError:c.bool,size:c.oneOf(["sm","md","lg"])};const Fe=({autoClose:l=!1,className:r="",disabled:o=!1,helpText:i,locked:c=!1,menuType:m="simple",onRemoveFilter:d,onToggle:u,overflow:p=!1,requiredText:g,searchLabel:h="Search",setShow:f,setValuesSelected:v,show:b,showError:w=!1,title:y,values:N=[],valuesSelected:x=[]})=>{const[k,C]=t(""),[T,$]=t(!!b),O=a(null),S=a(null),L=()=>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."))),_=(e,t)=>{v(e?[...x,t]:x.filter((e=>e!==t)))};n((()=>{$(b)}),[b]);const z=s((e=>{!O?.current||O?.current.contains(e?.target)||!0!==l&&"outside"!==l||($(!1),f(!1))}),[l,f]);n((()=>(document.addEventListener("click",z),()=>{document.removeEventListener("click",z)})),[z]);const F=()=>{if(p)return{strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]}};return e.createElement(e.Fragment,null,e.createElement(E,{onToggle:u,className:`dropdown-filter ${c?"locked":""} ${r} ${o?"disabled":""}`,autoClose:l,show:T,ref:O,"data-error":g},e.createElement(E.Toggle,{ref:S,variant:"toggle-filter",className:w?"not-validated":"",onClick:e=>{e.stopPropagation();const t=!T;$(t),f(t)}},e.createElement("div",{className:"filter-heading"},e.createElement("div",{className:"filter-title"},e.createElement("span",{className:"filter-title-text"},y),x.length>0&&e.createElement("span",{className:"filter-title-count"},` (${x.length})`),c&&e.createElement(j,{style:"solid",name:"lock-keyhole",scale:.7})),e.createElement(j,{style:"solid",name:"chevron-down",scale:1,className:"caret"})),e.createElement("div",{className:"filter-values"},x.length===N.length?"All selected":x.length?x.join("; "):"None")),!c&&e.createElement(J,{variant:"terciary",endIcon:"xmark",size:"md",className:"remove-filter",onClick:d}),"simple"===m&&e.createElement(E.Menu,{as:"div",className:"dropdown-menu-simple",popperConfig:F(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},T&&e.createElement("div",{className:"dropdown-menu-wrapper"},e.createElement(ue,{size:"sm",label:h,icon:"magnifying-glass",className:"w-100",value:k,onChange:({target:e})=>C(e.value),customRef:b,autoFocus:!0}),N.filter((e=>e.toString().toLowerCase().includes(k.toLowerCase()))).length>0?e.createElement("ul",{className:"dropdown-filter-list"},N.filter((e=>e.toString().toLowerCase().includes(k.toLowerCase()))).map(((t,a)=>e.createElement(me,{setStatus:e=>{_(e,t)},status:x.includes(t),key:"Dropdown.Simple.Checkbox"+a},t)))):e.createElement(L,null)))),"selection"===m&&e.createElement(E.Menu,{as:"div",className:"dropdown-menu-selection",popperConfig:F(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},T&&e.createElement("div",{className:"dropdown-menu-wrapper"},e.createElement("div",{className:"dropdown-filter-list-wrapper"},e.createElement(ue,{size:"sm",label:h,icon:"magnifying-glass",className:"w-100",value:k,onChange:({target:e})=>C(e.value),customRef:b,autoFocus:!0}),e.createElement("h4",null,"All values (",N.length,")"),N.filter((e=>e.toString().toLowerCase().includes(k.toLowerCase()))).length>0?e.createElement(e.Fragment,null,e.createElement("ul",{className:"dropdown-filter-list"},N.filter((e=>e.toString().toLowerCase().includes(k.toLowerCase()))).map(((t,a)=>e.createElement(me,{setStatus:e=>{_(e,t)},status:x.includes(t),key:"Dropdown.Selection.Checkbox"+a},t))))):e.createElement(L,null)),e.createElement("div",{className:"dropdown-filter-values-wrapper"},e.createElement("div",{className:"dropdown-filter-buttons-wrapper"},e.createElement(J,{startIcon:"check",size:"sm",variant:"terciary",onClick:()=>{v([...N])}},"Select all"),e.createElement(J,{startIcon:"xmark",size:"sm",variant:"terciary",onClick:()=>{v([])}},"Clear selection")),e.createElement("h4",null,"Selected values (",x.length,")"),e.createElement("div",{className:"dropdown-filter-selected-list"},x.map(((t,a)=>e.createElement(Z,{color:"blue",closeButton:!0,onClick:()=>{(e=>{v(x.filter(((t,a)=>a!==e)))})(a)},key:"Dropdown.PillComponent"+a},t))))))))),i&&e.createElement("small",{className:"text-muted"},i))};Fe.propTypes={autoClose:c.oneOfType([c.bool,c.oneOf(["outside"])]),className:c.string,disabled:c.bool,helpText:c.string,locked:c.bool,menuType:c.oneOf(["simple","selection"]),onRemoveFilter:c.func,onToggle:c.func,overflow:c.bool,requiredText:c.string,searchLabel:c.string,setShow:c.func,setValuesSelected:c.func,show:c.bool,showError:c.bool,title:c.string,values:c.array,valuesSelected:c.array};const De=({autoClose:l=!1,buttonVariant:r="input",className:s="",customKey:o,disabled:i=!1,drop:c,focus:m=!1,hasId:d=!0,helpText:u,idInPill:p=!1,idKey:g,label:h="",nameKey:f,notMatchedText:v="No match found",nowrap:b=!1,object:w=!1,onToggle:y,overflow:N=!1,requiredText:x="Required",searchLabel:k="Search",setValuesSelected:C,setShow:T,show:$,showError:O=!1,showStatus:S="",size:L="md",values:_=[],valuesSelected:z=[]})=>{const[F,D]=t(""),[q,M]=t(!!$),[I,R]=t(null),A=a(null),P=a(null),B=a(null),{highlightText:K}=ce(),U=_.filter((e=>(w?`${e[g]} ${e[f]} ${e[o]}`:e).toLowerCase().includes(F.toLowerCase())&&(!S||parseInt(e.status)===parseInt(S))));n((()=>{M($),P.current&&R(P.current.offsetWidth)}),[$]),n((()=>{const e=e=>{!A?.current||A?.current.contains(e?.target)||!0!==l&&"outside"!==l||(M(!1),T(!1))};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[l,T]);const W=["w-100 btn",`btn-${r}`,`btn-${L}`,b&&"nowrap",O&&"not-validated",i&&"disabled"].filter(Boolean).join(" ");return e.createElement(e.Fragment,null,e.createElement(E,{className:s,autoClose:l,show:q,ref:A,onToggle:y,drop:c,"data-error":x},e.createElement(E.Toggle,{as:"div",ref:P,className:W,onClick:e=>{e.stopPropagation();M(!q),P.current&&R(P.current.offsetWidth)}},z.length>0&&"input"===r&&e.createElement("div",{className:"wrapper"},z.map(((t,a)=>e.createElement(Z,{color:"neutral",closeButton:!0,onClick:e=>{e.stopPropagation(),(e=>{C((t=>t.filter(((t,a)=>a!==e))))})(a)},key:`Dropdown.PillComponent.${a}`},(e=>o?`${e[f]} - ${e[o]}`:p?`#${e[g]} - ${e[f]}`:e[f]||e)(t))))),e.createElement("span",{className:"label"},h),e.createElement(j,{style:"solid",name:"angle-down",scale:1,className:"caret"})),e.createElement(E.Menu,{className:"full-width",ref:B,style:I?{width:I}:void 0,popperConfig:(()=>{if(N)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"},q&&e.createElement(e.Fragment,null,e.createElement(E.Item,{onClick:e=>e.stopPropagation(),as:"div"},e.createElement(ue,{label:k,value:F,onChange:({target:e})=>D(e.value),icon:"magnifying-glass",size:"sm",className:"w-100",focus:m,autoFocus:!0})),e.createElement(E.Item,{onClick:e=>e.stopPropagation(),as:"div"},U.length>0?e.createElement("ul",{className:"dropdown-checks"},U.map(((t,a)=>e.createElement(me,{setStatus:e=>((e,t)=>{const a=_.findIndex((e=>(w?e[g]:e)===(w?t[g]:t)));C(e?e=>[...e,_[a]]:e=>e.filter((e=>(w?e[g]:e)!==(w?_[a][g]:_[a]))))})(e,t),status:w?z.some((e=>e[g]===t[g])):z.includes(t),key:`Dropdown.Input.Checkbox.${a}`},(e=>{const t=w?o?`${e[f]} - ${e[o]}`:`${d?`#${e[g]} - `:""}${e[f]}`:e[f]||e;return K(t,F)})(t))))):e.createElement("div",{className:"not-matched"},e.createElement("p",null,v))))))),u&&e.createElement("small",{className:"text-muted"},u))};function qe({className:l="",date:r,disabled:s=!1,handleClear:o,helpText:i,label:c="Period",maxDate:m,minDate:d,onToggle:u,overflow:p=!1,requiredText:g,setDate:h,setShow:f,show:E,showError:v,size:b="md"}){const[w,y]=t(!!E),k=a(null),C=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,T=()=>{y(!1);try{f(!1)}catch(e){}};n((()=>{const e=e=>{k.current&&!k.current.contains(e.target)&&T()};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[]),n((()=>{y(E)}),[E]);const $=(()=>{if(!r)return"";try{return N(new Date(r),"EEE MMM dd yyyy")}catch(e){return""}})(),O=C(d),S=C(m);return e.createElement(e.Fragment,null,e.createElement(ie,{className:l,disabled:s,icon:$?"calendar-day":"calendar-days",label:c,onToggle:()=>{const e=!w;y(e),e&&window.dispatchEvent(new CustomEvent("dropdownToggle",{detail:c}));try{u()}catch(e){}},overflow:p,requiredText:g,selectedValue:$,setShow:y,show:w,showError:v,size:b,variant:"input"},e.createElement(e.Fragment,null,e.createElement(x.Item,null,e.createElement(q,{className:"form-control form-search",selected:r||"",onChange:e=>{h(e?.toString()),setTimeout((()=>{T()}),200)},startDate:r||"",monthsShown:1,inline:!0,minDate:O,maxDate:S,dayClassName:e=>{const t=C(d),a=C(m);return t&&e<t||a&&e>a&&e!==a?"react-datepicker__day--disabled":""}}),e.createElement("div",{className:"px-2 w-100"},e.createElement(J,{onClick:()=>{T(),o?o():h(null)},iconStart:"calendar-circle-minus",size:"sm",variant:"terciary",className:"w-100"},"Clear"))))),i&&e.createElement("small",{className:"text-muted"},i))}De.propTypes={autoClose:c.oneOfType([c.bool,c.string]),buttonVariant:c.oneOf(["input","primary","secondary","terciary","outline"]),className:c.string,customKey:c.string,disabled:c.bool,drop:c.oneOf(["up","down"]),focus:c.bool,hasId:c.bool,helpText:c.string,idInPill:c.bool,idKey:c.string,label:c.string,nameKey:c.string,notMatchedText:c.string,nowrap:c.bool,object:c.bool,onToggle:c.func,overflow:c.bool,requiredText:c.string,searchLabel:c.string,setValuesSelected:c.func,setShow:c.func,show:c.bool,showError:c.bool,showStatus:c.string,size:c.oneOf(["sm","md","lg"]),values:c.array,valuesSelected:c.array},qe.propTypes={className:c.string,clearDate:c.func,date:c.string,disabled:c.bool,handleClear:c.func,helpText:c.string,label:c.string,maxDate:c.oneOfType([c.string,c.instanceOf(Date)]),minDate:c.oneOfType([c.string,c.instanceOf(Date)]),onToggle:c.func,overflow:c.bool,requiredText:c.string,setDate:c.func,setShow:c.func,show:c.bool,showError:c.bool,size:c.oneOf(["sm","md","lg"])};const Me=({className:l="",dateFrom:r,dateTo:s,disabled:o=!1,helpText:i,label:c="Period",locked:m=!1,maxDate:d,minDate:u,onRemoveFilter:p,onToggle:g,overflow:h=!1,requiredText:f,setDateFrom:v,setDateTo:b,setShow:w,show:y,showError:N=!1,size:x="md",variant:k="input"})=>{const[C,T]=t(r),[$,O]=t(s),[S,L]=t(!!y),_=a(null),z=a(null),F=a(null),{capitalice:D}=ce(),M=window?.innerWidth<500,I=()=>{L(!1);try{w(!1)}catch(e){}};n((()=>{L(y)}),[y]);const R=["w-100","input"===k&&"btn btn-input",`btn-${x}`,N&&"not-validated",o&&"disabled"].filter(Boolean).join(" "),A=`${"filter"===k?"dropdown-filter":""} ${l}`,P=e=>e?e.toString().split("00")[0]:"",B=D(c);return e.createElement(e.Fragment,null,e.createElement(E,{show:S,className:A,"data-error":f,ref:_},e.createElement(E.Toggle,{ref:z,variant:"toggle-filter",onClick:()=>{L(!S);try{g()}catch(e){}},className:R},"input"===k?e.createElement(e.Fragment,null,e.createElement("span",{className:"dropdown-label"},B),e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(j,{style:"solid",name:C&&$?"calendar-range":"calendar-days",scale:1}),e.createElement("span",{className:"wrapper"},(C||$)&&e.createElement(e.Fragment,null,e.createElement("strong",null,P(C)),"to",e.createElement("strong",null,P($))))),e.createElement(j,{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,B),m&&e.createElement(j,{style:"solid",name:"lock-keyhole",scale:.7})),e.createElement(j,{style:"solid",name:"chevron-down",scale:1,className:"caret"})),e.createElement("div",{className:"filter-values"},C||$?e.createElement(e.Fragment,null,e.createElement("strong",null,P(C)),"to ",e.createElement("strong",null,P($))):e.createElement(e.Fragment,null,"None")))),"filter"===k&&!m&&e.createElement(J,{variant:"terciary",endIcon:"xmark-circle",size:"md",className:"remove-filter",onClick:p}),e.createElement(E.Menu,{as:"div",ref:F,popperConfig:(()=>{if(h)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(E.Item,{as:"div"},e.createElement(q,{className:"form-control form-search",selected:C,onChange:e=>{const[t,a]=e;T(t),O(a)},startDate:C,endDate:$,monthsShown:M?1:2,selectsRange:!0,inline:!0,minDate:u,maxDate:d}),e.createElement("div",{className:"datepicker-footer"},e.createElement("div",{className:"datepicker-buttons-wrapper"},e.createElement(J,{onClick:I,size:"sm",variant:"terciary"},"Cancel"),e.createElement(J,{size:"sm",onClick:()=>{v(C?.toString()),b(null===$?C?.toString():$?.toString()),I()}},"Set date"))))))),i&&e.createElement("small",{className:"text-muted"},i))};Me.propTypes={className:c.string,dateFrom:c.string,dateTo:c.string,disabled:c.bool,helpText:c.string,label:c.string,locked:c.bool,maxDate:c.instanceOf(Date),minDate:c.instanceOf(Date),onRemoveFilter:c.func,onToggle:c.func,overflow:c.bool,requiredText:c.string,setDateFrom:c.func,setDateTo:c.func,setShow:c.func,show:c.bool,showError:c.bool,size:c.oneOf(["sm","md","lg"]),variant:c.oneOf(["input","filter"])};const Ie=({children:a,className:n,footer:l,header:r,onBeforeClose:s,setShow:o,show:i,size:c="md",type:m="default"})=>{const[d,u]=t(!1),p=()=>{s?s():"confirmation"===m?(u(!0),setTimeout((()=>{u(!1)}),500)):o(!1)};return e.createElement(k,{show:i,onHide:p,className:`${"default"===m?"zoom-in":"confirmation"===m?"bounce-in-down":"bounce-in"}${d?" zoom-and-back":""}${n?` ${n}`:""}`,backdrop:"confirmation"!==m||"static",centered:!0,size:c,scrollable:!0},e.createElement(k.Header,null,e.createElement("div",{className:"modal-title"},"string"==typeof r?e.createElement("h2",null,r):r),"default"===m&&e.createElement(J,{startIcon:"xmark",onClick:p,variant:"terciary"})),e.createElement(k.Body,null,a),l&&e.createElement(k.Footer,{className:"default"!==m?"border-0 justify-content-start flex-row":""},l))};function Re({autoClose:a,children:n,className:l,position:r,variant:s}){const[o,i]=t(!0),c=()=>i(!o);return e.createElement(M,{onClose:c,show:o,delay:a?3500:null,autohide:a,className:`${r} ${s} ${l||""}`},e.createElement(M.Body,null,e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(j,{style:"solid",name:{info:"circle-info",success:"circle-check",warning:"triangle-exclamation",error:"circle-xmark"}[s],scale:1,className:"icon"})),e.createElement("div",{className:"toast-content",dangerouslySetInnerHTML:{__html:n}})),!a&&e.createElement("button",{className:"btn-close",onClick:c},e.createElement(j,{style:"solid",name:"xmark",scale:1}))))}Ie.propTypes={children:c.node.isRequired,className:c.string,footer:c.node,header:c.oneOfType([c.string,c.node]).isRequired,onBeforeClose:c.func,setShow:c.func.isRequired,show:c.bool.isRequired,size:c.oneOf(["sm","md","lg","xl"]),type:c.oneOf(["default","confirmation","error"])};const Ae=({className:a="",position:l="bottom-end",toast:r})=>{const[s,o]=t([]);return n((()=>{r&&o([...s,r])}),[r]),e.createElement(C,{className:a,position:l},s.map((({variant:t="info",autoClose:a=!0,children:n,className:r},s)=>e.createElement(Re,{variant:t,autoClose:a,children:n,className:r,position:l,key:n+t+s}))))};Ae.propTypes={className:c.string,position:c.oneOf(["top-start","top-end","bottom-start","bottom-end"]),toast:c.object};const Pe=({cancelButton:a=!1,className:l="",currentProgress:r,onCancel:s,position:o="bottom-start",status:i="in-progress",variant:c})=>{const[m,d]=t(!0),[u,p]=t(!1);let g;switch(c){case"upload":g=e.createElement("div",{className:"uploading"},e.createElement(T,{now:r}),e.createElement("div",{className:"uploading-wrapper"},u?e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(j,{style:"solid",name:"circle-check",scale:1,className:"icon"})),e.createElement("p",null,"Upload completed")):e.createElement(e.Fragment,null,e.createElement(Y,null),e.createElement("p",null,"Uploading…")),e.createElement("p",{className:"progress-percentage"},r,"%")));break;case"processing":g=e.createElement("div",{className:"uploading-wrapper"},e.createElement(Y,null),e.createElement("p",null,"Processing…"));break;default:g=null}return"error"===i&&(g=e.createElement("div",{className:"uploading-wrapper"},e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(j,{style:"solid",name:"circle-xmark",scale:1,className:"icon"})),e.createElement("p",null,"Upload failed!")))),n((()=>{100===r&&(p(!0),setTimeout((()=>d(!1)),3e3))}),[r]),e.createElement(C,{className:l,position:o},e.createElement($,{className:`${"error"===i?"error":""} ${o} ${u?"success":""}`,onClose:()=>d(!m),show:m},e.createElement($.Body,null,g,a&&e.createElement(J,{variant:"terciary",size:"sm",onClick:s},"Cancel"))))};Pe.propTypes={cancelButton:c.bool,className:c.string,currentProgress:c.number,onCancel:c.func,position:c.oneOf(["top-start","top-end","bottom-start","bottom-end"]),status:c.oneOf(["in-progress","error"]),variant:c.oneOf(["upload","processing"]).isRequired};const Be=({header:e,children:t,eventKey:a,isCollapsible:n,className:l})=>null;Be.propTypes={header:c.node.isRequired,children:c.node.isRequired,eventKey:c.string.isRequired,isCollapsible:c.bool,className:c.string};const Ke=({activeKey:t,alwaysOpen:a=!1,children:n,className:l="",defaultActiveKey:r,iconPosition:s="start",onSelect:o,size:i="md"})=>{const c=e.Children.map(n,(e=>e?.type===Be?{header:e.props.header,children:e.props.children,eventKey:e.props.eventKey,isCollapsible:void 0===e.props.isCollapsible||e.props.isCollapsible,className:e.props.className||""}:null)).filter(Boolean),m=`accordion-${i}${l?" "+l:""}`;return e.createElement(O,{activeKey:t,defaultActiveKey:r,alwaysOpen:a,className:m,onSelect:o},c.map((t=>e.createElement(O.Item,{key:t.eventKey,eventKey:t.eventKey,className:t.className},e.createElement(O.Button,{as:"div"},t.isCollapsible&&"start"===s&&e.createElement(j,{name:"angle-right",scale:1,className:"caret"}),e.createElement("div",{className:"accordion-header-content"},t.header),t.isCollapsible&&"end"===s&&e.createElement(j,{name:"angle-right",scale:1,className:"caret"})),t.isCollapsible&&e.createElement(O.Body,null,t.children)))))};Ke.propTypes={activeKey:c.oneOfType([c.string,c.arrayOf(c.string)]),alwaysOpen:c.bool,children:c.node.isRequired,className:c.string,defaultActiveKey:c.oneOfType([c.string,c.arrayOf(c.string)]),iconPosition:c.oneOf(["start","end"]),onSelect:c.func,size:c.oneOf(["sm","md","lg"])};const je=({backdrop:t=!1,belowNavbar:a=!1,children:n,className:l,header:r,onHide:s,show:o})=>e.createElement(S,{show:o,onHide:s,placement:"end",className:`${a?"below-navbar":""}${l?` ${l}`:""}`,backdrop:t},e.createElement(S.Header,{className:"aside-header"},e.createElement("div",{className:"header-content"},"string"==typeof r?e.createElement("h3",null,r):r),e.createElement(J,{variant:"terciary",onClick:s,startIcon:"xmark"})),e.createElement(S.Body,null,n));je.propTypes={backdrop:c.bool,belowNavbar:c.bool,children:c.node.isRequired,className:c.string,header:c.oneOfType([c.string,c.node]).isRequired,onHide:c.func.isRequired,show:c.bool.isRequired};const Ue=({className:t="",links:a=[{label:"Support",url:"mailto:helpdesk@groovinads.com"}]})=>{const n=(new Date).getFullYear();return e.createElement("footer",{className:`footer ${t}`},e.createElement("p",{id:"copyright"},"© ",n," Groovinads."),e.createElement("ul",{className:"nav",role:"navigation"},a.map(((t,a)=>e.createElement("li",{key:a},e.createElement("a",{href:t.url},t.label))))))};Ue.propTypes={className:c.string,links:c.arrayOf(c.shape({label:c.string.isRequired,url:c.string.isRequired}))};const We={strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]},He=({element:t,onToggleFav:a,onAppClick:n,isLoading:l,isAnimating:r})=>e.createElement(E.Item,{as:"div"},e.createElement("a",{href:t.application_url,target:"_blank",rel:"noopener noreferrer",className:"link-app",onClick:e=>{e.preventDefault(),e.stopPropagation(),n?n(t):window.open(t.application_url,"_blank","noopener,noreferrer")}},e.createElement("span",{className:"icon-app"},e.createElement(j,{style:"solid",name:t.app_icon_sm,scale:1})),e.createElement("span",null,t.app_name)),e.createElement("button",{className:"deck-fav "+(r?"animate":""),onClick:e=>{e.preventDefault(),e.stopPropagation(),a(t.id_application,!t.favorite)}},l?e.createElement(Y,{scale:"0.7"}):e.createElement(j,{style:t.favorite?"solid":"regular",name:"star",scale:1}))),Ve=({favoritesTitle:l="Favorites",applications:r,isLoading:o=!1,onApplicationClick:i,onFavoriteToggle:c})=>{const[m,d]=t([]),[u,p]=t(!0),[g,h]=t(!1),[f,v]=t(null),[b,w]=t(null),N=a(null),x=a(null),k=void 0!==r,C=k&&r?r.map((e=>({...e,app_icon_sm:e.application_icon||e.app_icon_sm,app_name:e.application_name||e.app_name}))):[],T=k?C:m,$=k?o:u,O=s((e=>{h(e)}),[]),S=s((async()=>{try{p(!0);const e=(await(async()=>await ye({url:we.applications}))()).map((e=>({...e,app_icon_sm:e.application_icon,app_name:e.application_name})));d(e)}catch(e){console.error("fetchData error",e)}finally{p(!1)}}),[]),L=s((async(e,t)=>{try{if(v(e),c)await c(e,t);else{const a=t?Te:$e;await a(e),k||d((a=>a.map((a=>a.id_application===e?{...a,favorite:t}:a))))}t&&(w(e),setTimeout((()=>w(null)),300))}catch(e){console.error("toggleFavorite error",e)}finally{v(null)}}),[k,c]);n((()=>{k||m?.length||S()}),[k,m?.length,S]);const _=T.filter((e=>e.favorite)),z=T.filter((e=>!e.favorite));return $?e.createElement(y,{width:48,height:48}):T.length?e.createElement(E,{show:g,onToggle:O,autoClose:"outside",className:"dropdown-deck",style:{position:"relative"}},e.createElement(E.Toggle,{ref:N,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(E.Menu,{as:"div",ref:x,popperConfig:We,renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},_.length>0&&e.createElement(E.Item,null,e.createElement("h4",{className:"dropdown-header"},l)),_.map((t=>e.createElement(He,{key:t.id_application,element:t,onToggleFav:L,onAppClick:i,isLoading:f===t.id_application,isAnimating:b===t.id_application}))),_.length>0&&z.length>0&&e.createElement(E.Divider,null),z.map((t=>e.createElement(He,{key:t.id_application,element:t,onToggleFav:L,onAppClick:i,isLoading:f===t.id_application,isAnimating:b===t.id_application})))))):null};Ve.propTypes={favoritesTitle:c.string,applications:c.arrayOf(c.shape({id_application:c.number.isRequired,application_name:c.string.isRequired,application_url:c.string.isRequired,application_icon:c.string,favorite:c.bool})),isLoading:c.bool,onApplicationClick:c.func,onFavoriteToggle:c.func};const Ze=({userData:l,isLoading:r=!1})=>{const{theme:o,setTheme:i}=oe(),[c,m]=t({}),[d,u]=t(!0),[p,g]=t(!1),h=a(null),f=a(null),v=void 0!==l,b=v?r:d,w=v?{imageAuth:l?.auth_data?.oauth_picture,fullNameAuth:l?.auth_data?.oauth_username,emailAuth:l?.auth_data?.email,oauthName:l?.auth_data?.oauth_name?.toLowerCase()}:c,N=s((async()=>{await(async()=>await Ne({url:we.authLogout}))().then((()=>{window.location.href="/"})).catch((e=>{console.error(e)}))}),[]);n((()=>{v||(u(!0),(async()=>await ye({url:we.authStatus}))().then((e=>{const{oauth_username:t,oauth_picture:a,email:n,oauth_name:l}=e?.auth_data;m({imageAuth:a,fullNameAuth:t,emailAuth:n,oauthName:l?.toLowerCase()})})).catch((e=>{console.error("Error",e)})).finally((()=>{u(!1)})))}),[v]);return b?e.createElement(y,{width:82,height:48,borderRadius:999}):e.createElement(E,{show:p,onToggle:e=>{g(e)},autoClose:"outside"},e.createElement(E.Toggle,{ref:h,className:"btn-user"},e.createElement("div",{className:"avatar"},e.createElement("img",{src:w.imageAuth})),e.createElement(j,{style:"solid",name:"angle-down",scale:1,className:"icon caret"})),e.createElement(E.Menu,{as:"div",ref:f,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(E.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:w.imageAuth})),e.createElement(V,{logo:w.oauthName})),e.createElement("div",{className:"user-info"},e.createElement("span",{className:"user-name"},w.fullNameAuth),e.createElement("span",{className:"email-auth"},w.emailAuth)))),e.createElement(E.Item,{as:"div",onClick:()=>{window.open("https://deck.groovinads.com/","_blank")}},e.createElement(j,{name:"id-badge"}),e.createElement("span",null,"My profile…")),e.createElement(E.Item,{as:"div"},e.createElement(ie,{label:"Theme",icon:"circle-half-stroke",size:"md",isChild:!0,drop:"end",autoClose:!0},e.createElement(E.Menu,null,[{value:"default",label:"System (Default)",icon:"desktop"},{value:"light",label:"Light",icon:"sun"},{value:"dark",label:"Dark",icon:"moon"}].map((t=>e.createElement(E.Item,{key:t.value,as:"div",onClick:()=>{return e=t.value,void i(e);var e},active:o===t.value},e.createElement(j,{name:t.icon}),e.createElement("span",null,t.label))))))),e.createElement(E.Divider,null),e.createElement(E.Item,{as:"div",onClick:N},e.createElement(j,{name:"right-from-bracket"}),e.createElement("span",null,"Logout")))))};Ze.propTypes={userData:c.shape({auth_data:c.shape({oauth_username:c.string,oauth_picture:c.string,email:c.string,oauth_name:c.string})}),isLoading:c.bool};const Ge=({clientLogoUrl:l,clientNotFoundText:r="It looks like this client does not exist.",clientNotFoundTitle:o="Client not found",clientSearchLabel:i="Search client",profileSelectedClient:c})=>{const[m,d]=t(!1),[u,p]=t([]),[g,h]=t(""),[f,E]=t(!1),[v,b]=t((()=>{const{id_client:e,client_name:t,email:a}=c;return{id_client:e,client_name:t,email:a}})),w=a(null),N=a(null),k=v?.client_name?.slice(0,2),C=v?.client_name||"Client name",T=v?.email||"Client Email",$=`${v?.client_name} logo`,O=u.length>1,S=e=>{E(e)},L=s((async()=>{try{d(!0);const e=await(async()=>await ye({url:we.clients}))();p(e)}catch(e){console.error("fetchClientsData error",e)}finally{d(!1)}}),[]),_=u.filter((({client_name:e,id_client:t,email:a})=>`${e} ${t}`.toLowerCase().includes(g.toLowerCase())||a?.toLowerCase()?.includes(g?.toLowerCase()))),z=s((async e=>{try{d(!0),await(async e=>await Ne({url:we.clientsLogin,data:{id_client:e}}))(e.id_client),b(e),"/"!==window.location.href.slice(-1)?window.location.replace(window.location.href+"/"):window.location.reload()}catch(e){console.error(" error en ClientsDropdowns ",e)}finally{d(!1)}}),[]);n((()=>{L()}),[L]),n((()=>{f||h("")}),[f]);const F=u.length>1&&f,D=e=>()=>{z(e)};return e.createElement(e.Fragment,null,m?e.createElement("div",{className:"skeleton-wrapper dropdown-clients dropup"},e.createElement(y,{width:32,height:32}),e.createElement(y,{width:150,height:10,count:2,containerClassName:"pt-1"})):e.createElement(x,{drop:"up",className:"dropdown-clients",show:F,onToggle:S},e.createElement(x.Toggle,{ref:w,variant:"client-selector",onClick:()=>{S(!f)}},l?e.createElement("img",{src:l,alt:$,className:"client-logo"}):e.createElement("div",{className:"client-logo"},e.createElement("p",null,k)),e.createElement("div",{className:"dropdown-clients-wrapper"},e.createElement("p",{className:"dropdown-client-name"},e.createElement("span",{className:"dropdown-client-name-text"},C)," ",e.createElement("span",{className:"dropdown-client-id-client"},"[",v?.id_client,"]")),e.createElement("p",{className:"dropdown-client-email"},T)),O&&e.createElement(j,{style:"solid",name:"angle-up",scale:1,className:"caret"})),e.createElement(x.Menu,{as:"div",ref:N,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"},f&&e.createElement(e.Fragment,null,e.createElement(x.Item,{as:"div",onClick:e=>{e.stopPropagation()}},e.createElement(ue,{size:"sm",label:i,icon:"magnifying-glass",className:"w-100",value:g,onChange:e=>{h(e.target.value)},autoFocus:!0})),e.createElement(x.Item,{as:"ul",className:"client-list"},_.length?_.map((t=>e.createElement("li",{className:"client",key:t.id_client,onClick:D(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"},o),e.createElement("p",null,r))))))))))};Ge.propTypes={clientLogoUrl:c.string,clientNotFoundText:c.string,clientNotFoundTitle:c.string,clientSearchLabel:c.string,profileSelectedClient:c.object};const Ye="https://ui.groovinads.com/2.0.0/assets/logos/ga-logo.svg",Xe=({children:l,logoUrl:r,logoUrlMobile:s,setShow:o,show:i,showDeckMenu:c=!1,showUserMenu:d=!1,applications:u,applicationsLoading:p=!1,userData:g,userDataLoading:h=!1,favoritesTitle:f="Favorites",onApplicationClick:E,onFavoriteToggle:v})=>{const b=m({query:"(max-width: 768px)"}),w=r||Ye,N=s||r||Ye,[x,k]=t(!1),C=a(null);n((()=>{k(!1),C.current&&C.current.complete&&k(!0)}),[r,s]);return e.createElement("div",{id:"ga-header",className:"header fixed-top shadow-2"},e.createElement(I,{fluid:!0,className:"navbar"},e.createElement("div",{className:"brand-wrapper"},o&&void 0!==i&&e.createElement(J,{className:i?"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"}))),c&&!b&&e.createElement(Ve,{applications:u,isLoading:p,favoritesTitle:f,onApplicationClick:E,onFavoriteToggle:v}),!x&&e.createElement(y,{width:b?85:173,height:34}),e.createElement("img",{ref:C,src:b?N:w,className:"ga-logo",alt:r?"App logo":"Groovinads logo",onLoad:()=>{k(!0)},onError:()=>{k(!0)},style:{display:x?"block":"none"}})),(l||d)&&e.createElement("div",{className:"nav-wrapper"},l,d&&e.createElement(Ze,{userData:g,isLoading:h}))))};Xe.propTypes={children:c.node,logoUrl:c.string,logoUrlMobile:c.string,setShow:c.func,show:c.bool,showDeckMenu:c.bool,showUserMenu:c.bool,applications:c.arrayOf(c.shape({id_application:c.number.isRequired,application_name:c.string.isRequired,application_url:c.string.isRequired,application_icon:c.string,favorite:c.bool})),applicationsLoading:c.bool,userData:c.shape({auth_data:c.shape({oauth_username:c.string,oauth_picture:c.string,email:c.string,oauth_name:c.string})}),userDataLoading:c.bool,favoritesTitle:c.string,onApplicationClick:c.func,onFavoriteToggle:c.func},c.node,c.bool,c.arrayOf(c.shape({label:c.string,to:c.string,icon:c.string})),c.string,c.node,c.node,c.bool,c.elementType,c.bool,c.func,c.func,c.func,c.node.isRequired;const Je=({className:l="",currentPage:r,pageSize:s,onPageChange:o,onPageSizeChange:i,onPrevPage:c,onNextPage:m,pageSizeOptions:d=[10,50,100],paginationMode:u="local",showPerPageLabel:p="Show per page",totalPages:g,locale:h})=>{const[f,E]=t(!1),[v,b]=t(null),w=a(null);n((()=>{w.current&&b(w.current.offsetWidth)}),[f]);const y=(()=>{const e=[];if(g<=7)for(let t=1;t<=g;t++)e.push(t);else{e.push(1);const t=Math.max(2,r-2),a=Math.min(g-1,r+2);t>2&&e.push("...");for(let n=t;n<=a;n++)e.push(n);a<g-1&&e.push("..."),e.push(g)}return e})();return e.createElement(L,{className:`mb-3 pagination ${l}`},e.createElement(_,{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"},p,":"),e.createElement(ie,{show:f,onToggle:()=>{E(!f)},variant:"input",fullWidth:!0,selectedValue:xe(s,h),size:"sm",autoClose:!0,label:""},e.createElement(e.Fragment,null,d.map((t=>e.createElement(z,{key:t,onClick:()=>(e=>{i(e),E(!1)})(t),active:t===s},xe(t,h))))))),e.createElement("div",{className:"pagination-wrapper"},e.createElement(J,{variant:"secondary",size:"sm",onClick:c,disabled:1===r,startIcon:"chevron-left"}),"local"===u&&g>1&&e.createElement("div",{className:"btn-group",role:"group"},y.map(((t,a)=>"..."===t?e.createElement("div",{key:`ellipsis-${a}`,className:"btn btn-sm btn-secondary btn-ellipsis"},"…"):e.createElement(J,{key:t,variant:"secondary",size:"sm",className:"page-number "+(t===r?"current-page":""),onClick:()=>o(t)},xe(t,h))))),e.createElement(J,{variant:"secondary",size:"sm",onClick:m,disabled:r===g,startIcon:"chevron-right"})))))};Je.propTypes={currentPage:c.number.isRequired,pageSize:c.number.isRequired,onPageChange:c.func.isRequired,onPageSizeChange:c.func.isRequired,onPrevPage:c.func.isRequired,onNextPage:c.func.isRequired,pageSizeOptions:c.arrayOf(c.number),paginationMode:c.oneOf(["local","remote"]),showPerPageLabel:c.string,totalPages:c.number,locale:c.string};const Qe=({api:l,clientLogoUrl:r,clientNotFoundTitle:s,clientNotFoundText:o,clientSearchLabel:i,customLinks:c,customUrl:d,defaultOpened:u=!0,inModal:p=!1,onNavigate:g,selectedClient:h,setGroovinProfile:f,setShow:E,show:v,showClients:b=!1})=>{const w=!!p||m({query:"(max-width: 992px)"}),N=void 0!==d?d:window.location.pathname,[x,k]=t([]),[C,T]=t(null),[$,O]=t(!w&&u),[S,L]=t(!1),[_,z]=t(!1),D=a(null),q=a(!0);n((()=>{l&&(async()=>{try{z(!0);const e=await ke(l);k(e)}catch(e){console.error("fetchData error",e)}finally{z(!1)}})()}),[l]),n((()=>{O(q.current?u:v)}),[v]),n((()=>{w&&E&&!p&&E($),p||O(!w&&(q.current?u:v)),q.current=!1}),[]),n((()=>{L(!1)}),[r]);return e.createElement("nav",{id:"sidebarMenu",className:"sidebar "+($?"show":""),ref:D},p?e.createElement(e.Fragment,null):e.createElement("div",{className:"position-relative d-none d-lg-block"},e.createElement("button",{className:"collapse-button",onClick:()=>{O((e=>!e)),E(!v)}},e.createElement(j,{className:"collapse-icon",name:"angle-left"}))),e.createElement("div",{className:"scroll"},c.map(((t,a)=>e.createElement("div",{className:"sidebar-section",key:`sectionIndex${a}`},t.title?e.createElement("h4",null,e.createElement("span",null,t.title)):e.createElement(e.Fragment,null),t.backData&&l&&_?e.createElement(y,{width:"90%",count:5,containerClassName:"mb-3 ms-3 d-block",className:"mb-4"}):e.createElement("ul",{className:"nav"},(t.backData?x:t.links||[]).map(((t,n)=>e.createElement("li",{className:"nav-item",key:`linksSections${n}`},t.children&&t.children.length?e.createElement(e.Fragment,null,e.createElement("button",{className:"btn-toggle "+(C!==`${a}.${n}`?"collapsed":""),onClick:()=>{var e;T(C===(e=`${a}.${n}`)?null:e)},"aria-controls":`collapse-menu-${t.name}`,"aria-expanded":C===`${a}.${n}`},e.createElement(j,{name:t.icon}),e.createElement("span",null,t.name)),e.createElement(F,{in:C===`${a}.${n}`},e.createElement("ul",{className:"btn-toggle-nav",id:`collapse-menu-${a}-${n}`},t.children.map(((a,n)=>e.createElement("li",{key:`childSectionIndex${n}`},e.createElement("button",{className:"nav-link "+(N===a.url?"active":""),onClick:()=>g(a.url)},!w&&e.createElement(j,{name:t.icon,style:"regular"}),e.createElement("span",null,a.name)))))))):e.createElement(e.Fragment,null,e.createElement("button",{className:"nav-link "+(N===t.url?"active":""),onClick:()=>g(t.url)},e.createElement(j,{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(j,{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(Ge,{clientLogoUrl:r,profileSelectedClient:h,showClients:b,setGroovinProfile:f,clientNotFoundTitle:s,clientNotFoundText:o,clientSearchLabel:i}):e.createElement("div",{className:"client-logo"},!S&&e.createElement(y,{width:178,height:"3rem"}),e.createElement("img",{src:r,alt:"Client Logo",onLoad:()=>L(!0),onError:()=>L(!0),style:{display:S?"block":"none"}}))))};Qe.propTypes={api:c.string,clientLogoUrl:c.string,clientNotFoundTitle:c.string,clientNotFoundText:c.string,clientSearchLabel:c.string,customLinks:c.array.isRequired,customUrl:c.oneOfType([c.string,c.oneOf([void 0])]),defaultOpened:c.bool,inModal:c.bool,onNavigate:c.func.isRequired,pendingType:c.oneOf(["warning","badge"]),selectedClient:c.object,setGroovinProfile:c.func,setShow:c.func,show:c.bool,showClients:c.oneOf([!0,!1,"single"])};const et=({className:t="",current:a,list:n,orientation:l="horizontal"})=>e.createElement("ol",{className:`stepper ${l} ${t}`},n.map(((t,n)=>e.createElement("li",{key:"Stepper"+n,className:a===n?"current":""},e.createElement("span",null,t)))));function tt({activeTab:a=1,className:l="",disabledTabs:r=[],navigateTab:s=!1,onNavigate:o,setActiveTab:i,tabs:c=[]}){const{toCamelCase:m}=ce(),[d,u]=t(a);return n((()=>{u(a)}),[a]),e.createElement(D,{variant:"tabs",activeKey:m(c[d-1]?.tab),onSelect:e=>{if(s){const t=c.find((t=>m(t.tab)===e));o(t.url)}else{const t=c.findIndex((t=>m(t.tab)===e))+1;i?i(t):u(t)}},className:l},(c||[])?.map((({tab:t,badgeNumber:a,warningIcon:n},l)=>{const s=l+1,o=r.includes(s);return e.createElement(D.Item,{key:`tabs.tab: ${l}`},e.createElement(D.Link,{eventKey:m(t),className:o?"disabled":""},n&&e.createElement(j,{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)))})))}et.propTypes={className:c.string,current:c.number.isRequired,list:c.array.isRequired,orientation:c.oneOf(["horizontal","vertical"])},tt.propTypes={activeTab:c.number,className:c.string,disabledTabs:c.arrayOf(c.number),navigateTab:c.bool,onNavigate:c.func,setActiveTab:c.func,tabs:c.array.isRequired};const at=({rows:a,cols:l,className:r=""})=>{const[s,o]=t([]),[i,c]=t([[]]);return n((()=>{o(new Array(l).fill()),c(new Array(a).fill(new Array(l).fill()))}),[a,l]),s.length&&i.length?e.createElement("div",{className:`table-skeleton shadow-1 ${r}`},e.createElement("div",{className:"table-skeleton-header"},s.map(((t,a)=>e.createElement("div",{key:a,className:"table-skeleton-col"},e.createElement(y,{width:"50%",height:12}))))),e.createElement("div",{className:"table-skeleton-body"},i.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(y,{containerClassName:"w-100",width:"100%",height:19}))))))))):null};at.propTypes={rows:c.number.isRequired,cols:c.number.isRequired,className:c.string};export{Ke as AccordionComponent,Be as AccordionItem,U as Alert,je as Aside,W as BlockIcon,J as Button,Q as Card,me as Checkbox,ie as DropdownComponent,Me as DropdownDatePicker,Fe as DropdownFilter,De as DropdownMultiSelect,qe as DropdownSimpleDatePicker,de as Dropzone,H as EditableContent,Ue as Footer,j as Icon,ue as Input,Ee as InputChip,Oe as InputEmail,V as LoginSource,Ie as ModalComponent,Xe as Navbar,Je as Pagination,Z as PillComponent,G as ProgressBar,pe as Radio,Qe as Sidebar,ge as Slider,Y as Spinner,X as StatusIcon,et as Stepper,he as Switch,at as TableSkeleton,tt as Tabnav,fe as Textarea,se as ThemeProvider,Ae as ToastComponent,Pe as ToastProgress,oe as useTheme};
1
+ import e,{useState as t,useRef as a,useEffect as n,useContext as l,createContext as r,useCallback as s,forwardRef as o,useImperativeHandle as i}from"react";import c from"prop-types";import{useMediaQuery as m}from"react-responsive";import{FontAwesomeIcon as d}from"@fortawesome/react-fontawesome";import{library as u}from"@fortawesome/fontawesome-svg-core";import*as p from"@fortawesome/pro-solid-svg-icons";import*as g from"@fortawesome/pro-regular-svg-icons";import*as h from"@fortawesome/pro-duotone-svg-icons";import*as f from"@fortawesome/free-brands-svg-icons";import E from"react-bootstrap/Dropdown";import{useDropzone as b}from"react-dropzone";import v from"js-cookie";import w from"axios";import y from"react-loading-skeleton";import{format as N}from"date-fns";import{Dropdown as k,Modal as x,ToastContainer as C,ProgressBar as T,Toast as $,Accordion as O,Offcanvas as S,Row as L,Col as F,DropdownItem as _,Collapse as z,Nav as D}from"react-bootstrap";import M from"react-datepicker";import q from"react-bootstrap/Toast";import I from"react-bootstrap/Container";function R(){return R=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},R.apply(null,arguments)}const A=e=>Object.keys(e).filter((e=>e.startsWith("fa")&&"fa"!==e)).map((t=>e[t]));u.add(...A(p),...A(g),...A(h),...A(f));const P={solid:"fas",regular:"far",duotone:"fad",brands:"fab"},B={.7:"icon-07x",1:"icon-1x",2:"icon-2x",3:"icon-3x",4:"icon-4x"},K={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}},j=({animation:t="",className:a="",name:n="font-awesome",scale:l=1,style:r="solid"})=>{const s=[P[r]||"fas",n],o=K[t]||{},i=`${B[l]||""} ${a}`.trim();return e.createElement(d,R({icon:s,className:i},o))};j.propTypes={animation:c.oneOf(["beat","fade","beat-fade","bounce","flip","shake","spin","spin-reverse","pulse"]),className:c.string,name:c.string,scale:c.oneOf([.7,1,2,3,4]),style:c.oneOf(["solid","regular","duotone","brands"])};const U=({animation:t=!1,children:a,className:n="",icon:l=!0,onClose:r=null,size:s="md",type:o="info"})=>e.createElement("div",{className:`alert ${t?"alert-animation":""} alert-${o} alert-${s} ${n}`,role:"alert"},e.createElement("div",{className:"alert-wrapper"},l&&e.createElement(j,{style:"solid",name:{info:"circle-info",success:"check",warning:"triangle-exclamation",danger:"circle-xmark"}[o]}),e.createElement("span",null,a)),r&&e.createElement("button",{onClick:r,className:"btn-close"},e.createElement(j,{style:"solid",name:"xmark"})));U.propTypes={animation:c.bool,children:c.node.isRequired,className:c.string,icon:c.bool,onClose:c.func,size:c.oneOf(["sm","md","lg"]),type:c.oneOf(["warning","danger","success","info"]).isRequired};const H=({className:t="",color:a="neutral",size:n="md",name:l="font-awesome"})=>e.createElement("div",{className:`block-icon block-icon-${n} ${a} ${t}`},e.createElement(j,{name:l,style:"duotone",scale:{sm:1,md:2,lg:3}[n]}));H.propTypes={className:c.string,color:c.oneOf(["green","grey","yellow","red","danger","neutral","blue","light","midtone","dark"]),size:c.oneOf(["sm","md","lg"]),name:c.string};const W=({as:l="",className:r="",onChange:s,onSave:o,value:i})=>{const[c,m]=t(!1),[d,u]=t(i),[p,g]=t(!1),[h,f]=t(!1),[E,b]=t({}),v=a(null),w=a(null),y=async e=>{try{if(""===e.trim())return s(d),void m(!1);await o(e),g(!0),m(!1),setTimeout((()=>{g(!1)}),2e3)}catch(e){throw f(!0),m(!1),setTimeout((()=>{f(!1)}),2e3),e}};n((()=>{c&&v.current&&v.current.focus()}),[c]),n((()=>{if(w.current&&!c){const e=window.getComputedStyle(w.current),t=parseFloat(e.width)+2*parseFloat(e.fontSize);b({fontSize:e.fontSize,fontFamily:e.fontFamily,fontWeight:e.fontWeight,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing,width:`${t}px`})}}),[c]);const N=()=>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 ${p?"success":""} ${r}`,onClick:()=>{p||(u(i),m(!0))}},c?e.createElement("input",{type:"text",value:i,ref:v,onBlur:()=>{m(!1),i!==d&&y(i)},onChange:({target:e})=>{s(e.value)},onKeyDown:e=>{"Enter"===e.key?(y(i),m(!1)):"Escape"===e.key&&(s(d),m(!1))},style:E}):e.createElement("div",{className:"editable-content-display",style:{fontSize:E.fontSize}},e.createElement(l,{className:h?"error":"",ref:w},i),p&&e.createElement("div",{className:"success-animation"},e.createElement(N,null))))};W.propTypes={as:c.string.isRequired,className:c.string,onChange:c.func.isRequired,onSave:c.func.isRequired,value:c.string};const V=({logo:t="groovinads",className:a=""})=>e.createElement("div",{className:`login-source ${t||""} ${a}`,"aria-label":`${t} logo`});V.propTypes={className:c.string,logo:c.oneOf(["groovinads","google","microsoft","linkedin","slack"])};const Z=({children:t,className:a="",closeButton:n=!1,color:l="neutral",disabled:r=!1,onClick:s})=>e.createElement("div",{className:`pill ${l} ${a} ${r?"disabled":""}`},e.createElement("span",null,t),n&&e.createElement("button",{onClick:s},e.createElement(j,{style:"solid",name:"xmark",scale:.7})));Z.propTypes={className:c.string,closeButton:c.bool,color:c.oneOf(["green","yellow","red","danger","neutral","blue","light","midtone","dark"]),disabled:c.bool,onClick:c.func};const G=({className:t="",dangerTo:a,label:n,max:l=100,orientation:r="horizontal",showNumbers:s=!1,value:o=0,warningTo:i})=>{const c=void 0!==a&&o>=a?"danger":void 0!==i&&o>=i?"warning":"",m=["progress-bar-container",r,t].filter(Boolean).join(" "),d=["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",R({className:d,value:o,max:l},"vertical"===r&&{orient:"vertical"})),s&&e.createElement("div",{className:"progress-bar-numbers"},e.createElement("span",null,"0"),e.createElement("span",null,l))))};G.propTypes={className:c.string,dangerTo:c.number,label:c.string,max:c.number,orientation:c.oneOf(["horizontal","vertical"]),showNumbers:c.bool,value:c.number,warningTo:c.number};const Y=({className:t="",scale:a=1})=>e.createElement(j,{name:"spinner-third",scale:a,animation:"spin",className:t});Y.propTypes={className:c.string,scale:c.oneOf([.7,1,2,3,4])};const X=({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}})());X.propTypes={animated:c.bool,className:c.string,status:c.number.isRequired};const J=({badge:t,children:a,className:n="",disabled:l=!1,endIcon:r,hideLabelOnDesktop:s=!1,hideLabelOnMobile:o=!1,onClick:i,processing:c=!1,size:d="md",startIcon:u,style:p="default",variant:g="primary"})=>{const h=m({query:"(max-width: 768px)"});o&&s&&console.warn("Button: hideLabelOnMobile and hideLabelOnDesktop should not be used together");const f=h&&o||!h&&s,E=c?e.createElement(e.Fragment,null,e.createElement(Y,{scale:1}),a&&e.createElement("span",null,a,"…")):e.createElement(e.Fragment,null,u&&e.createElement(j,{style:"solid",name:u,scale:1}),a&&!f&&e.createElement("span",null,a),r&&e.createElement(j,{style:"solid",name:r,scale:1}));return e.createElement("button",R({className:`btn ${n}\n btn-${g}\n btn-${p}\n btn-${d}\n ${c?"btn-processing":""}\n ${l?"disabled":""}`,onClick:i},t&&{"data-badge":t}),E)};J.propTypes={badge:c.string,children:c.node,className:c.string,disabled:c.bool,endIcon:c.string,hideLabelOnDesktop:c.bool,hideLabelOnMobile:c.bool,onClick:c.func,processing:c.bool,size:c.oneOf(["sm","md","lg"]),startIcon:c.string,style:c.oneOf(["default","success","danger","warning","link"]),variant:c.oneOf(["primary","secondary","terciary","outline"])};const Q=({children:t,className:a="",depth:n=1,size:l="md"})=>{const r=n>0?`shadow-${n}`:"",s="md"!==l?`card-${l}`:"";return e.createElement("div",{className:`card ${r} ${s} ${a}`},t)};Q.propTypes={children:c.node,className:c.string,depth:c.oneOf([0,1,2,3,4]),size:c.oneOf(["sm","md","lg","full"])};const ee=r(void 0),te="undefined"!=typeof window,ae="theme_pref",ne=()=>{if(!te)return!1;const e=window.location.hostname;return"localhost"===e||"127.0.0.1"===e||"[::1]"===e},le=()=>{if(!te)return"default";return(e=>{if(!te)return null;try{const t=`; ${document.cookie}`.split(`; ${e}=`);if(2===t.length)return t.pop().split(";").shift()}catch(e){console.warn("Error reading cookie:",e)}return null})(ae)||"default"},re=(e,t)=>{if(!te)return;const a={path:"/",domain:t};"default"===e?((e,t={})=>{if(te)try{let a=`${e}=; expires=Thu, 01 Jan 1970 00:00:00 UTC`;a+=`; path=${t.path||"/"}`,t.domain&&!ne()&&(a+=`; domain=${t.domain}`),document.cookie=a}catch(e){console.warn("Error deleting cookie:",e)}})(ae,a):((e,t,a={})=>{if(te)try{let n=`${e}=${t}`;void 0!==a.maxAge&&(n+=`; max-age=${a.maxAge}`),n+=`; path=${a.path||"/"}`,a.domain&&!ne()&&(n+=`; domain=${a.domain}`),n+="; SameSite=Lax",document.cookie=n}catch(e){console.warn("Error setting cookie:",e)}})(ae,e,{...a,maxAge:31536e3})},se=({children:a,initialTheme:l,rootDomain:r=".groovinads.com"})=>{const[s,o]=t((()=>l&&["light","dark","default"].includes(l)?l:le()));n((()=>{(e=>{if(!te)return;const t=document.documentElement;"default"===e?t.removeAttribute("data-theme"):t.setAttribute("data-theme",e)})(s),re(s,r)}),[s,r]),n((()=>{const e=le();e!==s&&o(e)}),[]);const i={theme:s,setTheme:o,isLight:"light"===s,isDark:"dark"===s,isDefault:"default"===s};return e.createElement(ee.Provider,{value:i},a)};se.propTypes={children:c.node.isRequired,initialTheme:c.oneOf(["light","dark","default"]),rootDomain:c.oneOfType([c.string,c.oneOf([null])])};const oe=()=>{const e=l(ee);if(void 0===e)throw new Error("useTheme must be used within a ThemeProvider");return e},ie=({align:l="start",autoClose:r=!1,children:s,className:o="",disabled:i=!1,drop:c,fullWidth:m=!1,helpText:d,icon:u,isChild:p=!1,label:g,onToggle:h,overflow:f=!1,processing:b=!1,requiredText:v,selectedValue:w,setShow:y,show:N,showError:k=!1,size:x="md",style:C="default",variant:T="primary"})=>{const[$,O]=t(!!N),[S,L]=t(null),F=a(null),_=a(null),z=()=>{switch(c){case"up":return"angle-up";case"end":return"angle-right";case"start":return"angle-left";default:return"angle-down"}};return n((()=>{O(N),m&&_.current&&L(_.current.offsetWidth)}),[N,m]),e.createElement(e.Fragment,null,e.createElement(E,{autoClose:r,show:$,onToggle:(e,t)=>{O(e),y&&y(e),h&&h(e,t),m&&_.current&&L(_.current.offsetWidth)},className:o,align:l,drop:c,disabled:p?void 0:i||b,"data-error":v},e.createElement(E.Toggle,{ref:_,as:p?"div":void 0,bsPrefix:p?"":void 0,className:(()=>{if(p)return"";const e=["btn",`btn-${T}`,`btn-${C}`,`btn-${x}`];return("input"===T||m)&&e.push("w-100"),k&&e.push("not-validated"),(i||b)&&e.push("disabled"),b&&e.push("btn-processing"),e.join(" ")})()},"start"===c?e.createElement(e.Fragment,null,(g||"input"===T)&&e.createElement(j,{name:z(),className:"caret"}),"input"===T?e.createElement(e.Fragment,null,g&&e.createElement("span",{className:"dropdown-label"},g,b&&"…"),b?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(Y,{scale:1}),e.createElement("span",null,w)):u?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(j,{style:"solid",name:u,scale:1}),e.createElement("span",null,w)):e.createElement("span",null,w)):u&&g?e.createElement(e.Fragment,null,e.createElement("div",{className:"dropdown-label-wrapper"},b?e.createElement(Y,{scale:1}):e.createElement(j,{style:"solid",name:u,scale:1}),e.createElement("span",null,g,b&&"…"))):e.createElement(e.Fragment,null,b&&e.createElement(Y,{scale:1}),g&&!b&&e.createElement("span",null,g,b&&"…"),u&&!b&&e.createElement(j,{style:"solid",name:u,scale:1}))):e.createElement(e.Fragment,null,"input"===T?e.createElement(e.Fragment,null,g&&e.createElement("span",{className:"dropdown-label"},g,b&&"…"),b?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(Y,{scale:1}),e.createElement("span",null,w)):u?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(j,{style:"solid",name:u,scale:1}),e.createElement("span",null,w)):e.createElement("span",null,w)):u&&g?e.createElement(e.Fragment,null,e.createElement("div",{className:"dropdown-label-wrapper"},b?e.createElement(Y,{scale:1}):e.createElement(j,{style:"solid",name:u,scale:1}),e.createElement("span",null,g,b&&"…"))):e.createElement(e.Fragment,null,b&&e.createElement(Y,{scale:1}),u&&!b&&e.createElement(j,{style:"solid",name:u,scale:1}),g&&!b&&e.createElement("span",null,g,b&&"…")),(g||"input"===T)&&e.createElement(j,{name:z(),className:"caret"}))),e.createElement(E.Menu,{align:l,ref:F,className:m?"full-width":"",style:m?{width:S}:void 0,popperConfig:(()=>{if(f)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=s?.props?.children;return t?e.Children.map(t,(t=>"DropdownItem"===t?.type?.displayName||"DropdownItem"===t?.type?.name?e.cloneElement(t,{as:"div"}):t)):null})()))),d&&e.createElement("small",{className:"text-muted"},d))};ie.propTypes={align:c.oneOf(["start","end"]),autoClose:c.oneOfType([c.bool,c.oneOf(["inside","outside"])]),children:c.node,className:c.string,disabled:c.bool,drop:c.oneOf(["up","down","start","end"]),fullWidth:c.bool,helpText:c.string,icon:c.string,isChild:c.bool,label:c.node,onToggle:c.func,overflow:c.bool,processing:c.bool,requiredText:c.string,selectedValue:c.node,setShow:c.func,show:c.bool,showError:c.bool,size:c.oneOf(["sm","md","lg"]),style:c.oneOf(["default","success","danger","warning","link"]),variant:c.oneOf(["primary","secondary","terciary","outline","input"])};const ce=()=>({toCamelCase:s((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}),[]),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)}`:""}),me=({children:t,className:a="",disabled:n=!1,id:l,name:r,setStatus:s,size:o="md",status:i=!1})=>{const{toCamelCase:c}=ce();let m=l;l||"string"!=typeof t||(m=c(t));return e.createElement("div",{className:`form-group form-check ${a} ${n?"disabled":""}`},e.createElement("label",{className:"checkbox "+("lg"===o?"checkbox-lg":"sm"===o?"checkbox-sm":"")},e.createElement("input",{type:"checkbox",checked:i,onChange:e=>{s(e.target.checked)},minLength:"1",id:m,name:r}),t))};me.propTypes={className:c.string,disabled:c.bool,id:c.string,name:c.string,setStatus:c.func,size:c.oneOf(["sm","md","lg"]),status:c.bool};const de=({files:a=[],onUpload:n,onRemove:l,onError:r,onSuccess:o,accept:i,maxSize:c=20971520,multiple:m=!0,disabled:d=!1,validator:u,requiredText:p,showError:g=!1,title:h="Drag and drop your files here",subtitle:f,buttonText:E="Browse file…",orLabel:v="or",uploadingText:w="Uploading…",icon:y="cloud-arrow-up",iconScale:N=2,className:k="",formatValidator:x,formatLabel:C})=>{const[T,$]=t([]),[O,S]=t({}),L=s((e=>{const t=setInterval((()=>{S((a=>{const n=a[e]||0;return n>=99?(clearInterval(t),{...a,[e]:99}):{...a,[e]:n+10}}))}),100);return t}),[]),F=s((async e=>{const t=`${e.name}-${e.lastModified}`;try{$((a=>[...a,{name:e.name,size:e.size,type:e.type,lastModified:e.lastModified,_uploadId:t}]));const a=L(t);if(!n)throw new Error("onUpload prop is required");const l=await n(e);clearInterval(a),S((e=>({...e,[t]:100}))),o&&o(l)}catch(t){console.error("Dropzone upload error:",t),r&&r(t,e)}finally{$((e=>e.filter((e=>e._uploadId!==t)))),S((e=>{const a={...e};return delete a[t],a}))}}),[n,o,r,L]),_=s(((e,t)=>{t.length?r&&r(new Error("File validation failed"),t):e.forEach((e=>{F(e)}))}),[r,F]),{getRootProps:z,getInputProps:D}=b({onDrop:_,accept:i,maxSize:c,multiple:m,disabled:d,validator:u}),M=s((e=>e&&0!==e?(e/1048576).toFixed(2)+" MB":"0 MB"),[]),q=s((e=>x&&C?x(e)?C(e):"NO MATCH":null),[x,C]),I=s(((e,t=0)=>({id:e.id||e._uploadId||`file-${t}`,url:e.url||e.media,thumbnail:e.thumbnail||e.url||e.media,name:e.name||e.file_description||e.file_name,size:e.size||e.file_size,type:e.type||e.file_type,width:e.width,height:e.height,duration:e.duration,_original:e})),[]);return e.createElement("div",{className:`upload-module-wrapper ${k}`},e.createElement("div",R({},z(),{className:"upload-module "+(g?"not-validated":""),"data-error":g?p:void 0}),e.createElement("input",D()),e.createElement("div",null,e.createElement(j,{name:"cloud-arrow-up",scale:N}),e.createElement("p",null,h),f&&e.createElement("p",{className:"upload-specs"},f)),e.createElement("p",{className:"upload-separator"},v),e.createElement(J,{disabled:d},E)),T.length>0&&e.createElement(e.Fragment,null,T.map((t=>{const a=I(t),n=O[t._uploadId]||0;return e.createElement("div",{key:a.id,className:"upload-file"},e.createElement("div",{className:"image-preview"},e.createElement(j,{name:y,scale:2})),e.createElement("div",{className:"asset-info"},e.createElement("div",{className:"file-name-container"},e.createElement("p",{className:"file-name"},a.name)),e.createElement("p",{className:"uploading-text"},w," ",n,"%"),e.createElement("div",{className:"uploading-progress-bar"},e.createElement("div",{className:"uploading-progress"}))))}))),a.length>0&&e.createElement(e.Fragment,null,a.map(((t,a)=>{const n=I(t,a),r=q(t);return e.createElement("div",{key:n.id,className:"upload-file"},e.createElement("div",{className:"image-preview"},n.thumbnail?e.createElement("img",{src:n.thumbnail,alt:n.name}):e.createElement(j,{name:y,scale:2})),e.createElement("div",{className:"asset-info"},e.createElement("div",{className:"file-name-container"},e.createElement("p",{className:"file-name"},n.name),r&&e.createElement(Z,{color:"neutral"},r)),n.size>0&&e.createElement("p",{className:"file-size"},M(n.size))),l&&e.createElement(J,{variant:"terciary",onClick:()=>l(n._original),startIcon:"trash-can",style:"danger",size:"sm"}))}))))};de.propTypes={files:c.arrayOf(c.shape({id:c.oneOfType([c.string,c.number]),url:c.string,thumbnail:c.string,name:c.string,size:c.number,type:c.string,width:c.number,height:c.number,duration:c.number,media:c.string,file_description:c.string,file_name:c.string,file_size:c.number,file_type:c.string})),onUpload:c.func.isRequired,onRemove:c.func,onError:c.func,onSuccess:c.func,accept:c.object,maxSize:c.number,multiple:c.bool,disabled:c.bool,validator:c.func,requiredText:c.string,showError:c.bool,title:c.string,subtitle:c.string,buttonText:c.string,orLabel:c.string,uploadingText:c.string,icon:c.string,iconScale:c.oneOf([.7,1,2,3,4]),className:c.string,formatValidator:c.func,formatLabel:c.func};const ue=({autoFocus:t=!1,className:l="",disabled:r=!1,focus:s=!1,helpText:o,icon:i,label:c="Input label",max:m,maxLength:d,min:u,name:p,onBlur:g,onChange:h,prefix:f,requiredText:E,setShowError:b,showError:v,size:w="md",suffix:y,type:N="text",value:k})=>{const{toCamelCase:x}=ce(),C=a(null),T=x(c);n((()=>{v&&setTimeout((()=>{b(!1)}),3e3)}),[v]),n((()=>{C.current&&s&&C.current.focus()}),[s]);const $=(()=>{switch(N){case"email":return"email";case"tel":return"tel";case"number":return"numeric";default:return}})();return e.createElement("div",{className:`position-relative ${l} ${r?"disabled":""}`},f||y||i?e.createElement("div",{className:"input-group "+(v?"not-validated":""),"data-error":E},i&&e.createElement("span",{className:"input-group-text"},e.createElement(j,{style:"solid",name:i,scale:1})),f&&e.createElement("span",{className:"input-group-text"},f),e.createElement("div",{className:"form-floating"},e.createElement("input",{type:N,className:"form-control "+("md"!==w?`form-control-${w}`:""),value:k,id:T,name:p,placeholder:c,onChange:h,onBlur:g,required:!!E,autoFocus:t,ref:C,min:u,max:m,inputMode:$}),e.createElement("label",{htmlFor:T},c)),y&&e.createElement("span",{className:"input-group-text"},y)):e.createElement("div",{className:"form-floating "+(v?"not-validated":""),"data-error":E},e.createElement("input",{type:N,className:"form-control "+("md"!==w?`form-control-${w}`:""),value:k,id:T,placeholder:c,onChange:h,onBlur:g,required:!!E,name:p,autoFocus:t,ref:C,min:u,max:m,maxLength:d,inputMode:$}),e.createElement("label",{htmlFor:T},c)),o&&e.createElement("small",{className:"text-muted"},o))};ue.propTypes={autoFocus:c.bool,className:c.string,disabled:c.bool,focus:c.bool,helpText:c.string,icon:c.string,label:c.string,max:c.oneOfType([c.string,c.number]),maxLength:c.number,min:c.oneOfType([c.string,c.number]),name:c.string,onBlur:c.func,onChange:c.func,prefix:c.string,requiredText:c.string,size:c.oneOf(["sm","md","lg"]),showError:c.bool,setShowError:c.func,suffix:c.string,type:c.oneOf(["color","date","datetime-local","email","file","image","month","number","password","tel","text","time","url","week"]),value:c.oneOfType([c.string,c.number])};const pe=({children:t,className:a="",disabled:n=!1,fullWidth:l=!1,id:r,name:s,setStatus:o,size:i="md",status:c=!0})=>{const{toCamelCase:m}=ce();let d=r;r||"string"!=typeof t||(d=m(t));return e.createElement("div",{className:`form-group form-check ${a} ${n?"disabled":""}`},e.createElement("label",{className:`radio ${l?"w-100":""} ${"lg"===i?"radio-lg":"sm"===i?"radio-sm":""}`},e.createElement("input",{type:"radio",checked:c,onChange:e=>{o(e.target.checked)},minLength:"1",id:d,name:s}),t))};pe.propTypes={className:c.string,disabled:c.bool,fullWidth:c.bool,id:c.string,name:c.string,setStatus:c.func,size:c.oneOf(["sm","md","lg"]),status:c.bool};const ge=({className:l="",disabled:r=!1,label:o,labelInputMax:i="Max",labelInputMin:c="Min",max:m=100,min:d=0,onChange:u,orientation:p="horizontal",range:g=!1,step:h=1,tooltip:f=!0,value:E})=>{const b=g,v=b?Array.isArray(E)?E:[d,m]:"number"==typeof E?E:d,[w,y]=t(null),[N,k]=t(null),x=a(null),C=s((e=>{const t=Math.round(e/h)*h;return Math.min(Math.max(t,d),m)}),[d,m,h]),T=s((e=>(e-d)/(m-d)*100),[d,m]),$=s(((e,t)=>{if(!x.current)return d;const a=x.current.getBoundingClientRect();let n;n="vertical"===p?1-(t-a.top)/a.height:(e-a.left)/a.width,n=Math.min(Math.max(n,0),1);return C(d+n*(m-d))}),[p,d,m,C]),O=s(((e,t)=>{if(!w||r)return;const a=$(e,t);if(b){const[e,t]=v;if("start"===w){const e=Math.min(a,t-h);u?.([C(e),t])}else if("end"===w){const t=Math.max(a,e+h);u?.([e,C(t)])}}else u?.(a)}),[w,r,$,b,v,u,h,C]);n((()=>{const e=e=>{O(e.clientX,e.clientY)},t=()=>{y(null),k(null)},a=e=>{e.touches.length>0&&O(e.touches[0].clientX,e.touches[0].clientY)},n=()=>{y(null),k(null)};return w&&(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)}}),[w,O]);const S=e=>t=>{r||(t.preventDefault(),y(e),k(e))},L=e=>t=>{if(r)return;const a=t.target.value;if(""===a)return;let n=parseFloat(a);if(!isNaN(n))if(n=C(n),b){const[t,a]=v;if("start"===e){const e=Math.min(n,a-h);u?.([C(Math.max(e,d)),a])}else{const e=Math.max(n,t+h);u?.([t,C(Math.min(e,m))])}}else u?.(n)},F=e=>{const t=T(e);return"vertical"===p?{bottom:`${t}%`}:{left:`${t}%`}},_=(t,a)=>f&&N===a?e.createElement("span",{className:"slider-tooltip"},Math.round(t),"%"):null;return e.createElement("div",{className:`slider-container slider-${p} ${r?"disabled":""} ${l}`},b?e.createElement(ue,{type:"number",className:"slider-input",label:c,value:v[0],onChange:L("start"),min:d,max:v[1]-h,disabled:r,size:"sm",name:"sliderStartInput"}):o&&e.createElement("span",{className:"slider-label"},o),e.createElement("div",{className:"slider-track-container",ref:x,onClick:e=>{if(r||w)return;const t=$(e.clientX,e.clientY);if(b){const[e,a]=v,n=(e+a)/2;u?.(t<n?[C(t),a]:[e,C(t)])}else u?.(t)}},e.createElement("div",{className:"slider-track"},e.createElement("div",{className:"slider-track-filled",style:(()=>{if(b){const[e,t]=v,a=T(e),n=T(t);return"vertical"===p?{bottom:`${a}%`,height:n-a+"%"}:{left:`${a}%`,width:n-a+"%"}}const e=T(v);return"vertical"===p?{bottom:"0%",height:`${e}%`}:{left:"0%",width:`${e}%`}})()})),b?e.createElement(e.Fragment,null,e.createElement("div",{className:"slider-thumb "+("start"===w?"dragging":""),style:F(v[0]),onMouseDown:S("start"),onTouchStart:S("start"),role:"slider","aria-valuemin":d,"aria-valuemax":v[1],"aria-valuenow":v[0],tabIndex:r?-1:0},_(v[0],"start")),e.createElement("div",{className:"slider-thumb "+("end"===w?"dragging":""),style:F(v[1]),onMouseDown:S("end"),onTouchStart:S("end"),role:"slider","aria-valuemin":v[0],"aria-valuemax":m,"aria-valuenow":v[1],tabIndex:r?-1:0},_(v[1],"end"))):e.createElement("div",{className:"slider-thumb "+("single"===w?"dragging":""),style:F(v),onMouseDown:S("single"),onTouchStart:S("single"),role:"slider","aria-valuemin":d,"aria-valuemax":m,"aria-valuenow":v,tabIndex:r?-1:0},_(v,"single"))),b?e.createElement(ue,{type:"number",className:"slider-input",label:i,value:v[1],onChange:L("end"),min:v[0]+h,max:m,disabled:r,size:"sm",id:"sliderEndInput",name:"sliderEndInput"}):e.createElement(ue,{type:"number",className:"slider-input",label:i,value:v,onChange:L("single"),min:d,max:m,disabled:r,size:"sm",id:"sliderSingleInput",name:"sliderSingleInput"}))};ge.propTypes={className:c.string,disabled:c.bool,label:c.string,labelInputMax:c.string,labelInputMin:c.string,max:c.number,min:c.number,onChange:c.func,orientation:c.oneOf(["horizontal","vertical"]),range:c.bool,step:c.number,tooltip:c.bool,value:c.oneOfType([c.number,c.arrayOf(c.number)])};const he=({children:t,className:a="",disabled:n=!1,icon:l=!1,id:r,name:s,processing:o=!1,setStatus:i,size:c,status:m=0,switchPosition:d="start"})=>{const{toCamelCase:u}=ce(),p="lg"===c?"form-switch-lg":"sm"===c?"form-switch-sm":"",g=r||u(t);return e.createElement("div",{className:`form-check form-switch ${p} ${a} ${"end"===d?"switch-end":""} ${l?"switch-icon":""} ${n?"disabled":""} ${o?"processing":""}`},e.createElement("input",{className:"form-check-input",type:"checkbox",role:"switch",onChange:()=>{if("boolean"==typeof m)return i(!m);i(m?0:1)},id:g,name:s,checked:!!m}),t&&e.createElement("label",{className:"form-check-label",htmlFor:g},t))};he.propTypes={className:c.string,disabled:c.bool,icon:c.bool,id:c.string,name:c.string,processing:c.bool,setStatus:c.func,status:c.oneOfType([c.number,c.bool]),size:c.oneOf(["sm","md","lg"]),switchPosition:c.oneOf(["start","end"])};const fe=({className:t="",disabled:a=!1,helpText:l,label:r="Textarea label",name:s,onChange:o,requiredText:i,showError:c,setShowError:m,size:d="md",value:u=""})=>{const{toCamelCase:p}=ce(),g="lg"===d?"form-control-lg":"sm"===d?"form-control-sm":"",h=p(r);return n((()=>{c&&setTimeout((()=>{m(!1)}),3e3)}),[c]),e.createElement("div",{className:`position-relative ${t} ${a?"disabled":""}`},e.createElement("div",{className:"form-floating "+(c?"not-validated":""),"data-error":i},e.createElement("textarea",{className:`form-control ${g}`,onChange:o,placeholder:r,id:h,name:s,required:!!i,value:u||""}),e.createElement("label",{htmlFor:h},r),l&&e.createElement("small",{className:"text-muted"},l)))};fe.propTypes={className:c.string,disabled:c.bool,helpText:c.string,label:c.string,name:c.string,onChange:c.func,requiredText:c.string,showError:c.bool,setShowError:c.func,size:c.oneOf(["sm","md","lg"]),value:c.string};const Ee=({autoFocus:a=!1,className:l="",counter:r=!1,disabled:s=!1,duplicateKeywordErrorText:o="Duplicate keyword.",errorText:i,helpText:c,keywordsList:m=[],maxKeywords:d,maxKeywordLength:u,name:p,pillColor:g="neutral",placeholder:h="Add keywords…",recomendedKeywords:f,requiredText:E,setKeywordsList:b,showError:v=!1,size:w="md"})=>{const{toCamelCase:y}=ce(),[N,k]=t(""),[x,C]=t(""),[T,$]=t(!1),[O,S]=t(!1),L=y(h);return n((()=>{m.length===d&&($(!0),setTimeout((()=>{$(!1)}),3e3))}),[m]),n((()=>{if(v){S(!0);const e=setTimeout((()=>{S(!1)}),3e3);return()=>clearTimeout(e)}S(!1)}),[v]),e.createElement(e.Fragment,null,e.createElement("div",{className:`position-relative ${l} ${s?"disabled":""}`},e.createElement("div",{className:`input-chip ${"md"!==w?`input-chip-${w}`:""} ${T||x||O?"not-validated":""}`,"data-error":x||(O?i:"")||E},e.createElement("div",{className:"wrapper"},m.map(((t,a)=>e.createElement(Z,{key:a,closeButton:!0,color:g,onClick:()=>(e=>{const t=m.filter((t=>t!==e));b(t)})(t)},t)))),e.createElement("input",{type:"text",id:L,name:p,value:N,onKeyDown:e=>{if("Enter"===e.key&&""!==N.trim()&&m.length<d){if(N.length>u)return C(`Each keyword must be ${u} characters or less.`),setTimeout((()=>C("")),2e3),void k("");if(m.includes(N.trim()))return C(o),setTimeout((()=>C("")),2e3),void k("");const e=[...m,N.trim()];b(e),k("")}},onChange:e=>{k(e.target.value)},placeholder:h,autoFocus:a}),r&&m.length>=f&&e.createElement("div",{className:"progress-counter-wrapper "+(m.length>=d?"progress-value-error":m.length>=f?"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-m.length/d),strokeLinecap:"round",fill:"none"})),e.createElement("span",{className:"progress-counter-text"},m.length))),c&&e.createElement("small",{className:"text-muted"},c)))};Ee.propTypes={autoFocus:c.bool,className:c.string,counter:c.bool,disabled:c.bool,duplicateKeywordErrorText:c.string,errorText:c.string,helpText:c.string,keywordsList:c.array.isRequired,maxKeywords:c.number.isRequired,maxKeywordLength:c.number.isRequired,name:c.string,pillColor:c.oneOf(["blue","danger","dark","green","light","midtone","neutral","red","yellow"]),placeholder:c.string.isRequired,recomendedKeywords:c.number.isRequired,requiredText:c.string.isRequired,setKeywordsList:c.func.isRequired,showError:c.bool,size:c.oneOf(["sm","md","lg"])};const be=import.meta.env.MODE,ve="production"===be?"https://api.groovinads.com/":"localdev"===be?"https://api-test.groovinads.com/":"https://api-dev.groovinads.com/";var we={authStatus:ve+"v2/auth/status",authLogout:ve+"v2/auth/logout",applications:ve+"v2/applications",favApps:ve+"v2/applications/favorite",clients:ve+"v2/auth/clients",clientsLogin:ve+"v2/auth/clients/login",headers:{headers:{"Content-Type":"application/json",Authorization:"Bearer "+v.get("groovinadsAuthToken"),"Accept-Language":"en"}}};w.defaults.withCredentials=!0;const ye=async({url:e,signal:t})=>await w.get(e,{...we.headers,signal:t}).then((({data:e})=>e)).catch((e=>Promise.reject(e||"error en la url"))),Ne=async({url:e,data:t})=>await w.post(e,t,we.headers).then((({data:e})=>e)).catch((e=>Promise.reject(e||"error en la url"))),ke=(e,t=void 0)=>{if(null==e||isNaN(e))return e;return Number(e).toLocaleString(t,{useGrouping:!0,minimumFractionDigits:0,maximumFractionDigits:0})},xe=async(e,t)=>await ye({url:`${ve}${e}`,signal:t}),Ce=async(e,t)=>await Ne({url:`${ve}${e}`,data:t}),Te=async e=>await Ne({url:`${we.favApps}/${e}`,data:e}),$e=async e=>await(async({url:e})=>await w.delete(e,we.headers).then((({data:e})=>e)).catch((e=>Promise.reject(e||"error en la url"))))({url:`${we.favApps}/${e}`}),Oe=({apiGetEmail:a,apiPostEmail:l,disabled:r=!1,label:s="Email addresses",showModal:o=!0,textButton:i="Add",textError:c="You must enter a valid email address",titleList:m="Added emails"})=>{const[d,u]=t([]),[p,g]=t(""),[h,f]=t(!1),[E,b]=t([]),[v,w]=t(!1),N=/^\w+([.-_+]?\w+)*@\w+([.-]?\w+)*(\.\w{2,10})+$/;return n((()=>{o?(async()=>{f(!0);const e=await xe(a);u(e||[]),f(!1)})():d.length&&u([])}),[o]),e.createElement(e.Fragment,null,e.createElement("div",{className:"mb-3"},e.createElement("div",{className:`mb-3 input-group w-100 mb-4 ${v?"not-validated":""} ${r?"disabled":""}`,"data-error":c},e.createElement(ue,{label:s,value:p,onChange:e=>{(e=>{const t=e.target.value.replace(/\. +/g," ");g(t),t.trim()&&!N.test(t)||w(!1)})(e)}}),e.createElement(J,{onClick:async()=>{const e=p.split(/[;, ]+/).map((e=>e.trim())).filter((e=>e.length>0)),t=e.filter((e=>!N.test(e))),a=e.filter((e=>N.test(e)));if(t.length&&(g(t.join(" ")),w(!0),setTimeout((()=>{w(!1)}),3e3)),a.length){const e=await Ce(l,[...d,...a]);u(e)}g(t.join(" "))},className:""+(p.trim()?"":"disabled")},i))),h?e.createElement("div",{className:"shared-users-list"},e.createElement(y,{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(y,{circle:!0,width:32,height:32}),e.createElement(y,{width:200,height:16})))))):d?.length?e.createElement("div",{className:"shared-users-list"},e.createElement("h3",null,m),d?.map(((t,a)=>e.createElement("div",{key:`email${a}`,className:"shared-user-item"},e.createElement("div",{className:"shared-user"},e.createElement(j,{name:"user-circle",scale:2}),e.createElement("span",null,t)),E.some((e=>e===t))?e.createElement("div",{className:"spinner-wrapper"},e.createElement(Y,{scale:1})):e.createElement(J,{variant:"terciary",style:"danger",startIcon:"trash-can",onClick:()=>(async e=>{b([...E,e]);const t=d.filter((t=>t!==e)),a=await Ce(l,t);setTimeout((()=>{b(E.filter((t=>t!==e))),u(a)}),1e3)})(t)}))))):null)};Oe.propTypes={apiGetEmail:c.string.isRequired,apiPostEmail:c.string.isRequired,disabled:c.bool,label:c.string,showModal:c.bool,textButton:c.string,textError:c.string,titleList:c.string};const Se=/[,;\n\t]/,Le=({className:l="",disabled:r=!1,errorText:s,helpText:o,label:i="Input label",onChange:c,pillColor:m="neutral",showError:d=!1,size:u="md",value:p=[]})=>{const{toCamelCase:g}=ce(),[h,f]=t(""),[E,b]=t(!1),v=a(null);n((()=>{if(d){b(!0);const e=setTimeout((()=>{b(!1)}),3e3);return()=>clearTimeout(e)}b(!1)}),[d]);const w=g(i),y=e=>{e.length>0&&c&&c([...p,...e])};return e.createElement("div",{className:`position-relative ${l} ${r?"disabled":""}`},e.createElement("div",{className:"form-floating "+(E?"not-validated":""),"data-error":E?s:""},e.createElement("div",{className:"input-chip "+("md"!==u?`input-chip-${u}`:""),onClick:()=>{!r&&v.current&&v.current.focus()},role:"group","aria-label":i},e.createElement("div",{className:"wrapper"},p.map(((t,a)=>e.createElement(Z,{key:`${t}-${a}`,closeButton:!r,color:m,disabled:r,onClick:()=>{return e=a,void(r||c?.(p.filter(((t,a)=>a!==e))));var e}},t)))),e.createElement("input",{ref:v,type:"text",id:w,value:h,onChange:e=>f(e.target.value),onKeyDown:e=>{if("Enter"===e.key||","===e.key||";"===e.key){e.preventDefault();const t=h.trim();t&&(y([t]),f(""))}"Backspace"===e.key&&""===h&&p.length>0&&c?.(p.slice(0,-1))},onPaste:e=>{e.preventDefault();const t=e.clipboardData.getData("text"),a=(h+t).split(Se).map((e=>e.trim())).filter((e=>e.length>0));y(a),f("")},placeholder:i,disabled:r})),e.createElement("label",{htmlFor:w},i)),o&&e.createElement("small",{className:"text-muted"},o))};Le.propTypes={className:c.string,disabled:c.bool,errorText:c.string,helpText:c.string,label:c.string,onChange:c.func,pillColor:c.oneOf(["blue","danger","dark","green","light","midtone","neutral","red","yellow"]),showError:c.bool,size:c.oneOf(["sm","md","lg"]),value:c.arrayOf(c.string)};const Fe=/\{\{([^}]+)\}\}/g,_e=e=>{if(!e)return[];const t=[];let a,n=0;for(Fe.lastIndex=0;null!==(a=Fe.exec(e));){a.index>n&&t.push({type:"text",value:e.slice(n,a.index)});const l=a[1].trim();l&&t.push({type:"pill",id:l.toLowerCase().replace(/\s+/g,"_"),label:l}),n=Fe.lastIndex}return n<e.length&&t.push({type:"text",value:e.slice(n)}),t},ze=e=>{if(!e)return[];const t=[];return Array.from(e.childNodes).forEach((e=>{if(e.nodeType===Node.TEXT_NODE){const a=e.textContent;a&&t.push({type:"text",value:a})}else e.nodeType===Node.ELEMENT_NODE&&e.hasAttribute("data-pill-id")&&t.push({type:"pill",id:e.getAttribute("data-pill-id"),label:e.getAttribute("data-pill-label")})})),t},De=o((({className:l="",disabled:r=!1,errorText:s,helpText:o,label:c="Template",onChange:m,pillColor:d="neutral",placeholder:u,segments:p=[],showError:g=!1,size:h="md"},f)=>{const{toCamelCase:E}=ce(),[b,v]=t(!1),w=a(null),y=a(!1),N=a(null),k=a(!0);n((()=>{if(g){v(!0);const e=setTimeout((()=>{v(!1)}),3e3);return()=>clearTimeout(e)}v(!1)}),[g]);const x=E(c),C=(e,t=!1)=>{if(!w.current||y.current)return;y.current=!0;const a=document.activeElement===w.current;w.current.innerHTML="",e.forEach(((e,t)=>{if("text"===e.type){const t=document.createTextNode(e.value);w.current.appendChild(t)}else if("pill"===e.type){const a=document.createElement("span");a.contentEditable="false",a.className="pill-wrapper",a.setAttribute("data-pill-id",e.id),a.setAttribute("data-pill-label",e.label);const n=`\n\t\t\t\t\t<span class="pill ${d}">\n\t\t\t\t\t\t<span>${e.label}</span>\n\t\t\t\t\t\t${r?"":`<button type="button" data-pill-action="remove" data-pill-index="${t}">\n\t\t\t\t\t\t\t<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="xmark" class="svg-inline--fa fa-xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" style="width: 0.7em; height: 0.7em;">\n\t\t\t\t\t\t\t\t<path fill="currentColor" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"></path>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</button>`}\n\t\t\t\t\t</span>\n\t\t\t\t`;a.innerHTML=n,w.current.appendChild(a)}}));try{const e=document.createRange(),t=window.getSelection();e.selectNodeContents(w.current),e.collapse(!1),t.removeAllRanges(),t.addRange(e)}catch(e){console.warn("Could not restore cursor position:",e)}(a||t)&&setTimeout((()=>{w.current&&!r&&w.current.focus()}),0),y.current=!1};i(f,(()=>({insertPill:e=>{if(r)return;const{id:t,label:a}=e;if(!t||!a)return void console.warn("insertPill requires both id and label");const n={type:"pill",id:t,label:a},l=[...p,n];m?.(l),w.current&&w.current.focus()},focus:()=>{w.current&&!r&&w.current.focus()}}))),n((()=>{if(k.current)return k.current=!1,N.current=p,void C(p);JSON.stringify(p)!==JSON.stringify(N.current)&&(N.current=p,C(p))}),[p,d,r]);const T=0===p.length,$=u||c;return e.createElement("div",{className:`position-relative ${l} ${r?"disabled":""}`},e.createElement("div",{className:"form-floating "+(b?"not-validated":""),"data-error":b?s:""},e.createElement("div",{className:"input-chip template-input "+("md"!==h?`input-chip-${h}`:""),onClick:()=>{!r&&w.current&&w.current.focus()},role:"textbox","aria-label":c},e.createElement("div",{ref:w,contentEditable:!r,suppressContentEditableWarning:!0,onInput:()=>{(()=>{if(!w.current||y.current||r)return;const e=ze(w.current),t=[];let a=!1;e.forEach((e=>{if("text"===e.type&&e.value){const n=Fe.test(e.value);if(Fe.lastIndex=0,n){a=!0;const n=_e(e.value);t.push(...n)}else t.push(e)}else"pill"===e.type&&t.push(e)})),a?(N.current=t,m?.(t),C(t,!0)):(N.current=e,m?.(e))})()},onPaste:e=>{if(r)return;e.preventDefault();const t=e.clipboardData.getData("text");if(!t)return;const a=_e(t);if(!window.getSelection().rangeCount)return;const n=[...ze(w.current),...a];m?.(n)},onClick:e=>{const t=e.target.closest('[data-pill-action="remove"]');if(t&&!r){const e=parseInt(t.getAttribute("data-pill-index"),10),a=p.filter(((t,a)=>a!==e));m?.(a)}},className:"template-editor","data-placeholder":T?$:"",style:{minHeight:"1.5em",outline:"none",flex:1}})),e.createElement("label",{htmlFor:x},c)),o&&e.createElement("small",{className:"text-muted"},o))}));De.displayName="TemplateInput",De.propTypes={className:c.string,disabled:c.bool,errorText:c.string,helpText:c.string,label:c.string,onChange:c.func.isRequired,pillColor:c.oneOf(["blue","danger","dark","green","light","midtone","neutral","red","yellow"]),placeholder:c.string,segments:c.arrayOf(c.shape({type:c.oneOf(["text","pill"]).isRequired,value:c.string,id:c.string,label:c.string})).isRequired,showError:c.bool,size:c.oneOf(["sm","md","lg"])};const Me=({autoClose:l=!1,className:r="",disabled:o=!1,helpText:i,locked:c=!1,menuType:m="simple",onRemoveFilter:d,onToggle:u,overflow:p=!1,requiredText:g,searchLabel:h="Search",setShow:f,setValuesSelected:b,show:v,showError:w=!1,title:y,values:N=[],valuesSelected:k=[]})=>{const[x,C]=t(""),[T,$]=t(!!v),O=a(null),S=a(null),L=()=>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."))),F=(e,t)=>{b(e?[...k,t]:k.filter((e=>e!==t)))};n((()=>{$(v)}),[v]);const _=s((e=>{!O?.current||O?.current.contains(e?.target)||!0!==l&&"outside"!==l||($(!1),f(!1))}),[l,f]);n((()=>(document.addEventListener("click",_),()=>{document.removeEventListener("click",_)})),[_]);const z=()=>{if(p)return{strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]}};return e.createElement(e.Fragment,null,e.createElement(E,{onToggle:u,className:`dropdown-filter ${c?"locked":""} ${r} ${o?"disabled":""}`,autoClose:l,show:T,ref:O,"data-error":g},e.createElement(E.Toggle,{ref:S,variant:"toggle-filter",className:w?"not-validated":"",onClick:e=>{e.stopPropagation();const t=!T;$(t),f(t)}},e.createElement("div",{className:"filter-heading"},e.createElement("div",{className:"filter-title"},e.createElement("span",{className:"filter-title-text"},y),k.length>0&&e.createElement("span",{className:"filter-title-count"},` (${k.length})`),c&&e.createElement(j,{style:"solid",name:"lock-keyhole",scale:.7})),e.createElement(j,{style:"solid",name:"chevron-down",scale:1,className:"caret"})),e.createElement("div",{className:"filter-values"},k.length===N.length?"All selected":k.length?k.join("; "):"None")),!c&&e.createElement(J,{variant:"terciary",endIcon:"xmark",size:"md",className:"remove-filter",onClick:d}),"simple"===m&&e.createElement(E.Menu,{as:"div",className:"dropdown-menu-simple",popperConfig:z(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},T&&e.createElement("div",{className:"dropdown-menu-wrapper"},e.createElement(ue,{size:"sm",label:h,icon:"magnifying-glass",className:"w-100",value:x,onChange:({target:e})=>C(e.value),customRef:v,autoFocus:!0}),N.filter((e=>e.toString().toLowerCase().includes(x.toLowerCase()))).length>0?e.createElement("ul",{className:"dropdown-filter-list"},N.filter((e=>e.toString().toLowerCase().includes(x.toLowerCase()))).map(((t,a)=>e.createElement(me,{setStatus:e=>{F(e,t)},status:k.includes(t),key:"Dropdown.Simple.Checkbox"+a},t)))):e.createElement(L,null)))),"selection"===m&&e.createElement(E.Menu,{as:"div",className:"dropdown-menu-selection",popperConfig:z(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},T&&e.createElement("div",{className:"dropdown-menu-wrapper"},e.createElement("div",{className:"dropdown-filter-list-wrapper"},e.createElement(ue,{size:"sm",label:h,icon:"magnifying-glass",className:"w-100",value:x,onChange:({target:e})=>C(e.value),customRef:v,autoFocus:!0}),e.createElement("h4",null,"All values (",N.length,")"),N.filter((e=>e.toString().toLowerCase().includes(x.toLowerCase()))).length>0?e.createElement(e.Fragment,null,e.createElement("ul",{className:"dropdown-filter-list"},N.filter((e=>e.toString().toLowerCase().includes(x.toLowerCase()))).map(((t,a)=>e.createElement(me,{setStatus:e=>{F(e,t)},status:k.includes(t),key:"Dropdown.Selection.Checkbox"+a},t))))):e.createElement(L,null)),e.createElement("div",{className:"dropdown-filter-values-wrapper"},e.createElement("div",{className:"dropdown-filter-buttons-wrapper"},e.createElement(J,{startIcon:"check",size:"sm",variant:"terciary",onClick:()=>{b([...N])}},"Select all"),e.createElement(J,{startIcon:"xmark",size:"sm",variant:"terciary",onClick:()=>{b([])}},"Clear selection")),e.createElement("h4",null,"Selected values (",k.length,")"),e.createElement("div",{className:"dropdown-filter-selected-list"},k.map(((t,a)=>e.createElement(Z,{color:"blue",closeButton:!0,onClick:()=>{(e=>{b(k.filter(((t,a)=>a!==e)))})(a)},key:"Dropdown.PillComponent"+a},t))))))))),i&&e.createElement("small",{className:"text-muted"},i))};Me.propTypes={autoClose:c.oneOfType([c.bool,c.oneOf(["outside"])]),className:c.string,disabled:c.bool,helpText:c.string,locked:c.bool,menuType:c.oneOf(["simple","selection"]),onRemoveFilter:c.func,onToggle:c.func,overflow:c.bool,requiredText:c.string,searchLabel:c.string,setShow:c.func,setValuesSelected:c.func,show:c.bool,showError:c.bool,title:c.string,values:c.array,valuesSelected:c.array};const qe=({autoClose:l=!1,buttonVariant:r="input",className:s="",customKey:o,disabled:i=!1,drop:c,focus:m=!1,hasId:d=!0,helpText:u,idInPill:p=!1,idKey:g,label:h="",nameKey:f,notMatchedText:b="No match found",nowrap:v=!1,object:w=!1,onToggle:y,overflow:N=!1,requiredText:k="Required",searchLabel:x="Search",setValuesSelected:C,setShow:T,show:$,showError:O=!1,showStatus:S="",size:L="md",values:F=[],valuesSelected:_=[]})=>{const[z,D]=t(""),[M,q]=t(!!$),[I,R]=t(null),A=a(null),P=a(null),B=a(null),{highlightText:K}=ce(),U=F.filter((e=>(w?`${e[g]} ${e[f]} ${e[o]}`:e).toLowerCase().includes(z.toLowerCase())&&(!S||parseInt(e.status)===parseInt(S))));n((()=>{q($),P.current&&R(P.current.offsetWidth)}),[$]),n((()=>{const e=e=>{!A?.current||A?.current.contains(e?.target)||!0!==l&&"outside"!==l||(q(!1),T(!1))};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[l,T]);const H=["w-100 btn",`btn-${r}`,`btn-${L}`,v&&"nowrap",O&&"not-validated",i&&"disabled"].filter(Boolean).join(" ");return e.createElement(e.Fragment,null,e.createElement(E,{className:s,autoClose:l,show:M,ref:A,onToggle:y,drop:c,"data-error":k},e.createElement(E.Toggle,{as:"div",ref:P,className:H,onClick:e=>{e.stopPropagation();q(!M),P.current&&R(P.current.offsetWidth)}},_.length>0&&"input"===r&&e.createElement("div",{className:"wrapper"},_.map(((t,a)=>e.createElement(Z,{color:"neutral",closeButton:!0,onClick:e=>{e.stopPropagation(),(e=>{C((t=>t.filter(((t,a)=>a!==e))))})(a)},key:`Dropdown.PillComponent.${a}`},(e=>o?`${e[f]} - ${e[o]}`:p?`#${e[g]} - ${e[f]}`:e[f]||e)(t))))),e.createElement("span",{className:"label"},h),e.createElement(j,{style:"solid",name:"angle-down",scale:1,className:"caret"})),e.createElement(E.Menu,{className:"full-width",ref:B,style:I?{width:I}:void 0,popperConfig:(()=>{if(N)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"},M&&e.createElement(e.Fragment,null,e.createElement(E.Item,{onClick:e=>e.stopPropagation(),as:"div"},e.createElement(ue,{label:x,value:z,onChange:({target:e})=>D(e.value),icon:"magnifying-glass",size:"sm",className:"w-100",focus:m,autoFocus:!0})),e.createElement(E.Item,{onClick:e=>e.stopPropagation(),as:"div"},U.length>0?e.createElement("ul",{className:"dropdown-checks"},U.map(((t,a)=>e.createElement(me,{setStatus:e=>((e,t)=>{const a=F.findIndex((e=>(w?e[g]:e)===(w?t[g]:t)));C(e?e=>[...e,F[a]]:e=>e.filter((e=>(w?e[g]:e)!==(w?F[a][g]:F[a]))))})(e,t),status:w?_.some((e=>e[g]===t[g])):_.includes(t),key:`Dropdown.Input.Checkbox.${a}`},(e=>{const t=w?o?`${e[f]} - ${e[o]}`:`${d?`#${e[g]} - `:""}${e[f]}`:e[f]||e;return K(t,z)})(t))))):e.createElement("div",{className:"not-matched"},e.createElement("p",null,b))))))),u&&e.createElement("small",{className:"text-muted"},u))};function Ie({className:l="",date:r,disabled:s=!1,handleClear:o,helpText:i,label:c="Period",maxDate:m,minDate:d,onToggle:u,overflow:p=!1,requiredText:g,setDate:h,setShow:f,show:E,showError:b,size:v="md"}){const[w,y]=t(!!E),x=a(null),C=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,T=()=>{y(!1);try{f(!1)}catch(e){}};n((()=>{const e=e=>{x.current&&!x.current.contains(e.target)&&T()};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[]),n((()=>{y(E)}),[E]);const $=(()=>{if(!r)return"";try{return N(new Date(r),"EEE MMM dd yyyy")}catch(e){return""}})(),O=C(d),S=C(m);return e.createElement(e.Fragment,null,e.createElement(ie,{className:l,disabled:s,icon:$?"calendar-day":"calendar-days",label:c,onToggle:()=>{const e=!w;y(e),e&&window.dispatchEvent(new CustomEvent("dropdownToggle",{detail:c}));try{u()}catch(e){}},overflow:p,requiredText:g,selectedValue:$,setShow:y,show:w,showError:b,size:v,variant:"input"},e.createElement(e.Fragment,null,e.createElement(k.Item,null,e.createElement(M,{className:"form-control form-search",selected:r||"",onChange:e=>{h(e?.toString()),setTimeout((()=>{T()}),200)},startDate:r||"",monthsShown:1,inline:!0,minDate:O,maxDate:S,dayClassName:e=>{const t=C(d),a=C(m);return t&&e<t||a&&e>a&&e!==a?"react-datepicker__day--disabled":""}}),e.createElement("div",{className:"px-2 w-100"},e.createElement(J,{onClick:()=>{T(),o?o():h(null)},iconStart:"calendar-circle-minus",size:"sm",variant:"terciary",className:"w-100"},"Clear"))))),i&&e.createElement("small",{className:"text-muted"},i))}qe.propTypes={autoClose:c.oneOfType([c.bool,c.string]),buttonVariant:c.oneOf(["input","primary","secondary","terciary","outline"]),className:c.string,customKey:c.string,disabled:c.bool,drop:c.oneOf(["up","down"]),focus:c.bool,hasId:c.bool,helpText:c.string,idInPill:c.bool,idKey:c.string,label:c.string,nameKey:c.string,notMatchedText:c.string,nowrap:c.bool,object:c.bool,onToggle:c.func,overflow:c.bool,requiredText:c.string,searchLabel:c.string,setValuesSelected:c.func,setShow:c.func,show:c.bool,showError:c.bool,showStatus:c.string,size:c.oneOf(["sm","md","lg"]),values:c.array,valuesSelected:c.array},Ie.propTypes={className:c.string,clearDate:c.func,date:c.string,disabled:c.bool,handleClear:c.func,helpText:c.string,label:c.string,maxDate:c.oneOfType([c.string,c.instanceOf(Date)]),minDate:c.oneOfType([c.string,c.instanceOf(Date)]),onToggle:c.func,overflow:c.bool,requiredText:c.string,setDate:c.func,setShow:c.func,show:c.bool,showError:c.bool,size:c.oneOf(["sm","md","lg"])};const Re=({className:l="",dateFrom:r,dateTo:s,disabled:o=!1,helpText:i,label:c="Period",locked:m=!1,maxDate:d,minDate:u,onRemoveFilter:p,onToggle:g,overflow:h=!1,requiredText:f,setDateFrom:b,setDateTo:v,setShow:w,show:y,showError:N=!1,size:k="md",variant:x="input"})=>{const[C,T]=t(r),[$,O]=t(s),[S,L]=t(!!y),F=a(null),_=a(null),z=a(null),{capitalice:D}=ce(),q=window?.innerWidth<500,I=()=>{L(!1);try{w(!1)}catch(e){}};n((()=>{L(y)}),[y]);const R=["w-100","input"===x&&"btn btn-input",`btn-${k}`,N&&"not-validated",o&&"disabled"].filter(Boolean).join(" "),A=`${"filter"===x?"dropdown-filter":""} ${l}`,P=e=>e?e.toString().split("00")[0]:"",B=D(c);return e.createElement(e.Fragment,null,e.createElement(E,{show:S,className:A,"data-error":f,ref:F},e.createElement(E.Toggle,{ref:_,variant:"toggle-filter",onClick:()=>{L(!S);try{g()}catch(e){}},className:R},"input"===x?e.createElement(e.Fragment,null,e.createElement("span",{className:"dropdown-label"},B),e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(j,{style:"solid",name:C&&$?"calendar-range":"calendar-days",scale:1}),e.createElement("span",{className:"wrapper"},(C||$)&&e.createElement(e.Fragment,null,e.createElement("strong",null,P(C)),"to",e.createElement("strong",null,P($))))),e.createElement(j,{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,B),m&&e.createElement(j,{style:"solid",name:"lock-keyhole",scale:.7})),e.createElement(j,{style:"solid",name:"chevron-down",scale:1,className:"caret"})),e.createElement("div",{className:"filter-values"},C||$?e.createElement(e.Fragment,null,e.createElement("strong",null,P(C)),"to ",e.createElement("strong",null,P($))):e.createElement(e.Fragment,null,"None")))),"filter"===x&&!m&&e.createElement(J,{variant:"terciary",endIcon:"xmark-circle",size:"md",className:"remove-filter",onClick:p}),e.createElement(E.Menu,{as:"div",ref:z,popperConfig:(()=>{if(h)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(E.Item,{as:"div"},e.createElement(M,{className:"form-control form-search",selected:C,onChange:e=>{const[t,a]=e;T(t),O(a)},startDate:C,endDate:$,monthsShown:q?1:2,selectsRange:!0,inline:!0,minDate:u,maxDate:d}),e.createElement("div",{className:"datepicker-footer"},e.createElement("div",{className:"datepicker-buttons-wrapper"},e.createElement(J,{onClick:I,size:"sm",variant:"terciary"},"Cancel"),e.createElement(J,{size:"sm",onClick:()=>{b(C?.toString()),v(null===$?C?.toString():$?.toString()),I()}},"Set date"))))))),i&&e.createElement("small",{className:"text-muted"},i))};Re.propTypes={className:c.string,dateFrom:c.string,dateTo:c.string,disabled:c.bool,helpText:c.string,label:c.string,locked:c.bool,maxDate:c.instanceOf(Date),minDate:c.instanceOf(Date),onRemoveFilter:c.func,onToggle:c.func,overflow:c.bool,requiredText:c.string,setDateFrom:c.func,setDateTo:c.func,setShow:c.func,show:c.bool,showError:c.bool,size:c.oneOf(["sm","md","lg"]),variant:c.oneOf(["input","filter"])};const Ae=({children:a,className:n,footer:l,header:r,onBeforeClose:s,setShow:o,show:i,size:c="md",type:m="default"})=>{const[d,u]=t(!1),p=()=>{s?s():"confirmation"===m?(u(!0),setTimeout((()=>{u(!1)}),500)):o(!1)};return e.createElement(x,{show:i,onHide:p,className:`${"default"===m?"zoom-in":"confirmation"===m?"bounce-in-down":"bounce-in"}${d?" zoom-and-back":""}${n?` ${n}`:""}`,backdrop:"confirmation"!==m||"static",centered:!0,size:c,scrollable:!0},e.createElement(x.Header,null,e.createElement("div",{className:"modal-title"},"string"==typeof r?e.createElement("h2",null,r):r),"default"===m&&e.createElement(J,{startIcon:"xmark",onClick:p,variant:"terciary"})),e.createElement(x.Body,null,a),l&&e.createElement(x.Footer,{className:"default"!==m?"border-0 justify-content-start flex-row":""},l))};function Pe({autoClose:a,children:n,className:l,position:r,variant:s}){const[o,i]=t(!0),c=()=>i(!o);return e.createElement(q,{onClose:c,show:o,delay:a?3500:null,autohide:a,className:`${r} ${s} ${l||""}`},e.createElement(q.Body,null,e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(j,{style:"solid",name:{info:"circle-info",success:"circle-check",warning:"triangle-exclamation",error:"circle-xmark"}[s],scale:1,className:"icon"})),e.createElement("div",{className:"toast-content",dangerouslySetInnerHTML:{__html:n}})),!a&&e.createElement("button",{className:"btn-close",onClick:c},e.createElement(j,{style:"solid",name:"xmark",scale:1}))))}Ae.propTypes={children:c.node.isRequired,className:c.string,footer:c.node,header:c.oneOfType([c.string,c.node]).isRequired,onBeforeClose:c.func,setShow:c.func.isRequired,show:c.bool.isRequired,size:c.oneOf(["sm","md","lg","xl"]),type:c.oneOf(["default","confirmation","error"])};const Be=({className:a="",position:l="bottom-end",toast:r})=>{const[s,o]=t([]);return n((()=>{r&&o([...s,r])}),[r]),e.createElement(C,{className:a,position:l},s.map((({variant:t="info",autoClose:a=!0,children:n,className:r},s)=>e.createElement(Pe,{variant:t,autoClose:a,children:n,className:r,position:l,key:n+t+s}))))};Be.propTypes={className:c.string,position:c.oneOf(["top-start","top-end","bottom-start","bottom-end"]),toast:c.object};const Ke=({cancelButton:a=!1,className:l="",currentProgress:r,onCancel:s,position:o="bottom-start",status:i="in-progress",variant:c})=>{const[m,d]=t(!0),[u,p]=t(!1);let g;switch(c){case"upload":g=e.createElement("div",{className:"uploading"},e.createElement(T,{now:r}),e.createElement("div",{className:"uploading-wrapper"},u?e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(j,{style:"solid",name:"circle-check",scale:1,className:"icon"})),e.createElement("p",null,"Upload completed")):e.createElement(e.Fragment,null,e.createElement(Y,null),e.createElement("p",null,"Uploading…")),e.createElement("p",{className:"progress-percentage"},r,"%")));break;case"processing":g=e.createElement("div",{className:"uploading-wrapper"},e.createElement(Y,null),e.createElement("p",null,"Processing…"));break;default:g=null}return"error"===i&&(g=e.createElement("div",{className:"uploading-wrapper"},e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(j,{style:"solid",name:"circle-xmark",scale:1,className:"icon"})),e.createElement("p",null,"Upload failed!")))),n((()=>{100===r&&(p(!0),setTimeout((()=>d(!1)),3e3))}),[r]),e.createElement(C,{className:l,position:o},e.createElement($,{className:`${"error"===i?"error":""} ${o} ${u?"success":""}`,onClose:()=>d(!m),show:m},e.createElement($.Body,null,g,a&&e.createElement(J,{variant:"terciary",size:"sm",onClick:s},"Cancel"))))};Ke.propTypes={cancelButton:c.bool,className:c.string,currentProgress:c.number,onCancel:c.func,position:c.oneOf(["top-start","top-end","bottom-start","bottom-end"]),status:c.oneOf(["in-progress","error"]),variant:c.oneOf(["upload","processing"]).isRequired};const je=({header:e,children:t,eventKey:a,isCollapsible:n,className:l})=>null;je.propTypes={header:c.node.isRequired,children:c.node.isRequired,eventKey:c.string.isRequired,isCollapsible:c.bool,className:c.string};const Ue=({activeKey:t,alwaysOpen:a=!1,children:n,className:l="",defaultActiveKey:r,iconPosition:s="start",onSelect:o,size:i="md"})=>{const c=e.Children.map(n,(e=>e?.type===je?{header:e.props.header,children:e.props.children,eventKey:e.props.eventKey,isCollapsible:void 0===e.props.isCollapsible||e.props.isCollapsible,className:e.props.className||""}:null)).filter(Boolean),m=`accordion-${i}${l?" "+l:""}`;return e.createElement(O,{activeKey:t,defaultActiveKey:r,alwaysOpen:a,className:m,onSelect:o},c.map((t=>e.createElement(O.Item,{key:t.eventKey,eventKey:t.eventKey,className:t.className},e.createElement(O.Button,{as:"div"},t.isCollapsible&&"start"===s&&e.createElement(j,{name:"angle-right",scale:1,className:"caret"}),e.createElement("div",{className:"accordion-header-content"},t.header),t.isCollapsible&&"end"===s&&e.createElement(j,{name:"angle-right",scale:1,className:"caret"})),t.isCollapsible&&e.createElement(O.Body,null,t.children)))))};Ue.propTypes={activeKey:c.oneOfType([c.string,c.arrayOf(c.string)]),alwaysOpen:c.bool,children:c.node.isRequired,className:c.string,defaultActiveKey:c.oneOfType([c.string,c.arrayOf(c.string)]),iconPosition:c.oneOf(["start","end"]),onSelect:c.func,size:c.oneOf(["sm","md","lg"])};const He=({backdrop:t=!1,belowNavbar:a=!1,children:n,className:l,header:r,onHide:s,show:o})=>e.createElement(S,{show:o,onHide:s,placement:"end",className:`${a?"below-navbar":""}${l?` ${l}`:""}`,backdrop:t},e.createElement(S.Header,{className:"aside-header"},e.createElement("div",{className:"header-content"},"string"==typeof r?e.createElement("h3",null,r):r),e.createElement(J,{variant:"terciary",onClick:s,startIcon:"xmark"})),e.createElement(S.Body,null,n));He.propTypes={backdrop:c.bool,belowNavbar:c.bool,children:c.node.isRequired,className:c.string,header:c.oneOfType([c.string,c.node]).isRequired,onHide:c.func.isRequired,show:c.bool.isRequired};const We=({className:t="",links:a=[{label:"Support",url:"mailto:helpdesk@groovinads.com"}]})=>{const n=(new Date).getFullYear();return e.createElement("footer",{className:`footer ${t}`},e.createElement("p",{id:"copyright"},"© ",n," Groovinads."),e.createElement("ul",{className:"nav",role:"navigation"},a.map(((t,a)=>e.createElement("li",{key:a},e.createElement("a",{href:t.url},t.label))))))};We.propTypes={className:c.string,links:c.arrayOf(c.shape({label:c.string.isRequired,url:c.string.isRequired}))};const Ve={strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]},Ze=({element:t,onToggleFav:a,onAppClick:n,isLoading:l,isAnimating:r})=>e.createElement(E.Item,{as:"div"},e.createElement("a",{href:t.application_url,target:"_blank",rel:"noopener noreferrer",className:"link-app",onClick:e=>{e.preventDefault(),e.stopPropagation(),n?n(t):window.open(t.application_url,"_blank","noopener,noreferrer")}},e.createElement("span",{className:"icon-app"},e.createElement(j,{style:"solid",name:t.app_icon_sm,scale:1})),e.createElement("span",null,t.app_name)),e.createElement("button",{className:"deck-fav "+(r?"animate":""),onClick:e=>{e.preventDefault(),e.stopPropagation(),a(t.id_application,!t.favorite)}},l?e.createElement(Y,{scale:"0.7"}):e.createElement(j,{style:t.favorite?"solid":"regular",name:"star",scale:1}))),Ge=({favoritesTitle:l="Favorites",applications:r,isLoading:o=!1,onApplicationClick:i,onFavoriteToggle:c})=>{const[m,d]=t([]),[u,p]=t(!0),[g,h]=t(!1),[f,b]=t(null),[v,w]=t(null),N=a(null),k=a(null),x=void 0!==r,C=x&&r?r.map((e=>({...e,app_icon_sm:e.application_icon||e.app_icon_sm,app_name:e.application_name||e.app_name}))):[],T=x?C:m,$=x?o:u,O=s((e=>{h(e)}),[]),S=s((async()=>{try{p(!0);const e=(await(async()=>await ye({url:we.applications}))()).map((e=>({...e,app_icon_sm:e.application_icon,app_name:e.application_name})));d(e)}catch(e){console.error("fetchData error",e)}finally{p(!1)}}),[]),L=s((async(e,t)=>{try{if(b(e),c)await c(e,t);else{const a=t?Te:$e;await a(e),x||d((a=>a.map((a=>a.id_application===e?{...a,favorite:t}:a))))}t&&(w(e),setTimeout((()=>w(null)),300))}catch(e){console.error("toggleFavorite error",e)}finally{b(null)}}),[x,c]);n((()=>{x||m?.length||S()}),[x,m?.length,S]);const F=T.filter((e=>e.favorite)),_=T.filter((e=>!e.favorite));return $?e.createElement(y,{width:48,height:48}):T.length?e.createElement(E,{show:g,onToggle:O,autoClose:"outside",className:"dropdown-deck",style:{position:"relative"}},e.createElement(E.Toggle,{ref:N,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(E.Menu,{as:"div",ref:k,popperConfig:Ve,renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},F.length>0&&e.createElement(E.Item,null,e.createElement("h4",{className:"dropdown-header"},l)),F.map((t=>e.createElement(Ze,{key:t.id_application,element:t,onToggleFav:L,onAppClick:i,isLoading:f===t.id_application,isAnimating:v===t.id_application}))),F.length>0&&_.length>0&&e.createElement(E.Divider,null),_.map((t=>e.createElement(Ze,{key:t.id_application,element:t,onToggleFav:L,onAppClick:i,isLoading:f===t.id_application,isAnimating:v===t.id_application})))))):null};Ge.propTypes={favoritesTitle:c.string,applications:c.arrayOf(c.shape({id_application:c.number.isRequired,application_name:c.string.isRequired,application_url:c.string.isRequired,application_icon:c.string,favorite:c.bool})),isLoading:c.bool,onApplicationClick:c.func,onFavoriteToggle:c.func};const Ye=({userData:l,isLoading:r=!1})=>{const{theme:o,setTheme:i}=oe(),[c,m]=t({}),[d,u]=t(!0),[p,g]=t(!1),h=a(null),f=a(null),b=void 0!==l,v=b?r:d,w=b?{imageAuth:l?.auth_data?.oauth_picture,fullNameAuth:l?.auth_data?.oauth_username,emailAuth:l?.auth_data?.email,oauthName:l?.auth_data?.oauth_name?.toLowerCase()}:c,N=s((async()=>{await(async()=>await Ne({url:we.authLogout}))().then((()=>{window.location.href="/"})).catch((e=>{console.error(e)}))}),[]);n((()=>{b||(u(!0),(async()=>await ye({url:we.authStatus}))().then((e=>{const{oauth_username:t,oauth_picture:a,email:n,oauth_name:l}=e?.auth_data;m({imageAuth:a,fullNameAuth:t,emailAuth:n,oauthName:l?.toLowerCase()})})).catch((e=>{console.error("Error",e)})).finally((()=>{u(!1)})))}),[b]);return v?e.createElement(y,{width:82,height:48,borderRadius:999}):e.createElement(E,{show:p,onToggle:e=>{g(e)},autoClose:"outside"},e.createElement(E.Toggle,{ref:h,className:"btn-user"},e.createElement("div",{className:"avatar"},e.createElement("img",{src:w.imageAuth})),e.createElement(j,{style:"solid",name:"angle-down",scale:1,className:"icon caret"})),e.createElement(E.Menu,{as:"div",ref:f,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(E.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:w.imageAuth})),e.createElement(V,{logo:w.oauthName})),e.createElement("div",{className:"user-info"},e.createElement("span",{className:"user-name"},w.fullNameAuth),e.createElement("span",{className:"email-auth"},w.emailAuth)))),e.createElement(E.Item,{as:"div",onClick:()=>{window.open("https://deck.groovinads.com/","_blank")}},e.createElement(j,{name:"id-badge"}),e.createElement("span",null,"My profile…")),e.createElement(E.Item,{as:"div"},e.createElement(ie,{label:"Theme",icon:"circle-half-stroke",size:"md",isChild:!0,drop:"end",autoClose:!0},e.createElement(E.Menu,null,[{value:"default",label:"System (Default)",icon:"desktop"},{value:"light",label:"Light",icon:"sun"},{value:"dark",label:"Dark",icon:"moon"}].map((t=>e.createElement(E.Item,{key:t.value,as:"div",onClick:()=>{return e=t.value,void i(e);var e},active:o===t.value},e.createElement(j,{name:t.icon}),e.createElement("span",null,t.label))))))),e.createElement(E.Divider,null),e.createElement(E.Item,{as:"div",onClick:N},e.createElement(j,{name:"right-from-bracket"}),e.createElement("span",null,"Logout")))))};Ye.propTypes={userData:c.shape({auth_data:c.shape({oauth_username:c.string,oauth_picture:c.string,email:c.string,oauth_name:c.string})}),isLoading:c.bool};const Xe=({clientLogoUrl:l,clientNotFoundText:r="It looks like this client does not exist.",clientNotFoundTitle:o="Client not found",clientSearchLabel:i="Search client",profileSelectedClient:c})=>{const[m,d]=t(!1),[u,p]=t([]),[g,h]=t(""),[f,E]=t(!1),[b,v]=t((()=>{const{id_client:e,client_name:t,email:a}=c;return{id_client:e,client_name:t,email:a}})),w=a(null),N=a(null),x=b?.client_name?.slice(0,2),C=b?.client_name||"Client name",T=b?.email||"Client Email",$=`${b?.client_name} logo`,O=u.length>1,S=e=>{E(e)},L=s((async()=>{try{d(!0);const e=await(async()=>await ye({url:we.clients}))();p(e)}catch(e){console.error("fetchClientsData error",e)}finally{d(!1)}}),[]),F=u.filter((({client_name:e,id_client:t,email:a})=>`${e} ${t}`.toLowerCase().includes(g.toLowerCase())||a?.toLowerCase()?.includes(g?.toLowerCase()))),_=s((async e=>{try{d(!0),await(async e=>await Ne({url:we.clientsLogin,data:{id_client:e}}))(e.id_client),v(e),"/"!==window.location.href.slice(-1)?window.location.replace(window.location.href+"/"):window.location.reload()}catch(e){console.error(" error en ClientsDropdowns ",e)}finally{d(!1)}}),[]);n((()=>{L()}),[L]),n((()=>{f||h("")}),[f]);const z=u.length>1&&f,D=e=>()=>{_(e)};return e.createElement(e.Fragment,null,m?e.createElement("div",{className:"skeleton-wrapper dropdown-clients dropup"},e.createElement(y,{width:32,height:32}),e.createElement(y,{width:150,height:10,count:2,containerClassName:"pt-1"})):e.createElement(k,{drop:"up",className:"dropdown-clients",show:z,onToggle:S},e.createElement(k.Toggle,{ref:w,variant:"client-selector",onClick:()=>{S(!f)}},l?e.createElement("img",{src:l,alt:$,className:"client-logo"}):e.createElement("div",{className:"client-logo"},e.createElement("p",null,x)),e.createElement("div",{className:"dropdown-clients-wrapper"},e.createElement("p",{className:"dropdown-client-name"},e.createElement("span",{className:"dropdown-client-name-text"},C)," ",e.createElement("span",{className:"dropdown-client-id-client"},"[",b?.id_client,"]")),e.createElement("p",{className:"dropdown-client-email"},T)),O&&e.createElement(j,{style:"solid",name:"angle-up",scale:1,className:"caret"})),e.createElement(k.Menu,{as:"div",ref:N,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"},f&&e.createElement(e.Fragment,null,e.createElement(k.Item,{as:"div",onClick:e=>{e.stopPropagation()}},e.createElement(ue,{size:"sm",label:i,icon:"magnifying-glass",className:"w-100",value:g,onChange:e=>{h(e.target.value)},autoFocus:!0})),e.createElement(k.Item,{as:"ul",className:"client-list"},F.length?F.map((t=>e.createElement("li",{className:"client",key:t.id_client,onClick:D(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"},o),e.createElement("p",null,r))))))))))};Xe.propTypes={clientLogoUrl:c.string,clientNotFoundText:c.string,clientNotFoundTitle:c.string,clientSearchLabel:c.string,profileSelectedClient:c.object};const Je="https://ui.groovinads.com/2.0.0/assets/logos/ga-logo.svg",Qe=({children:l,logoUrl:r,logoUrlMobile:s,setShow:o,show:i,showDeckMenu:c=!1,showUserMenu:d=!1,applications:u,applicationsLoading:p=!1,userData:g,userDataLoading:h=!1,favoritesTitle:f="Favorites",onApplicationClick:E,onFavoriteToggle:b})=>{const v=m({query:"(max-width: 768px)"}),w=r||Je,N=s||r||Je,[k,x]=t(!1),C=a(null);n((()=>{x(!1),C.current&&C.current.complete&&x(!0)}),[r,s]);return e.createElement("div",{id:"ga-header",className:"header fixed-top shadow-2"},e.createElement(I,{fluid:!0,className:"navbar"},e.createElement("div",{className:"brand-wrapper"},o&&void 0!==i&&e.createElement(J,{className:i?"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"}))),c&&!v&&e.createElement(Ge,{applications:u,isLoading:p,favoritesTitle:f,onApplicationClick:E,onFavoriteToggle:b}),!k&&e.createElement(y,{width:v?85:173,height:34}),e.createElement("img",{ref:C,src:v?N:w,className:"ga-logo",alt:r?"App logo":"Groovinads logo",onLoad:()=>{x(!0)},onError:()=>{x(!0)},style:{display:k?"block":"none"}})),(l||d)&&e.createElement("div",{className:"nav-wrapper"},l,d&&e.createElement(Ye,{userData:g,isLoading:h}))))};Qe.propTypes={children:c.node,logoUrl:c.string,logoUrlMobile:c.string,setShow:c.func,show:c.bool,showDeckMenu:c.bool,showUserMenu:c.bool,applications:c.arrayOf(c.shape({id_application:c.number.isRequired,application_name:c.string.isRequired,application_url:c.string.isRequired,application_icon:c.string,favorite:c.bool})),applicationsLoading:c.bool,userData:c.shape({auth_data:c.shape({oauth_username:c.string,oauth_picture:c.string,email:c.string,oauth_name:c.string})}),userDataLoading:c.bool,favoritesTitle:c.string,onApplicationClick:c.func,onFavoriteToggle:c.func};const et=({breadcrumbs:t,title:a,description:n,editable:l=!1,onTitleChange:r,onTitleSave:s,loading:o=!1,actions:i,customHTML:c,className:m="",linkComponent:d="a",backButton:u=!1,onBackClick:p})=>e.createElement("div",{className:`heading ${m}`},t&&t.length>0&&e.createElement(L,null,e.createElement(F,{xs:12},e.createElement("nav",{"aria-label":"breadcrumb"},e.createElement("ol",{className:"breadcrumb"},t.map(((a,n)=>{const l=n===t.length-1;return e.createElement("li",{key:n,className:"breadcrumb-item "+(l?"active":""),"aria-current":l?"page":void 0},a.to?e.createElement(d,{to:a.to,href:a.to},a.icon&&e.createElement(j,{name:a.icon}),a.label&&` ${a.label}`):e.createElement(e.Fragment,null,a.icon&&e.createElement(j,{name:a.icon}),a.label&&` ${a.label}`))})))))),e.createElement(L,{className:"mb-4"},e.createElement(F,{xs:12,md:i?6:void 0},e.createElement("div",{className:"d-flex align-items-start gap-2"},u&&e.createElement(J,{variant:"terciary",startIcon:"arrow-left",onClick:p,disabled:o,className:"back-button"}),e.createElement("div",{className:"flex-grow-1"},o?e.createElement(y,{height:"2rem",width:400,className:"mb-1"}):l?e.createElement("div",{className:"d-block"},e.createElement(W,{as:"h2",value:a,onChange:r,onSave:s,className:"mb-0"})):e.createElement("h2",{className:"mb-0"},a),o?e.createElement(y,{width:200}):n&&e.createElement("p",{className:"mb-0"},n)))),i&&e.createElement(F,{xs:12,md:6},e.createElement("div",{className:"buttons-wrapper",role:"group"},i))),c&&e.createElement(L,null,e.createElement(F,{xs:12},c)));et.propTypes={actions:c.node,backButton:c.bool,breadcrumbs:c.arrayOf(c.shape({label:c.string,to:c.string,icon:c.string})),className:c.string,customHTML:c.node,description:c.node,editable:c.bool,linkComponent:c.elementType,loading:c.bool,onBackClick:c.func,onTitleChange:c.func,onTitleSave:c.func,title:c.node.isRequired};const tt=({className:l="",currentPage:r,pageSize:s,onPageChange:o,onPageSizeChange:i,onPrevPage:c,onNextPage:m,pageSizeOptions:d=[10,50,100],paginationMode:u="local",showPerPageLabel:p="Show per page",totalPages:g,locale:h})=>{const[f,E]=t(!1),[b,v]=t(null),w=a(null);n((()=>{w.current&&v(w.current.offsetWidth)}),[f]);const y=(()=>{const e=[];if(g<=7)for(let t=1;t<=g;t++)e.push(t);else{e.push(1);const t=Math.max(2,r-2),a=Math.min(g-1,r+2);t>2&&e.push("...");for(let n=t;n<=a;n++)e.push(n);a<g-1&&e.push("..."),e.push(g)}return e})();return e.createElement(L,{className:`mb-3 pagination ${l}`},e.createElement(F,{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"},p,":"),e.createElement(ie,{show:f,onToggle:()=>{E(!f)},variant:"input",fullWidth:!0,selectedValue:ke(s,h),size:"sm",autoClose:!0,label:""},e.createElement(e.Fragment,null,d.map((t=>e.createElement(_,{key:t,onClick:()=>(e=>{i(e),E(!1)})(t),active:t===s},ke(t,h))))))),e.createElement("div",{className:"pagination-wrapper"},e.createElement(J,{variant:"secondary",size:"sm",onClick:c,disabled:1===r,startIcon:"chevron-left"}),"local"===u&&g>1&&e.createElement("div",{className:"btn-group",role:"group"},y.map(((t,a)=>"..."===t?e.createElement("div",{key:`ellipsis-${a}`,className:"btn btn-sm btn-secondary btn-ellipsis"},"…"):e.createElement(J,{key:t,variant:"secondary",size:"sm",className:"page-number "+(t===r?"current-page":""),onClick:()=>o(t)},ke(t,h))))),e.createElement(J,{variant:"secondary",size:"sm",onClick:m,disabled:r===g,startIcon:"chevron-right"})))))};tt.propTypes={currentPage:c.number.isRequired,pageSize:c.number.isRequired,onPageChange:c.func.isRequired,onPageSizeChange:c.func.isRequired,onPrevPage:c.func.isRequired,onNextPage:c.func.isRequired,pageSizeOptions:c.arrayOf(c.number),paginationMode:c.oneOf(["local","remote"]),showPerPageLabel:c.string,totalPages:c.number,locale:c.string};const at=({api:l,clientLogoUrl:r,clientNotFoundTitle:s,clientNotFoundText:o,clientSearchLabel:i,customLinks:c,customUrl:d,defaultOpened:u=!0,inModal:p=!1,onNavigate:g,selectedClient:h,setGroovinProfile:f,setShow:E,show:b,showClients:v=!1})=>{const w=!!p||m({query:"(max-width: 992px)"}),N=void 0!==d?d:window.location.pathname,[k,x]=t([]),[C,T]=t(null),[$,O]=t(!w&&u),[S,L]=t(!1),[F,_]=t(!1),D=a(null),M=a(!0);n((()=>{l&&(async()=>{try{_(!0);const e=await xe(l);x(e)}catch(e){console.error("fetchData error",e)}finally{_(!1)}})()}),[l]),n((()=>{O(M.current?u:b)}),[b]),n((()=>{w&&E&&!p&&E($),p||O(!w&&(M.current?u:b)),M.current=!1}),[]),n((()=>{L(!1)}),[r]);return e.createElement("nav",{id:"sidebarMenu",className:"sidebar "+($?"show":""),ref:D},p?e.createElement(e.Fragment,null):e.createElement("div",{className:"position-relative d-none d-lg-block"},e.createElement("button",{className:"collapse-button",onClick:()=>{O((e=>!e)),E(!b)}},e.createElement(j,{className:"collapse-icon",name:"angle-left"}))),e.createElement("div",{className:"scroll"},c.map(((t,a)=>e.createElement("div",{className:"sidebar-section",key:`sectionIndex${a}`},t.title?e.createElement("h4",null,e.createElement("span",null,t.title)):e.createElement(e.Fragment,null),t.backData&&l&&F?e.createElement(y,{width:"90%",count:5,containerClassName:"mb-3 ms-3 d-block",className:"mb-4"}):e.createElement("ul",{className:"nav"},(t.backData?k:t.links||[]).map(((t,n)=>e.createElement("li",{className:"nav-item",key:`linksSections${n}`},t.children&&t.children.length?e.createElement(e.Fragment,null,e.createElement("button",{className:"btn-toggle "+(C!==`${a}.${n}`?"collapsed":""),onClick:()=>{var e;T(C===(e=`${a}.${n}`)?null:e)},"aria-controls":`collapse-menu-${t.name}`,"aria-expanded":C===`${a}.${n}`},e.createElement(j,{name:t.icon}),e.createElement("span",null,t.name)),e.createElement(z,{in:C===`${a}.${n}`},e.createElement("ul",{className:"btn-toggle-nav",id:`collapse-menu-${a}-${n}`},t.children.map(((a,n)=>e.createElement("li",{key:`childSectionIndex${n}`},e.createElement("button",{className:"nav-link "+(N===a.url?"active":""),onClick:()=>g(a.url)},!w&&e.createElement(j,{name:t.icon,style:"regular"}),e.createElement("span",null,a.name)))))))):e.createElement(e.Fragment,null,e.createElement("button",{className:"nav-link "+(N===t.url?"active":""),onClick:()=>g(t.url)},e.createElement(j,{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(j,{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===v||"single"===v)&&e.createElement("div",{className:"bottom-list"},!0===v?e.createElement(Xe,{clientLogoUrl:r,profileSelectedClient:h,showClients:v,setGroovinProfile:f,clientNotFoundTitle:s,clientNotFoundText:o,clientSearchLabel:i}):e.createElement("div",{className:"client-logo"},!S&&e.createElement(y,{width:178,height:"3rem"}),e.createElement("img",{src:r,alt:"Client Logo",onLoad:()=>L(!0),onError:()=>L(!0),style:{display:S?"block":"none"}}))))};at.propTypes={api:c.string,clientLogoUrl:c.string,clientNotFoundTitle:c.string,clientNotFoundText:c.string,clientSearchLabel:c.string,customLinks:c.array.isRequired,customUrl:c.oneOfType([c.string,c.oneOf([void 0])]),defaultOpened:c.bool,inModal:c.bool,onNavigate:c.func.isRequired,pendingType:c.oneOf(["warning","badge"]),selectedClient:c.object,setGroovinProfile:c.func,setShow:c.func,show:c.bool,showClients:c.oneOf([!0,!1,"single"])};const nt=({className:t="",current:a,list:n,orientation:l="horizontal"})=>e.createElement("ol",{className:`stepper ${l} ${t}`},n.map(((t,n)=>e.createElement("li",{key:"Stepper"+n,className:a===n?"current":""},e.createElement("span",null,t)))));function lt({activeTab:a=1,className:l="",disabledTabs:r=[],navigateTab:s=!1,onNavigate:o,setActiveTab:i,tabs:c=[]}){const{toCamelCase:m}=ce(),[d,u]=t(a);return n((()=>{u(a)}),[a]),e.createElement(D,{variant:"tabs",activeKey:m(c[d-1]?.tab),onSelect:e=>{if(s){const t=c.find((t=>m(t.tab)===e));o(t.url)}else{const t=c.findIndex((t=>m(t.tab)===e))+1;i?i(t):u(t)}},className:l},(c||[])?.map((({tab:t,badgeNumber:a,warningIcon:n},l)=>{const s=l+1,o=r.includes(s);return e.createElement(D.Item,{key:`tabs.tab: ${l}`},e.createElement(D.Link,{eventKey:m(t),className:o?"disabled":""},n&&e.createElement(j,{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)))})))}nt.propTypes={className:c.string,current:c.number.isRequired,list:c.array.isRequired,orientation:c.oneOf(["horizontal","vertical"])},lt.propTypes={activeTab:c.number,className:c.string,disabledTabs:c.arrayOf(c.number),navigateTab:c.bool,onNavigate:c.func,setActiveTab:c.func,tabs:c.array.isRequired};const rt=({rows:a,cols:l,className:r=""})=>{const[s,o]=t([]),[i,c]=t([[]]);return n((()=>{o(new Array(l).fill()),c(new Array(a).fill(new Array(l).fill()))}),[a,l]),s.length&&i.length?e.createElement("div",{className:`table-skeleton shadow-1 ${r}`},e.createElement("div",{className:"table-skeleton-header"},s.map(((t,a)=>e.createElement("div",{key:a,className:"table-skeleton-col"},e.createElement(y,{width:"50%",height:12}))))),e.createElement("div",{className:"table-skeleton-body"},i.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(y,{containerClassName:"w-100",width:"100%",height:19}))))))))):null};rt.propTypes={rows:c.number.isRequired,cols:c.number.isRequired,className:c.string};export{Ue as AccordionComponent,je as AccordionItem,U as Alert,He as Aside,H as BlockIcon,J as Button,Q as Card,me as Checkbox,ie as DropdownComponent,Re as DropdownDatePicker,Me as DropdownFilter,qe as DropdownMultiSelect,Ie as DropdownSimpleDatePicker,de as Dropzone,W as EditableContent,We as Footer,j as Icon,ue as Input,Ee as InputChip,Oe as InputEmail,V as LoginSource,Ae as ModalComponent,Le as MultiValueInput,Qe as Navbar,et as PageHeader,tt as Pagination,Z as PillComponent,G as ProgressBar,pe as Radio,at as Sidebar,ge as Slider,Y as Spinner,X as StatusIcon,nt as Stepper,he as Switch,rt as TableSkeleton,lt as Tabnav,De as TemplateInput,fe as Textarea,se as ThemeProvider,Be as ToastComponent,Ke as ToastProgress,oe as useTheme};
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("react"),t=require("prop-types"),a=require("react-responsive"),n=require("@fortawesome/react-fontawesome"),l=require("@fortawesome/fontawesome-svg-core"),r=require("@fortawesome/pro-solid-svg-icons"),s=require("@fortawesome/pro-regular-svg-icons"),o=require("@fortawesome/pro-duotone-svg-icons"),i=require("@fortawesome/free-brands-svg-icons"),c=require("react-bootstrap/Dropdown"),m=require("react-dropzone"),d=require("js-cookie"),u=require("axios"),p=require("react-loading-skeleton"),g=require("date-fns"),f=require("react-bootstrap"),h=require("react-datepicker"),E=require("react-bootstrap/Toast"),b=require("react-bootstrap/Container");function v(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=v(r),y=v(s),N=v(o),x=v(i);function C(){return C=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},C.apply(null,arguments)}const k=e=>Object.keys(e).filter((e=>e.startsWith("fa")&&"fa"!==e)).map((t=>e[t]));l.library.add(...k(w),...k(y),...k(N),...k(x));const T={solid:"fas",regular:"far",duotone:"fad",brands:"fab"},S={.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}},O=({animation:t="",className:a="",name:l="font-awesome",scale:r=1,style:s="solid"})=>{const o=[T[s]||"fas",l],i=$[t]||{},c=`${S[r]||""} ${a}`.trim();return e.createElement(n.FontAwesomeIcon,C({icon:o,className:c},i))};O.propTypes={animation:t.oneOf(["beat","fade","beat-fade","bounce","flip","shake","spin","spin-reverse","pulse"]),className:t.string,name:t.string,scale:t.oneOf([.7,1,2,3,4]),style:t.oneOf(["solid","regular","duotone","brands"])};const L=({animation:t=!1,children:a,className:n="",icon:l=!0,onClose:r=null,size:s="md",type:o="info"})=>e.createElement("div",{className:`alert ${t?"alert-animation":""} alert-${o} alert-${s} ${n}`,role:"alert"},e.createElement("div",{className:"alert-wrapper"},l&&e.createElement(O,{style:"solid",name:{info:"circle-info",success:"check",warning:"triangle-exclamation",danger:"circle-xmark"}[o]}),e.createElement("span",null,a)),r&&e.createElement("button",{onClick:r,className:"btn-close"},e.createElement(O,{style:"solid",name:"xmark"})));L.propTypes={animation:t.bool,children:t.node.isRequired,className:t.string,icon:t.bool,onClose:t.func,size:t.oneOf(["sm","md","lg"]),type:t.oneOf(["warning","danger","success","info"]).isRequired};const R=({className:t="",color:a="neutral",size:n="md",name:l="font-awesome"})=>e.createElement("div",{className:`block-icon block-icon-${n} ${a} ${t}`},e.createElement(O,{name:l,style:"duotone",scale:{sm:1,md:2,lg:3}[n]}));R.propTypes={className:t.string,color:t.oneOf(["green","grey","yellow","red","danger","neutral","blue","light","midtone","dark"]),size:t.oneOf(["sm","md","lg"]),name:t.string};const D=({as:t="",className:a="",onChange:n,onSave:l,value:r})=>{const[s,o]=e.useState(!1),[i,c]=e.useState(r),[m,d]=e.useState(!1),[u,p]=e.useState(!1),[g,f]=e.useState({}),h=e.useRef(null),E=e.useRef(null),b=async e=>{try{if(""===e.trim())return n(i),void o(!1);await l(e),d(!0),o(!1),setTimeout((()=>{d(!1)}),2e3)}catch(e){throw p(!0),o(!1),setTimeout((()=>{p(!1)}),2e3),e}};e.useEffect((()=>{s&&h.current&&h.current.focus()}),[s]),e.useEffect((()=>{if(E.current&&!s){const e=window.getComputedStyle(E.current),t=parseFloat(e.width)+2*parseFloat(e.fontSize);f({fontSize:e.fontSize,fontFamily:e.fontFamily,fontWeight:e.fontWeight,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing,width:`${t}px`})}}),[s]);const v=()=>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(r),o(!0))}},s?e.createElement("input",{type:"text",value:r,ref:h,onBlur:()=>{o(!1),r!==i&&b(r)},onChange:({target:e})=>{n(e.value)},onKeyDown:e=>{"Enter"===e.key?(b(r),o(!1)):"Escape"===e.key&&(n(i),o(!1))},style:g}):e.createElement("div",{className:"editable-content-display",style:{fontSize:g.fontSize}},e.createElement(t,{className:u?"error":"",ref:E},r),m&&e.createElement("div",{className:"success-animation"},e.createElement(v,null))))};D.propTypes={as:t.string.isRequired,className:t.string,onChange:t.func.isRequired,onSave:t.func.isRequired,value:t.string};const q=({logo:t="groovinads",className:a=""})=>e.createElement("div",{className:`login-source ${t||""} ${a}`,"aria-label":`${t} logo`});q.propTypes={className:t.string,logo:t.oneOf(["groovinads","google","microsoft","linkedin","slack"])};const z=({children:t,className:a="",closeButton:n=!1,color:l="neutral",disabled:r=!1,onClick:s})=>e.createElement("div",{className:`pill ${l} ${a} ${r?"disabled":""}`},e.createElement("span",null,t),n&&e.createElement("button",{onClick:s},e.createElement(O,{style:"solid",name:"xmark",scale:.7})));z.propTypes={className:t.string,closeButton:t.bool,color:t.oneOf(["green","yellow","red","danger","neutral","blue","light","midtone","dark"]),disabled:t.bool,onClick:t.func};const _=({className:t="",dangerTo:a,label:n,max:l=100,orientation:r="horizontal",showNumbers:s=!1,value:o=0,warningTo:i})=>{const c=void 0!==a&&o>=a?"danger":void 0!==i&&o>=i?"warning":"",m=["progress-bar-container",r,t].filter(Boolean).join(" "),d=["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",C({className:d,value:o,max:l},"vertical"===r&&{orient:"vertical"})),s&&e.createElement("div",{className:"progress-bar-numbers"},e.createElement("span",null,"0"),e.createElement("span",null,l))))};_.propTypes={className:t.string,dangerTo:t.number,label:t.string,max:t.number,orientation:t.oneOf(["horizontal","vertical"]),showNumbers:t.bool,value:t.number,warningTo:t.number};const F=({className:t="",scale:a=1})=>e.createElement(O,{name:"spinner-third",scale:a,animation:"spin",className:t});F.propTypes={className:t.string,scale:t.oneOf([.7,1,2,3,4])};const M=({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}})());M.propTypes={animated:t.bool,className:t.string,status:t.number.isRequired};const I=({badge:t,children:n,className:l="",disabled:r=!1,endIcon:s,hideLabelOnDesktop:o=!1,hideLabelOnMobile:i=!1,onClick:c,processing:m=!1,size:d="md",startIcon:u,style:p="default",variant:g="primary"})=>{const f=a.useMediaQuery({query:"(max-width: 768px)"});i&&o&&console.warn("Button: hideLabelOnMobile and hideLabelOnDesktop should not be used together");const h=f&&i||!f&&o,E=m?e.createElement(e.Fragment,null,e.createElement(F,{scale:1}),n&&e.createElement("span",null,n,"…")):e.createElement(e.Fragment,null,u&&e.createElement(O,{style:"solid",name:u,scale:1}),n&&!h&&e.createElement("span",null,n),s&&e.createElement(O,{style:"solid",name:s,scale:1}));return e.createElement("button",C({className:`btn ${l}\n btn-${g}\n btn-${p}\n btn-${d}\n ${m?"btn-processing":""}\n ${r?"disabled":""}`,onClick:c},t&&{"data-badge":t}),E)};I.propTypes={badge:t.string,children:t.node,className:t.string,disabled:t.bool,endIcon:t.string,hideLabelOnDesktop:t.bool,hideLabelOnMobile:t.bool,onClick:t.func,processing:t.bool,size:t.oneOf(["sm","md","lg"]),startIcon:t.string,style:t.oneOf(["default","success","danger","warning","link"]),variant:t.oneOf(["primary","secondary","terciary","outline"])};const A=({children:t,className:a="",depth:n=1,size:l="md"})=>{const r=n>0?`shadow-${n}`:"",s="md"!==l?`card-${l}`:"";return e.createElement("div",{className:`card ${r} ${s} ${a}`},t)};A.propTypes={children:t.node,className:t.string,depth:t.oneOf([0,1,2,3,4]),size:t.oneOf(["sm","md","lg","full"])};const P=e.createContext(void 0),B="undefined"!=typeof window,K="theme_pref",j=()=>{if(!B)return!1;const e=window.location.hostname;return"localhost"===e||"127.0.0.1"===e||"[::1]"===e},U=()=>{if(!B)return"default";return(e=>{if(!B)return null;try{const t=`; ${document.cookie}`.split(`; ${e}=`);if(2===t.length)return t.pop().split(";").shift()}catch(e){console.warn("Error reading cookie:",e)}return null})(K)||"default"},H=(e,t)=>{if(!B)return;const a={path:"/",domain:t};"default"===e?((e,t={})=>{if(B)try{let a=`${e}=; expires=Thu, 01 Jan 1970 00:00:00 UTC`;a+=`; path=${t.path||"/"}`,t.domain&&!j()&&(a+=`; domain=${t.domain}`),document.cookie=a}catch(e){console.warn("Error deleting cookie:",e)}})(K,a):((e,t,a={})=>{if(B)try{let n=`${e}=${t}`;void 0!==a.maxAge&&(n+=`; max-age=${a.maxAge}`),n+=`; path=${a.path||"/"}`,a.domain&&!j()&&(n+=`; domain=${a.domain}`),n+="; SameSite=Lax",document.cookie=n}catch(e){console.warn("Error setting cookie:",e)}})(K,e,{...a,maxAge:31536e3})},W=({children:t,initialTheme:a,rootDomain:n=".groovinads.com"})=>{const[l,r]=e.useState((()=>a&&["light","dark","default"].includes(a)?a:U()));e.useEffect((()=>{(e=>{if(!B)return;const t=document.documentElement;"default"===e?t.removeAttribute("data-theme"):t.setAttribute("data-theme",e)})(l),H(l,n)}),[l,n]),e.useEffect((()=>{const e=U();e!==l&&r(e)}),[]);const s={theme:l,setTheme:r,isLight:"light"===l,isDark:"dark"===l,isDefault:"default"===l};return e.createElement(P.Provider,{value:s},t)};W.propTypes={children:t.node.isRequired,initialTheme:t.oneOf(["light","dark","default"]),rootDomain:t.oneOfType([t.string,t.oneOf([null])])};const V=()=>{const t=e.useContext(P);if(void 0===t)throw new Error("useTheme must be used within a ThemeProvider");return t},Z=({align:t="start",autoClose:a=!1,children:n,className:l="",disabled:r=!1,drop:s,fullWidth:o=!1,helpText:i,icon:m,isChild:d=!1,label:u,onToggle:p,overflow:g=!1,processing:f=!1,requiredText:h,selectedValue:E,setShow:b,show:v,showError:w=!1,size:y="md",style:N="default",variant:x="primary"})=>{const[C,k]=e.useState(!!v),[T,S]=e.useState(null),$=e.useRef(null),L=e.useRef(null),R=()=>{switch(s){case"up":return"angle-up";case"end":return"angle-right";case"start":return"angle-left";default:return"angle-down"}};return e.useEffect((()=>{k(v),o&&L.current&&S(L.current.offsetWidth)}),[v,o]),e.createElement(e.Fragment,null,e.createElement(c,{autoClose:a,show:C,onToggle:(e,t)=>{k(e),b&&b(e),p&&p(e,t),o&&L.current&&S(L.current.offsetWidth)},className:l,align:t,drop:s,disabled:d?void 0:r||f,"data-error":h},e.createElement(c.Toggle,{ref:L,as:d?"div":void 0,bsPrefix:d?"":void 0,className:(()=>{if(d)return"";const e=["btn",`btn-${x}`,`btn-${N}`,`btn-${y}`];return("input"===x||o)&&e.push("w-100"),w&&e.push("not-validated"),(r||f)&&e.push("disabled"),f&&e.push("btn-processing"),e.join(" ")})()},"start"===s?e.createElement(e.Fragment,null,(u||"input"===x)&&e.createElement(O,{name:R(),className:"caret"}),"input"===x?e.createElement(e.Fragment,null,u&&e.createElement("span",{className:"dropdown-label"},u,f&&"…"),f?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(F,{scale:1}),e.createElement("span",null,E)):m?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(O,{style:"solid",name:m,scale:1}),e.createElement("span",null,E)):e.createElement("span",null,E)):u&&e.createElement("span",null,u,f&&"…"),"input"!==x&&(f?e.createElement(F,{scale:1}):m&&e.createElement(O,{style:"solid",name:m,scale:1}))):e.createElement(e.Fragment,null,"input"!==x&&(f?e.createElement(F,{scale:1}):m&&e.createElement(O,{style:"solid",name:m,scale:1})),"input"===x?e.createElement(e.Fragment,null,u&&e.createElement("span",{className:"dropdown-label"},u,f&&"…"),f?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(F,{scale:1}),e.createElement("span",null,E)):m?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(O,{style:"solid",name:m,scale:1}),e.createElement("span",null,E)):e.createElement("span",null,E)):u&&e.createElement("span",null,u,f&&"…"),(u||"input"===x)&&e.createElement(O,{name:R(),className:"caret"}))),e.createElement(c.Menu,{align:t,ref:$,className:o?"full-width":"",style:o?{width:T}:void 0,popperConfig:(()=>{if(g)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})()))),i&&e.createElement("small",{className:"text-muted"},i))};Z.propTypes={align:t.oneOf(["start","end"]),autoClose:t.oneOfType([t.bool,t.oneOf(["inside","outside"])]),children:t.node,className:t.string,disabled:t.bool,drop:t.oneOf(["up","down","start","end"]),fullWidth:t.bool,helpText:t.string,icon:t.string,isChild:t.bool,label:t.node,onToggle:t.func,overflow:t.bool,processing:t.bool,requiredText:t.string,selectedValue:t.node,setShow:t.func,show:t.bool,showError:t.bool,size:t.oneOf(["sm","md","lg"]),style:t.oneOf(["default","success","danger","warning","link"]),variant:t.oneOf(["primary","secondary","terciary","outline","input"])};const G=()=>({toCamelCase: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}),[]),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)}`:""}),Y=({children:t,className:a="",disabled:n=!1,id:l,name:r,setStatus:s,size:o="md",status:i=!1})=>{const{toCamelCase:c}=G();let m=l;l||"string"!=typeof t||(m=c(t));return e.createElement("div",{className:`form-group form-check ${a} ${n?"disabled":""}`},e.createElement("label",{className:"checkbox "+("lg"===o?"checkbox-lg":"sm"===o?"checkbox-sm":"")},e.createElement("input",{type:"checkbox",checked:i,onChange:e=>{s(e.target.checked)},minLength:"1",id:m,name:r}),t))};Y.propTypes={className:t.string,disabled:t.bool,id:t.string,name:t.string,setStatus:t.func,size:t.oneOf(["sm","md","lg"]),status:t.bool};const X=({files:t=[],onUpload:a,onRemove:n,onError:l,onSuccess:r,accept:s,maxSize:o=20971520,multiple:i=!0,disabled:c=!1,validator:d,requiredText:u,showError:p=!1,title:g="Drag and drop your files here",subtitle:f,buttonText:h="Browse file…",orLabel:E="or",uploadingText:b="Uploading…",icon:v="cloud-arrow-up",iconScale:w=2,className:y="",formatValidator:N,formatLabel:x})=>{const[k,T]=e.useState([]),[S,$]=e.useState({}),L=e.useCallback((e=>{const t=setInterval((()=>{$((a=>{const n=a[e]||0;return n>=99?(clearInterval(t),{...a,[e]:99}):{...a,[e]:n+10}}))}),100);return t}),[]),R=e.useCallback((async e=>{const t=`${e.name}-${e.lastModified}`;try{T((a=>[...a,{name:e.name,size:e.size,type:e.type,lastModified:e.lastModified,_uploadId:t}]));const n=L(t);if(!a)throw new Error("onUpload prop is required");const l=await a(e);clearInterval(n),$((e=>({...e,[t]:100}))),r&&r(l)}catch(t){console.error("Dropzone upload error:",t),l&&l(t,e)}finally{T((e=>e.filter((e=>e._uploadId!==t)))),$((e=>{const a={...e};return delete a[t],a}))}}),[a,r,l,L]),D=e.useCallback(((e,t)=>{t.length?l&&l(new Error("File validation failed"),t):e.forEach((e=>{R(e)}))}),[l,R]),{getRootProps:q,getInputProps:_}=m.useDropzone({onDrop:D,accept:s,maxSize:o,multiple:i,disabled:c,validator:d}),F=e.useCallback((e=>e&&0!==e?(e/1048576).toFixed(2)+" MB":"0 MB"),[]),M=e.useCallback((e=>N&&x?N(e)?x(e):"NO MATCH":null),[N,x]),A=e.useCallback(((e,t=0)=>({id:e.id||e._uploadId||`file-${t}`,url:e.url||e.media,thumbnail:e.thumbnail||e.url||e.media,name:e.name||e.file_description||e.file_name,size:e.size||e.file_size,type:e.type||e.file_type,width:e.width,height:e.height,duration:e.duration,_original:e})),[]);return e.createElement("div",{className:`upload-module-wrapper ${y}`},e.createElement("div",C({},q(),{className:"upload-module "+(p?"not-validated":""),"data-error":p?u:void 0}),e.createElement("input",_()),e.createElement("div",null,e.createElement(O,{name:"cloud-arrow-up",scale:w}),e.createElement("p",null,g),f&&e.createElement("p",{className:"upload-specs"},f)),e.createElement("p",{className:"upload-separator"},E),e.createElement(I,{disabled:c},h)),k.length>0&&e.createElement(e.Fragment,null,k.map((t=>{const a=A(t),n=S[t._uploadId]||0;return e.createElement("div",{key:a.id,className:"upload-file"},e.createElement("div",{className:"image-preview"},e.createElement(O,{name:v,scale:2})),e.createElement("div",{className:"asset-info"},e.createElement("div",{className:"file-name-container"},e.createElement("p",{className:"file-name"},a.name)),e.createElement("p",{className:"uploading-text"},b," ",n,"%"),e.createElement("div",{className:"uploading-progress-bar"},e.createElement("div",{className:"uploading-progress"}))))}))),t.length>0&&e.createElement(e.Fragment,null,t.map(((t,a)=>{const l=A(t,a),r=M(t);return e.createElement("div",{key:l.id,className:"upload-file"},e.createElement("div",{className:"image-preview"},l.thumbnail?e.createElement("img",{src:l.thumbnail,alt:l.name}):e.createElement(O,{name:v,scale:2})),e.createElement("div",{className:"asset-info"},e.createElement("div",{className:"file-name-container"},e.createElement("p",{className:"file-name"},l.name),r&&e.createElement(z,{color:"neutral"},r)),l.size>0&&e.createElement("p",{className:"file-size"},F(l.size))),n&&e.createElement(I,{variant:"terciary",onClick:()=>n(l._original),startIcon:"trash-can",style:"danger",size:"sm"}))}))))};X.propTypes={files:t.arrayOf(t.shape({id:t.oneOfType([t.string,t.number]),url:t.string,thumbnail:t.string,name:t.string,size:t.number,type:t.string,width:t.number,height:t.number,duration:t.number,media:t.string,file_description:t.string,file_name:t.string,file_size:t.number,file_type:t.string})),onUpload:t.func.isRequired,onRemove:t.func,onError:t.func,onSuccess:t.func,accept:t.object,maxSize:t.number,multiple:t.bool,disabled:t.bool,validator:t.func,requiredText:t.string,showError:t.bool,title:t.string,subtitle:t.string,buttonText:t.string,orLabel:t.string,uploadingText:t.string,icon:t.string,iconScale:t.oneOf([.7,1,2,3,4]),className:t.string,formatValidator:t.func,formatLabel:t.func};const J=({autoFocus:t=!1,className:a="",disabled:n=!1,focus:l=!1,helpText:r,icon:s,label:o="Input label",max:i,maxLength:c,min:m,name:d,onBlur:u,onChange:p,prefix:g,requiredText:f,setShowError:h,showError:E,size:b="md",suffix:v,type:w="text",value:y})=>{const{toCamelCase:N}=G(),x=e.useRef(null),C=N(o);e.useEffect((()=>{E&&setTimeout((()=>{h(!1)}),3e3)}),[E]),e.useEffect((()=>{x.current&&l&&x.current.focus()}),[l]);const k=(()=>{switch(w){case"email":return"email";case"tel":return"tel";case"number":return"numeric";default:return}})();return e.createElement("div",{className:`position-relative ${a} ${n?"disabled":""}`},g||v||s?e.createElement("div",{className:"input-group "+(E?"not-validated":""),"data-error":f},s&&e.createElement("span",{className:"input-group-text"},e.createElement(O,{style:"solid",name:s,scale:1})),g&&e.createElement("span",{className:"input-group-text"},g),e.createElement("div",{className:"form-floating"},e.createElement("input",{type:w,className:"form-control "+("md"!==b?`form-control-${b}`:""),value:y,id:C,name:d,placeholder:o,onChange:p,onBlur:u,required:!!f,autoFocus:t,ref:x,min:m,max:i,inputMode:k}),e.createElement("label",{htmlFor:C},o)),v&&e.createElement("span",{className:"input-group-text"},v)):e.createElement("div",{className:"form-floating "+(E?"not-validated":""),"data-error":f},e.createElement("input",{type:w,className:"form-control "+("md"!==b?`form-control-${b}`:""),value:y,id:C,placeholder:o,onChange:p,onBlur:u,required:!!f,name:d,autoFocus:t,ref:x,min:m,max:i,maxLength:c,inputMode:k}),e.createElement("label",{htmlFor:C},o)),r&&e.createElement("small",{className:"text-muted"},r))};J.propTypes={autoFocus:t.bool,className:t.string,disabled:t.bool,focus:t.bool,helpText:t.string,icon:t.string,label:t.string,max:t.oneOfType([t.string,t.number]),maxLength:t.number,min:t.oneOfType([t.string,t.number]),name:t.string,onBlur:t.func,onChange:t.func,prefix:t.string,requiredText:t.string,size:t.oneOf(["sm","md","lg"]),showError:t.bool,setShowError:t.func,suffix:t.string,type:t.oneOf(["color","date","datetime-local","email","file","image","month","number","password","tel","text","time","url","week"]),value:t.oneOfType([t.string,t.number])};const Q=({children:t,className:a="",disabled:n=!1,fullWidth:l=!1,id:r,name:s,setStatus:o,size:i="md",status:c=!0})=>{const{toCamelCase:m}=G();let d=r;r||"string"!=typeof t||(d=m(t));return e.createElement("div",{className:`form-group form-check ${a} ${n?"disabled":""}`},e.createElement("label",{className:`radio ${l?"w-100":""} ${"lg"===i?"radio-lg":"sm"===i?"radio-sm":""}`},e.createElement("input",{type:"radio",checked:c,onChange:e=>{o(e.target.checked)},minLength:"1",id:d,name:s}),t))};Q.propTypes={className:t.string,disabled:t.bool,fullWidth:t.bool,id:t.string,name:t.string,setStatus:t.func,size:t.oneOf(["sm","md","lg"]),status:t.bool};const ee=({className:t="",disabled:a=!1,label:n,labelInputMax:l="Max",labelInputMin:r="Min",max:s=100,min:o=0,onChange:i,orientation:c="horizontal",range:m=!1,step:d=1,tooltip:u=!0,value:p})=>{const g=m,f=g?Array.isArray(p)?p:[o,s]:"number"==typeof p?p:o,[h,E]=e.useState(null),[b,v]=e.useState(null),w=e.useRef(null),y=e.useCallback((e=>{const t=Math.round(e/d)*d;return Math.min(Math.max(t,o),s)}),[o,s,d]),N=e.useCallback((e=>(e-o)/(s-o)*100),[o,s]),x=e.useCallback(((e,t)=>{if(!w.current)return o;const a=w.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(o+n*(s-o))}),[c,o,s,y]),C=e.useCallback(((e,t)=>{if(!h||a)return;const n=x(e,t);if(g){const[e,t]=f;if("start"===h){const e=Math.min(n,t-d);i?.([y(e),t])}else if("end"===h){const t=Math.max(n,e+d);i?.([e,y(t)])}}else i?.(n)}),[h,a,x,g,f,i,d,y]);e.useEffect((()=>{const e=e=>{C(e.clientX,e.clientY)},t=()=>{E(null),v(null)},a=e=>{e.touches.length>0&&C(e.touches[0].clientX,e.touches[0].clientY)},n=()=>{E(null),v(null)};return h&&(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)}}),[h,C]);const k=e=>t=>{a||(t.preventDefault(),E(e),v(e))},T=e=>t=>{if(a)return;const n=t.target.value;if(""===n)return;let l=parseFloat(n);if(!isNaN(l))if(l=y(l),g){const[t,a]=f;if("start"===e){const e=Math.min(l,a-d);i?.([y(Math.max(e,o)),a])}else{const e=Math.max(l,t+d);i?.([t,y(Math.min(e,s))])}}else i?.(l)},S=e=>{const t=N(e);return"vertical"===c?{bottom:`${t}%`}:{left:`${t}%`}},$=(t,a)=>u&&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(J,{type:"number",className:"slider-input",label:r,value:f[0],onChange:T("start"),min:o,max:f[1]-d,disabled:a,size:"sm",name:"sliderStartInput"}):n&&e.createElement("span",{className:"slider-label"},n),e.createElement("div",{className:"slider-track-container",ref:w,onClick:e=>{if(a||h)return;const t=x(e.clientX,e.clientY);if(g){const[e,a]=f,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]=f,a=N(e),n=N(t);return"vertical"===c?{bottom:`${a}%`,height:n-a+"%"}:{left:`${a}%`,width:n-a+"%"}}const e=N(f);return"vertical"===c?{bottom:"0%",height:`${e}%`}:{left:"0%",width:`${e}%`}})()})),g?e.createElement(e.Fragment,null,e.createElement("div",{className:"slider-thumb "+("start"===h?"dragging":""),style:S(f[0]),onMouseDown:k("start"),onTouchStart:k("start"),role:"slider","aria-valuemin":o,"aria-valuemax":f[1],"aria-valuenow":f[0],tabIndex:a?-1:0},$(f[0],"start")),e.createElement("div",{className:"slider-thumb "+("end"===h?"dragging":""),style:S(f[1]),onMouseDown:k("end"),onTouchStart:k("end"),role:"slider","aria-valuemin":f[0],"aria-valuemax":s,"aria-valuenow":f[1],tabIndex:a?-1:0},$(f[1],"end"))):e.createElement("div",{className:"slider-thumb "+("single"===h?"dragging":""),style:S(f),onMouseDown:k("single"),onTouchStart:k("single"),role:"slider","aria-valuemin":o,"aria-valuemax":s,"aria-valuenow":f,tabIndex:a?-1:0},$(f,"single"))),g?e.createElement(J,{type:"number",className:"slider-input",label:l,value:f[1],onChange:T("end"),min:f[0]+d,max:s,disabled:a,size:"sm",id:"sliderEndInput",name:"sliderEndInput"}):e.createElement(J,{type:"number",className:"slider-input",label:l,value:f,onChange:T("single"),min:o,max:s,disabled:a,size:"sm",id:"sliderSingleInput",name:"sliderSingleInput"}))};ee.propTypes={className:t.string,disabled:t.bool,label:t.string,labelInputMax:t.string,labelInputMin:t.string,max:t.number,min:t.number,onChange:t.func,orientation:t.oneOf(["horizontal","vertical"]),range:t.bool,step:t.number,tooltip:t.bool,value:t.oneOfType([t.number,t.arrayOf(t.number)])};const te=({children:t,className:a="",disabled:n=!1,icon:l=!1,id:r,name:s,processing:o=!1,setStatus:i,size:c,status:m=0,switchPosition:d="start"})=>{const{toCamelCase:u}=G(),p="lg"===c?"form-switch-lg":"sm"===c?"form-switch-sm":"",g=r||u(t);return e.createElement("div",{className:`form-check form-switch ${p} ${a} ${"end"===d?"switch-end":""} ${l?"switch-icon":""} ${n?"disabled":""} ${o?"processing":""}`},e.createElement("input",{className:"form-check-input",type:"checkbox",role:"switch",onChange:()=>{if("boolean"==typeof m)return i(!m);i(m?0:1)},id:g,name:s,checked:!!m}),t&&e.createElement("label",{className:"form-check-label",htmlFor:g},t))};te.propTypes={className:t.string,disabled:t.bool,icon:t.bool,id:t.string,name:t.string,processing:t.bool,setStatus:t.func,status:t.oneOfType([t.number,t.bool]),size:t.oneOf(["sm","md","lg"]),switchPosition:t.oneOf(["start","end"])};const ae=({className:t="",disabled:a=!1,helpText:n,label:l="Textarea label",name:r,onChange:s,requiredText:o,showError:i,setShowError:c,size:m="md",value:d=""})=>{const{toCamelCase:u}=G(),p="lg"===m?"form-control-lg":"sm"===m?"form-control-sm":"",g=u(l);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":o},e.createElement("textarea",{className:`form-control ${p}`,onChange:s,placeholder:l,id:g,name:r,required:!!o,value:d||""}),e.createElement("label",{htmlFor:g},l),n&&e.createElement("small",{className:"text-muted"},n)))};ae.propTypes={className:t.string,disabled:t.bool,helpText:t.string,label:t.string,name:t.string,onChange:t.func,requiredText:t.string,showError:t.bool,setShowError:t.func,size:t.oneOf(["sm","md","lg"]),value:t.string};const ne=({autoFocus:t=!1,className:a="",counter:n=!1,disabled:l=!1,duplicateKeywordErrorText:r="Duplicate keyword.",errorText:s,helpText:o,keywordsList:i=[],maxKeywords:c,maxKeywordLength:m,name:d,pillColor:u="neutral",placeholder:p="Add keywords…",recomendedKeywords:g,requiredText:f,setKeywordsList:h,showError:E=!1,size:b="md"})=>{const{toCamelCase:v}=G(),[w,y]=e.useState(""),[N,x]=e.useState(""),[C,k]=e.useState(!1),[T,S]=e.useState(!1),$=v(p);return e.useEffect((()=>{i.length===c&&(k(!0),setTimeout((()=>{k(!1)}),3e3))}),[i]),e.useEffect((()=>{if(E){S(!0);const e=setTimeout((()=>{S(!1)}),3e3);return()=>clearTimeout(e)}S(!1)}),[E]),e.createElement(e.Fragment,null,e.createElement("div",{className:`position-relative ${a} ${l?"disabled":""}`},e.createElement("div",{className:`input-chip ${"md"!==b?`input-chip-${b}`:""} ${C||N||T?"not-validated":""}`,"data-error":N||(T?s:"")||f},e.createElement("div",{className:"wrapper"},i.map(((t,a)=>e.createElement(z,{key:a,closeButton:!0,color:u,onClick:()=>(e=>{const t=i.filter((t=>t!==e));h(t)})(t)},t)))),e.createElement("input",{type:"text",id:$,name:d,value:w,onKeyDown:e=>{if("Enter"===e.key&&""!==w.trim()&&i.length<c){if(w.length>m)return x(`Each keyword must be ${m} characters or less.`),setTimeout((()=>x("")),2e3),void y("");if(i.includes(w.trim()))return x(r),setTimeout((()=>x("")),2e3),void y("");const e=[...i,w.trim()];h(e),y("")}},onChange:e=>{y(e.target.value)},placeholder:p,autoFocus:t}),n&&i.length>=g&&e.createElement("div",{className:"progress-counter-wrapper "+(i.length>=c?"progress-value-error":i.length>=g?"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-i.length/c),strokeLinecap:"round",fill:"none"})),e.createElement("span",{className:"progress-counter-text"},i.length))),o&&e.createElement("small",{className:"text-muted"},o)))};ne.propTypes={autoFocus:t.bool,className:t.string,counter:t.bool,disabled:t.bool,duplicateKeywordErrorText:t.string,errorText:t.string,helpText:t.string,keywordsList:t.array.isRequired,maxKeywords:t.number.isRequired,maxKeywordLength:t.number.isRequired,name:t.string,pillColor:t.oneOf(["blue","danger","dark","green","light","midtone","neutral","red","yellow"]),placeholder:t.string.isRequired,recomendedKeywords:t.number.isRequired,requiredText:t.string.isRequired,setKeywordsList:t.func.isRequired,showError:t.bool,size:t.oneOf(["sm","md","lg"])};const le=(void 0).MODE,re="production"===le?"https://api.groovinads.com/":"localdev"===le?"https://api-test.groovinads.com/":"https://api-dev.groovinads.com/";var se={authStatus:re+"v2/auth/status",authLogout:re+"v2/auth/logout",applications:re+"v2/applications",favApps:re+"v2/applications/favorite",clients:re+"v2/auth/clients",clientsLogin:re+"v2/auth/clients/login",headers:{headers:{"Content-Type":"application/json",Authorization:"Bearer "+d.get("groovinadsAuthToken"),"Accept-Language":"en"}}};u.defaults.withCredentials=!0;const oe=async({url:e,signal:t})=>await u.get(e,{...se.headers,signal:t}).then((({data:e})=>e)).catch((e=>Promise.reject(e||"error en la url"))),ie=async({url:e,data:t})=>await u.post(e,t,se.headers).then((({data:e})=>e)).catch((e=>Promise.reject(e||"error en la url"))),ce=(e,t=void 0)=>{if(null==e||isNaN(e))return e;return Number(e).toLocaleString(t,{useGrouping:!0,minimumFractionDigits:0,maximumFractionDigits:0})},me=async(e,t)=>await oe({url:`${re}${e}`,signal:t}),de=async(e,t)=>await ie({url:`${re}${e}`,data:t}),ue=async e=>await ie({url:`${se.favApps}/${e}`,data:e}),pe=async e=>await(async({url:e})=>await u.delete(e,se.headers).then((({data:e})=>e)).catch((e=>Promise.reject(e||"error en la url"))))({url:`${se.favApps}/${e}`}),ge=({apiGetEmail:t,apiPostEmail:a,disabled:n=!1,label:l="Email addresses",showModal:r=!0,textButton:s="Add",textError:o="You must enter a valid email address",titleList:i="Added emails"})=>{const[c,m]=e.useState([]),[d,u]=e.useState(""),[g,f]=e.useState(!1),[h,E]=e.useState([]),[b,v]=e.useState(!1),w=/^\w+([.-_+]?\w+)*@\w+([.-]?\w+)*(\.\w{2,10})+$/;return e.useEffect((()=>{r?(async()=>{f(!0);const e=await me(t);m(e||[]),f(!1)})():c.length&&m([])}),[r]),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":o},e.createElement(J,{label:l,value:d,onChange:e=>{(e=>{const t=e.target.value.replace(/\. +/g," ");u(t),t.trim()&&!w.test(t)||v(!1)})(e)}}),e.createElement(I,{onClick:async()=>{const e=d.split(/[;, ]+/).map((e=>e.trim())).filter((e=>e.length>0)),t=e.filter((e=>!w.test(e))),n=e.filter((e=>w.test(e)));if(t.length&&(u(t.join(" ")),v(!0),setTimeout((()=>{v(!1)}),3e3)),n.length){const e=await de(a,[...c,...n]);m(e)}u(t.join(" "))},className:""+(d.trim()?"":"disabled")},s))),g?e.createElement("div",{className:"shared-users-list"},e.createElement(p,{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(p,{circle:!0,width:32,height:32}),e.createElement(p,{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(O,{name:"user-circle",scale:2}),e.createElement("span",null,t)),h.some((e=>e===t))?e.createElement("div",{className:"spinner-wrapper"},e.createElement(F,{scale:1})):e.createElement(I,{variant:"terciary",style:"danger",startIcon:"trash-can",onClick:()=>(async e=>{E([...h,e]);const t=c.filter((t=>t!==e)),n=await de(a,t);setTimeout((()=>{E(h.filter((t=>t!==e))),m(n)}),1e3)})(t)}))))):null)};ge.propTypes={apiGetEmail:t.string.isRequired,apiPostEmail:t.string.isRequired,disabled:t.bool,label:t.string,showModal:t.bool,textButton:t.string,textError:t.string,titleList:t.string},t.string,t.bool,t.string,t.string,t.string,t.func,t.oneOf(["blue","danger","dark","green","light","midtone","neutral","red","yellow"]),t.bool,t.oneOf(["sm","md","lg"]),t.arrayOf(t.string);const fe=/\{\{([^}]+)\}\}/g,he=e=>{if(!e)return[];const t=[];let a,n=0;for(fe.lastIndex=0;null!==(a=fe.exec(e));){a.index>n&&t.push({type:"text",value:e.slice(n,a.index)});const l=a[1].trim();l&&t.push({type:"pill",id:l.toLowerCase().replace(/\s+/g,"_"),label:l}),n=fe.lastIndex}return n<e.length&&t.push({type:"text",value:e.slice(n)}),t},Ee=e=>{if(!e)return[];const t=[];return Array.from(e.childNodes).forEach((e=>{if(e.nodeType===Node.TEXT_NODE){const a=e.textContent;a&&t.push({type:"text",value:a})}else e.nodeType===Node.ELEMENT_NODE&&e.hasAttribute("data-pill-id")&&t.push({type:"pill",id:e.getAttribute("data-pill-id"),label:e.getAttribute("data-pill-label")})})),t},be=e.forwardRef((({className:t="",disabled:a=!1,errorText:n,helpText:l,label:r="Template",onChange:s,pillColor:o="neutral",placeholder:i,segments:c=[],showError:m=!1,size:d="md"},u)=>{const{toCamelCase:p}=G(),[g,f]=e.useState(!1),h=e.useRef(null),E=e.useRef(!1),b=e.useRef(null),v=e.useRef(!0);e.useEffect((()=>{if(m){f(!0);const e=setTimeout((()=>{f(!1)}),3e3);return()=>clearTimeout(e)}f(!1)}),[m]);const w=p(r),y=(e,t=!1)=>{if(!h.current||E.current)return;E.current=!0;const n=document.activeElement===h.current;h.current.innerHTML="",e.forEach(((e,t)=>{if("text"===e.type){const t=document.createTextNode(e.value);h.current.appendChild(t)}else if("pill"===e.type){const n=document.createElement("span");n.contentEditable="false",n.className="pill-wrapper",n.setAttribute("data-pill-id",e.id),n.setAttribute("data-pill-label",e.label);const l=`\n\t\t\t\t\t<span class="pill ${o}">\n\t\t\t\t\t\t<span>${e.label}</span>\n\t\t\t\t\t\t${a?"":`<button type="button" data-pill-action="remove" data-pill-index="${t}">\n\t\t\t\t\t\t\t<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="xmark" class="svg-inline--fa fa-xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" style="width: 0.7em; height: 0.7em;">\n\t\t\t\t\t\t\t\t<path fill="currentColor" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"></path>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</button>`}\n\t\t\t\t\t</span>\n\t\t\t\t`;n.innerHTML=l,h.current.appendChild(n)}}));try{const e=document.createRange(),t=window.getSelection();e.selectNodeContents(h.current),e.collapse(!1),t.removeAllRanges(),t.addRange(e)}catch(e){console.warn("Could not restore cursor position:",e)}(n||t)&&setTimeout((()=>{h.current&&!a&&h.current.focus()}),0),E.current=!1};e.useImperativeHandle(u,(()=>({insertPill:e=>{if(a)return;const{id:t,label:n}=e;if(!t||!n)return void console.warn("insertPill requires both id and label");const l={type:"pill",id:t,label:n},r=[...c,l];s?.(r),h.current&&h.current.focus()},focus:()=>{h.current&&!a&&h.current.focus()}}))),e.useEffect((()=>{if(v.current)return v.current=!1,b.current=c,void y(c);JSON.stringify(c)!==JSON.stringify(b.current)&&(b.current=c,y(c))}),[c,o,a]);const N=0===c.length,x=i||r;return e.createElement("div",{className:`position-relative ${t} ${a?"disabled":""}`},e.createElement("div",{className:"form-floating "+(g?"not-validated":""),"data-error":g?n:""},e.createElement("div",{className:"input-chip template-input "+("md"!==d?`input-chip-${d}`:""),onClick:()=>{!a&&h.current&&h.current.focus()},role:"textbox","aria-label":r},e.createElement("div",{ref:h,contentEditable:!a,suppressContentEditableWarning:!0,onInput:()=>{(()=>{if(!h.current||E.current||a)return;const e=Ee(h.current),t=[];let n=!1;e.forEach((e=>{if("text"===e.type&&e.value){const a=fe.test(e.value);if(fe.lastIndex=0,a){n=!0;const a=he(e.value);t.push(...a)}else t.push(e)}else"pill"===e.type&&t.push(e)})),n?(b.current=t,s?.(t),y(t,!0)):(b.current=e,s?.(e))})()},onPaste:e=>{if(a)return;e.preventDefault();const t=e.clipboardData.getData("text");if(!t)return;const n=he(t);if(!window.getSelection().rangeCount)return;const l=[...Ee(h.current),...n];s?.(l)},onClick:e=>{const t=e.target.closest('[data-pill-action="remove"]');if(t&&!a){const e=parseInt(t.getAttribute("data-pill-index"),10),a=c.filter(((t,a)=>a!==e));s?.(a)}},className:"template-editor","data-placeholder":N?x:"",style:{minHeight:"1.5em",outline:"none",flex:1}})),e.createElement("label",{htmlFor:w},r)),l&&e.createElement("small",{className:"text-muted"},l))}));be.displayName="TemplateInput",be.propTypes={className:t.string,disabled:t.bool,errorText:t.string,helpText:t.string,label:t.string,onChange:t.func.isRequired,pillColor:t.oneOf(["blue","danger","dark","green","light","midtone","neutral","red","yellow"]),placeholder:t.string,segments:t.arrayOf(t.shape({type:t.oneOf(["text","pill"]).isRequired,value:t.string,id:t.string,label:t.string})).isRequired,showError:t.bool,size:t.oneOf(["sm","md","lg"])};const ve=({autoClose:t=!1,className:a="",disabled:n=!1,helpText:l,locked:r=!1,menuType:s="simple",onRemoveFilter:o,onToggle:i,overflow:m=!1,requiredText:d,searchLabel:u="Search",setShow:p,setValuesSelected:g,show:f,showError:h=!1,title:E,values:b=[],valuesSelected:v=[]})=>{const[w,y]=e.useState(""),[N,x]=e.useState(!!f),C=e.useRef(null),k=e.useRef(null),T=()=>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)=>{g(e?[...v,t]:v.filter((e=>e!==t)))};e.useEffect((()=>{x(f)}),[f]);const $=e.useCallback((e=>{!C?.current||C?.current.contains(e?.target)||!0!==t&&"outside"!==t||(x(!1),p(!1))}),[t,p]);e.useEffect((()=>(document.addEventListener("click",$),()=>{document.removeEventListener("click",$)})),[$]);const L=()=>{if(m)return{strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]}};return e.createElement(e.Fragment,null,e.createElement(c,{onToggle:i,className:`dropdown-filter ${r?"locked":""} ${a} ${n?"disabled":""}`,autoClose:t,show:N,ref:C,"data-error":d},e.createElement(c.Toggle,{ref:k,variant:"toggle-filter",className:h?"not-validated":"",onClick:e=>{e.stopPropagation();const t=!N;x(t),p(t)}},e.createElement("div",{className:"filter-heading"},e.createElement("div",{className:"filter-title"},e.createElement("span",{className:"filter-title-text"},E),v.length>0&&e.createElement("span",{className:"filter-title-count"},` (${v.length})`),r&&e.createElement(O,{style:"solid",name:"lock-keyhole",scale:.7})),e.createElement(O,{style:"solid",name:"chevron-down",scale:1,className:"caret"})),e.createElement("div",{className:"filter-values"},v.length===b.length?"All selected":v.length?v.join("; "):"None")),!r&&e.createElement(I,{variant:"terciary",endIcon:"xmark",size:"md",className:"remove-filter",onClick:o}),"simple"===s&&e.createElement(c.Menu,{as:"div",className:"dropdown-menu-simple",popperConfig:L(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},N&&e.createElement("div",{className:"dropdown-menu-wrapper"},e.createElement(J,{size:"sm",label:u,icon:"magnifying-glass",className:"w-100",value:w,onChange:({target:e})=>y(e.value),customRef:f,autoFocus:!0}),b.filter((e=>e.toString().toLowerCase().includes(w.toLowerCase()))).length>0?e.createElement("ul",{className:"dropdown-filter-list"},b.filter((e=>e.toString().toLowerCase().includes(w.toLowerCase()))).map(((t,a)=>e.createElement(Y,{setStatus:e=>{S(e,t)},status:v.includes(t),key:"Dropdown.Simple.Checkbox"+a},t)))):e.createElement(T,null)))),"selection"===s&&e.createElement(c.Menu,{as:"div",className:"dropdown-menu-selection",popperConfig:L(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},N&&e.createElement("div",{className:"dropdown-menu-wrapper"},e.createElement("div",{className:"dropdown-filter-list-wrapper"},e.createElement(J,{size:"sm",label:u,icon:"magnifying-glass",className:"w-100",value:w,onChange:({target:e})=>y(e.value),customRef:f,autoFocus:!0}),e.createElement("h4",null,"All values (",b.length,")"),b.filter((e=>e.toString().toLowerCase().includes(w.toLowerCase()))).length>0?e.createElement(e.Fragment,null,e.createElement("ul",{className:"dropdown-filter-list"},b.filter((e=>e.toString().toLowerCase().includes(w.toLowerCase()))).map(((t,a)=>e.createElement(Y,{setStatus:e=>{S(e,t)},status:v.includes(t),key:"Dropdown.Selection.Checkbox"+a},t))))):e.createElement(T,null)),e.createElement("div",{className:"dropdown-filter-values-wrapper"},e.createElement("div",{className:"dropdown-filter-buttons-wrapper"},e.createElement(I,{startIcon:"check",size:"sm",variant:"terciary",onClick:()=>{g([...b])}},"Select all"),e.createElement(I,{startIcon:"xmark",size:"sm",variant:"terciary",onClick:()=>{g([])}},"Clear selection")),e.createElement("h4",null,"Selected values (",v.length,")"),e.createElement("div",{className:"dropdown-filter-selected-list"},v.map(((t,a)=>e.createElement(z,{color:"blue",closeButton:!0,onClick:()=>{(e=>{g(v.filter(((t,a)=>a!==e)))})(a)},key:"Dropdown.PillComponent"+a},t))))))))),l&&e.createElement("small",{className:"text-muted"},l))};ve.propTypes={autoClose:t.oneOfType([t.bool,t.oneOf(["outside"])]),className:t.string,disabled:t.bool,helpText:t.string,locked:t.bool,menuType:t.oneOf(["simple","selection"]),onRemoveFilter:t.func,onToggle:t.func,overflow:t.bool,requiredText:t.string,searchLabel:t.string,setShow:t.func,setValuesSelected:t.func,show:t.bool,showError:t.bool,title:t.string,values:t.array,valuesSelected:t.array};const we=({autoClose:t=!1,buttonVariant:a="input",className:n="",customKey:l,disabled:r=!1,drop:s,focus:o=!1,hasId:i=!0,helpText:m,idInPill:d=!1,idKey:u,label:p="",nameKey:g,notMatchedText:f="No match found",nowrap:h=!1,object:E=!1,onToggle:b,overflow:v=!1,requiredText:w="Required",searchLabel:y="Search",setValuesSelected:N,setShow:x,show:C,showError:k=!1,showStatus:T="",size:S="md",values:$=[],valuesSelected:L=[]})=>{const[R,D]=e.useState(""),[q,_]=e.useState(!!C),[F,M]=e.useState(null),I=e.useRef(null),A=e.useRef(null),P=e.useRef(null),{highlightText:B}=G(),K=$.filter((e=>(E?`${e[u]} ${e[g]} ${e[l]}`:e).toLowerCase().includes(R.toLowerCase())&&(!T||parseInt(e.status)===parseInt(T))));e.useEffect((()=>{_(C),A.current&&M(A.current.offsetWidth)}),[C]),e.useEffect((()=>{const e=e=>{!I?.current||I?.current.contains(e?.target)||!0!==t&&"outside"!==t||(_(!1),x(!1))};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[t,x]);const j=["w-100 btn",`btn-${a}`,`btn-${S}`,h&&"nowrap",k&&"not-validated",r&&"disabled"].filter(Boolean).join(" ");return e.createElement(e.Fragment,null,e.createElement(c,{className:n,autoClose:t,show:q,ref:I,onToggle:b,drop:s,"data-error":w},e.createElement(c.Toggle,{as:"div",ref:A,className:j,onClick:e=>{e.stopPropagation();_(!q),A.current&&M(A.current.offsetWidth)}},L.length>0&&"input"===a&&e.createElement("div",{className:"wrapper"},L.map(((t,a)=>e.createElement(z,{color:"neutral",closeButton:!0,onClick:e=>{e.stopPropagation(),(e=>{N((t=>t.filter(((t,a)=>a!==e))))})(a)},key:`Dropdown.PillComponent.${a}`},(e=>l?`${e[g]} - ${e[l]}`:d?`#${e[u]} - ${e[g]}`:e[g]||e)(t))))),e.createElement("span",{className:"label"},p),e.createElement(O,{style:"solid",name:"angle-down",scale:1,className:"caret"})),e.createElement(c.Menu,{className:"full-width",ref:P,style:F?{width:F}:void 0,popperConfig:(()=>{if(v)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"},q&&e.createElement(e.Fragment,null,e.createElement(c.Item,{onClick:e=>e.stopPropagation(),as:"div"},e.createElement(J,{label:y,value:R,onChange:({target:e})=>D(e.value),icon:"magnifying-glass",size:"sm",className:"w-100",focus:o,autoFocus:!0})),e.createElement(c.Item,{onClick:e=>e.stopPropagation(),as:"div"},K.length>0?e.createElement("ul",{className:"dropdown-checks"},K.map(((t,a)=>e.createElement(Y,{setStatus:e=>((e,t)=>{const a=$.findIndex((e=>(E?e[u]:e)===(E?t[u]:t)));N(e?e=>[...e,$[a]]:e=>e.filter((e=>(E?e[u]:e)!==(E?$[a][u]:$[a]))))})(e,t),status:E?L.some((e=>e[u]===t[u])):L.includes(t),key:`Dropdown.Input.Checkbox.${a}`},(e=>{const t=E?l?`${e[g]} - ${e[l]}`:`${i?`#${e[u]} - `:""}${e[g]}`:e[g]||e;return B(t,R)})(t))))):e.createElement("div",{className:"not-matched"},e.createElement("p",null,f))))))),m&&e.createElement("small",{className:"text-muted"},m))};function ye({className:t="",date:a,disabled:n=!1,handleClear:l,helpText:r,label:s="Period",maxDate:o,minDate:i,onToggle:c,overflow:m=!1,requiredText:d,setDate:u,setShow:p,show:E,showError:b,size:v="md"}){const[w,y]=e.useState(!!E),N=e.useRef(null),x=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,C=()=>{y(!1);try{p(!1)}catch(e){}};e.useEffect((()=>{const e=e=>{N.current&&!N.current.contains(e.target)&&C()};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[]),e.useEffect((()=>{y(E)}),[E]);const k=(()=>{if(!a)return"";try{return g.format(new Date(a),"EEE MMM dd yyyy")}catch(e){return""}})(),T=x(i),S=x(o);return e.createElement(e.Fragment,null,e.createElement(Z,{className:t,disabled:n,icon:k?"calendar-day":"calendar-days",label:s,onToggle:()=>{const e=!w;y(e),e&&window.dispatchEvent(new CustomEvent("dropdownToggle",{detail:s}));try{c()}catch(e){}},overflow:m,requiredText:d,selectedValue:k,setShow:y,show:w,showError:b,size:v,variant:"input"},e.createElement(e.Fragment,null,e.createElement(f.Dropdown.Item,null,e.createElement(h,{className:"form-control form-search",selected:a||"",onChange:e=>{u(e?.toString()),setTimeout((()=>{C()}),200)},startDate:a||"",monthsShown:1,inline:!0,minDate:T,maxDate:S,dayClassName:e=>{const t=x(i),a=x(o);return t&&e<t||a&&e>a&&e!==a?"react-datepicker__day--disabled":""}}),e.createElement("div",{className:"px-2 w-100"},e.createElement(I,{onClick:()=>{C(),l?l():u(null)},iconStart:"calendar-circle-minus",size:"sm",variant:"terciary",className:"w-100"},"Clear"))))),r&&e.createElement("small",{className:"text-muted"},r))}we.propTypes={autoClose:t.oneOfType([t.bool,t.string]),buttonVariant:t.oneOf(["input","primary","secondary","terciary","outline"]),className:t.string,customKey:t.string,disabled:t.bool,drop:t.oneOf(["up","down"]),focus:t.bool,hasId:t.bool,helpText:t.string,idInPill:t.bool,idKey:t.string,label:t.string,nameKey:t.string,notMatchedText:t.string,nowrap:t.bool,object:t.bool,onToggle:t.func,overflow:t.bool,requiredText:t.string,searchLabel:t.string,setValuesSelected:t.func,setShow:t.func,show:t.bool,showError:t.bool,showStatus:t.string,size:t.oneOf(["sm","md","lg"]),values:t.array,valuesSelected:t.array},ye.propTypes={className:t.string,clearDate:t.func,date:t.string,disabled:t.bool,handleClear:t.func,helpText:t.string,label:t.string,maxDate:t.oneOfType([t.string,t.instanceOf(Date)]),minDate:t.oneOfType([t.string,t.instanceOf(Date)]),onToggle:t.func,overflow:t.bool,requiredText:t.string,setDate:t.func,setShow:t.func,show:t.bool,showError:t.bool,size:t.oneOf(["sm","md","lg"])};const Ne=({className:t="",dateFrom:a,dateTo:n,disabled:l=!1,helpText:r,label:s="Period",locked:o=!1,maxDate:i,minDate:m,onRemoveFilter:d,onToggle:u,overflow:p=!1,requiredText:g,setDateFrom:f,setDateTo:E,setShow:b,show:v,showError:w=!1,size:y="md",variant:N="input"})=>{const[x,C]=e.useState(a),[k,T]=e.useState(n),[S,$]=e.useState(!!v),L=e.useRef(null),R=e.useRef(null),D=e.useRef(null),{capitalice:q}=G(),z=window?.innerWidth<500,_=()=>{$(!1);try{b(!1)}catch(e){}};e.useEffect((()=>{$(v)}),[v]);const F=["w-100","input"===N&&"btn btn-input",`btn-${y}`,w&&"not-validated",l&&"disabled"].filter(Boolean).join(" "),M=`${"filter"===N?"dropdown-filter":""} ${t}`,A=e=>e?e.toString().split("00")[0]:"",P=q(s);return e.createElement(e.Fragment,null,e.createElement(c,{show:S,className:M,"data-error":g,ref:L},e.createElement(c.Toggle,{ref:R,variant:"toggle-filter",onClick:()=>{$(!S);try{u()}catch(e){}},className:F},"input"===N?e.createElement(e.Fragment,null,e.createElement("span",{className:"dropdown-label"},P),e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(O,{style:"solid",name:x&&k?"calendar-range":"calendar-days",scale:1}),e.createElement("span",{className:"wrapper"},(x||k)&&e.createElement(e.Fragment,null,e.createElement("strong",null,A(x)),"to",e.createElement("strong",null,A(k))))),e.createElement(O,{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,P),o&&e.createElement(O,{style:"solid",name:"lock-keyhole",scale:.7})),e.createElement(O,{style:"solid",name:"chevron-down",scale:1,className:"caret"})),e.createElement("div",{className:"filter-values"},x||k?e.createElement(e.Fragment,null,e.createElement("strong",null,A(x)),"to ",e.createElement("strong",null,A(k))):e.createElement(e.Fragment,null,"None")))),"filter"===N&&!o&&e.createElement(I,{variant:"terciary",endIcon:"xmark-circle",size:"md",className:"remove-filter",onClick:d}),e.createElement(c.Menu,{as:"div",ref:D,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"},e.createElement(c.Item,{as:"div"},e.createElement(h,{className:"form-control form-search",selected:x,onChange:e=>{const[t,a]=e;C(t),T(a)},startDate:x,endDate:k,monthsShown:z?1:2,selectsRange:!0,inline:!0,minDate:m,maxDate:i}),e.createElement("div",{className:"datepicker-footer"},e.createElement("div",{className:"datepicker-buttons-wrapper"},e.createElement(I,{onClick:_,size:"sm",variant:"terciary"},"Cancel"),e.createElement(I,{size:"sm",onClick:()=>{f(x?.toString()),E(null===k?x?.toString():k?.toString()),_()}},"Set date"))))))),r&&e.createElement("small",{className:"text-muted"},r))};Ne.propTypes={className:t.string,dateFrom:t.string,dateTo:t.string,disabled:t.bool,helpText:t.string,label:t.string,locked:t.bool,maxDate:t.instanceOf(Date),minDate:t.instanceOf(Date),onRemoveFilter:t.func,onToggle:t.func,overflow:t.bool,requiredText:t.string,setDateFrom:t.func,setDateTo:t.func,setShow:t.func,show:t.bool,showError:t.bool,size:t.oneOf(["sm","md","lg"]),variant:t.oneOf(["input","filter"])};const xe=({children:t,className:a,footer:n,header:l,onBeforeClose:r,setShow:s,show:o,size:i="md",type:c="default"})=>{const[m,d]=e.useState(!1),u=()=>{r?r():"confirmation"===c?(d(!0),setTimeout((()=>{d(!1)}),500)):s(!1)};return e.createElement(f.Modal,{show:o,onHide:u,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(f.Modal.Header,null,e.createElement("div",{className:"modal-title"},"string"==typeof l?e.createElement("h2",null,l):l),"default"===c&&e.createElement(I,{startIcon:"xmark",onClick:u,variant:"terciary"})),e.createElement(f.Modal.Body,null,t),n&&e.createElement(f.Modal.Footer,{className:"default"!==c?"border-0 justify-content-start flex-row":""},n))};function Ce({autoClose:t,children:a,className:n,position:l,variant:r}){const[s,o]=e.useState(!0),i=()=>o(!s);return e.createElement(E,{onClose:i,show:s,delay:t?3500:null,autohide:t,className:`${l} ${r} ${n||""}`},e.createElement(E.Body,null,e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(O,{style:"solid",name:{info:"circle-info",success:"circle-check",warning:"triangle-exclamation",error:"circle-xmark"}[r],scale:1,className:"icon"})),e.createElement("div",{className:"toast-content",dangerouslySetInnerHTML:{__html:a}})),!t&&e.createElement("button",{className:"btn-close",onClick:i},e.createElement(O,{style:"solid",name:"xmark",scale:1}))))}xe.propTypes={children:t.node.isRequired,className:t.string,footer:t.node,header:t.oneOfType([t.string,t.node]).isRequired,onBeforeClose:t.func,setShow:t.func.isRequired,show:t.bool.isRequired,size:t.oneOf(["sm","md","lg","xl"]),type:t.oneOf(["default","confirmation","error"])};const ke=({className:t="",position:a="bottom-end",toast:n})=>{const[l,r]=e.useState([]);return e.useEffect((()=>{n&&r([...l,n])}),[n]),e.createElement(f.ToastContainer,{className:t,position:a},l.map((({variant:t="info",autoClose:n=!0,children:l,className:r},s)=>e.createElement(Ce,{variant:t,autoClose:n,children:l,className:r,position:a,key:l+t+s}))))};ke.propTypes={className:t.string,position:t.oneOf(["top-start","top-end","bottom-start","bottom-end"]),toast:t.object};const Te=({cancelButton:t=!1,className:a="",currentProgress:n,onCancel:l,position:r="bottom-start",status:s="in-progress",variant:o})=>{const[i,c]=e.useState(!0),[m,d]=e.useState(!1);let u;switch(o){case"upload":u=e.createElement("div",{className:"uploading"},e.createElement(f.ProgressBar,{now:n}),e.createElement("div",{className:"uploading-wrapper"},m?e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(O,{style:"solid",name:"circle-check",scale:1,className:"icon"})),e.createElement("p",null,"Upload completed")):e.createElement(e.Fragment,null,e.createElement(F,null),e.createElement("p",null,"Uploading…")),e.createElement("p",{className:"progress-percentage"},n,"%")));break;case"processing":u=e.createElement("div",{className:"uploading-wrapper"},e.createElement(F,null),e.createElement("p",null,"Processing…"));break;default:u=null}return"error"===s&&(u=e.createElement("div",{className:"uploading-wrapper"},e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(O,{style:"solid",name:"circle-xmark",scale:1,className:"icon"})),e.createElement("p",null,"Upload failed!")))),e.useEffect((()=>{100===n&&(d(!0),setTimeout((()=>c(!1)),3e3))}),[n]),e.createElement(f.ToastContainer,{className:a,position:r},e.createElement(f.Toast,{className:`${"error"===s?"error":""} ${r} ${m?"success":""}`,onClose:()=>c(!i),show:i},e.createElement(f.Toast.Body,null,u,t&&e.createElement(I,{variant:"terciary",size:"sm",onClick:l},"Cancel"))))};Te.propTypes={cancelButton:t.bool,className:t.string,currentProgress:t.number,onCancel:t.func,position:t.oneOf(["top-start","top-end","bottom-start","bottom-end"]),status:t.oneOf(["in-progress","error"]),variant:t.oneOf(["upload","processing"]).isRequired};const Se=({header:e,children:t,eventKey:a,isCollapsible:n,className:l})=>null;Se.propTypes={header:t.node.isRequired,children:t.node.isRequired,eventKey:t.string.isRequired,isCollapsible:t.bool,className:t.string};const $e=({activeKey:t,alwaysOpen:a=!1,children:n,className:l="",defaultActiveKey:r,iconPosition:s="start",onSelect:o,size:i="md"})=>{const c=e.Children.map(n,(e=>e?.type===Se?{header:e.props.header,children:e.props.children,eventKey:e.props.eventKey,isCollapsible:void 0===e.props.isCollapsible||e.props.isCollapsible,className:e.props.className||""}:null)).filter(Boolean),m=`accordion-${i}${l?" "+l:""}`;return e.createElement(f.Accordion,{activeKey:t,defaultActiveKey:r,alwaysOpen:a,className:m,onSelect:o},c.map((t=>e.createElement(f.Accordion.Item,{key:t.eventKey,eventKey:t.eventKey,className:t.className},e.createElement(f.Accordion.Button,{as:"div"},t.isCollapsible&&"start"===s&&e.createElement(O,{name:"angle-right",scale:1,className:"caret"}),e.createElement("div",{className:"accordion-header-content"},t.header),t.isCollapsible&&"end"===s&&e.createElement(O,{name:"angle-right",scale:1,className:"caret"})),t.isCollapsible&&e.createElement(f.Accordion.Body,null,t.children)))))};$e.propTypes={activeKey:t.oneOfType([t.string,t.arrayOf(t.string)]),alwaysOpen:t.bool,children:t.node.isRequired,className:t.string,defaultActiveKey:t.oneOfType([t.string,t.arrayOf(t.string)]),iconPosition:t.oneOf(["start","end"]),onSelect:t.func,size:t.oneOf(["sm","md","lg"])};const Oe=({backdrop:t=!1,belowNavbar:a=!1,children:n,className:l,header:r,onHide:s,show:o})=>e.createElement(f.Offcanvas,{show:o,onHide:s,placement:"end",className:`${a?"below-navbar":""}${l?` ${l}`:""}`,backdrop:t},e.createElement(f.Offcanvas.Header,{className:"aside-header"},e.createElement("div",{className:"header-content"},"string"==typeof r?e.createElement("h3",null,r):r),e.createElement(I,{variant:"terciary",onClick:s,startIcon:"xmark"})),e.createElement(f.Offcanvas.Body,null,n));Oe.propTypes={backdrop:t.bool,belowNavbar:t.bool,children:t.node.isRequired,className:t.string,header:t.oneOfType([t.string,t.node]).isRequired,onHide:t.func.isRequired,show:t.bool.isRequired};const Le=({className:t="",links:a=[{label:"Support",url:"mailto:helpdesk@groovinads.com"}]})=>{const n=(new Date).getFullYear();return e.createElement("footer",{className:`footer ${t}`},e.createElement("p",{id:"copyright"},"© ",n," Groovinads."),e.createElement("ul",{className:"nav",role:"navigation"},a.map(((t,a)=>e.createElement("li",{key:a},e.createElement("a",{href:t.url},t.label))))))};Le.propTypes={className:t.string,links:t.arrayOf(t.shape({label:t.string.isRequired,url:t.string.isRequired}))};const Re={strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]},De=({element:t,onToggleFav:a,onAppClick:n,isLoading:l,isAnimating:r})=>e.createElement(c.Item,{as:"div"},e.createElement("a",{href:t.application_url,target:"_blank",rel:"noopener noreferrer",className:"link-app",onClick:e=>{e.preventDefault(),e.stopPropagation(),n?n(t):window.open(t.application_url,"_blank","noopener,noreferrer")}},e.createElement("span",{className:"icon-app"},e.createElement(O,{style:"solid",name:t.app_icon_sm,scale:1})),e.createElement("span",null,t.app_name)),e.createElement("button",{className:"deck-fav "+(r?"animate":""),onClick:e=>{e.preventDefault(),e.stopPropagation(),a(t.id_application,!t.favorite)}},l?e.createElement(F,{scale:"0.7"}):e.createElement(O,{style:t.favorite?"solid":"regular",name:"star",scale:1}))),qe=({favoritesTitle:t="Favorites",applications:a,isLoading:n=!1,onApplicationClick:l,onFavoriteToggle:r})=>{const[s,o]=e.useState([]),[i,m]=e.useState(!0),[d,u]=e.useState(!1),[g,f]=e.useState(null),[h,E]=e.useState(null),b=e.useRef(null),v=e.useRef(null),w=void 0!==a,y=w&&a?a.map((e=>({...e,app_icon_sm:e.application_icon||e.app_icon_sm,app_name:e.application_name||e.app_name}))):[],N=w?y:s,x=w?n:i,C=e.useCallback((e=>{u(e)}),[]),k=e.useCallback((async()=>{try{m(!0);const e=(await(async()=>await oe({url:se.applications}))()).map((e=>({...e,app_icon_sm:e.application_icon,app_name:e.application_name})));o(e)}catch(e){console.error("fetchData error",e)}finally{m(!1)}}),[]),T=e.useCallback((async(e,t)=>{try{if(f(e),r)await r(e,t);else{const a=t?ue:pe;await a(e),w||o((a=>a.map((a=>a.id_application===e?{...a,favorite:t}:a))))}t&&(E(e),setTimeout((()=>E(null)),300))}catch(e){console.error("toggleFavorite error",e)}finally{f(null)}}),[w,r]);e.useEffect((()=>{w||s?.length||k()}),[w,s?.length,k]);const S=N.filter((e=>e.favorite)),$=N.filter((e=>!e.favorite));return x?e.createElement(p,{width:48,height:48}):N.length?e.createElement(c,{show:d,onToggle:C,autoClose:"outside",className:"dropdown-deck",style:{position:"relative"}},e.createElement(c.Toggle,{ref:b,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(c.Menu,{as:"div",ref:v,popperConfig:Re,renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},S.length>0&&e.createElement(c.Item,null,e.createElement("h4",{className:"dropdown-header"},t)),S.map((t=>e.createElement(De,{key:t.id_application,element:t,onToggleFav:T,onAppClick:l,isLoading:g===t.id_application,isAnimating:h===t.id_application}))),S.length>0&&$.length>0&&e.createElement(c.Divider,null),$.map((t=>e.createElement(De,{key:t.id_application,element:t,onToggleFav:T,onAppClick:l,isLoading:g===t.id_application,isAnimating:h===t.id_application})))))):null};qe.propTypes={favoritesTitle:t.string,applications:t.arrayOf(t.shape({id_application:t.number.isRequired,application_name:t.string.isRequired,application_url:t.string.isRequired,application_icon:t.string,favorite:t.bool})),isLoading:t.bool,onApplicationClick:t.func,onFavoriteToggle:t.func};const ze=({userData:t,isLoading:a=!1})=>{const{theme:n,setTheme:l}=V(),[r,s]=e.useState({}),[o,i]=e.useState(!0),[m,d]=e.useState(!1),u=e.useRef(null),g=e.useRef(null),f=void 0!==t,h=f?a:o,E=f?{imageAuth:t?.auth_data?.oauth_picture,fullNameAuth:t?.auth_data?.oauth_username,emailAuth:t?.auth_data?.email,oauthName:t?.auth_data?.oauth_name?.toLowerCase()}:r,b=e.useCallback((async()=>{await(async()=>await ie({url:se.authLogout}))().then((()=>{window.location.href="/"})).catch((e=>{console.error(e)}))}),[]);e.useEffect((()=>{f||(i(!0),(async()=>await oe({url:se.authStatus}))().then((e=>{const{oauth_username:t,oauth_picture:a,email:n,oauth_name:l}=e?.auth_data;s({imageAuth:a,fullNameAuth:t,emailAuth:n,oauthName:l?.toLowerCase()})})).catch((e=>{console.error("Error",e)})).finally((()=>{i(!1)})))}),[f]);return h?e.createElement(p,{width:82,height:48,borderRadius:999}):e.createElement(c,{show:m,onToggle:e=>{d(e)},autoClose:"outside"},e.createElement(c.Toggle,{ref:u,className:"btn-user"},e.createElement("div",{className:"avatar"},e.createElement("img",{src:E.imageAuth})),e.createElement(O,{style:"solid",name:"angle-down",scale:1,className:"icon caret"})),e.createElement(c.Menu,{as:"div",ref:g,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(c.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:E.imageAuth})),e.createElement(q,{logo:E.oauthName})),e.createElement("div",{className:"user-info"},e.createElement("span",{className:"user-name"},E.fullNameAuth),e.createElement("span",{className:"email-auth"},E.emailAuth)))),e.createElement(c.Item,{as:"div",onClick:()=>{window.open("https://deck.groovinads.com/","_blank")}},e.createElement(O,{name:"id-badge"}),e.createElement("span",null,"My profile…")),e.createElement(c.Item,{as:"div"},e.createElement(Z,{label:"Theme",icon:"circle-half-stroke",size:"md",isChild:!0,drop:"end",autoClose:!0},e.createElement(c.Menu,null,[{value:"default",label:"System (Default)",icon:"desktop"},{value:"light",label:"Light",icon:"sun"},{value:"dark",label:"Dark",icon:"moon"}].map((t=>e.createElement(c.Item,{key:t.value,as:"div",onClick:()=>{return e=t.value,void l(e);var e},active:n===t.value},e.createElement(O,{name:t.icon}),e.createElement("span",null,t.label))))))),e.createElement(c.Divider,null),e.createElement(c.Item,{as:"div",onClick:b},e.createElement(O,{name:"right-from-bracket"}),e.createElement("span",null,"Logout")))))};ze.propTypes={userData:t.shape({auth_data:t.shape({oauth_username:t.string,oauth_picture:t.string,email:t.string,oauth_name:t.string})}),isLoading:t.bool};const _e=({clientLogoUrl:t,clientNotFoundText:a="It looks like this client does not exist.",clientNotFoundTitle:n="Client not found",clientSearchLabel:l="Search client",profileSelectedClient:r})=>{const[s,o]=e.useState(!1),[i,c]=e.useState([]),[m,d]=e.useState(""),[u,g]=e.useState(!1),[h,E]=e.useState((()=>{const{id_client:e,client_name:t,email:a}=r;return{id_client:e,client_name:t,email:a}})),b=e.useRef(null),v=e.useRef(null),w=h?.client_name?.slice(0,2),y=h?.client_name||"Client name",N=h?.email||"Client Email",x=`${h?.client_name} logo`,C=i.length>1,k=e=>{g(e)},T=e.useCallback((async()=>{try{o(!0);const e=await(async()=>await oe({url:se.clients}))();c(e)}catch(e){console.error("fetchClientsData error",e)}finally{o(!1)}}),[]),S=i.filter((({client_name:e,id_client:t,email:a})=>`${e} ${t}`.toLowerCase().includes(m.toLowerCase())||a?.toLowerCase()?.includes(m?.toLowerCase()))),$=e.useCallback((async e=>{try{o(!0),await(async e=>await ie({url:se.clientsLogin,data:{id_client:e}}))(e.id_client),E(e),"/"!==window.location.href.slice(-1)?window.location.replace(window.location.href+"/"):window.location.reload()}catch(e){console.error(" error en ClientsDropdowns ",e)}finally{o(!1)}}),[]);e.useEffect((()=>{T()}),[T]),e.useEffect((()=>{u||d("")}),[u]);const L=i.length>1&&u,R=e=>()=>{$(e)};return e.createElement(e.Fragment,null,s?e.createElement("div",{className:"skeleton-wrapper dropdown-clients dropup"},e.createElement(p,{width:32,height:32}),e.createElement(p,{width:150,height:10,count:2,containerClassName:"pt-1"})):e.createElement(f.Dropdown,{drop:"up",className:"dropdown-clients",show:L,onToggle:k},e.createElement(f.Dropdown.Toggle,{ref:b,variant:"client-selector",onClick:()=>{k(!u)}},t?e.createElement("img",{src:t,alt:x,className:"client-logo"}):e.createElement("div",{className:"client-logo"},e.createElement("p",null,w)),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"},"[",h?.id_client,"]")),e.createElement("p",{className:"dropdown-client-email"},N)),C&&e.createElement(O,{style:"solid",name:"angle-up",scale:1,className:"caret"})),e.createElement(f.Dropdown.Menu,{as:"div",ref:v,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"},u&&e.createElement(e.Fragment,null,e.createElement(f.Dropdown.Item,{as:"div",onClick:e=>{e.stopPropagation()}},e.createElement(J,{size:"sm",label:l,icon:"magnifying-glass",className:"w-100",value:m,onChange:e=>{d(e.target.value)},autoFocus:!0})),e.createElement(f.Dropdown.Item,{as:"ul",className:"client-list"},S.length?S.map((t=>e.createElement("li",{className:"client",key:t.id_client,onClick:R(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))))))))))};_e.propTypes={clientLogoUrl:t.string,clientNotFoundText:t.string,clientNotFoundTitle:t.string,clientSearchLabel:t.string,profileSelectedClient:t.object};const Fe="https://ui.groovinads.com/2.0.0/assets/logos/ga-logo.svg",Me=({children:t,logoUrl:n,logoUrlMobile:l,setShow:r,show:s,showDeckMenu:o=!1,showUserMenu:i=!1,applications:c,applicationsLoading:m=!1,userData:d,userDataLoading:u=!1,favoritesTitle:g="Favorites",onApplicationClick:f,onFavoriteToggle:h})=>{const E=a.useMediaQuery({query:"(max-width: 768px)"}),v=n||Fe,w=l||n||Fe,[y,N]=e.useState(!1),x=e.useRef(null);e.useEffect((()=>{N(!1),x.current&&x.current.complete&&N(!0)}),[n,l]);return e.createElement("div",{id:"ga-header",className:"header fixed-top shadow-2"},e.createElement(b,{fluid:!0,className:"navbar"},e.createElement("div",{className:"brand-wrapper"},r&&void 0!==s&&e.createElement(I,{className:s?"sidebar-toggler":"sidebar-toggler collapsed",variant:"terciary",type:"button",onClick:()=>r((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"}))),o&&!E&&e.createElement(qe,{applications:c,isLoading:m,favoritesTitle:g,onApplicationClick:f,onFavoriteToggle:h}),!y&&e.createElement(p,{width:E?85:173,height:34}),e.createElement("img",{ref:x,src:E?w:v,className:"ga-logo",alt:n?"App logo":"Groovinads logo",onLoad:()=>{N(!0)},onError:()=>{N(!0)},style:{display:y?"block":"none"}})),(t||i)&&e.createElement("div",{className:"nav-wrapper"},t,i&&e.createElement(ze,{userData:d,isLoading:u}))))};Me.propTypes={children:t.node,logoUrl:t.string,logoUrlMobile:t.string,setShow:t.func,show:t.bool,showDeckMenu:t.bool,showUserMenu:t.bool,applications:t.arrayOf(t.shape({id_application:t.number.isRequired,application_name:t.string.isRequired,application_url:t.string.isRequired,application_icon:t.string,favorite:t.bool})),applicationsLoading:t.bool,userData:t.shape({auth_data:t.shape({oauth_username:t.string,oauth_picture:t.string,email:t.string,oauth_name:t.string})}),userDataLoading:t.bool,favoritesTitle:t.string,onApplicationClick:t.func,onFavoriteToggle:t.func},t.node,t.bool,t.arrayOf(t.shape({label:t.string,to:t.string,icon:t.string})),t.string,t.node,t.node,t.bool,t.elementType,t.bool,t.func,t.func,t.func,t.node.isRequired;const Ie=({className:t="",currentPage:a,pageSize:n,onPageChange:l,onPageSizeChange:r,onPrevPage:s,onNextPage:o,pageSizeOptions:i=[10,50,100],paginationMode:c="local",showPerPageLabel:m="Show per page",totalPages:d,locale:u})=>{const[p,g]=e.useState(!1),[h,E]=e.useState(null),b=e.useRef(null);e.useEffect((()=>{b.current&&E(b.current.offsetWidth)}),[p]);const v=(()=>{const e=[];if(d<=7)for(let t=1;t<=d;t++)e.push(t);else{e.push(1);const t=Math.max(2,a-2),n=Math.min(d-1,a+2);t>2&&e.push("...");for(let a=t;a<=n;a++)e.push(a);n<d-1&&e.push("..."),e.push(d)}return e})();return e.createElement(f.Row,{className:`mb-3 pagination ${t}`},e.createElement(f.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(Z,{show:p,onToggle:()=>{g(!p)},variant:"input",fullWidth:!0,selectedValue:ce(n,u),size:"sm",autoClose:!0,label:""},e.createElement(e.Fragment,null,i.map((t=>e.createElement(f.DropdownItem,{key:t,onClick:()=>(e=>{r(e),g(!1)})(t),active:t===n},ce(t,u))))))),e.createElement("div",{className:"pagination-wrapper"},e.createElement(I,{variant:"secondary",size:"sm",onClick:s,disabled:1===a,startIcon:"chevron-left"}),"local"===c&&d>1&&e.createElement("div",{className:"btn-group",role:"group"},v.map(((t,n)=>"..."===t?e.createElement("div",{key:`ellipsis-${n}`,className:"btn btn-sm btn-secondary btn-ellipsis"},"…"):e.createElement(I,{key:t,variant:"secondary",size:"sm",className:"page-number "+(t===a?"current-page":""),onClick:()=>l(t)},ce(t,u))))),e.createElement(I,{variant:"secondary",size:"sm",onClick:o,disabled:a===d,startIcon:"chevron-right"})))))};Ie.propTypes={currentPage:t.number.isRequired,pageSize:t.number.isRequired,onPageChange:t.func.isRequired,onPageSizeChange:t.func.isRequired,onPrevPage:t.func.isRequired,onNextPage:t.func.isRequired,pageSizeOptions:t.arrayOf(t.number),paginationMode:t.oneOf(["local","remote"]),showPerPageLabel:t.string,totalPages:t.number,locale:t.string};const Ae=({api:t,clientLogoUrl:n,clientNotFoundTitle:l,clientNotFoundText:r,clientSearchLabel:s,customLinks:o,customUrl:i,defaultOpened:c=!0,inModal:m=!1,onNavigate:d,selectedClient:u,setGroovinProfile:g,setShow:h,show:E,showClients:b=!1})=>{const v=!!m||a.useMediaQuery({query:"(max-width: 992px)"}),w=void 0!==i?i:window.location.pathname,[y,N]=e.useState([]),[x,C]=e.useState(null),[k,T]=e.useState(!v&&c),[S,$]=e.useState(!1),[L,R]=e.useState(!1),D=e.useRef(null),q=e.useRef(!0);e.useEffect((()=>{t&&(async()=>{try{R(!0);const e=await me(t);N(e)}catch(e){console.error("fetchData error",e)}finally{R(!1)}})()}),[t]),e.useEffect((()=>{T(q.current?c:E)}),[E]),e.useEffect((()=>{v&&h&&!m&&h(k),m||T(!v&&(q.current?c:E)),q.current=!1}),[]),e.useEffect((()=>{$(!1)}),[n]);return e.createElement("nav",{id:"sidebarMenu",className:"sidebar "+(k?"show":""),ref:D},m?e.createElement(e.Fragment,null):e.createElement("div",{className:"position-relative d-none d-lg-block"},e.createElement("button",{className:"collapse-button",onClick:()=>{T((e=>!e)),h(!E)}},e.createElement(O,{className:"collapse-icon",name:"angle-left"}))),e.createElement("div",{className:"scroll"},o.map(((a,n)=>e.createElement("div",{className:"sidebar-section",key:`sectionIndex${n}`},a.title?e.createElement("h4",null,e.createElement("span",null,a.title)):e.createElement(e.Fragment,null),a.backData&&t&&L?e.createElement(p,{width:"90%",count:5,containerClassName:"mb-3 ms-3 d-block",className:"mb-4"}):e.createElement("ul",{className:"nav"},(a.backData?y:a.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 "+(x!==`${n}.${a}`?"collapsed":""),onClick:()=>{var e;C(x===(e=`${n}.${a}`)?null:e)},"aria-controls":`collapse-menu-${t.name}`,"aria-expanded":x===`${n}.${a}`},e.createElement(O,{name:t.icon}),e.createElement("span",null,t.name)),e.createElement(f.Collapse,{in:x===`${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 "+(w===a.url?"active":""),onClick:()=>d(a.url)},!v&&e.createElement(O,{name:t.icon,style:"regular"}),e.createElement("span",null,a.name)))))))):e.createElement(e.Fragment,null,e.createElement("button",{className:"nav-link "+(w===t.url?"active":""),onClick:()=>d(t.url)},e.createElement(O,{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(O,{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(_e,{clientLogoUrl:n,profileSelectedClient:u,showClients:b,setGroovinProfile:g,clientNotFoundTitle:l,clientNotFoundText:r,clientSearchLabel:s}):e.createElement("div",{className:"client-logo"},!S&&e.createElement(p,{width:178,height:"3rem"}),e.createElement("img",{src:n,alt:"Client Logo",onLoad:()=>$(!0),onError:()=>$(!0),style:{display:S?"block":"none"}}))))};Ae.propTypes={api:t.string,clientLogoUrl:t.string,clientNotFoundTitle:t.string,clientNotFoundText:t.string,clientSearchLabel:t.string,customLinks:t.array.isRequired,customUrl:t.oneOfType([t.string,t.oneOf([void 0])]),defaultOpened:t.bool,inModal:t.bool,onNavigate:t.func.isRequired,pendingType:t.oneOf(["warning","badge"]),selectedClient:t.object,setGroovinProfile:t.func,setShow:t.func,show:t.bool,showClients:t.oneOf([!0,!1,"single"])};const Pe=({className:t="",current:a,list:n,orientation:l="horizontal"})=>e.createElement("ol",{className:`stepper ${l} ${t}`},n.map(((t,n)=>e.createElement("li",{key:"Stepper"+n,className:a===n?"current":""},e.createElement("span",null,t)))));function Be({activeTab:t=1,className:a="",disabledTabs:n=[],navigateTab:l=!1,onNavigate:r,setActiveTab:s,tabs:o=[]}){const{toCamelCase:i}=G(),[c,m]=e.useState(t);return e.useEffect((()=>{m(t)}),[t]),e.createElement(f.Nav,{variant:"tabs",activeKey:i(o[c-1]?.tab),onSelect:e=>{if(l){const t=o.find((t=>i(t.tab)===e));r(t.url)}else{const t=o.findIndex((t=>i(t.tab)===e))+1;s?s(t):m(t)}},className:a},(o||[])?.map((({tab:t,badgeNumber:a,warningIcon:l},r)=>{const s=r+1,o=n.includes(s);return e.createElement(f.Nav.Item,{key:`tabs.tab: ${r}`},e.createElement(f.Nav.Link,{eventKey:i(t),className:o?"disabled":""},l&&e.createElement(O,{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)))})))}Pe.propTypes={className:t.string,current:t.number.isRequired,list:t.array.isRequired,orientation:t.oneOf(["horizontal","vertical"])},Be.propTypes={activeTab:t.number,className:t.string,disabledTabs:t.arrayOf(t.number),navigateTab:t.bool,onNavigate:t.func,setActiveTab:t.func,tabs:t.array.isRequired};const Ke=({rows:t,cols:a,className:n=""})=>{const[l,r]=e.useState([]),[s,o]=e.useState([[]]);return e.useEffect((()=>{r(new Array(a).fill()),o(new Array(t).fill(new Array(a).fill()))}),[t,a]),l.length&&s.length?e.createElement("div",{className:`table-skeleton shadow-1 ${n}`},e.createElement("div",{className:"table-skeleton-header"},l.map(((t,a)=>e.createElement("div",{key:a,className:"table-skeleton-col"},e.createElement(p,{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(p,{containerClassName:"w-100",width:"100%",height:19}))))))))):null};Ke.propTypes={rows:t.number.isRequired,cols:t.number.isRequired,className:t.string},exports.AccordionComponent=$e,exports.AccordionItem=Se,exports.Alert=L,exports.Aside=Oe,exports.BlockIcon=R,exports.Button=I,exports.Card=A,exports.Checkbox=Y,exports.DropdownComponent=Z,exports.DropdownDatePicker=Ne,exports.DropdownFilter=ve,exports.DropdownMultiSelect=we,exports.DropdownSimpleDatePicker=ye,exports.Dropzone=X,exports.EditableContent=D,exports.Footer=Le,exports.Icon=O,exports.Input=J,exports.InputChip=ne,exports.InputEmail=ge,exports.LoginSource=q,exports.ModalComponent=xe,exports.Navbar=Me,exports.Pagination=Ie,exports.PillComponent=z,exports.ProgressBar=_,exports.Radio=Q,exports.Sidebar=Ae,exports.Slider=ee,exports.Spinner=F,exports.StatusIcon=M,exports.Stepper=Pe,exports.Switch=te,exports.TableSkeleton=Ke,exports.Tabnav=Be,exports.Textarea=ae,exports.ThemeProvider=W,exports.ToastComponent=ke,exports.ToastProgress=Te,exports.useTheme=V;
1
+ "use strict";var e=require("react"),t=require("prop-types"),a=require("react-responsive"),n=require("@fortawesome/react-fontawesome"),l=require("@fortawesome/fontawesome-svg-core"),r=require("@fortawesome/pro-solid-svg-icons"),s=require("@fortawesome/pro-regular-svg-icons"),o=require("@fortawesome/pro-duotone-svg-icons"),i=require("@fortawesome/free-brands-svg-icons"),c=require("react-bootstrap/Dropdown"),m=require("react-dropzone"),d=require("js-cookie"),u=require("axios"),p=require("react-loading-skeleton"),g=require("date-fns"),f=require("react-bootstrap"),h=require("react-datepicker"),E=require("react-bootstrap/Toast"),b=require("react-bootstrap/Container");function v(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=v(r),y=v(s),N=v(o),x=v(i);function C(){return C=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},C.apply(null,arguments)}const k=e=>Object.keys(e).filter((e=>e.startsWith("fa")&&"fa"!==e)).map((t=>e[t]));l.library.add(...k(w),...k(y),...k(N),...k(x));const T={solid:"fas",regular:"far",duotone:"fad",brands:"fab"},S={.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}},O=({animation:t="",className:a="",name:l="font-awesome",scale:r=1,style:s="solid"})=>{const o=[T[s]||"fas",l],i=$[t]||{},c=`${S[r]||""} ${a}`.trim();return e.createElement(n.FontAwesomeIcon,C({icon:o,className:c},i))};O.propTypes={animation:t.oneOf(["beat","fade","beat-fade","bounce","flip","shake","spin","spin-reverse","pulse"]),className:t.string,name:t.string,scale:t.oneOf([.7,1,2,3,4]),style:t.oneOf(["solid","regular","duotone","brands"])};const L=({animation:t=!1,children:a,className:n="",icon:l=!0,onClose:r=null,size:s="md",type:o="info"})=>e.createElement("div",{className:`alert ${t?"alert-animation":""} alert-${o} alert-${s} ${n}`,role:"alert"},e.createElement("div",{className:"alert-wrapper"},l&&e.createElement(O,{style:"solid",name:{info:"circle-info",success:"check",warning:"triangle-exclamation",danger:"circle-xmark"}[o]}),e.createElement("span",null,a)),r&&e.createElement("button",{onClick:r,className:"btn-close"},e.createElement(O,{style:"solid",name:"xmark"})));L.propTypes={animation:t.bool,children:t.node.isRequired,className:t.string,icon:t.bool,onClose:t.func,size:t.oneOf(["sm","md","lg"]),type:t.oneOf(["warning","danger","success","info"]).isRequired};const D=({className:t="",color:a="neutral",size:n="md",name:l="font-awesome"})=>e.createElement("div",{className:`block-icon block-icon-${n} ${a} ${t}`},e.createElement(O,{name:l,style:"duotone",scale:{sm:1,md:2,lg:3}[n]}));D.propTypes={className:t.string,color:t.oneOf(["green","grey","yellow","red","danger","neutral","blue","light","midtone","dark"]),size:t.oneOf(["sm","md","lg"]),name:t.string};const R=({as:t="",className:a="",onChange:n,onSave:l,value:r})=>{const[s,o]=e.useState(!1),[i,c]=e.useState(r),[m,d]=e.useState(!1),[u,p]=e.useState(!1),[g,f]=e.useState({}),h=e.useRef(null),E=e.useRef(null),b=async e=>{try{if(""===e.trim())return n(i),void o(!1);await l(e),d(!0),o(!1),setTimeout((()=>{d(!1)}),2e3)}catch(e){throw p(!0),o(!1),setTimeout((()=>{p(!1)}),2e3),e}};e.useEffect((()=>{s&&h.current&&h.current.focus()}),[s]),e.useEffect((()=>{if(E.current&&!s){const e=window.getComputedStyle(E.current),t=parseFloat(e.width)+2*parseFloat(e.fontSize);f({fontSize:e.fontSize,fontFamily:e.fontFamily,fontWeight:e.fontWeight,lineHeight:e.lineHeight,letterSpacing:e.letterSpacing,width:`${t}px`})}}),[s]);const v=()=>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(r),o(!0))}},s?e.createElement("input",{type:"text",value:r,ref:h,onBlur:()=>{o(!1),r!==i&&b(r)},onChange:({target:e})=>{n(e.value)},onKeyDown:e=>{"Enter"===e.key?(b(r),o(!1)):"Escape"===e.key&&(n(i),o(!1))},style:g}):e.createElement("div",{className:"editable-content-display",style:{fontSize:g.fontSize}},e.createElement(t,{className:u?"error":"",ref:E},r),m&&e.createElement("div",{className:"success-animation"},e.createElement(v,null))))};R.propTypes={as:t.string.isRequired,className:t.string,onChange:t.func.isRequired,onSave:t.func.isRequired,value:t.string};const q=({logo:t="groovinads",className:a=""})=>e.createElement("div",{className:`login-source ${t||""} ${a}`,"aria-label":`${t} logo`});q.propTypes={className:t.string,logo:t.oneOf(["groovinads","google","microsoft","linkedin","slack"])};const F=({children:t,className:a="",closeButton:n=!1,color:l="neutral",disabled:r=!1,onClick:s})=>e.createElement("div",{className:`pill ${l} ${a} ${r?"disabled":""}`},e.createElement("span",null,t),n&&e.createElement("button",{onClick:s},e.createElement(O,{style:"solid",name:"xmark",scale:.7})));F.propTypes={className:t.string,closeButton:t.bool,color:t.oneOf(["green","yellow","red","danger","neutral","blue","light","midtone","dark"]),disabled:t.bool,onClick:t.func};const z=({className:t="",dangerTo:a,label:n,max:l=100,orientation:r="horizontal",showNumbers:s=!1,value:o=0,warningTo:i})=>{const c=void 0!==a&&o>=a?"danger":void 0!==i&&o>=i?"warning":"",m=["progress-bar-container",r,t].filter(Boolean).join(" "),d=["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",C({className:d,value:o,max:l},"vertical"===r&&{orient:"vertical"})),s&&e.createElement("div",{className:"progress-bar-numbers"},e.createElement("span",null,"0"),e.createElement("span",null,l))))};z.propTypes={className:t.string,dangerTo:t.number,label:t.string,max:t.number,orientation:t.oneOf(["horizontal","vertical"]),showNumbers:t.bool,value:t.number,warningTo:t.number};const _=({className:t="",scale:a=1})=>e.createElement(O,{name:"spinner-third",scale:a,animation:"spin",className:t});_.propTypes={className:t.string,scale:t.oneOf([.7,1,2,3,4])};const M=({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}})());M.propTypes={animated:t.bool,className:t.string,status:t.number.isRequired};const I=({badge:t,children:n,className:l="",disabled:r=!1,endIcon:s,hideLabelOnDesktop:o=!1,hideLabelOnMobile:i=!1,onClick:c,processing:m=!1,size:d="md",startIcon:u,style:p="default",variant:g="primary"})=>{const f=a.useMediaQuery({query:"(max-width: 768px)"});i&&o&&console.warn("Button: hideLabelOnMobile and hideLabelOnDesktop should not be used together");const h=f&&i||!f&&o,E=m?e.createElement(e.Fragment,null,e.createElement(_,{scale:1}),n&&e.createElement("span",null,n,"…")):e.createElement(e.Fragment,null,u&&e.createElement(O,{style:"solid",name:u,scale:1}),n&&!h&&e.createElement("span",null,n),s&&e.createElement(O,{style:"solid",name:s,scale:1}));return e.createElement("button",C({className:`btn ${l}\n btn-${g}\n btn-${p}\n btn-${d}\n ${m?"btn-processing":""}\n ${r?"disabled":""}`,onClick:c},t&&{"data-badge":t}),E)};I.propTypes={badge:t.string,children:t.node,className:t.string,disabled:t.bool,endIcon:t.string,hideLabelOnDesktop:t.bool,hideLabelOnMobile:t.bool,onClick:t.func,processing:t.bool,size:t.oneOf(["sm","md","lg"]),startIcon:t.string,style:t.oneOf(["default","success","danger","warning","link"]),variant:t.oneOf(["primary","secondary","terciary","outline"])};const A=({children:t,className:a="",depth:n=1,size:l="md"})=>{const r=n>0?`shadow-${n}`:"",s="md"!==l?`card-${l}`:"";return e.createElement("div",{className:`card ${r} ${s} ${a}`},t)};A.propTypes={children:t.node,className:t.string,depth:t.oneOf([0,1,2,3,4]),size:t.oneOf(["sm","md","lg","full"])};const P=e.createContext(void 0),B="undefined"!=typeof window,K="theme_pref",j=()=>{if(!B)return!1;const e=window.location.hostname;return"localhost"===e||"127.0.0.1"===e||"[::1]"===e},U=()=>{if(!B)return"default";return(e=>{if(!B)return null;try{const t=`; ${document.cookie}`.split(`; ${e}=`);if(2===t.length)return t.pop().split(";").shift()}catch(e){console.warn("Error reading cookie:",e)}return null})(K)||"default"},H=(e,t)=>{if(!B)return;const a={path:"/",domain:t};"default"===e?((e,t={})=>{if(B)try{let a=`${e}=; expires=Thu, 01 Jan 1970 00:00:00 UTC`;a+=`; path=${t.path||"/"}`,t.domain&&!j()&&(a+=`; domain=${t.domain}`),document.cookie=a}catch(e){console.warn("Error deleting cookie:",e)}})(K,a):((e,t,a={})=>{if(B)try{let n=`${e}=${t}`;void 0!==a.maxAge&&(n+=`; max-age=${a.maxAge}`),n+=`; path=${a.path||"/"}`,a.domain&&!j()&&(n+=`; domain=${a.domain}`),n+="; SameSite=Lax",document.cookie=n}catch(e){console.warn("Error setting cookie:",e)}})(K,e,{...a,maxAge:31536e3})},V=({children:t,initialTheme:a,rootDomain:n=".groovinads.com"})=>{const[l,r]=e.useState((()=>a&&["light","dark","default"].includes(a)?a:U()));e.useEffect((()=>{(e=>{if(!B)return;const t=document.documentElement;"default"===e?t.removeAttribute("data-theme"):t.setAttribute("data-theme",e)})(l),H(l,n)}),[l,n]),e.useEffect((()=>{const e=U();e!==l&&r(e)}),[]);const s={theme:l,setTheme:r,isLight:"light"===l,isDark:"dark"===l,isDefault:"default"===l};return e.createElement(P.Provider,{value:s},t)};V.propTypes={children:t.node.isRequired,initialTheme:t.oneOf(["light","dark","default"]),rootDomain:t.oneOfType([t.string,t.oneOf([null])])};const W=()=>{const t=e.useContext(P);if(void 0===t)throw new Error("useTheme must be used within a ThemeProvider");return t},Z=({align:t="start",autoClose:a=!1,children:n,className:l="",disabled:r=!1,drop:s,fullWidth:o=!1,helpText:i,icon:m,isChild:d=!1,label:u,onToggle:p,overflow:g=!1,processing:f=!1,requiredText:h,selectedValue:E,setShow:b,show:v,showError:w=!1,size:y="md",style:N="default",variant:x="primary"})=>{const[C,k]=e.useState(!!v),[T,S]=e.useState(null),$=e.useRef(null),L=e.useRef(null),D=()=>{switch(s){case"up":return"angle-up";case"end":return"angle-right";case"start":return"angle-left";default:return"angle-down"}};return e.useEffect((()=>{k(v),o&&L.current&&S(L.current.offsetWidth)}),[v,o]),e.createElement(e.Fragment,null,e.createElement(c,{autoClose:a,show:C,onToggle:(e,t)=>{k(e),b&&b(e),p&&p(e,t),o&&L.current&&S(L.current.offsetWidth)},className:l,align:t,drop:s,disabled:d?void 0:r||f,"data-error":h},e.createElement(c.Toggle,{ref:L,as:d?"div":void 0,bsPrefix:d?"":void 0,className:(()=>{if(d)return"";const e=["btn",`btn-${x}`,`btn-${N}`,`btn-${y}`];return("input"===x||o)&&e.push("w-100"),w&&e.push("not-validated"),(r||f)&&e.push("disabled"),f&&e.push("btn-processing"),e.join(" ")})()},"start"===s?e.createElement(e.Fragment,null,(u||"input"===x)&&e.createElement(O,{name:D(),className:"caret"}),"input"===x?e.createElement(e.Fragment,null,u&&e.createElement("span",{className:"dropdown-label"},u,f&&"…"),f?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(_,{scale:1}),e.createElement("span",null,E)):m?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(O,{style:"solid",name:m,scale:1}),e.createElement("span",null,E)):e.createElement("span",null,E)):m&&u?e.createElement(e.Fragment,null,e.createElement("div",{className:"dropdown-label-wrapper"},f?e.createElement(_,{scale:1}):e.createElement(O,{style:"solid",name:m,scale:1}),e.createElement("span",null,u,f&&"…"))):e.createElement(e.Fragment,null,f&&e.createElement(_,{scale:1}),u&&!f&&e.createElement("span",null,u,f&&"…"),m&&!f&&e.createElement(O,{style:"solid",name:m,scale:1}))):e.createElement(e.Fragment,null,"input"===x?e.createElement(e.Fragment,null,u&&e.createElement("span",{className:"dropdown-label"},u,f&&"…"),f?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(_,{scale:1}),e.createElement("span",null,E)):m?e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(O,{style:"solid",name:m,scale:1}),e.createElement("span",null,E)):e.createElement("span",null,E)):m&&u?e.createElement(e.Fragment,null,e.createElement("div",{className:"dropdown-label-wrapper"},f?e.createElement(_,{scale:1}):e.createElement(O,{style:"solid",name:m,scale:1}),e.createElement("span",null,u,f&&"…"))):e.createElement(e.Fragment,null,f&&e.createElement(_,{scale:1}),m&&!f&&e.createElement(O,{style:"solid",name:m,scale:1}),u&&!f&&e.createElement("span",null,u,f&&"…")),(u||"input"===x)&&e.createElement(O,{name:D(),className:"caret"}))),e.createElement(c.Menu,{align:t,ref:$,className:o?"full-width":"",style:o?{width:T}:void 0,popperConfig:(()=>{if(g)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})()))),i&&e.createElement("small",{className:"text-muted"},i))};Z.propTypes={align:t.oneOf(["start","end"]),autoClose:t.oneOfType([t.bool,t.oneOf(["inside","outside"])]),children:t.node,className:t.string,disabled:t.bool,drop:t.oneOf(["up","down","start","end"]),fullWidth:t.bool,helpText:t.string,icon:t.string,isChild:t.bool,label:t.node,onToggle:t.func,overflow:t.bool,processing:t.bool,requiredText:t.string,selectedValue:t.node,setShow:t.func,show:t.bool,showError:t.bool,size:t.oneOf(["sm","md","lg"]),style:t.oneOf(["default","success","danger","warning","link"]),variant:t.oneOf(["primary","secondary","terciary","outline","input"])};const G=()=>({toCamelCase: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}),[]),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)}`:""}),Y=({children:t,className:a="",disabled:n=!1,id:l,name:r,setStatus:s,size:o="md",status:i=!1})=>{const{toCamelCase:c}=G();let m=l;l||"string"!=typeof t||(m=c(t));return e.createElement("div",{className:`form-group form-check ${a} ${n?"disabled":""}`},e.createElement("label",{className:"checkbox "+("lg"===o?"checkbox-lg":"sm"===o?"checkbox-sm":"")},e.createElement("input",{type:"checkbox",checked:i,onChange:e=>{s(e.target.checked)},minLength:"1",id:m,name:r}),t))};Y.propTypes={className:t.string,disabled:t.bool,id:t.string,name:t.string,setStatus:t.func,size:t.oneOf(["sm","md","lg"]),status:t.bool};const X=({files:t=[],onUpload:a,onRemove:n,onError:l,onSuccess:r,accept:s,maxSize:o=20971520,multiple:i=!0,disabled:c=!1,validator:d,requiredText:u,showError:p=!1,title:g="Drag and drop your files here",subtitle:f,buttonText:h="Browse file…",orLabel:E="or",uploadingText:b="Uploading…",icon:v="cloud-arrow-up",iconScale:w=2,className:y="",formatValidator:N,formatLabel:x})=>{const[k,T]=e.useState([]),[S,$]=e.useState({}),L=e.useCallback((e=>{const t=setInterval((()=>{$((a=>{const n=a[e]||0;return n>=99?(clearInterval(t),{...a,[e]:99}):{...a,[e]:n+10}}))}),100);return t}),[]),D=e.useCallback((async e=>{const t=`${e.name}-${e.lastModified}`;try{T((a=>[...a,{name:e.name,size:e.size,type:e.type,lastModified:e.lastModified,_uploadId:t}]));const n=L(t);if(!a)throw new Error("onUpload prop is required");const l=await a(e);clearInterval(n),$((e=>({...e,[t]:100}))),r&&r(l)}catch(t){console.error("Dropzone upload error:",t),l&&l(t,e)}finally{T((e=>e.filter((e=>e._uploadId!==t)))),$((e=>{const a={...e};return delete a[t],a}))}}),[a,r,l,L]),R=e.useCallback(((e,t)=>{t.length?l&&l(new Error("File validation failed"),t):e.forEach((e=>{D(e)}))}),[l,D]),{getRootProps:q,getInputProps:z}=m.useDropzone({onDrop:R,accept:s,maxSize:o,multiple:i,disabled:c,validator:d}),_=e.useCallback((e=>e&&0!==e?(e/1048576).toFixed(2)+" MB":"0 MB"),[]),M=e.useCallback((e=>N&&x?N(e)?x(e):"NO MATCH":null),[N,x]),A=e.useCallback(((e,t=0)=>({id:e.id||e._uploadId||`file-${t}`,url:e.url||e.media,thumbnail:e.thumbnail||e.url||e.media,name:e.name||e.file_description||e.file_name,size:e.size||e.file_size,type:e.type||e.file_type,width:e.width,height:e.height,duration:e.duration,_original:e})),[]);return e.createElement("div",{className:`upload-module-wrapper ${y}`},e.createElement("div",C({},q(),{className:"upload-module "+(p?"not-validated":""),"data-error":p?u:void 0}),e.createElement("input",z()),e.createElement("div",null,e.createElement(O,{name:"cloud-arrow-up",scale:w}),e.createElement("p",null,g),f&&e.createElement("p",{className:"upload-specs"},f)),e.createElement("p",{className:"upload-separator"},E),e.createElement(I,{disabled:c},h)),k.length>0&&e.createElement(e.Fragment,null,k.map((t=>{const a=A(t),n=S[t._uploadId]||0;return e.createElement("div",{key:a.id,className:"upload-file"},e.createElement("div",{className:"image-preview"},e.createElement(O,{name:v,scale:2})),e.createElement("div",{className:"asset-info"},e.createElement("div",{className:"file-name-container"},e.createElement("p",{className:"file-name"},a.name)),e.createElement("p",{className:"uploading-text"},b," ",n,"%"),e.createElement("div",{className:"uploading-progress-bar"},e.createElement("div",{className:"uploading-progress"}))))}))),t.length>0&&e.createElement(e.Fragment,null,t.map(((t,a)=>{const l=A(t,a),r=M(t);return e.createElement("div",{key:l.id,className:"upload-file"},e.createElement("div",{className:"image-preview"},l.thumbnail?e.createElement("img",{src:l.thumbnail,alt:l.name}):e.createElement(O,{name:v,scale:2})),e.createElement("div",{className:"asset-info"},e.createElement("div",{className:"file-name-container"},e.createElement("p",{className:"file-name"},l.name),r&&e.createElement(F,{color:"neutral"},r)),l.size>0&&e.createElement("p",{className:"file-size"},_(l.size))),n&&e.createElement(I,{variant:"terciary",onClick:()=>n(l._original),startIcon:"trash-can",style:"danger",size:"sm"}))}))))};X.propTypes={files:t.arrayOf(t.shape({id:t.oneOfType([t.string,t.number]),url:t.string,thumbnail:t.string,name:t.string,size:t.number,type:t.string,width:t.number,height:t.number,duration:t.number,media:t.string,file_description:t.string,file_name:t.string,file_size:t.number,file_type:t.string})),onUpload:t.func.isRequired,onRemove:t.func,onError:t.func,onSuccess:t.func,accept:t.object,maxSize:t.number,multiple:t.bool,disabled:t.bool,validator:t.func,requiredText:t.string,showError:t.bool,title:t.string,subtitle:t.string,buttonText:t.string,orLabel:t.string,uploadingText:t.string,icon:t.string,iconScale:t.oneOf([.7,1,2,3,4]),className:t.string,formatValidator:t.func,formatLabel:t.func};const J=({autoFocus:t=!1,className:a="",disabled:n=!1,focus:l=!1,helpText:r,icon:s,label:o="Input label",max:i,maxLength:c,min:m,name:d,onBlur:u,onChange:p,prefix:g,requiredText:f,setShowError:h,showError:E,size:b="md",suffix:v,type:w="text",value:y})=>{const{toCamelCase:N}=G(),x=e.useRef(null),C=N(o);e.useEffect((()=>{E&&setTimeout((()=>{h(!1)}),3e3)}),[E]),e.useEffect((()=>{x.current&&l&&x.current.focus()}),[l]);const k=(()=>{switch(w){case"email":return"email";case"tel":return"tel";case"number":return"numeric";default:return}})();return e.createElement("div",{className:`position-relative ${a} ${n?"disabled":""}`},g||v||s?e.createElement("div",{className:"input-group "+(E?"not-validated":""),"data-error":f},s&&e.createElement("span",{className:"input-group-text"},e.createElement(O,{style:"solid",name:s,scale:1})),g&&e.createElement("span",{className:"input-group-text"},g),e.createElement("div",{className:"form-floating"},e.createElement("input",{type:w,className:"form-control "+("md"!==b?`form-control-${b}`:""),value:y,id:C,name:d,placeholder:o,onChange:p,onBlur:u,required:!!f,autoFocus:t,ref:x,min:m,max:i,inputMode:k}),e.createElement("label",{htmlFor:C},o)),v&&e.createElement("span",{className:"input-group-text"},v)):e.createElement("div",{className:"form-floating "+(E?"not-validated":""),"data-error":f},e.createElement("input",{type:w,className:"form-control "+("md"!==b?`form-control-${b}`:""),value:y,id:C,placeholder:o,onChange:p,onBlur:u,required:!!f,name:d,autoFocus:t,ref:x,min:m,max:i,maxLength:c,inputMode:k}),e.createElement("label",{htmlFor:C},o)),r&&e.createElement("small",{className:"text-muted"},r))};J.propTypes={autoFocus:t.bool,className:t.string,disabled:t.bool,focus:t.bool,helpText:t.string,icon:t.string,label:t.string,max:t.oneOfType([t.string,t.number]),maxLength:t.number,min:t.oneOfType([t.string,t.number]),name:t.string,onBlur:t.func,onChange:t.func,prefix:t.string,requiredText:t.string,size:t.oneOf(["sm","md","lg"]),showError:t.bool,setShowError:t.func,suffix:t.string,type:t.oneOf(["color","date","datetime-local","email","file","image","month","number","password","tel","text","time","url","week"]),value:t.oneOfType([t.string,t.number])};const Q=({children:t,className:a="",disabled:n=!1,fullWidth:l=!1,id:r,name:s,setStatus:o,size:i="md",status:c=!0})=>{const{toCamelCase:m}=G();let d=r;r||"string"!=typeof t||(d=m(t));return e.createElement("div",{className:`form-group form-check ${a} ${n?"disabled":""}`},e.createElement("label",{className:`radio ${l?"w-100":""} ${"lg"===i?"radio-lg":"sm"===i?"radio-sm":""}`},e.createElement("input",{type:"radio",checked:c,onChange:e=>{o(e.target.checked)},minLength:"1",id:d,name:s}),t))};Q.propTypes={className:t.string,disabled:t.bool,fullWidth:t.bool,id:t.string,name:t.string,setStatus:t.func,size:t.oneOf(["sm","md","lg"]),status:t.bool};const ee=({className:t="",disabled:a=!1,label:n,labelInputMax:l="Max",labelInputMin:r="Min",max:s=100,min:o=0,onChange:i,orientation:c="horizontal",range:m=!1,step:d=1,tooltip:u=!0,value:p})=>{const g=m,f=g?Array.isArray(p)?p:[o,s]:"number"==typeof p?p:o,[h,E]=e.useState(null),[b,v]=e.useState(null),w=e.useRef(null),y=e.useCallback((e=>{const t=Math.round(e/d)*d;return Math.min(Math.max(t,o),s)}),[o,s,d]),N=e.useCallback((e=>(e-o)/(s-o)*100),[o,s]),x=e.useCallback(((e,t)=>{if(!w.current)return o;const a=w.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(o+n*(s-o))}),[c,o,s,y]),C=e.useCallback(((e,t)=>{if(!h||a)return;const n=x(e,t);if(g){const[e,t]=f;if("start"===h){const e=Math.min(n,t-d);i?.([y(e),t])}else if("end"===h){const t=Math.max(n,e+d);i?.([e,y(t)])}}else i?.(n)}),[h,a,x,g,f,i,d,y]);e.useEffect((()=>{const e=e=>{C(e.clientX,e.clientY)},t=()=>{E(null),v(null)},a=e=>{e.touches.length>0&&C(e.touches[0].clientX,e.touches[0].clientY)},n=()=>{E(null),v(null)};return h&&(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)}}),[h,C]);const k=e=>t=>{a||(t.preventDefault(),E(e),v(e))},T=e=>t=>{if(a)return;const n=t.target.value;if(""===n)return;let l=parseFloat(n);if(!isNaN(l))if(l=y(l),g){const[t,a]=f;if("start"===e){const e=Math.min(l,a-d);i?.([y(Math.max(e,o)),a])}else{const e=Math.max(l,t+d);i?.([t,y(Math.min(e,s))])}}else i?.(l)},S=e=>{const t=N(e);return"vertical"===c?{bottom:`${t}%`}:{left:`${t}%`}},$=(t,a)=>u&&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(J,{type:"number",className:"slider-input",label:r,value:f[0],onChange:T("start"),min:o,max:f[1]-d,disabled:a,size:"sm",name:"sliderStartInput"}):n&&e.createElement("span",{className:"slider-label"},n),e.createElement("div",{className:"slider-track-container",ref:w,onClick:e=>{if(a||h)return;const t=x(e.clientX,e.clientY);if(g){const[e,a]=f,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]=f,a=N(e),n=N(t);return"vertical"===c?{bottom:`${a}%`,height:n-a+"%"}:{left:`${a}%`,width:n-a+"%"}}const e=N(f);return"vertical"===c?{bottom:"0%",height:`${e}%`}:{left:"0%",width:`${e}%`}})()})),g?e.createElement(e.Fragment,null,e.createElement("div",{className:"slider-thumb "+("start"===h?"dragging":""),style:S(f[0]),onMouseDown:k("start"),onTouchStart:k("start"),role:"slider","aria-valuemin":o,"aria-valuemax":f[1],"aria-valuenow":f[0],tabIndex:a?-1:0},$(f[0],"start")),e.createElement("div",{className:"slider-thumb "+("end"===h?"dragging":""),style:S(f[1]),onMouseDown:k("end"),onTouchStart:k("end"),role:"slider","aria-valuemin":f[0],"aria-valuemax":s,"aria-valuenow":f[1],tabIndex:a?-1:0},$(f[1],"end"))):e.createElement("div",{className:"slider-thumb "+("single"===h?"dragging":""),style:S(f),onMouseDown:k("single"),onTouchStart:k("single"),role:"slider","aria-valuemin":o,"aria-valuemax":s,"aria-valuenow":f,tabIndex:a?-1:0},$(f,"single"))),g?e.createElement(J,{type:"number",className:"slider-input",label:l,value:f[1],onChange:T("end"),min:f[0]+d,max:s,disabled:a,size:"sm",id:"sliderEndInput",name:"sliderEndInput"}):e.createElement(J,{type:"number",className:"slider-input",label:l,value:f,onChange:T("single"),min:o,max:s,disabled:a,size:"sm",id:"sliderSingleInput",name:"sliderSingleInput"}))};ee.propTypes={className:t.string,disabled:t.bool,label:t.string,labelInputMax:t.string,labelInputMin:t.string,max:t.number,min:t.number,onChange:t.func,orientation:t.oneOf(["horizontal","vertical"]),range:t.bool,step:t.number,tooltip:t.bool,value:t.oneOfType([t.number,t.arrayOf(t.number)])};const te=({children:t,className:a="",disabled:n=!1,icon:l=!1,id:r,name:s,processing:o=!1,setStatus:i,size:c,status:m=0,switchPosition:d="start"})=>{const{toCamelCase:u}=G(),p="lg"===c?"form-switch-lg":"sm"===c?"form-switch-sm":"",g=r||u(t);return e.createElement("div",{className:`form-check form-switch ${p} ${a} ${"end"===d?"switch-end":""} ${l?"switch-icon":""} ${n?"disabled":""} ${o?"processing":""}`},e.createElement("input",{className:"form-check-input",type:"checkbox",role:"switch",onChange:()=>{if("boolean"==typeof m)return i(!m);i(m?0:1)},id:g,name:s,checked:!!m}),t&&e.createElement("label",{className:"form-check-label",htmlFor:g},t))};te.propTypes={className:t.string,disabled:t.bool,icon:t.bool,id:t.string,name:t.string,processing:t.bool,setStatus:t.func,status:t.oneOfType([t.number,t.bool]),size:t.oneOf(["sm","md","lg"]),switchPosition:t.oneOf(["start","end"])};const ae=({className:t="",disabled:a=!1,helpText:n,label:l="Textarea label",name:r,onChange:s,requiredText:o,showError:i,setShowError:c,size:m="md",value:d=""})=>{const{toCamelCase:u}=G(),p="lg"===m?"form-control-lg":"sm"===m?"form-control-sm":"",g=u(l);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":o},e.createElement("textarea",{className:`form-control ${p}`,onChange:s,placeholder:l,id:g,name:r,required:!!o,value:d||""}),e.createElement("label",{htmlFor:g},l),n&&e.createElement("small",{className:"text-muted"},n)))};ae.propTypes={className:t.string,disabled:t.bool,helpText:t.string,label:t.string,name:t.string,onChange:t.func,requiredText:t.string,showError:t.bool,setShowError:t.func,size:t.oneOf(["sm","md","lg"]),value:t.string};const ne=({autoFocus:t=!1,className:a="",counter:n=!1,disabled:l=!1,duplicateKeywordErrorText:r="Duplicate keyword.",errorText:s,helpText:o,keywordsList:i=[],maxKeywords:c,maxKeywordLength:m,name:d,pillColor:u="neutral",placeholder:p="Add keywords…",recomendedKeywords:g,requiredText:f,setKeywordsList:h,showError:E=!1,size:b="md"})=>{const{toCamelCase:v}=G(),[w,y]=e.useState(""),[N,x]=e.useState(""),[C,k]=e.useState(!1),[T,S]=e.useState(!1),$=v(p);return e.useEffect((()=>{i.length===c&&(k(!0),setTimeout((()=>{k(!1)}),3e3))}),[i]),e.useEffect((()=>{if(E){S(!0);const e=setTimeout((()=>{S(!1)}),3e3);return()=>clearTimeout(e)}S(!1)}),[E]),e.createElement(e.Fragment,null,e.createElement("div",{className:`position-relative ${a} ${l?"disabled":""}`},e.createElement("div",{className:`input-chip ${"md"!==b?`input-chip-${b}`:""} ${C||N||T?"not-validated":""}`,"data-error":N||(T?s:"")||f},e.createElement("div",{className:"wrapper"},i.map(((t,a)=>e.createElement(F,{key:a,closeButton:!0,color:u,onClick:()=>(e=>{const t=i.filter((t=>t!==e));h(t)})(t)},t)))),e.createElement("input",{type:"text",id:$,name:d,value:w,onKeyDown:e=>{if("Enter"===e.key&&""!==w.trim()&&i.length<c){if(w.length>m)return x(`Each keyword must be ${m} characters or less.`),setTimeout((()=>x("")),2e3),void y("");if(i.includes(w.trim()))return x(r),setTimeout((()=>x("")),2e3),void y("");const e=[...i,w.trim()];h(e),y("")}},onChange:e=>{y(e.target.value)},placeholder:p,autoFocus:t}),n&&i.length>=g&&e.createElement("div",{className:"progress-counter-wrapper "+(i.length>=c?"progress-value-error":i.length>=g?"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-i.length/c),strokeLinecap:"round",fill:"none"})),e.createElement("span",{className:"progress-counter-text"},i.length))),o&&e.createElement("small",{className:"text-muted"},o)))};ne.propTypes={autoFocus:t.bool,className:t.string,counter:t.bool,disabled:t.bool,duplicateKeywordErrorText:t.string,errorText:t.string,helpText:t.string,keywordsList:t.array.isRequired,maxKeywords:t.number.isRequired,maxKeywordLength:t.number.isRequired,name:t.string,pillColor:t.oneOf(["blue","danger","dark","green","light","midtone","neutral","red","yellow"]),placeholder:t.string.isRequired,recomendedKeywords:t.number.isRequired,requiredText:t.string.isRequired,setKeywordsList:t.func.isRequired,showError:t.bool,size:t.oneOf(["sm","md","lg"])};const le=(void 0).MODE,re="production"===le?"https://api.groovinads.com/":"localdev"===le?"https://api-test.groovinads.com/":"https://api-dev.groovinads.com/";var se={authStatus:re+"v2/auth/status",authLogout:re+"v2/auth/logout",applications:re+"v2/applications",favApps:re+"v2/applications/favorite",clients:re+"v2/auth/clients",clientsLogin:re+"v2/auth/clients/login",headers:{headers:{"Content-Type":"application/json",Authorization:"Bearer "+d.get("groovinadsAuthToken"),"Accept-Language":"en"}}};u.defaults.withCredentials=!0;const oe=async({url:e,signal:t})=>await u.get(e,{...se.headers,signal:t}).then((({data:e})=>e)).catch((e=>Promise.reject(e||"error en la url"))),ie=async({url:e,data:t})=>await u.post(e,t,se.headers).then((({data:e})=>e)).catch((e=>Promise.reject(e||"error en la url"))),ce=(e,t=void 0)=>{if(null==e||isNaN(e))return e;return Number(e).toLocaleString(t,{useGrouping:!0,minimumFractionDigits:0,maximumFractionDigits:0})},me=async(e,t)=>await oe({url:`${re}${e}`,signal:t}),de=async(e,t)=>await ie({url:`${re}${e}`,data:t}),ue=async e=>await ie({url:`${se.favApps}/${e}`,data:e}),pe=async e=>await(async({url:e})=>await u.delete(e,se.headers).then((({data:e})=>e)).catch((e=>Promise.reject(e||"error en la url"))))({url:`${se.favApps}/${e}`}),ge=({apiGetEmail:t,apiPostEmail:a,disabled:n=!1,label:l="Email addresses",showModal:r=!0,textButton:s="Add",textError:o="You must enter a valid email address",titleList:i="Added emails"})=>{const[c,m]=e.useState([]),[d,u]=e.useState(""),[g,f]=e.useState(!1),[h,E]=e.useState([]),[b,v]=e.useState(!1),w=/^\w+([.-_+]?\w+)*@\w+([.-]?\w+)*(\.\w{2,10})+$/;return e.useEffect((()=>{r?(async()=>{f(!0);const e=await me(t);m(e||[]),f(!1)})():c.length&&m([])}),[r]),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":o},e.createElement(J,{label:l,value:d,onChange:e=>{(e=>{const t=e.target.value.replace(/\. +/g," ");u(t),t.trim()&&!w.test(t)||v(!1)})(e)}}),e.createElement(I,{onClick:async()=>{const e=d.split(/[;, ]+/).map((e=>e.trim())).filter((e=>e.length>0)),t=e.filter((e=>!w.test(e))),n=e.filter((e=>w.test(e)));if(t.length&&(u(t.join(" ")),v(!0),setTimeout((()=>{v(!1)}),3e3)),n.length){const e=await de(a,[...c,...n]);m(e)}u(t.join(" "))},className:""+(d.trim()?"":"disabled")},s))),g?e.createElement("div",{className:"shared-users-list"},e.createElement(p,{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(p,{circle:!0,width:32,height:32}),e.createElement(p,{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(O,{name:"user-circle",scale:2}),e.createElement("span",null,t)),h.some((e=>e===t))?e.createElement("div",{className:"spinner-wrapper"},e.createElement(_,{scale:1})):e.createElement(I,{variant:"terciary",style:"danger",startIcon:"trash-can",onClick:()=>(async e=>{E([...h,e]);const t=c.filter((t=>t!==e)),n=await de(a,t);setTimeout((()=>{E(h.filter((t=>t!==e))),m(n)}),1e3)})(t)}))))):null)};ge.propTypes={apiGetEmail:t.string.isRequired,apiPostEmail:t.string.isRequired,disabled:t.bool,label:t.string,showModal:t.bool,textButton:t.string,textError:t.string,titleList:t.string};const fe=/[,;\n\t]/,he=({className:t="",disabled:a=!1,errorText:n,helpText:l,label:r="Input label",onChange:s,pillColor:o="neutral",showError:i=!1,size:c="md",value:m=[]})=>{const{toCamelCase:d}=G(),[u,p]=e.useState(""),[g,f]=e.useState(!1),h=e.useRef(null);e.useEffect((()=>{if(i){f(!0);const e=setTimeout((()=>{f(!1)}),3e3);return()=>clearTimeout(e)}f(!1)}),[i]);const E=d(r),b=e=>{e.length>0&&s&&s([...m,...e])};return e.createElement("div",{className:`position-relative ${t} ${a?"disabled":""}`},e.createElement("div",{className:"form-floating "+(g?"not-validated":""),"data-error":g?n:""},e.createElement("div",{className:"input-chip "+("md"!==c?`input-chip-${c}`:""),onClick:()=>{!a&&h.current&&h.current.focus()},role:"group","aria-label":r},e.createElement("div",{className:"wrapper"},m.map(((t,n)=>e.createElement(F,{key:`${t}-${n}`,closeButton:!a,color:o,disabled:a,onClick:()=>{return e=n,void(a||s?.(m.filter(((t,a)=>a!==e))));var e}},t)))),e.createElement("input",{ref:h,type:"text",id:E,value:u,onChange:e=>p(e.target.value),onKeyDown:e=>{if("Enter"===e.key||","===e.key||";"===e.key){e.preventDefault();const t=u.trim();t&&(b([t]),p(""))}"Backspace"===e.key&&""===u&&m.length>0&&s?.(m.slice(0,-1))},onPaste:e=>{e.preventDefault();const t=e.clipboardData.getData("text"),a=(u+t).split(fe).map((e=>e.trim())).filter((e=>e.length>0));b(a),p("")},placeholder:r,disabled:a})),e.createElement("label",{htmlFor:E},r)),l&&e.createElement("small",{className:"text-muted"},l))};he.propTypes={className:t.string,disabled:t.bool,errorText:t.string,helpText:t.string,label:t.string,onChange:t.func,pillColor:t.oneOf(["blue","danger","dark","green","light","midtone","neutral","red","yellow"]),showError:t.bool,size:t.oneOf(["sm","md","lg"]),value:t.arrayOf(t.string)};const Ee=/\{\{([^}]+)\}\}/g,be=e=>{if(!e)return[];const t=[];let a,n=0;for(Ee.lastIndex=0;null!==(a=Ee.exec(e));){a.index>n&&t.push({type:"text",value:e.slice(n,a.index)});const l=a[1].trim();l&&t.push({type:"pill",id:l.toLowerCase().replace(/\s+/g,"_"),label:l}),n=Ee.lastIndex}return n<e.length&&t.push({type:"text",value:e.slice(n)}),t},ve=e=>{if(!e)return[];const t=[];return Array.from(e.childNodes).forEach((e=>{if(e.nodeType===Node.TEXT_NODE){const a=e.textContent;a&&t.push({type:"text",value:a})}else e.nodeType===Node.ELEMENT_NODE&&e.hasAttribute("data-pill-id")&&t.push({type:"pill",id:e.getAttribute("data-pill-id"),label:e.getAttribute("data-pill-label")})})),t},we=e.forwardRef((({className:t="",disabled:a=!1,errorText:n,helpText:l,label:r="Template",onChange:s,pillColor:o="neutral",placeholder:i,segments:c=[],showError:m=!1,size:d="md"},u)=>{const{toCamelCase:p}=G(),[g,f]=e.useState(!1),h=e.useRef(null),E=e.useRef(!1),b=e.useRef(null),v=e.useRef(!0);e.useEffect((()=>{if(m){f(!0);const e=setTimeout((()=>{f(!1)}),3e3);return()=>clearTimeout(e)}f(!1)}),[m]);const w=p(r),y=(e,t=!1)=>{if(!h.current||E.current)return;E.current=!0;const n=document.activeElement===h.current;h.current.innerHTML="",e.forEach(((e,t)=>{if("text"===e.type){const t=document.createTextNode(e.value);h.current.appendChild(t)}else if("pill"===e.type){const n=document.createElement("span");n.contentEditable="false",n.className="pill-wrapper",n.setAttribute("data-pill-id",e.id),n.setAttribute("data-pill-label",e.label);const l=`\n\t\t\t\t\t<span class="pill ${o}">\n\t\t\t\t\t\t<span>${e.label}</span>\n\t\t\t\t\t\t${a?"":`<button type="button" data-pill-action="remove" data-pill-index="${t}">\n\t\t\t\t\t\t\t<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="xmark" class="svg-inline--fa fa-xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" style="width: 0.7em; height: 0.7em;">\n\t\t\t\t\t\t\t\t<path fill="currentColor" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"></path>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</button>`}\n\t\t\t\t\t</span>\n\t\t\t\t`;n.innerHTML=l,h.current.appendChild(n)}}));try{const e=document.createRange(),t=window.getSelection();e.selectNodeContents(h.current),e.collapse(!1),t.removeAllRanges(),t.addRange(e)}catch(e){console.warn("Could not restore cursor position:",e)}(n||t)&&setTimeout((()=>{h.current&&!a&&h.current.focus()}),0),E.current=!1};e.useImperativeHandle(u,(()=>({insertPill:e=>{if(a)return;const{id:t,label:n}=e;if(!t||!n)return void console.warn("insertPill requires both id and label");const l={type:"pill",id:t,label:n},r=[...c,l];s?.(r),h.current&&h.current.focus()},focus:()=>{h.current&&!a&&h.current.focus()}}))),e.useEffect((()=>{if(v.current)return v.current=!1,b.current=c,void y(c);JSON.stringify(c)!==JSON.stringify(b.current)&&(b.current=c,y(c))}),[c,o,a]);const N=0===c.length,x=i||r;return e.createElement("div",{className:`position-relative ${t} ${a?"disabled":""}`},e.createElement("div",{className:"form-floating "+(g?"not-validated":""),"data-error":g?n:""},e.createElement("div",{className:"input-chip template-input "+("md"!==d?`input-chip-${d}`:""),onClick:()=>{!a&&h.current&&h.current.focus()},role:"textbox","aria-label":r},e.createElement("div",{ref:h,contentEditable:!a,suppressContentEditableWarning:!0,onInput:()=>{(()=>{if(!h.current||E.current||a)return;const e=ve(h.current),t=[];let n=!1;e.forEach((e=>{if("text"===e.type&&e.value){const a=Ee.test(e.value);if(Ee.lastIndex=0,a){n=!0;const a=be(e.value);t.push(...a)}else t.push(e)}else"pill"===e.type&&t.push(e)})),n?(b.current=t,s?.(t),y(t,!0)):(b.current=e,s?.(e))})()},onPaste:e=>{if(a)return;e.preventDefault();const t=e.clipboardData.getData("text");if(!t)return;const n=be(t);if(!window.getSelection().rangeCount)return;const l=[...ve(h.current),...n];s?.(l)},onClick:e=>{const t=e.target.closest('[data-pill-action="remove"]');if(t&&!a){const e=parseInt(t.getAttribute("data-pill-index"),10),a=c.filter(((t,a)=>a!==e));s?.(a)}},className:"template-editor","data-placeholder":N?x:"",style:{minHeight:"1.5em",outline:"none",flex:1}})),e.createElement("label",{htmlFor:w},r)),l&&e.createElement("small",{className:"text-muted"},l))}));we.displayName="TemplateInput",we.propTypes={className:t.string,disabled:t.bool,errorText:t.string,helpText:t.string,label:t.string,onChange:t.func.isRequired,pillColor:t.oneOf(["blue","danger","dark","green","light","midtone","neutral","red","yellow"]),placeholder:t.string,segments:t.arrayOf(t.shape({type:t.oneOf(["text","pill"]).isRequired,value:t.string,id:t.string,label:t.string})).isRequired,showError:t.bool,size:t.oneOf(["sm","md","lg"])};const ye=({autoClose:t=!1,className:a="",disabled:n=!1,helpText:l,locked:r=!1,menuType:s="simple",onRemoveFilter:o,onToggle:i,overflow:m=!1,requiredText:d,searchLabel:u="Search",setShow:p,setValuesSelected:g,show:f,showError:h=!1,title:E,values:b=[],valuesSelected:v=[]})=>{const[w,y]=e.useState(""),[N,x]=e.useState(!!f),C=e.useRef(null),k=e.useRef(null),T=()=>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)=>{g(e?[...v,t]:v.filter((e=>e!==t)))};e.useEffect((()=>{x(f)}),[f]);const $=e.useCallback((e=>{!C?.current||C?.current.contains(e?.target)||!0!==t&&"outside"!==t||(x(!1),p(!1))}),[t,p]);e.useEffect((()=>(document.addEventListener("click",$),()=>{document.removeEventListener("click",$)})),[$]);const L=()=>{if(m)return{strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]}};return e.createElement(e.Fragment,null,e.createElement(c,{onToggle:i,className:`dropdown-filter ${r?"locked":""} ${a} ${n?"disabled":""}`,autoClose:t,show:N,ref:C,"data-error":d},e.createElement(c.Toggle,{ref:k,variant:"toggle-filter",className:h?"not-validated":"",onClick:e=>{e.stopPropagation();const t=!N;x(t),p(t)}},e.createElement("div",{className:"filter-heading"},e.createElement("div",{className:"filter-title"},e.createElement("span",{className:"filter-title-text"},E),v.length>0&&e.createElement("span",{className:"filter-title-count"},` (${v.length})`),r&&e.createElement(O,{style:"solid",name:"lock-keyhole",scale:.7})),e.createElement(O,{style:"solid",name:"chevron-down",scale:1,className:"caret"})),e.createElement("div",{className:"filter-values"},v.length===b.length?"All selected":v.length?v.join("; "):"None")),!r&&e.createElement(I,{variant:"terciary",endIcon:"xmark",size:"md",className:"remove-filter",onClick:o}),"simple"===s&&e.createElement(c.Menu,{as:"div",className:"dropdown-menu-simple",popperConfig:L(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},N&&e.createElement("div",{className:"dropdown-menu-wrapper"},e.createElement(J,{size:"sm",label:u,icon:"magnifying-glass",className:"w-100",value:w,onChange:({target:e})=>y(e.value),customRef:f,autoFocus:!0}),b.filter((e=>e.toString().toLowerCase().includes(w.toLowerCase()))).length>0?e.createElement("ul",{className:"dropdown-filter-list"},b.filter((e=>e.toString().toLowerCase().includes(w.toLowerCase()))).map(((t,a)=>e.createElement(Y,{setStatus:e=>{S(e,t)},status:v.includes(t),key:"Dropdown.Simple.Checkbox"+a},t)))):e.createElement(T,null)))),"selection"===s&&e.createElement(c.Menu,{as:"div",className:"dropdown-menu-selection",popperConfig:L(),renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},N&&e.createElement("div",{className:"dropdown-menu-wrapper"},e.createElement("div",{className:"dropdown-filter-list-wrapper"},e.createElement(J,{size:"sm",label:u,icon:"magnifying-glass",className:"w-100",value:w,onChange:({target:e})=>y(e.value),customRef:f,autoFocus:!0}),e.createElement("h4",null,"All values (",b.length,")"),b.filter((e=>e.toString().toLowerCase().includes(w.toLowerCase()))).length>0?e.createElement(e.Fragment,null,e.createElement("ul",{className:"dropdown-filter-list"},b.filter((e=>e.toString().toLowerCase().includes(w.toLowerCase()))).map(((t,a)=>e.createElement(Y,{setStatus:e=>{S(e,t)},status:v.includes(t),key:"Dropdown.Selection.Checkbox"+a},t))))):e.createElement(T,null)),e.createElement("div",{className:"dropdown-filter-values-wrapper"},e.createElement("div",{className:"dropdown-filter-buttons-wrapper"},e.createElement(I,{startIcon:"check",size:"sm",variant:"terciary",onClick:()=>{g([...b])}},"Select all"),e.createElement(I,{startIcon:"xmark",size:"sm",variant:"terciary",onClick:()=>{g([])}},"Clear selection")),e.createElement("h4",null,"Selected values (",v.length,")"),e.createElement("div",{className:"dropdown-filter-selected-list"},v.map(((t,a)=>e.createElement(F,{color:"blue",closeButton:!0,onClick:()=>{(e=>{g(v.filter(((t,a)=>a!==e)))})(a)},key:"Dropdown.PillComponent"+a},t))))))))),l&&e.createElement("small",{className:"text-muted"},l))};ye.propTypes={autoClose:t.oneOfType([t.bool,t.oneOf(["outside"])]),className:t.string,disabled:t.bool,helpText:t.string,locked:t.bool,menuType:t.oneOf(["simple","selection"]),onRemoveFilter:t.func,onToggle:t.func,overflow:t.bool,requiredText:t.string,searchLabel:t.string,setShow:t.func,setValuesSelected:t.func,show:t.bool,showError:t.bool,title:t.string,values:t.array,valuesSelected:t.array};const Ne=({autoClose:t=!1,buttonVariant:a="input",className:n="",customKey:l,disabled:r=!1,drop:s,focus:o=!1,hasId:i=!0,helpText:m,idInPill:d=!1,idKey:u,label:p="",nameKey:g,notMatchedText:f="No match found",nowrap:h=!1,object:E=!1,onToggle:b,overflow:v=!1,requiredText:w="Required",searchLabel:y="Search",setValuesSelected:N,setShow:x,show:C,showError:k=!1,showStatus:T="",size:S="md",values:$=[],valuesSelected:L=[]})=>{const[D,R]=e.useState(""),[q,z]=e.useState(!!C),[_,M]=e.useState(null),I=e.useRef(null),A=e.useRef(null),P=e.useRef(null),{highlightText:B}=G(),K=$.filter((e=>(E?`${e[u]} ${e[g]} ${e[l]}`:e).toLowerCase().includes(D.toLowerCase())&&(!T||parseInt(e.status)===parseInt(T))));e.useEffect((()=>{z(C),A.current&&M(A.current.offsetWidth)}),[C]),e.useEffect((()=>{const e=e=>{!I?.current||I?.current.contains(e?.target)||!0!==t&&"outside"!==t||(z(!1),x(!1))};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[t,x]);const j=["w-100 btn",`btn-${a}`,`btn-${S}`,h&&"nowrap",k&&"not-validated",r&&"disabled"].filter(Boolean).join(" ");return e.createElement(e.Fragment,null,e.createElement(c,{className:n,autoClose:t,show:q,ref:I,onToggle:b,drop:s,"data-error":w},e.createElement(c.Toggle,{as:"div",ref:A,className:j,onClick:e=>{e.stopPropagation();z(!q),A.current&&M(A.current.offsetWidth)}},L.length>0&&"input"===a&&e.createElement("div",{className:"wrapper"},L.map(((t,a)=>e.createElement(F,{color:"neutral",closeButton:!0,onClick:e=>{e.stopPropagation(),(e=>{N((t=>t.filter(((t,a)=>a!==e))))})(a)},key:`Dropdown.PillComponent.${a}`},(e=>l?`${e[g]} - ${e[l]}`:d?`#${e[u]} - ${e[g]}`:e[g]||e)(t))))),e.createElement("span",{className:"label"},p),e.createElement(O,{style:"solid",name:"angle-down",scale:1,className:"caret"})),e.createElement(c.Menu,{className:"full-width",ref:P,style:_?{width:_}:void 0,popperConfig:(()=>{if(v)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"},q&&e.createElement(e.Fragment,null,e.createElement(c.Item,{onClick:e=>e.stopPropagation(),as:"div"},e.createElement(J,{label:y,value:D,onChange:({target:e})=>R(e.value),icon:"magnifying-glass",size:"sm",className:"w-100",focus:o,autoFocus:!0})),e.createElement(c.Item,{onClick:e=>e.stopPropagation(),as:"div"},K.length>0?e.createElement("ul",{className:"dropdown-checks"},K.map(((t,a)=>e.createElement(Y,{setStatus:e=>((e,t)=>{const a=$.findIndex((e=>(E?e[u]:e)===(E?t[u]:t)));N(e?e=>[...e,$[a]]:e=>e.filter((e=>(E?e[u]:e)!==(E?$[a][u]:$[a]))))})(e,t),status:E?L.some((e=>e[u]===t[u])):L.includes(t),key:`Dropdown.Input.Checkbox.${a}`},(e=>{const t=E?l?`${e[g]} - ${e[l]}`:`${i?`#${e[u]} - `:""}${e[g]}`:e[g]||e;return B(t,D)})(t))))):e.createElement("div",{className:"not-matched"},e.createElement("p",null,f))))))),m&&e.createElement("small",{className:"text-muted"},m))};function xe({className:t="",date:a,disabled:n=!1,handleClear:l,helpText:r,label:s="Period",maxDate:o,minDate:i,onToggle:c,overflow:m=!1,requiredText:d,setDate:u,setShow:p,show:E,showError:b,size:v="md"}){const[w,y]=e.useState(!!E),N=e.useRef(null),x=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,C=()=>{y(!1);try{p(!1)}catch(e){}};e.useEffect((()=>{const e=e=>{N.current&&!N.current.contains(e.target)&&C()};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[]),e.useEffect((()=>{y(E)}),[E]);const k=(()=>{if(!a)return"";try{return g.format(new Date(a),"EEE MMM dd yyyy")}catch(e){return""}})(),T=x(i),S=x(o);return e.createElement(e.Fragment,null,e.createElement(Z,{className:t,disabled:n,icon:k?"calendar-day":"calendar-days",label:s,onToggle:()=>{const e=!w;y(e),e&&window.dispatchEvent(new CustomEvent("dropdownToggle",{detail:s}));try{c()}catch(e){}},overflow:m,requiredText:d,selectedValue:k,setShow:y,show:w,showError:b,size:v,variant:"input"},e.createElement(e.Fragment,null,e.createElement(f.Dropdown.Item,null,e.createElement(h,{className:"form-control form-search",selected:a||"",onChange:e=>{u(e?.toString()),setTimeout((()=>{C()}),200)},startDate:a||"",monthsShown:1,inline:!0,minDate:T,maxDate:S,dayClassName:e=>{const t=x(i),a=x(o);return t&&e<t||a&&e>a&&e!==a?"react-datepicker__day--disabled":""}}),e.createElement("div",{className:"px-2 w-100"},e.createElement(I,{onClick:()=>{C(),l?l():u(null)},iconStart:"calendar-circle-minus",size:"sm",variant:"terciary",className:"w-100"},"Clear"))))),r&&e.createElement("small",{className:"text-muted"},r))}Ne.propTypes={autoClose:t.oneOfType([t.bool,t.string]),buttonVariant:t.oneOf(["input","primary","secondary","terciary","outline"]),className:t.string,customKey:t.string,disabled:t.bool,drop:t.oneOf(["up","down"]),focus:t.bool,hasId:t.bool,helpText:t.string,idInPill:t.bool,idKey:t.string,label:t.string,nameKey:t.string,notMatchedText:t.string,nowrap:t.bool,object:t.bool,onToggle:t.func,overflow:t.bool,requiredText:t.string,searchLabel:t.string,setValuesSelected:t.func,setShow:t.func,show:t.bool,showError:t.bool,showStatus:t.string,size:t.oneOf(["sm","md","lg"]),values:t.array,valuesSelected:t.array},xe.propTypes={className:t.string,clearDate:t.func,date:t.string,disabled:t.bool,handleClear:t.func,helpText:t.string,label:t.string,maxDate:t.oneOfType([t.string,t.instanceOf(Date)]),minDate:t.oneOfType([t.string,t.instanceOf(Date)]),onToggle:t.func,overflow:t.bool,requiredText:t.string,setDate:t.func,setShow:t.func,show:t.bool,showError:t.bool,size:t.oneOf(["sm","md","lg"])};const Ce=({className:t="",dateFrom:a,dateTo:n,disabled:l=!1,helpText:r,label:s="Period",locked:o=!1,maxDate:i,minDate:m,onRemoveFilter:d,onToggle:u,overflow:p=!1,requiredText:g,setDateFrom:f,setDateTo:E,setShow:b,show:v,showError:w=!1,size:y="md",variant:N="input"})=>{const[x,C]=e.useState(a),[k,T]=e.useState(n),[S,$]=e.useState(!!v),L=e.useRef(null),D=e.useRef(null),R=e.useRef(null),{capitalice:q}=G(),F=window?.innerWidth<500,z=()=>{$(!1);try{b(!1)}catch(e){}};e.useEffect((()=>{$(v)}),[v]);const _=["w-100","input"===N&&"btn btn-input",`btn-${y}`,w&&"not-validated",l&&"disabled"].filter(Boolean).join(" "),M=`${"filter"===N?"dropdown-filter":""} ${t}`,A=e=>e?e.toString().split("00")[0]:"",P=q(s);return e.createElement(e.Fragment,null,e.createElement(c,{show:S,className:M,"data-error":g,ref:L},e.createElement(c.Toggle,{ref:D,variant:"toggle-filter",onClick:()=>{$(!S);try{u()}catch(e){}},className:_},"input"===N?e.createElement(e.Fragment,null,e.createElement("span",{className:"dropdown-label"},P),e.createElement("div",{className:"dropdown-input-wrapper"},e.createElement(O,{style:"solid",name:x&&k?"calendar-range":"calendar-days",scale:1}),e.createElement("span",{className:"wrapper"},(x||k)&&e.createElement(e.Fragment,null,e.createElement("strong",null,A(x)),"to",e.createElement("strong",null,A(k))))),e.createElement(O,{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,P),o&&e.createElement(O,{style:"solid",name:"lock-keyhole",scale:.7})),e.createElement(O,{style:"solid",name:"chevron-down",scale:1,className:"caret"})),e.createElement("div",{className:"filter-values"},x||k?e.createElement(e.Fragment,null,e.createElement("strong",null,A(x)),"to ",e.createElement("strong",null,A(k))):e.createElement(e.Fragment,null,"None")))),"filter"===N&&!o&&e.createElement(I,{variant:"terciary",endIcon:"xmark-circle",size:"md",className:"remove-filter",onClick:d}),e.createElement(c.Menu,{as:"div",ref:R,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"},e.createElement(c.Item,{as:"div"},e.createElement(h,{className:"form-control form-search",selected:x,onChange:e=>{const[t,a]=e;C(t),T(a)},startDate:x,endDate:k,monthsShown:F?1:2,selectsRange:!0,inline:!0,minDate:m,maxDate:i}),e.createElement("div",{className:"datepicker-footer"},e.createElement("div",{className:"datepicker-buttons-wrapper"},e.createElement(I,{onClick:z,size:"sm",variant:"terciary"},"Cancel"),e.createElement(I,{size:"sm",onClick:()=>{f(x?.toString()),E(null===k?x?.toString():k?.toString()),z()}},"Set date"))))))),r&&e.createElement("small",{className:"text-muted"},r))};Ce.propTypes={className:t.string,dateFrom:t.string,dateTo:t.string,disabled:t.bool,helpText:t.string,label:t.string,locked:t.bool,maxDate:t.instanceOf(Date),minDate:t.instanceOf(Date),onRemoveFilter:t.func,onToggle:t.func,overflow:t.bool,requiredText:t.string,setDateFrom:t.func,setDateTo:t.func,setShow:t.func,show:t.bool,showError:t.bool,size:t.oneOf(["sm","md","lg"]),variant:t.oneOf(["input","filter"])};const ke=({children:t,className:a,footer:n,header:l,onBeforeClose:r,setShow:s,show:o,size:i="md",type:c="default"})=>{const[m,d]=e.useState(!1),u=()=>{r?r():"confirmation"===c?(d(!0),setTimeout((()=>{d(!1)}),500)):s(!1)};return e.createElement(f.Modal,{show:o,onHide:u,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(f.Modal.Header,null,e.createElement("div",{className:"modal-title"},"string"==typeof l?e.createElement("h2",null,l):l),"default"===c&&e.createElement(I,{startIcon:"xmark",onClick:u,variant:"terciary"})),e.createElement(f.Modal.Body,null,t),n&&e.createElement(f.Modal.Footer,{className:"default"!==c?"border-0 justify-content-start flex-row":""},n))};function Te({autoClose:t,children:a,className:n,position:l,variant:r}){const[s,o]=e.useState(!0),i=()=>o(!s);return e.createElement(E,{onClose:i,show:s,delay:t?3500:null,autohide:t,className:`${l} ${r} ${n||""}`},e.createElement(E.Body,null,e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(O,{style:"solid",name:{info:"circle-info",success:"circle-check",warning:"triangle-exclamation",error:"circle-xmark"}[r],scale:1,className:"icon"})),e.createElement("div",{className:"toast-content",dangerouslySetInnerHTML:{__html:a}})),!t&&e.createElement("button",{className:"btn-close",onClick:i},e.createElement(O,{style:"solid",name:"xmark",scale:1}))))}ke.propTypes={children:t.node.isRequired,className:t.string,footer:t.node,header:t.oneOfType([t.string,t.node]).isRequired,onBeforeClose:t.func,setShow:t.func.isRequired,show:t.bool.isRequired,size:t.oneOf(["sm","md","lg","xl"]),type:t.oneOf(["default","confirmation","error"])};const Se=({className:t="",position:a="bottom-end",toast:n})=>{const[l,r]=e.useState([]);return e.useEffect((()=>{n&&r([...l,n])}),[n]),e.createElement(f.ToastContainer,{className:t,position:a},l.map((({variant:t="info",autoClose:n=!0,children:l,className:r},s)=>e.createElement(Te,{variant:t,autoClose:n,children:l,className:r,position:a,key:l+t+s}))))};Se.propTypes={className:t.string,position:t.oneOf(["top-start","top-end","bottom-start","bottom-end"]),toast:t.object};const $e=({cancelButton:t=!1,className:a="",currentProgress:n,onCancel:l,position:r="bottom-start",status:s="in-progress",variant:o})=>{const[i,c]=e.useState(!0),[m,d]=e.useState(!1);let u;switch(o){case"upload":u=e.createElement("div",{className:"uploading"},e.createElement(f.ProgressBar,{now:n}),e.createElement("div",{className:"uploading-wrapper"},m?e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(O,{style:"solid",name:"circle-check",scale:1,className:"icon"})),e.createElement("p",null,"Upload completed")):e.createElement(e.Fragment,null,e.createElement(_,null),e.createElement("p",null,"Uploading…")),e.createElement("p",{className:"progress-percentage"},n,"%")));break;case"processing":u=e.createElement("div",{className:"uploading-wrapper"},e.createElement(_,null),e.createElement("p",null,"Processing…"));break;default:u=null}return"error"===s&&(u=e.createElement("div",{className:"uploading-wrapper"},e.createElement("div",{className:"toast-wrapper"},e.createElement("div",{className:"toast-type"},e.createElement(O,{style:"solid",name:"circle-xmark",scale:1,className:"icon"})),e.createElement("p",null,"Upload failed!")))),e.useEffect((()=>{100===n&&(d(!0),setTimeout((()=>c(!1)),3e3))}),[n]),e.createElement(f.ToastContainer,{className:a,position:r},e.createElement(f.Toast,{className:`${"error"===s?"error":""} ${r} ${m?"success":""}`,onClose:()=>c(!i),show:i},e.createElement(f.Toast.Body,null,u,t&&e.createElement(I,{variant:"terciary",size:"sm",onClick:l},"Cancel"))))};$e.propTypes={cancelButton:t.bool,className:t.string,currentProgress:t.number,onCancel:t.func,position:t.oneOf(["top-start","top-end","bottom-start","bottom-end"]),status:t.oneOf(["in-progress","error"]),variant:t.oneOf(["upload","processing"]).isRequired};const Oe=({header:e,children:t,eventKey:a,isCollapsible:n,className:l})=>null;Oe.propTypes={header:t.node.isRequired,children:t.node.isRequired,eventKey:t.string.isRequired,isCollapsible:t.bool,className:t.string};const Le=({activeKey:t,alwaysOpen:a=!1,children:n,className:l="",defaultActiveKey:r,iconPosition:s="start",onSelect:o,size:i="md"})=>{const c=e.Children.map(n,(e=>e?.type===Oe?{header:e.props.header,children:e.props.children,eventKey:e.props.eventKey,isCollapsible:void 0===e.props.isCollapsible||e.props.isCollapsible,className:e.props.className||""}:null)).filter(Boolean),m=`accordion-${i}${l?" "+l:""}`;return e.createElement(f.Accordion,{activeKey:t,defaultActiveKey:r,alwaysOpen:a,className:m,onSelect:o},c.map((t=>e.createElement(f.Accordion.Item,{key:t.eventKey,eventKey:t.eventKey,className:t.className},e.createElement(f.Accordion.Button,{as:"div"},t.isCollapsible&&"start"===s&&e.createElement(O,{name:"angle-right",scale:1,className:"caret"}),e.createElement("div",{className:"accordion-header-content"},t.header),t.isCollapsible&&"end"===s&&e.createElement(O,{name:"angle-right",scale:1,className:"caret"})),t.isCollapsible&&e.createElement(f.Accordion.Body,null,t.children)))))};Le.propTypes={activeKey:t.oneOfType([t.string,t.arrayOf(t.string)]),alwaysOpen:t.bool,children:t.node.isRequired,className:t.string,defaultActiveKey:t.oneOfType([t.string,t.arrayOf(t.string)]),iconPosition:t.oneOf(["start","end"]),onSelect:t.func,size:t.oneOf(["sm","md","lg"])};const De=({backdrop:t=!1,belowNavbar:a=!1,children:n,className:l,header:r,onHide:s,show:o})=>e.createElement(f.Offcanvas,{show:o,onHide:s,placement:"end",className:`${a?"below-navbar":""}${l?` ${l}`:""}`,backdrop:t},e.createElement(f.Offcanvas.Header,{className:"aside-header"},e.createElement("div",{className:"header-content"},"string"==typeof r?e.createElement("h3",null,r):r),e.createElement(I,{variant:"terciary",onClick:s,startIcon:"xmark"})),e.createElement(f.Offcanvas.Body,null,n));De.propTypes={backdrop:t.bool,belowNavbar:t.bool,children:t.node.isRequired,className:t.string,header:t.oneOfType([t.string,t.node]).isRequired,onHide:t.func.isRequired,show:t.bool.isRequired};const Re=({className:t="",links:a=[{label:"Support",url:"mailto:helpdesk@groovinads.com"}]})=>{const n=(new Date).getFullYear();return e.createElement("footer",{className:`footer ${t}`},e.createElement("p",{id:"copyright"},"© ",n," Groovinads."),e.createElement("ul",{className:"nav",role:"navigation"},a.map(((t,a)=>e.createElement("li",{key:a},e.createElement("a",{href:t.url},t.label))))))};Re.propTypes={className:t.string,links:t.arrayOf(t.shape({label:t.string.isRequired,url:t.string.isRequired}))};const qe={strategy:"fixed",modifiers:[{name:"computeStyles",options:{adaptive:!1}},{name:"preventOverflow",options:{boundary:"viewport",rootBoundary:"viewport"}}]},Fe=({element:t,onToggleFav:a,onAppClick:n,isLoading:l,isAnimating:r})=>e.createElement(c.Item,{as:"div"},e.createElement("a",{href:t.application_url,target:"_blank",rel:"noopener noreferrer",className:"link-app",onClick:e=>{e.preventDefault(),e.stopPropagation(),n?n(t):window.open(t.application_url,"_blank","noopener,noreferrer")}},e.createElement("span",{className:"icon-app"},e.createElement(O,{style:"solid",name:t.app_icon_sm,scale:1})),e.createElement("span",null,t.app_name)),e.createElement("button",{className:"deck-fav "+(r?"animate":""),onClick:e=>{e.preventDefault(),e.stopPropagation(),a(t.id_application,!t.favorite)}},l?e.createElement(_,{scale:"0.7"}):e.createElement(O,{style:t.favorite?"solid":"regular",name:"star",scale:1}))),ze=({favoritesTitle:t="Favorites",applications:a,isLoading:n=!1,onApplicationClick:l,onFavoriteToggle:r})=>{const[s,o]=e.useState([]),[i,m]=e.useState(!0),[d,u]=e.useState(!1),[g,f]=e.useState(null),[h,E]=e.useState(null),b=e.useRef(null),v=e.useRef(null),w=void 0!==a,y=w&&a?a.map((e=>({...e,app_icon_sm:e.application_icon||e.app_icon_sm,app_name:e.application_name||e.app_name}))):[],N=w?y:s,x=w?n:i,C=e.useCallback((e=>{u(e)}),[]),k=e.useCallback((async()=>{try{m(!0);const e=(await(async()=>await oe({url:se.applications}))()).map((e=>({...e,app_icon_sm:e.application_icon,app_name:e.application_name})));o(e)}catch(e){console.error("fetchData error",e)}finally{m(!1)}}),[]),T=e.useCallback((async(e,t)=>{try{if(f(e),r)await r(e,t);else{const a=t?ue:pe;await a(e),w||o((a=>a.map((a=>a.id_application===e?{...a,favorite:t}:a))))}t&&(E(e),setTimeout((()=>E(null)),300))}catch(e){console.error("toggleFavorite error",e)}finally{f(null)}}),[w,r]);e.useEffect((()=>{w||s?.length||k()}),[w,s?.length,k]);const S=N.filter((e=>e.favorite)),$=N.filter((e=>!e.favorite));return x?e.createElement(p,{width:48,height:48}):N.length?e.createElement(c,{show:d,onToggle:C,autoClose:"outside",className:"dropdown-deck",style:{position:"relative"}},e.createElement(c.Toggle,{ref:b,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(c.Menu,{as:"div",ref:v,popperConfig:qe,renderOnMount:!0},e.createElement("div",{className:"dropdown-items-wrapper"},S.length>0&&e.createElement(c.Item,null,e.createElement("h4",{className:"dropdown-header"},t)),S.map((t=>e.createElement(Fe,{key:t.id_application,element:t,onToggleFav:T,onAppClick:l,isLoading:g===t.id_application,isAnimating:h===t.id_application}))),S.length>0&&$.length>0&&e.createElement(c.Divider,null),$.map((t=>e.createElement(Fe,{key:t.id_application,element:t,onToggleFav:T,onAppClick:l,isLoading:g===t.id_application,isAnimating:h===t.id_application})))))):null};ze.propTypes={favoritesTitle:t.string,applications:t.arrayOf(t.shape({id_application:t.number.isRequired,application_name:t.string.isRequired,application_url:t.string.isRequired,application_icon:t.string,favorite:t.bool})),isLoading:t.bool,onApplicationClick:t.func,onFavoriteToggle:t.func};const _e=({userData:t,isLoading:a=!1})=>{const{theme:n,setTheme:l}=W(),[r,s]=e.useState({}),[o,i]=e.useState(!0),[m,d]=e.useState(!1),u=e.useRef(null),g=e.useRef(null),f=void 0!==t,h=f?a:o,E=f?{imageAuth:t?.auth_data?.oauth_picture,fullNameAuth:t?.auth_data?.oauth_username,emailAuth:t?.auth_data?.email,oauthName:t?.auth_data?.oauth_name?.toLowerCase()}:r,b=e.useCallback((async()=>{await(async()=>await ie({url:se.authLogout}))().then((()=>{window.location.href="/"})).catch((e=>{console.error(e)}))}),[]);e.useEffect((()=>{f||(i(!0),(async()=>await oe({url:se.authStatus}))().then((e=>{const{oauth_username:t,oauth_picture:a,email:n,oauth_name:l}=e?.auth_data;s({imageAuth:a,fullNameAuth:t,emailAuth:n,oauthName:l?.toLowerCase()})})).catch((e=>{console.error("Error",e)})).finally((()=>{i(!1)})))}),[f]);return h?e.createElement(p,{width:82,height:48,borderRadius:999}):e.createElement(c,{show:m,onToggle:e=>{d(e)},autoClose:"outside"},e.createElement(c.Toggle,{ref:u,className:"btn-user"},e.createElement("div",{className:"avatar"},e.createElement("img",{src:E.imageAuth})),e.createElement(O,{style:"solid",name:"angle-down",scale:1,className:"icon caret"})),e.createElement(c.Menu,{as:"div",ref:g,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(c.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:E.imageAuth})),e.createElement(q,{logo:E.oauthName})),e.createElement("div",{className:"user-info"},e.createElement("span",{className:"user-name"},E.fullNameAuth),e.createElement("span",{className:"email-auth"},E.emailAuth)))),e.createElement(c.Item,{as:"div",onClick:()=>{window.open("https://deck.groovinads.com/","_blank")}},e.createElement(O,{name:"id-badge"}),e.createElement("span",null,"My profile…")),e.createElement(c.Item,{as:"div"},e.createElement(Z,{label:"Theme",icon:"circle-half-stroke",size:"md",isChild:!0,drop:"end",autoClose:!0},e.createElement(c.Menu,null,[{value:"default",label:"System (Default)",icon:"desktop"},{value:"light",label:"Light",icon:"sun"},{value:"dark",label:"Dark",icon:"moon"}].map((t=>e.createElement(c.Item,{key:t.value,as:"div",onClick:()=>{return e=t.value,void l(e);var e},active:n===t.value},e.createElement(O,{name:t.icon}),e.createElement("span",null,t.label))))))),e.createElement(c.Divider,null),e.createElement(c.Item,{as:"div",onClick:b},e.createElement(O,{name:"right-from-bracket"}),e.createElement("span",null,"Logout")))))};_e.propTypes={userData:t.shape({auth_data:t.shape({oauth_username:t.string,oauth_picture:t.string,email:t.string,oauth_name:t.string})}),isLoading:t.bool};const Me=({clientLogoUrl:t,clientNotFoundText:a="It looks like this client does not exist.",clientNotFoundTitle:n="Client not found",clientSearchLabel:l="Search client",profileSelectedClient:r})=>{const[s,o]=e.useState(!1),[i,c]=e.useState([]),[m,d]=e.useState(""),[u,g]=e.useState(!1),[h,E]=e.useState((()=>{const{id_client:e,client_name:t,email:a}=r;return{id_client:e,client_name:t,email:a}})),b=e.useRef(null),v=e.useRef(null),w=h?.client_name?.slice(0,2),y=h?.client_name||"Client name",N=h?.email||"Client Email",x=`${h?.client_name} logo`,C=i.length>1,k=e=>{g(e)},T=e.useCallback((async()=>{try{o(!0);const e=await(async()=>await oe({url:se.clients}))();c(e)}catch(e){console.error("fetchClientsData error",e)}finally{o(!1)}}),[]),S=i.filter((({client_name:e,id_client:t,email:a})=>`${e} ${t}`.toLowerCase().includes(m.toLowerCase())||a?.toLowerCase()?.includes(m?.toLowerCase()))),$=e.useCallback((async e=>{try{o(!0),await(async e=>await ie({url:se.clientsLogin,data:{id_client:e}}))(e.id_client),E(e),"/"!==window.location.href.slice(-1)?window.location.replace(window.location.href+"/"):window.location.reload()}catch(e){console.error(" error en ClientsDropdowns ",e)}finally{o(!1)}}),[]);e.useEffect((()=>{T()}),[T]),e.useEffect((()=>{u||d("")}),[u]);const L=i.length>1&&u,D=e=>()=>{$(e)};return e.createElement(e.Fragment,null,s?e.createElement("div",{className:"skeleton-wrapper dropdown-clients dropup"},e.createElement(p,{width:32,height:32}),e.createElement(p,{width:150,height:10,count:2,containerClassName:"pt-1"})):e.createElement(f.Dropdown,{drop:"up",className:"dropdown-clients",show:L,onToggle:k},e.createElement(f.Dropdown.Toggle,{ref:b,variant:"client-selector",onClick:()=>{k(!u)}},t?e.createElement("img",{src:t,alt:x,className:"client-logo"}):e.createElement("div",{className:"client-logo"},e.createElement("p",null,w)),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"},"[",h?.id_client,"]")),e.createElement("p",{className:"dropdown-client-email"},N)),C&&e.createElement(O,{style:"solid",name:"angle-up",scale:1,className:"caret"})),e.createElement(f.Dropdown.Menu,{as:"div",ref:v,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"},u&&e.createElement(e.Fragment,null,e.createElement(f.Dropdown.Item,{as:"div",onClick:e=>{e.stopPropagation()}},e.createElement(J,{size:"sm",label:l,icon:"magnifying-glass",className:"w-100",value:m,onChange:e=>{d(e.target.value)},autoFocus:!0})),e.createElement(f.Dropdown.Item,{as:"ul",className:"client-list"},S.length?S.map((t=>e.createElement("li",{className:"client",key:t.id_client,onClick:D(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))))))))))};Me.propTypes={clientLogoUrl:t.string,clientNotFoundText:t.string,clientNotFoundTitle:t.string,clientSearchLabel:t.string,profileSelectedClient:t.object};const Ie="https://ui.groovinads.com/2.0.0/assets/logos/ga-logo.svg",Ae=({children:t,logoUrl:n,logoUrlMobile:l,setShow:r,show:s,showDeckMenu:o=!1,showUserMenu:i=!1,applications:c,applicationsLoading:m=!1,userData:d,userDataLoading:u=!1,favoritesTitle:g="Favorites",onApplicationClick:f,onFavoriteToggle:h})=>{const E=a.useMediaQuery({query:"(max-width: 768px)"}),v=n||Ie,w=l||n||Ie,[y,N]=e.useState(!1),x=e.useRef(null);e.useEffect((()=>{N(!1),x.current&&x.current.complete&&N(!0)}),[n,l]);return e.createElement("div",{id:"ga-header",className:"header fixed-top shadow-2"},e.createElement(b,{fluid:!0,className:"navbar"},e.createElement("div",{className:"brand-wrapper"},r&&void 0!==s&&e.createElement(I,{className:s?"sidebar-toggler":"sidebar-toggler collapsed",variant:"terciary",type:"button",onClick:()=>r((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"}))),o&&!E&&e.createElement(ze,{applications:c,isLoading:m,favoritesTitle:g,onApplicationClick:f,onFavoriteToggle:h}),!y&&e.createElement(p,{width:E?85:173,height:34}),e.createElement("img",{ref:x,src:E?w:v,className:"ga-logo",alt:n?"App logo":"Groovinads logo",onLoad:()=>{N(!0)},onError:()=>{N(!0)},style:{display:y?"block":"none"}})),(t||i)&&e.createElement("div",{className:"nav-wrapper"},t,i&&e.createElement(_e,{userData:d,isLoading:u}))))};Ae.propTypes={children:t.node,logoUrl:t.string,logoUrlMobile:t.string,setShow:t.func,show:t.bool,showDeckMenu:t.bool,showUserMenu:t.bool,applications:t.arrayOf(t.shape({id_application:t.number.isRequired,application_name:t.string.isRequired,application_url:t.string.isRequired,application_icon:t.string,favorite:t.bool})),applicationsLoading:t.bool,userData:t.shape({auth_data:t.shape({oauth_username:t.string,oauth_picture:t.string,email:t.string,oauth_name:t.string})}),userDataLoading:t.bool,favoritesTitle:t.string,onApplicationClick:t.func,onFavoriteToggle:t.func};const Pe=({breadcrumbs:t,title:a,description:n,editable:l=!1,onTitleChange:r,onTitleSave:s,loading:o=!1,actions:i,customHTML:c,className:m="",linkComponent:d="a",backButton:u=!1,onBackClick:g})=>e.createElement("div",{className:`heading ${m}`},t&&t.length>0&&e.createElement(f.Row,null,e.createElement(f.Col,{xs:12},e.createElement("nav",{"aria-label":"breadcrumb"},e.createElement("ol",{className:"breadcrumb"},t.map(((a,n)=>{const l=n===t.length-1;return e.createElement("li",{key:n,className:"breadcrumb-item "+(l?"active":""),"aria-current":l?"page":void 0},a.to?e.createElement(d,{to:a.to,href:a.to},a.icon&&e.createElement(O,{name:a.icon}),a.label&&` ${a.label}`):e.createElement(e.Fragment,null,a.icon&&e.createElement(O,{name:a.icon}),a.label&&` ${a.label}`))})))))),e.createElement(f.Row,{className:"mb-4"},e.createElement(f.Col,{xs:12,md:i?6:void 0},e.createElement("div",{className:"d-flex align-items-start gap-2"},u&&e.createElement(I,{variant:"terciary",startIcon:"arrow-left",onClick:g,disabled:o,className:"back-button"}),e.createElement("div",{className:"flex-grow-1"},o?e.createElement(p,{height:"2rem",width:400,className:"mb-1"}):l?e.createElement("div",{className:"d-block"},e.createElement(R,{as:"h2",value:a,onChange:r,onSave:s,className:"mb-0"})):e.createElement("h2",{className:"mb-0"},a),o?e.createElement(p,{width:200}):n&&e.createElement("p",{className:"mb-0"},n)))),i&&e.createElement(f.Col,{xs:12,md:6},e.createElement("div",{className:"buttons-wrapper",role:"group"},i))),c&&e.createElement(f.Row,null,e.createElement(f.Col,{xs:12},c)));Pe.propTypes={actions:t.node,backButton:t.bool,breadcrumbs:t.arrayOf(t.shape({label:t.string,to:t.string,icon:t.string})),className:t.string,customHTML:t.node,description:t.node,editable:t.bool,linkComponent:t.elementType,loading:t.bool,onBackClick:t.func,onTitleChange:t.func,onTitleSave:t.func,title:t.node.isRequired};const Be=({className:t="",currentPage:a,pageSize:n,onPageChange:l,onPageSizeChange:r,onPrevPage:s,onNextPage:o,pageSizeOptions:i=[10,50,100],paginationMode:c="local",showPerPageLabel:m="Show per page",totalPages:d,locale:u})=>{const[p,g]=e.useState(!1),[h,E]=e.useState(null),b=e.useRef(null);e.useEffect((()=>{b.current&&E(b.current.offsetWidth)}),[p]);const v=(()=>{const e=[];if(d<=7)for(let t=1;t<=d;t++)e.push(t);else{e.push(1);const t=Math.max(2,a-2),n=Math.min(d-1,a+2);t>2&&e.push("...");for(let a=t;a<=n;a++)e.push(a);n<d-1&&e.push("..."),e.push(d)}return e})();return e.createElement(f.Row,{className:`mb-3 pagination ${t}`},e.createElement(f.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(Z,{show:p,onToggle:()=>{g(!p)},variant:"input",fullWidth:!0,selectedValue:ce(n,u),size:"sm",autoClose:!0,label:""},e.createElement(e.Fragment,null,i.map((t=>e.createElement(f.DropdownItem,{key:t,onClick:()=>(e=>{r(e),g(!1)})(t),active:t===n},ce(t,u))))))),e.createElement("div",{className:"pagination-wrapper"},e.createElement(I,{variant:"secondary",size:"sm",onClick:s,disabled:1===a,startIcon:"chevron-left"}),"local"===c&&d>1&&e.createElement("div",{className:"btn-group",role:"group"},v.map(((t,n)=>"..."===t?e.createElement("div",{key:`ellipsis-${n}`,className:"btn btn-sm btn-secondary btn-ellipsis"},"…"):e.createElement(I,{key:t,variant:"secondary",size:"sm",className:"page-number "+(t===a?"current-page":""),onClick:()=>l(t)},ce(t,u))))),e.createElement(I,{variant:"secondary",size:"sm",onClick:o,disabled:a===d,startIcon:"chevron-right"})))))};Be.propTypes={currentPage:t.number.isRequired,pageSize:t.number.isRequired,onPageChange:t.func.isRequired,onPageSizeChange:t.func.isRequired,onPrevPage:t.func.isRequired,onNextPage:t.func.isRequired,pageSizeOptions:t.arrayOf(t.number),paginationMode:t.oneOf(["local","remote"]),showPerPageLabel:t.string,totalPages:t.number,locale:t.string};const Ke=({api:t,clientLogoUrl:n,clientNotFoundTitle:l,clientNotFoundText:r,clientSearchLabel:s,customLinks:o,customUrl:i,defaultOpened:c=!0,inModal:m=!1,onNavigate:d,selectedClient:u,setGroovinProfile:g,setShow:h,show:E,showClients:b=!1})=>{const v=!!m||a.useMediaQuery({query:"(max-width: 992px)"}),w=void 0!==i?i:window.location.pathname,[y,N]=e.useState([]),[x,C]=e.useState(null),[k,T]=e.useState(!v&&c),[S,$]=e.useState(!1),[L,D]=e.useState(!1),R=e.useRef(null),q=e.useRef(!0);e.useEffect((()=>{t&&(async()=>{try{D(!0);const e=await me(t);N(e)}catch(e){console.error("fetchData error",e)}finally{D(!1)}})()}),[t]),e.useEffect((()=>{T(q.current?c:E)}),[E]),e.useEffect((()=>{v&&h&&!m&&h(k),m||T(!v&&(q.current?c:E)),q.current=!1}),[]),e.useEffect((()=>{$(!1)}),[n]);return e.createElement("nav",{id:"sidebarMenu",className:"sidebar "+(k?"show":""),ref:R},m?e.createElement(e.Fragment,null):e.createElement("div",{className:"position-relative d-none d-lg-block"},e.createElement("button",{className:"collapse-button",onClick:()=>{T((e=>!e)),h(!E)}},e.createElement(O,{className:"collapse-icon",name:"angle-left"}))),e.createElement("div",{className:"scroll"},o.map(((a,n)=>e.createElement("div",{className:"sidebar-section",key:`sectionIndex${n}`},a.title?e.createElement("h4",null,e.createElement("span",null,a.title)):e.createElement(e.Fragment,null),a.backData&&t&&L?e.createElement(p,{width:"90%",count:5,containerClassName:"mb-3 ms-3 d-block",className:"mb-4"}):e.createElement("ul",{className:"nav"},(a.backData?y:a.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 "+(x!==`${n}.${a}`?"collapsed":""),onClick:()=>{var e;C(x===(e=`${n}.${a}`)?null:e)},"aria-controls":`collapse-menu-${t.name}`,"aria-expanded":x===`${n}.${a}`},e.createElement(O,{name:t.icon}),e.createElement("span",null,t.name)),e.createElement(f.Collapse,{in:x===`${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 "+(w===a.url?"active":""),onClick:()=>d(a.url)},!v&&e.createElement(O,{name:t.icon,style:"regular"}),e.createElement("span",null,a.name)))))))):e.createElement(e.Fragment,null,e.createElement("button",{className:"nav-link "+(w===t.url?"active":""),onClick:()=>d(t.url)},e.createElement(O,{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(O,{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(Me,{clientLogoUrl:n,profileSelectedClient:u,showClients:b,setGroovinProfile:g,clientNotFoundTitle:l,clientNotFoundText:r,clientSearchLabel:s}):e.createElement("div",{className:"client-logo"},!S&&e.createElement(p,{width:178,height:"3rem"}),e.createElement("img",{src:n,alt:"Client Logo",onLoad:()=>$(!0),onError:()=>$(!0),style:{display:S?"block":"none"}}))))};Ke.propTypes={api:t.string,clientLogoUrl:t.string,clientNotFoundTitle:t.string,clientNotFoundText:t.string,clientSearchLabel:t.string,customLinks:t.array.isRequired,customUrl:t.oneOfType([t.string,t.oneOf([void 0])]),defaultOpened:t.bool,inModal:t.bool,onNavigate:t.func.isRequired,pendingType:t.oneOf(["warning","badge"]),selectedClient:t.object,setGroovinProfile:t.func,setShow:t.func,show:t.bool,showClients:t.oneOf([!0,!1,"single"])};const je=({className:t="",current:a,list:n,orientation:l="horizontal"})=>e.createElement("ol",{className:`stepper ${l} ${t}`},n.map(((t,n)=>e.createElement("li",{key:"Stepper"+n,className:a===n?"current":""},e.createElement("span",null,t)))));function Ue({activeTab:t=1,className:a="",disabledTabs:n=[],navigateTab:l=!1,onNavigate:r,setActiveTab:s,tabs:o=[]}){const{toCamelCase:i}=G(),[c,m]=e.useState(t);return e.useEffect((()=>{m(t)}),[t]),e.createElement(f.Nav,{variant:"tabs",activeKey:i(o[c-1]?.tab),onSelect:e=>{if(l){const t=o.find((t=>i(t.tab)===e));r(t.url)}else{const t=o.findIndex((t=>i(t.tab)===e))+1;s?s(t):m(t)}},className:a},(o||[])?.map((({tab:t,badgeNumber:a,warningIcon:l},r)=>{const s=r+1,o=n.includes(s);return e.createElement(f.Nav.Item,{key:`tabs.tab: ${r}`},e.createElement(f.Nav.Link,{eventKey:i(t),className:o?"disabled":""},l&&e.createElement(O,{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)))})))}je.propTypes={className:t.string,current:t.number.isRequired,list:t.array.isRequired,orientation:t.oneOf(["horizontal","vertical"])},Ue.propTypes={activeTab:t.number,className:t.string,disabledTabs:t.arrayOf(t.number),navigateTab:t.bool,onNavigate:t.func,setActiveTab:t.func,tabs:t.array.isRequired};const He=({rows:t,cols:a,className:n=""})=>{const[l,r]=e.useState([]),[s,o]=e.useState([[]]);return e.useEffect((()=>{r(new Array(a).fill()),o(new Array(t).fill(new Array(a).fill()))}),[t,a]),l.length&&s.length?e.createElement("div",{className:`table-skeleton shadow-1 ${n}`},e.createElement("div",{className:"table-skeleton-header"},l.map(((t,a)=>e.createElement("div",{key:a,className:"table-skeleton-col"},e.createElement(p,{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(p,{containerClassName:"w-100",width:"100%",height:19}))))))))):null};He.propTypes={rows:t.number.isRequired,cols:t.number.isRequired,className:t.string},exports.AccordionComponent=Le,exports.AccordionItem=Oe,exports.Alert=L,exports.Aside=De,exports.BlockIcon=D,exports.Button=I,exports.Card=A,exports.Checkbox=Y,exports.DropdownComponent=Z,exports.DropdownDatePicker=Ce,exports.DropdownFilter=ye,exports.DropdownMultiSelect=Ne,exports.DropdownSimpleDatePicker=xe,exports.Dropzone=X,exports.EditableContent=R,exports.Footer=Re,exports.Icon=O,exports.Input=J,exports.InputChip=ne,exports.InputEmail=ge,exports.LoginSource=q,exports.ModalComponent=ke,exports.MultiValueInput=he,exports.Navbar=Ae,exports.PageHeader=Pe,exports.Pagination=Be,exports.PillComponent=F,exports.ProgressBar=z,exports.Radio=Q,exports.Sidebar=Ke,exports.Slider=ee,exports.Spinner=_,exports.StatusIcon=M,exports.Stepper=je,exports.Switch=te,exports.TableSkeleton=He,exports.Tabnav=Ue,exports.TemplateInput=we,exports.Textarea=ae,exports.ThemeProvider=V,exports.ToastComponent=Se,exports.ToastProgress=$e,exports.useTheme=W;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "groovinads-ui",
3
3
  "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.",
4
- "version": "2.1.0",
4
+ "version": "2.1.2",
5
5
  "type": "module",
6
6
  "keywords": [
7
7
  "css",