groundfloor-react-ui 1.2.25 → 1.2.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.es.js +1500 -1300
  2. package/dist/index.js +1197 -997
  3. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,useEffect as i,Component as n,Fragment as a,createRef as c}from"react";import s,{useTheme as d,css as p,keyframes as m,createGlobalStyle as u}from"styled-components";import{ReactSVG as g}from"react-svg";import{usePopperTooltip as b}from"react-popper-tooltip";import f from"react-datepicker";import h,{components as y}from"react-select";import x from"react-select/async";import A from"react-signature-pad-wrapper";import v from"react-data-table-component";import C from"react-modal";function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},w.apply(this,arguments)}const S={"primary-1":"#2E56F4","primary-2":"#081348"},k={error:"#DD0000",success:"#00B904 "},E={"neutral-1":"#39424D","neutral-2":"#929EAC","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},z={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},V={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},M={primary:{...S},ui:{...k},neutral:{...E},shade:{...z},graph:{...V},variant:{...S,...k,...E,...z,...V},textColor:S["primary-2"],bgColor:"#FFFFFF",black:"#000000",border:"#D4D7E3"},B={common:{color:"blue","background-color":`${M.bgColor}`},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${M.variant["neutral-2"]}`,"margin-bottom":"0","padding-bottom":"0"},button:{color:"red","border-color":"black"},progressbarLabel:{display:"block","margin-left":"13px","margin-bottom":"7px","padding-bottom":"0","font-style":"normal","font-weight":"normal","font-size":"14px",color:`${M.neutral["neutral-2"]}`},spinner:{"background-color":`${M.variant["neutral-1"]}`},avatarContainer:{background:"transparent",display:"flex","align-items":"center",width:"100%",position:"relative"},avatarCircle:{"border-radius":"50%",display:"flex","align-items":"center","justify-content":"center","box-sizing":"border-box"},avatarCircleSM:{"font-weight":"600","font-size":"13px","min-width":"30px","min-height":"30px"},avatarCircleMD:{"font-weight":"400","font-size":"12px","min-width":"32px","min-height":"32px"},avatarCircleLG:{"font-weight":"400","font-size":"16px","min-width":"38px","min-height":"38px"},avatarName:{},avatarNameSM:{"margin-left":"8px","font-size":"14px"},avatarNameMD:{"margin-left":"10px","font-size":"16px"},avatarNameLG:{"margin-left":"12px","font-size":"16px"},"textbox-wrapper":{"border-radius":"4px",padding:"5.5px 7px",display:"flex","align-items":"center","line-height":".5rem",position:"relative"},"input-wrapper":{border:"0",outline:"0",margin:"0 5px",padding:"0px","font-size":"14px","flex-grow":"1","flex-shrink":"0","white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"},"textarea-wrapper":{border:"0",outline:"0",color:`${M.variant["primary-2"]}`,margin:"0 5px",padding:"5px","font-size":"14px","flex-grow":"1","flex-shrink":"0","line-height":"12px"},"label-text":{"font-family":"Averta","font-style":"normal","font-weight":"normal","font-size":"14px",color:`${M.variant["neutral-2"]}`,display:"flex","align-items":"center","justify-content":"center",width:"max-content","background-color":"transparent","margin-bottom":"0px","padding-bottom":"0px"},image:{"border-radius":"0%",width:"100%",height:"100%"},imageAvatar:{"border-radius":"50%","box-sizing":"border-box",position:"absolute"},imageAvatarSM:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"30px",height:"30px"},imageAvatarMD:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"32px",height:"32px"},imageAvatarLG:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"38px",height:"38px"},table:{table:{style:{borderRadius:"4px",paddingRight:"0px",backgroundColor:"transparent"}},checkbox:{style:{maxHeight:"28px",maxWidth:"28px"}},headRow:{style:{background:`${M.variant["neutral-5"]}`,borderLeft:`1px solid ${M.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${M.variant["neutral-5"]}`,borderTop:`1px solid ${M.variant["neutral-5"]}`,borderTopLeftRadius:"4px",borderTopRightRadius:"4px",paddingLeft:"56px",borderBottom:"none",minHeight:"44px",maxHeight:"44px"}},headCells:{style:{fontSize:"14px",fontWeight:"600","&:first-of-type":{paddingLeft:"0px !important"}}},rows:{style:{background:`${M.variant.bgColor}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${M.variant["neutral-5"]}`,borderRight:`1px solid ${M.variant["neutral-5"]}`,borderBottom:`1px solid ${M.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${M.variant["neutral-5"]}`}}},header:{display:"flex","justify-content":"space-between","align-items":"center",position:"fixed","z-index":"1000",top:"0",right:"0",left:"0","min-height":"51px","padding-left":"39px","font-size":"16px","background-color":`${M.bgColor}`,"border-bottom":`0.5px solid ${M.variant["neutral-3"]}`},content:{"background-color":"#eef1f7",width:"100%","min-height":"100%","padding-top":"53px","box-sizing":"border-box",display:"flex","flex-direction":"column","margin-left":"70px"},"radio-outer-circle":{width:"20px",height:"20px","min-width":"20px","min-height":"20px","border-radius":"50%",display:"flex","justify-content":"center","align-items":"center"},"radio-inner-circle":{display:"flex","align-self":"center",margin:"0","border-radius":"50%"},"radio-label":{display:"block","margin-bottom":"7px","padding-bottom":"0",color:`${M.variant["neutral-2"]}`},"option-text":{color:"#A9B1B8","font-size":"16px"},sidebarContainer:{"min-height":"100%",overflow:"hidden","background-color":"#2e56f4",position:"fixed",color:"white",width:"70px",transition:"width ease 400ms"},"checkBox-outer":{border:`2px solid ${M.border}`,minWidth:"20px",width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${M.bgColor}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",minWidth:"20px",width:"20px",height:"20px",color:`${M.bgColor}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"7px","padding-bottom":"0px",color:`${M.variant["neutral-2"]}`},"checkbox-option-text":{"font-size":"16px","margin-left":"10px","background-color":`${M.bgColor}`},"toggle-switch-wrapper":{display:"flex","align-items":"center",gap:"7px",width:"fit-content"},"toggle-switch-checkbox-label":{position:"absolute",width:"45px",height:"22px","border-radius":"31px",cursor:"pointer",marginBottom:"0px"},"toggle-switch-option-text":{color:`${M.neutral["neutral-1"]}`,"font-size":"16px"},"dropzone-parent":{height:"86px","padding-left":"8px","padding-right":"8px",display:"flex","justify-content":"center","align-items":"center","font-size":"16px","border-radius":"5.5px",color:` ${M.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${M.textColor}`,"background-color":`${M.bgColor}`,"box-shadow":"0px 5px 15px rgba(33, 55, 71, 0.096946)","border-radius":"5.5px","margin-top":"5px"},"dropzone-text-div":{display:"flex","justify-content":"center","margin-left":"14px",color:`${M.textColor}`,"background-color":"transparent"},"dropzone-file-name":{"margin-left":"5px",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap",padding:"2px","font-size":"14px",color:"#494949"},"signature-parent-div":{"border-radius":"5.5px","align-content":"flex-start","justify-content":"center",width:"inherit","max-width":"532px",height:"86px",display:"block","flex-flow":"column wrap","font-size":"17px",color:`${M.textColor}`,"background-color":`${M.bgColor}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${M.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${M.bgColor}`,"font-family":"Beauty","background-clip":"padding-box",color:"#444444","font-style":"normal","font-weight":"normal","font-size":"47px","padding-left":"10px"},"modal-background":{position:"fixed",top:"0",left:"0",width:"100%",height:"100%",background:"rgba(0, 0, 0, 0.6)","z-index":"2000"},"modal-wrapper":{position:"fixed",display:"flex","align-items":"end","justify-content":"center","flex-direction":"column",background:"white",width:"fit-content",height:"fit-content",top:"50%",left:"50%",transform:"translate(-50%, -50%)","border-radius":"5px"},"modal-close-button":{cursor:"pointer",width:"fit-content",height:"fit-content",padding:"0","padding-right":"5px","padding-top":"5px",color:`${M.textColor}`},footer:{display:"flex","margin-top":"auto",width:"100%"},drawer:{"min-height":"100%",overflow:"hidden",position:"fixed",width:"360px",transition:"transform ease 400ms",display:"flex","flex-direction":"column","background-color":"#FFFFFF","box-sizing":"border-box","box-shadow":"-20px 5px 37px rgba(56, 66, 100, 0.0880136)",top:"51px",right:"0px","z-index":"1001"},"drawer-close":{transform:"translateX(360px)"},"drawer-open":{transform:"translateX(0px)"},"tooltip-container":{"background-color":`${M.bgColor}`,"border-radius":"3.6px",border:`1px solid ${M.bgColor}`,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"tooltip-arrow":{height:"19px",position:"absolute",width:"29px","pointer-events":"none"},"tooltip-arrow-before":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",width:"0"},"tooltip-arrow-after":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",position:"absolute",width:"0"},"tp-cont-bottom-arrow-before":{"border-color":`transparent transparent ${M.bgColor} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${M.bgColor} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${M.bgColor} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${M.bgColor} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${M.bgColor} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${M.bgColor} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${M.bgColor}`,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${M.bgColor}`,"border-width":"15px 0 15px 19px",left:"3px",top:"0"},"tp-cont-bottom-arrow":{left:"0","margin-top":"-19px",top:"0"},"tp-cont-top-arrow":{bottom:"0",left:"0","margin-bottom":"-19px"},"tp-cont-right-arrow":{left:"0","margin-left":"-24px"},"tp-cont-left-arrow":{"margin-right":"-24px",right:"0"},overlay:{"background-color":`${M.bgColor}`,"border-radius":"3.6px",border:`1px solid ${M.bgColor}`,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"simple-overlay":{"background-color":`${M.variant["neutral-1"]}`,"border-radius":"6px",border:`1px solid ${M.variant["neutral-1"]}`,color:`${M.bgColor}`,display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"sidebar-container":{"min-height":"100%",overflow:"hidden","background-color":"#2e56f4",position:"fixed",color:"white",transition:"width ease 400ms",display:"flex","flex-direction":"column","z-index":"1001"},"sidebar-container-open":{width:"240px"},"sidebar-container-close":{width:"70px"},"sidebar-container-mobile-open":{width:"240px","z-index":"1001"},"sidebar-container-mobile-close":{width:"0px","z-index":"1001"},"sidebar-pusher":{"min-height":"100%",overflow:"hidden","background-color":"transparent",position:"fixed",transition:"width ease 400ms"},"sidebar-pusher-open":{width:"240px"},"sidebar-pusher-close":{width:"70px"},"sidebar-pusher-mobile":{width:"0px"},"modalComp-custom-style":{content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",transform:"translate(-50%, -50%)",zIndex:"999"}},"modalComp-modal-close":{position:"absolute",top:"15px",right:"10px",outline:"none",border:"none",background:"transparent",cursor:"pointer"},"modalComp-modal-body":{"margin-top":"20px","margin-bottom":"15px"},"modalComp-modal-footer":{"margin-top":"30px","margin-bottom":"15px",padding:"1rem 3rem 0rem 3rem","&:before":{content:"",position:"fixed",display:"inline-block",left:0,right:0,"margin-top":"-0.9rem","z-index":-1},"selectComp-label-wrapper":{paddingBottom:"10px",display:"flex",width:"25vw"}},"popOver-Content":{padding:"16px",color:"white",width:"226px",borderRadius:"3.6px"},"popOver-header":{marginBottom:"8px",fontWeight:"600"},"popOver-body":{marginBottom:"11.5px"},ColorWrapper:{borderRadius:"4.87px",padding:"8px 21px",display:"flex"},"input-color":{borderRadius:"4px",width:"24px",height:"24px"}},I=(e,t)=>{if(e){let o={};if(e[t]){for(const r in e[t])o[r]=e[t][r],delete e.common[r];for(const t in e.common)o[t]=e.common[t]}return o}};function W(e,t){var o=parseInt(e.slice(1,3),16),r=parseInt(e.slice(3,5),16),l=parseInt(e.slice(5,7),16);return t?"rgba("+o+", "+r+", "+l+", "+t+")":"rgb("+o+", "+r+", "+l+")"}W("#FF0000",.5);const R=s.div`
1
+ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,useEffect as i,createRef as n,Component as a,Fragment as c,createContext as s,useMemo as d,useContext as p}from"react";import m,{useTheme as u,css as g,keyframes as b,createGlobalStyle as f}from"styled-components";import{ReactSVG as h}from"react-svg";import{usePopperTooltip as y}from"react-popper-tooltip";import x from"react-datepicker";import v,{components as A}from"react-select";import C from"react-select/async";import w from"react-signature-pad-wrapper";import S from"react-data-table-component";import E from"react-modal";import{createPortal as k}from"react-dom";function z(){return z=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},z.apply(this,arguments)}const V={"primary-1":"#2E56F4","primary-2":"#081348"},M={error:"#DD0000",success:"#00B904 "},B={"neutral-1":"#39424D","neutral-2":"#929EAC","neutral-3":"#BBC4CF","neutral-4":"#E2E6F5","neutral-5":"#F0F3F8"},W={"insight-purple":"#F8F2FF","insight-yellow":"#FFFAF2","error-bg":"#FCF2F2","selection-bg":"#F2F4FE"},I={"graph-1":"#2E56F4","graph-2":"#00D7F7","graph-3":"#8B2DFF","graph-4":"#FB9A00","graph-5":"#00B904"},R={primary:{...V},ui:{...M},neutral:{...B},shade:{...W},graph:{...I},variant:{...V,...M,...B,...W,...I},textColor:V["primary-2"],bgColor:"#FFFFFF",black:"#000000",border:"#D4D7E3"},L={common:{color:"blue","background-color":`${R.bgColor}`},label:{"padding-left":"6px","font-style":"normal","font-weight":"normal","font-size":"14px",display:"flex",width:"inherit","align-items":"flex-start",color:`${R.variant["neutral-2"]}`,"margin-bottom":"0","padding-bottom":"0"},button:{color:"red","border-color":"black"},progressbarLabel:{display:"block","margin-left":"13px","margin-bottom":"7px","padding-bottom":"0","font-style":"normal","font-weight":"normal","font-size":"14px",color:`${R.neutral["neutral-2"]}`},spinner:{"background-color":`${R.variant["neutral-1"]}`},avatarContainer:{background:"transparent",display:"flex","align-items":"center",width:"auto",position:"relative"},avatarCircle:{"border-radius":"50%",display:"flex","align-items":"center","justify-content":"center","box-sizing":"border-box"},avatarCircleSM:{"font-weight":"600","font-size":"13px","min-width":"30px","min-height":"30px"},avatarCircleMD:{"font-weight":"400","font-size":"12px","min-width":"32px","min-height":"32px"},avatarCircleLG:{"font-weight":"400","font-size":"16px","min-width":"38px","min-height":"38px"},avatarName:{},avatarNameSM:{"margin-left":"8px","font-size":"14px"},avatarNameMD:{"margin-left":"10px","font-size":"16px"},avatarNameLG:{"margin-left":"12px","font-size":"16px"},"textbox-wrapper":{"border-radius":"4px",padding:"5.5px 7px",display:"flex","align-items":"center","line-height":".5rem",position:"relative"},"input-wrapper":{border:"0",outline:"0",margin:"0 5px",padding:"0px","font-size":"14px","flex-grow":"1","flex-shrink":"0","white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"},"textarea-wrapper":{border:"0",outline:"0",color:`${R.variant["primary-2"]}`,margin:"0 5px",padding:"5px","font-size":"14px","flex-grow":"1","flex-shrink":"0","line-height":"12px"},"label-text":{"font-family":"Averta","font-style":"normal","font-weight":"normal","font-size":"14px",color:`${R.variant["neutral-2"]}`,display:"flex","align-items":"center","justify-content":"center",width:"max-content","background-color":"transparent","margin-bottom":"0px","padding-bottom":"0px"},image:{"border-radius":"0%",width:"100%",height:"100%"},imageAvatar:{"border-radius":"50%","box-sizing":"border-box",position:"absolute"},imageAvatarSM:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"30px",height:"30px"},imageAvatarMD:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"32px",height:"32px"},imageAvatarLG:{"border-radius":"50%","box-sizing":"border-box",position:"absolute",width:"38px",height:"38px"},table:{table:{style:{borderRadius:"4px",paddingRight:"0px",backgroundColor:"transparent"}},checkbox:{style:{maxHeight:"28px",maxWidth:"28px"}},headRow:{style:{background:`${R.variant["neutral-5"]}`,borderLeft:`1px solid ${R.variant["neutral-5"]}`,borderRight:`1px headRowsolid ${R.variant["neutral-5"]}`,borderTop:`1px solid ${R.variant["neutral-5"]}`,borderTopLeftRadius:"4px",borderTopRightRadius:"4px",paddingLeft:"56px",borderBottom:"none",minHeight:"44px",maxHeight:"44px"}},headCells:{style:{fontSize:"14px",fontWeight:"600","&:first-of-type":{paddingLeft:"0px !important"}}},rows:{style:{background:`${R.variant.bgColor}`,"&:not(:last-of-type)":{borderBottomColor:"none"},"&:last-of-type":{borderBottomLeftRadius:"4px",borderBottomRightRadius:"4px"},borderLeft:`1px solid ${R.variant["neutral-5"]}`,borderRight:`1px solid ${R.variant["neutral-5"]}`,borderBottom:`1px solid ${R.variant["neutral-5"]}`},highlightOnHoverStyle:{backgroundColor:`${R.variant["neutral-5"]}`}}},header:{display:"flex","justify-content":"space-between","align-items":"center",position:"fixed","z-index":"1000",top:"0",right:"0",left:"0","min-height":"51px","padding-left":"39px","font-size":"16px","background-color":`${R.bgColor}`,"border-bottom":`0.5px solid ${R.variant["neutral-3"]}`},content:{"background-color":"#eef1f7",width:"100%","min-height":"100%","padding-top":"53px","box-sizing":"border-box",display:"flex","flex-direction":"column","margin-left":"70px"},"radio-outer-circle":{width:"20px",height:"20px","min-width":"20px","min-height":"20px","border-radius":"50%",display:"flex","justify-content":"center","align-items":"center"},"radio-inner-circle":{display:"flex","align-self":"center",margin:"0","border-radius":"50%"},"radio-label":{display:"block","margin-bottom":"7px","padding-bottom":"0",color:`${R.variant["neutral-2"]}`},"option-text":{color:"#A9B1B8","font-size":"16px"},sidebarContainer:{"min-height":"100%",overflow:"hidden","background-color":"#2e56f4",position:"fixed",color:"white",width:"70px",transition:"width ease 400ms"},"checkBox-outer":{border:`2px solid ${R.border}`,minWidth:"20px",width:"20px",height:"20px","border-radius":"3px",cursor:"pointer","background-color":`${R.bgColor}`},"checkBox-inner":{"background-repeat":"no-repeat","background-position":"center",minWidth:"20px",width:"20px",height:"20px",color:`${R.bgColor}`,cursor:"pointer","text-align":"center","border-radius":"3px"},"check-label":{display:"block","margin-bottom":"7px","padding-bottom":"0px",color:`${R.variant["neutral-2"]}`},"checkbox-option-text":{"font-size":"16px","margin-left":"10px","background-color":`${R.bgColor}`},"toggle-switch-wrapper":{display:"flex","align-items":"center",gap:"7px",width:"fit-content"},"toggle-switch-checkbox-label":{position:"absolute",width:"45px",height:"22px","border-radius":"31px",cursor:"pointer",marginBottom:"0px"},"toggle-switch-option-text":{color:`${R.neutral["neutral-1"]}`,"font-size":"16px"},"dropzone-parent":{height:"86px","padding-left":"8px","padding-right":"8px",display:"flex","justify-content":"center","align-items":"center","font-size":"16px","border-radius":"5.5px",color:` ${R.textColor}`},"dropzone-file-div":{width:"inherit",height:"38px",display:"flex","justify-content":"center","align-items":"center","font-size":"14px",color:`${R.textColor}`,"background-color":`${R.bgColor}`,"box-shadow":"0px 5px 15px rgba(33, 55, 71, 0.096946)","border-radius":"5.5px","margin-top":"5px"},"dropzone-text-div":{display:"flex","justify-content":"center","margin-left":"14px",color:`${R.textColor}`,"background-color":"transparent"},"dropzone-file-name":{"margin-left":"5px",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap",padding:"2px","font-size":"14px",color:"#494949"},"signature-parent-div":{"border-radius":"5.5px","align-content":"flex-start","justify-content":"center",width:"inherit","max-width":"532px",height:"86px",display:"block","flex-flow":"column wrap","font-size":"17px",color:`${R.textColor}`,"background-color":`${R.bgColor}`},"signature-wrapper-div":{display:"flex",flex:"auto","justify-content":"center","align-items":"center","font-size":"17px",height:"inherit",color:`${R.textColor}`,"background-color":"transparent"},"signature-input-text":{border:"0","text-align":"center",display:"block",height:"48px",width:"calc(100% - 54px)!important","background-color":`${R.bgColor}`,"font-family":"Beauty","background-clip":"padding-box",color:"#444444","font-style":"normal","font-weight":"normal","font-size":"47px","padding-left":"10px"},"modal-background":{position:"fixed",top:"0",left:"0",width:"100%",height:"100%",background:"rgba(0, 0, 0, 0.6)","z-index":"2000"},"modal-wrapper":{position:"fixed",display:"flex","align-items":"end","justify-content":"center","flex-direction":"column",background:"white",width:"fit-content",height:"fit-content",top:"50%",left:"50%",transform:"translate(-50%, -50%)","border-radius":"5px"},"modal-close-button":{cursor:"pointer",width:"fit-content",height:"fit-content",padding:"0","padding-right":"5px","padding-top":"5px",color:`${R.textColor}`},footer:{display:"flex","margin-top":"auto",width:"100%"},drawer:{"min-height":"100%",overflow:"hidden",position:"fixed",width:"360px",transition:"transform ease 400ms",display:"flex","flex-direction":"column","background-color":"#FFFFFF","box-sizing":"border-box","box-shadow":"-20px 5px 37px rgba(56, 66, 100, 0.0880136)",top:"51px",right:"0px","z-index":"1001"},"drawer-close":{transform:"translateX(360px)"},"drawer-open":{transform:"translateX(0px)"},"tooltip-container":{"background-color":`${R.bgColor}`,"border-radius":"3.6px",border:`1px solid ${R.bgColor}`,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"tooltip-arrow":{height:"19px",position:"absolute",width:"29px","pointer-events":"none"},"tooltip-arrow-before":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",width:"0"},"tooltip-arrow-after":{"border-style":"solid",content:"",display:"block",height:"0",margin:"auto",position:"absolute",width:"0"},"tp-cont-bottom-arrow-before":{"border-color":`transparent transparent ${R.bgColor} transparent`,"border-width":"0 15px 19px 15px",position:"absolute",top:"-1px"},"tp-cont-bottom-arrow-after":{"border-color":`transparent transparent ${R.bgColor} transparent`,"border-width":"0 15px 19px 15px"},"tp-cont-top-arrow-before":{"border-color":`${R.bgColor} transparent transparent transparent`,"border-width":"19px 15px 0 15px",position:"absolute",top:"1px"},"tp-cont-top-arrow-after":{"border-color":`${R.bgColor} transparent transparent transparent`,"border-width":"19px 15px 0 15px"},"tp-cont-right-arrow-before":{"border-color":`transparent ${R.bgColor} transparent transparent`,"border-width":"15px 19px 15px 0"},"tp-cont-right-arrow-after":{"border-color":`transparent ${R.bgColor} transparent transparent`,"border-width":"15px 19px 15px 0",left:"6px",top:"0"},"tp-cont-left-arrow-before":{"border-color":`transparent transparent transparent ${R.bgColor}`,"border-width":"15px 0 15px 19px"},"tp-cont-left-arrow-after":{"border-color":`transparent transparent transparent ${R.bgColor}`,"border-width":"15px 0 15px 19px",left:"3px",top:"0"},"tp-cont-bottom-arrow":{left:"0","margin-top":"-19px",top:"0"},"tp-cont-top-arrow":{bottom:"0",left:"0","margin-bottom":"-19px"},"tp-cont-right-arrow":{left:"0","margin-left":"-24px"},"tp-cont-left-arrow":{"margin-right":"-24px",right:"0"},overlay:{"background-color":`${R.bgColor}`,"border-radius":"3.6px",border:`1px solid ${R.bgColor}`,"box-shadow":"0px 5px 33px rgba(56, 66, 100, 0.482627)",color:"#000",display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"simple-overlay":{"background-color":`${R.variant["neutral-1"]}`,"border-radius":"6px",border:`1px solid ${R.variant["neutral-1"]}`,color:`${R.bgColor}`,display:"flex","flex-direction":"column",padding:"0",transition:"opacity 0.3s","z-index":"9999"},"sidebar-container":{"min-height":"100%",overflow:"hidden","background-color":"#2e56f4",position:"fixed",color:"white",transition:"width ease 400ms",display:"flex","flex-direction":"column","z-index":"1001"},"sidebar-container-open":{width:"240px"},"sidebar-container-close":{width:"70px"},"sidebar-container-mobile-open":{width:"240px","z-index":"1001"},"sidebar-container-mobile-close":{width:"0px","z-index":"1001"},"sidebar-pusher":{"min-height":"100%",overflow:"hidden","background-color":"transparent",position:"fixed",transition:"width ease 400ms"},"sidebar-pusher-open":{width:"240px"},"sidebar-pusher-close":{width:"70px"},"sidebar-pusher-mobile":{width:"0px"},"modalComp-custom-style":{content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",transform:"translate(-50%, -50%)",zIndex:"999"}},"modalComp-modal-close":{position:"absolute",top:"15px",right:"10px",outline:"none",border:"none",background:"transparent",cursor:"pointer"},"modalComp-modal-body":{"margin-top":"20px","margin-bottom":"15px"},"modalComp-modal-footer":{"margin-top":"30px","margin-bottom":"15px",padding:"1rem 3rem 0rem 3rem","&:before":{content:"",position:"fixed",display:"inline-block",left:0,right:0,"margin-top":"-0.9rem","z-index":-1},"selectComp-label-wrapper":{paddingBottom:"10px",display:"flex",width:"25vw"}},"popOver-Content":{padding:"16px",color:"white",width:"226px",borderRadius:"3.6px"},"popOver-header":{marginBottom:"8px",fontWeight:"600"},"popOver-body":{marginBottom:"11.5px"},ColorWrapper:{borderRadius:"4.87px",padding:"8px 21px",display:"flex"},"input-color":{borderRadius:"4px",width:"24px",height:"24px"},toastWrapper:{backgroundColor:"#ffffff",maxWidth:"416px",borderRadius:"6px 6px 0px 0px",paddingTop:"16px",zIndex:"2000"},messageWrapper:{paddingLeft:"16px",borderLeft:"1px solid #E5E7F0",marginLeft:"16px",marginRight:"16px",fontStyle:"normal",fontWeight:"400",fontSize:"14px",lineHeight:"20px"}},P=(e,t)=>{if(e){let o={};if(e[t]){for(const r in e[t])o[r]=e[t][r],delete e.common[r];for(const t in e.common)o[t]=e.common[t]}return o}};function T(e,t){var o=parseInt(e.slice(1,3),16),r=parseInt(e.slice(3,5),16),l=parseInt(e.slice(5,7),16);return t?"rgba("+o+", "+r+", "+l+", "+t+")":"rgb("+o+", "+r+", "+l+")"}T("#FF0000",.5);const H=m.div`
2
2
  color: ${({activeTheme:e})=>e.textColor};
3
3
  padding-top: 25px;
4
4
  padding-bottom: 25px;
@@ -13,7 +13,7 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
13
13
 
14
14
  // custom styles
15
15
  ${({customStyles:e})=>e}
16
- `,L=({type:e,header:o,content:r,...l})=>{const i=d()||M;return t.createElement(R,w({activeTheme:i},l),o,r)};L.propTypes={header:e.any,content:e.any};const P=s.div`
16
+ `,q=({type:e,header:o,content:r,...l})=>{const i=u()||R;return t.createElement(H,z({activeTheme:i},l),o,r)};q.propTypes={header:e.any,content:e.any};const j=m.div`
17
17
 
18
18
  color: ${({activeTheme:e})=>e.textColor};
19
19
  padding-top: 25px;
@@ -32,20 +32,20 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
32
32
 
33
33
  // custom styles
34
34
  ${({customStyles:e})=>e}
35
- `,q=o((({type:e,header:o,content:r,...l},i)=>{const n=d()||M;return t.createElement(P,w({inBuiltCss:B,activeTheme:n},l,{ref:i}),o,r)}));q.propTypes={type:e.string,header:e.any,content:e.any};const T={sm:{cardWidth:"178px",cardMinHeight:"88px",borderRadius:"4px",border:"0.7px",bodyHeight:"55px",footerFontSize:"10px",footerMinHeight:"31px",footerPadding:"10.5px 16px",footerLineHeight:"16px",lineHeight:"12px"},md:{cardWidth:"215px",cardMinHeight:"123px",borderRadius:"6px",border:"1px",bodyHeight:"67px",footerFontSize:"14px",footerMinHeight:"54px",footerPadding:"18px 19px",footerLineHeight:"12px",lineHeight:"16px"}},H=s.div`
36
- ${({trimFileName:e})=>e?p`
37
- height: ${({size:e})=>T[e].cardMinHeight};
38
- `:p`
39
- min-height: ${({size:e})=>T[e].cardMinHeight};
35
+ `,F=o((({type:e,header:o,content:r,...l},i)=>{const n=u()||R;return t.createElement(j,z({inBuiltCss:L,activeTheme:n},l,{ref:i}),o,r)}));F.propTypes={type:e.string,header:e.any,content:e.any};const O={sm:{cardWidth:"178px",cardMinHeight:"88px",borderRadius:"4px",border:"0.7px",bodyHeight:"55px",footerFontSize:"10px",footerMinHeight:"31px",footerPadding:"10.5px 16px",footerLineHeight:"16px",lineHeight:"12px"},md:{cardWidth:"215px",cardMinHeight:"123px",borderRadius:"6px",border:"1px",bodyHeight:"67px",footerFontSize:"14px",footerMinHeight:"54px",footerPadding:"18px 19px",footerLineHeight:"12px",lineHeight:"16px"}},Z=m.div`
36
+ ${({trimFileName:e})=>e?g`
37
+ height: ${({size:e})=>O[e].cardMinHeight};
38
+ `:g`
39
+ min-height: ${({size:e})=>O[e].cardMinHeight};
40
40
  `}
41
- width: ${({size:e})=>T[e].cardWidth};
42
- border-radius: ${({size:e})=>T[e].borderRadius};
43
- border: ${({size:e})=>T[e].border} solid
41
+ width: ${({size:e})=>O[e].cardWidth};
42
+ border-radius: ${({size:e})=>O[e].borderRadius};
43
+ border: ${({size:e})=>O[e].border} solid
44
44
  ${({theme:e,variantBorder:t})=>e.variant[t]};
45
45
  box-sizing: border-box;
46
46
 
47
47
  &:hover {
48
- border: ${({size:e})=>T[e].border} solid
48
+ border: ${({size:e})=>O[e].border} solid
49
49
  ${({theme:e,variantBorderHover:t})=>e.variant[t]};
50
50
  button {
51
51
  &:hover {
@@ -53,16 +53,16 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
53
53
  }
54
54
  }
55
55
  }
56
- `,j=s.div`
56
+ `,X=m.div`
57
57
  display: flex;
58
58
  justify-content: ${({buttons:e})=>"11"!==e?"center":"space-between"};
59
59
  align-items: center;
60
- height: ${({size:e})=>T[e].bodyHeight};
60
+ height: ${({size:e})=>O[e].bodyHeight};
61
61
  margin: 0;
62
- padding: ${({size:e})=>T[e].bodyPadding};
62
+ padding: ${({size:e})=>O[e].bodyPadding};
63
63
  border: none;
64
- border-top-left-radius: ${({size:e})=>T[e].borderRadius};
65
- border-top-right-radius: ${({size:e})=>T[e].borderRadius};
64
+ border-top-left-radius: ${({size:e})=>O[e].borderRadius};
65
+ border-top-right-radius: ${({size:e})=>O[e].borderRadius};
66
66
  background-color: ${({theme:e,variantBgBody:t})=>e.variant[t]};
67
67
  background: linear-gradient(
68
68
  0deg,
@@ -72,30 +72,31 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
72
72
  ${({bgUrl:e})=>e?", url('/images/documentCardBG.png')":null};
73
73
  background-size: cover;
74
74
  box-sizing: border-box;
75
- `,F=s.div`
76
- ${({trimFileName:e})=>e?p`
75
+ `,G=m.div`
76
+ ${({trimFileName:e})=>e?g`
77
77
  white-space: nowrap;
78
78
  overflow: hidden;
79
79
  text-overflow: ellipsis;
80
- height: ${({size:e})=>T[e].footerMinHeight};
81
- `:p`
80
+ height: ${({size:e})=>O[e].footerMinHeight};
81
+ `:g`
82
82
  display: flex;
83
83
  align-items: center;
84
- min-height: ${({size:e})=>T[e].footerMinHeight};
84
+ min-height: ${({size:e})=>O[e].footerMinHeight};
85
85
  overflow-wrap: anywhere;
86
86
  hyphens: auto;
87
87
  `}
88
- font-size: ${({size:e})=>T[e].footerFontSize};
89
- padding: ${({size:e})=>T[e].footerPadding};
88
+ font-size: ${({size:e})=>O[e].footerFontSize};
89
+ padding: ${({size:e})=>O[e].footerPadding};
90
90
  color: ${({theme:e,variant:t})=>e.variant[t]};
91
91
  background-color: ${({theme:e,variantBgFooter:t})=>t?e.variant[t]:e.bgColor};
92
92
  box-sizing: border-box;
93
- line-height: ${({size:e})=>T[e].lineHeight};
93
+ line-height: ${({size:e})=>O[e].lineHeight};
94
94
  border-bottom-left-radius: inherit;
95
95
  border-bottom-right-radius: inherit;
96
- `,O=({variant:e,variantBorder:o,variantBorderHover:r,variantBgBody:l,variantBgFooter:i,fileName:n,bgUrl:a,size:c,trimFileName:s,bodyContent:p,...m})=>{const u=d()||M;return t.createElement(H,w({variantBorder:o,variantBorderHover:r,variantBgBody:l,size:c,trimFileName:s,theme:u},m),t.createElement(j,{bgUrl:a,size:c,theme:u},p),t.createElement(F,{theme:u,title:n,variant:e,variantBgFooter:i,trimFileName:s,size:c},n))};O.propTypes={variant:e.string,variantBorder:e.string,variantBorderHover:e.string,variantBgBody:e.string,variantBgFooter:e.string,fileName:e.string,bgUrl:e.string,size:e.oneOf(["sm","md"]),trimFileName:e.bool,bodyContent:e.element},O.defaultProps={variant:"black",variantBorder:"neutral-5",variantBorderHover:"primary-1",variantBgBody:"neutral-4",variantBgFooter:null,fileName:"",bgUrl:null,size:"md",trimFileName:!0,bodyContent:null};var Z="data:image/svg+xml,%3csvg width='49' height='40' viewBox='0 0 49 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 0V40H48.3333V0H0ZM3.70817 3.7385H44.6251V36.2615H3.70817V3.7385V3.7385ZM12.1423 8.43351C10.9884 8.43351 10.0174 8.8234 9.23066 9.60362C8.44388 10.3838 8.05064 11.3466 8.05064 12.4909C8.05064 13.5832 8.44388 14.5189 9.23066 15.2991C10.0174 16.0793 10.9884 16.4692 12.1423 16.4692C13.2439 16.4692 14.1876 16.0793 14.9744 15.2991C15.7612 14.5189 16.1544 13.5831 16.1544 12.4909C16.1544 11.3466 15.7612 10.3838 14.9744 9.60362C14.1876 8.8234 13.2439 8.43351 12.1423 8.43351ZM29.5298 10.411L20.2461 24.3762L15.3166 20.3188L8.05064 29.6797V32.4118H40.2827V21.4363L29.5298 10.411Z' fill='%23C4C4C4'/%3e%3c/svg%3e";const G={"plus-outlined":"data:image/svg+xml,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.0313 0.685989C8.12093 0.685989 6.25347 1.25248 4.66506 2.31382C3.07665 3.37516 1.83863 4.88369 1.10756 6.64863C0.3765 8.41358 0.18522 10.3557 0.557913 12.2293C0.930607 14.103 1.85054 15.8241 3.20137 17.1749C4.5522 18.5257 6.27326 19.4457 8.14692 19.8183C10.0206 20.191 11.9627 19.9998 13.7276 19.2687C15.4926 18.5376 17.0011 17.2996 18.0624 15.7112C19.1238 14.1228 19.6903 12.2553 19.6903 10.345C19.6903 9.07653 19.4404 7.82052 18.955 6.64863C18.4696 5.47675 17.7581 4.41196 16.8612 3.51504C15.9643 2.61812 14.8995 1.90664 13.7276 1.42124C12.5557 0.935826 11.2997 0.685989 10.0313 0.685989ZM10.0313 18.0721C8.503 18.0721 7.00903 17.619 5.7383 16.7699C4.46757 15.9208 3.47716 14.714 2.89231 13.302C2.30746 11.8901 2.15444 10.3364 2.45259 8.83747C2.75075 7.33854 3.48669 5.96169 4.56735 4.88102C5.64802 3.80036 7.02487 3.06442 8.5238 2.76626C10.0227 2.46811 11.5764 2.62113 12.9884 3.20598C14.4003 3.79083 15.6071 4.78125 16.4562 6.05197C17.3053 7.3227 17.7585 8.81667 17.7585 10.345C17.7585 12.3943 16.9444 14.3598 15.4952 15.8089C14.0461 17.258 12.0807 18.0721 10.0313 18.0721ZM13.8949 9.37907H10.9972V6.48137C10.9972 6.2252 10.8954 5.97952 10.7143 5.79838C10.5331 5.61724 10.2875 5.51548 10.0313 5.51548C9.77512 5.51548 9.52944 5.61724 9.3483 5.79838C9.16716 5.97952 9.0654 6.2252 9.0654 6.48137V9.37907H6.1677C5.91153 9.37907 5.66585 9.48083 5.48471 9.66197C5.30357 9.84311 5.20181 10.0888 5.20181 10.345C5.20181 10.6011 5.30357 10.8468 5.48471 11.028C5.66585 11.2091 5.91153 11.3109 6.1677 11.3109H9.0654V14.2086C9.0654 14.4647 9.16716 14.7104 9.3483 14.8915C9.52944 15.0727 9.77512 15.1745 10.0313 15.1745C10.2875 15.1745 10.5331 15.0727 10.7143 14.8915C10.8954 14.7104 10.9972 14.4647 10.9972 14.2086V11.3109H13.8949C14.1511 11.3109 14.3967 11.2091 14.5779 11.028C14.759 10.8468 14.8608 10.6011 14.8608 10.345C14.8608 10.0888 14.759 9.84311 14.5779 9.66197C14.3967 9.48083 14.1511 9.37907 13.8949 9.37907Z' fill='%232A50FD'/%3e%3c/svg%3e","check-mark":"data:image/svg+xml,%3csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.2817 0.508636L14.0132 1.50961L6.47213 14.5542L0.238281 9.69783L1.4674 8.12009L5.88914 11.5644L12.2817 0.508636Z' fill='white'/%3e%3c/svg%3e","chevron-right":"data:image/svg+xml,%3csvg width='13' height='19' viewBox='0 0 13 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath transform='rotate(180%2c 8%2c 9.5)' fill-rule='evenodd' clip-rule='evenodd' d='M12.6344 0.877569C13.1251 1.49007 13.0263 2.38439 12.4138 2.87509L4.33812 9.34497L12.4138 15.8148C13.0263 16.3056 13.1251 17.1999 12.6344 17.8124C12.1437 18.4249 11.2494 18.5236 10.6369 18.0329L1.17683 10.454C0.840203 10.1843 0.644287 9.77631 0.644287 9.34497C0.644287 8.91363 0.840203 8.50564 1.17683 8.23594L10.6369 0.65704C11.2494 0.166337 12.1437 0.265071 12.6344 0.877569Z' fill='%232A50FD'/%3e%3c/svg%3e","chevron-left":"data:image/svg+xml,%3csvg width='13' height='19' viewBox='0 0 13 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.6344 0.877569C13.1251 1.49007 13.0263 2.38439 12.4138 2.87509L4.33812 9.34497L12.4138 15.8148C13.0263 16.3056 13.1251 17.1999 12.6344 17.8124C12.1437 18.4249 11.2494 18.5236 10.6369 18.0329L1.17683 10.454C0.840203 10.1843 0.644287 9.77631 0.644287 9.34497C0.644287 8.91363 0.840203 8.50564 1.17683 8.23594L10.6369 0.65704C11.2494 0.166337 12.1437 0.265071 12.6344 0.877569Z' fill='%232A50FD'/%3e%3c/svg%3e","app-logo":"data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.91775 0.515015H7.50682C8.35702 0.515015 9.05226 1.21026 9.05226 2.06045V7.64952C9.05226 8.49972 8.35702 9.19496 7.50682 9.19496H1.91775C1.06755 9.19496 0.372314 8.49972 0.372314 7.64952V2.06045C0.372314 1.21026 1.06755 0.515015 1.91775 0.515015ZM1.91785 7.64952H7.50692V2.06045H1.91785V7.64952ZM12.5558 0.515015H18.1449C18.9951 0.515015 19.6903 1.21026 19.6903 2.06045V7.64952C19.6903 8.49972 18.9951 9.19496 18.1449 9.19496H12.5558C11.7056 9.19496 11.0104 8.49972 11.0104 7.64952V2.06045C11.0104 1.21026 11.7056 0.515015 12.5558 0.515015ZM7.50682 11.153H1.91775C1.06755 11.153 0.372314 11.8483 0.372314 12.6985V18.2875C0.372314 19.1377 1.06755 19.833 1.91775 19.833H7.50682C8.35702 19.833 9.05226 19.1377 9.05226 18.2875V12.6985C9.05226 11.8483 8.35702 11.153 7.50682 11.153ZM12.5558 11.153H18.1449C18.9951 11.153 19.6903 11.8483 19.6903 12.6985V18.2875C19.6903 19.1377 18.9951 19.833 18.1449 19.833H12.5558C11.7056 19.833 11.0104 19.1377 11.0104 18.2875V12.6985C11.0104 11.8483 11.7056 11.153 12.5558 11.153Z' fill='%232A50FD'/%3e%3c/svg%3e",email:"data:image/svg+xml,%3csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.4286 0.617798H2.90599C2.13748 0.617798 1.40044 0.92309 0.857016 1.46651C0.313593 2.00994 0.00830078 2.74698 0.00830078 3.51549V13.1745C0.00830078 13.943 0.313593 14.68 0.857016 15.2234C1.40044 15.7669 2.13748 16.0722 2.90599 16.0722H16.4286C17.1971 16.0722 17.9341 15.7669 18.4775 15.2234C19.021 14.68 19.3263 13.943 19.3263 13.1745V3.51549C19.3263 2.74698 19.021 2.00994 18.4775 1.46651C17.9341 0.92309 17.1971 0.617798 16.4286 0.617798ZM16.0325 2.54959L10.3531 8.22907C10.2633 8.3196 10.1564 8.39146 10.0387 8.4405C9.92104 8.48954 9.79479 8.51478 9.66728 8.51478C9.53977 8.51478 9.41352 8.48954 9.29582 8.4405C9.17811 8.39146 9.07129 8.3196 8.98149 8.22907L3.30201 2.54959H16.0325ZM17.3945 13.1745C17.3945 13.4306 17.2927 13.6763 17.1116 13.8575C16.9304 14.0386 16.6847 14.1404 16.4286 14.1404H2.90599C2.64982 14.1404 2.40414 14.0386 2.223 13.8575C2.04186 13.6763 1.9401 13.4306 1.9401 13.1745V3.91151L7.61958 9.59099C8.1629 10.1336 8.89939 10.4384 9.66728 10.4384C10.4352 10.4384 11.1717 10.1336 11.715 9.59099L17.3945 3.91151V13.1745Z' fill='%232A50FD'/%3e%3c/svg%3e","chevron-down":"data:image/svg+xml,%3csvg width='13' height='19' viewBox='0 0 13 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath transform='rotate(270%2c 6.5%2c 9.5)' fill-rule='evenodd' clip-rule='evenodd' d='M12.6344 0.877569C13.1251 1.49007 13.0263 2.38439 12.4138 2.87509L4.33812 9.34497L12.4138 15.8148C13.0263 16.3056 13.1251 17.1999 12.6344 17.8124C12.1437 18.4249 11.2494 18.5236 10.6369 18.0329L1.17683 10.454C0.840203 10.1843 0.644287 9.77631 0.644287 9.34497C0.644287 8.91363 0.840203 8.50564 1.17683 8.23594L10.6369 0.65704C11.2494 0.166337 12.1437 0.265071 12.6344 0.877569Z' fill='%232A50FD'/%3e%3c/svg%3e","triangle-down":"data:image/svg+xml,%3csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.271484 0.153671H8.27148L4.27148 6.15367L0.271484 0.153671Z' fill='%23081348'/%3e%3c/svg%3e",info:"data:image/svg+xml,%3csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.132935 6.38318C0.132935 3.06947 2.81923 0.383179 6.13293 0.383179C9.44512 0.386862 12.1293 3.071 12.1329 6.38318C12.1329 9.69689 9.44664 12.3832 6.13293 12.3832C2.81923 12.3832 0.132935 9.69689 0.132935 6.38318ZM1.33293 6.38318C1.33293 9.03415 3.48197 11.1832 6.13293 11.1832C8.78264 11.1801 10.9299 9.03289 10.9329 6.38318C10.9329 3.73221 8.7839 1.58318 6.13293 1.58318C3.48197 1.58318 1.33293 3.73221 1.33293 6.38318ZM6.13293 6.08318C5.80156 6.08318 5.53293 6.35181 5.53293 6.68318V8.48318C5.53293 8.81455 5.80156 9.08318 6.13293 9.08318C6.46431 9.08318 6.73293 8.81455 6.73293 8.48318V6.68318C6.73293 6.35181 6.46431 6.08318 6.13293 6.08318ZM5.38293 4.43318C5.38293 4.01897 5.71872 3.68318 6.13293 3.68318C6.54715 3.68318 6.88293 4.01897 6.88293 4.43318C6.88293 4.84739 6.54715 5.18318 6.13293 5.18318C5.71872 5.18318 5.38293 4.84739 5.38293 4.43318Z' fill='%236B747F'/%3e%3c/svg%3e","cross-icon":"data:image/svg+xml,%3csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7129 9.70582L19.8791 1.53962C20.2304 1.18838 20.2304 0.661516 19.8791 0.310275C19.5279 -0.0409657 19.001 -0.0409657 18.6498 0.310275L10.4836 8.47648L2.31736 0.310275C1.96612 -0.0409657 1.43926 -0.0409657 1.08802 0.310275C0.736775 0.661516 0.736775 1.18838 1.08802 1.53962L9.25422 9.70582L1.08802 17.872C0.736775 18.2233 0.736775 18.7501 1.08802 19.1014C1.26364 19.277 1.43926 19.3648 1.70269 19.3648C1.96612 19.3648 2.14174 19.277 2.31736 19.1014L10.4836 10.9352L18.6498 19.1014C18.8254 19.277 19.0888 19.3648 19.2644 19.3648C19.4401 19.3648 19.7035 19.277 19.8791 19.1014C20.2304 18.7501 20.2304 18.2233 19.8791 17.872L11.7129 9.70582Z' fill='%232A50FD'/%3e%3c/svg%3e","file-attach":"data:image/svg+xml,%3csvg width='28' height='25' viewBox='0 0 28 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0267 1.17413C14.8017 0.949122 14.4968 0.823124 14.1784 0.823124L14.1785 0.82309C13.8601 0.82309 13.5552 0.949117 13.3302 1.1741C13.1052 1.39908 12.9781 1.70508 12.9781 2.02345V15.9259L10.2264 13.1741C10.0037 12.9424 9.69653 12.8108 9.37366 12.8085C9.05191 12.8052 8.74254 12.9323 8.51529 13.1595C8.28803 13.3868 8.16091 13.6962 8.16428 14.0179C8.16653 14.3408 8.29815 14.6479 8.52989 14.8706L13.3302 19.671C13.7982 20.1401 14.5587 20.1401 15.0267 19.671L19.827 14.8706C20.2815 14.4004 20.2747 13.6523 19.8124 13.1888C19.3489 12.7264 18.6008 12.7197 18.1305 13.1742L15.3788 15.9259V2.02349C15.3788 1.70514 15.2517 1.39914 15.0267 1.17413ZM24.9783 14.0232C24.9783 13.3606 25.516 12.8229 26.1786 12.8229V12.8229C26.497 12.8229 26.8019 12.9489 27.0269 13.1739C27.2519 13.3989 27.3779 13.7049 27.3779 14.0233V23.6227C27.3779 23.9411 27.2518 24.246 27.0269 24.471C26.8019 24.696 26.497 24.8231 26.1786 24.8231H2.17825C1.85987 24.8231 1.55502 24.6959 1.33001 24.471C1.105 24.246 0.979004 23.9411 0.979004 23.6227V14.0233C0.979004 13.3606 1.51563 12.8229 2.17825 12.8229C2.84087 12.8229 3.37861 13.3606 3.37861 14.0233V22.4224L24.9783 22.4235V14.0232Z' fill='%232E56F4'/%3e%3c/svg%3e","jpg-icon":"data:image/svg+xml,%3csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0248 7.36488H14.5926V5.27939C14.5926 5.26822 14.5911 5.25698 14.5896 5.24568L14.5888 5.24011C14.5881 5.1573 14.5618 5.07596 14.5051 5.01152L11.0346 1.04708L11.0334 1.0461C11.0328 1.04567 11.0323 1.04527 11.0318 1.0446C11.0112 1.02149 10.987 1.00228 10.9615 0.985642C10.954 0.980577 10.9464 0.976328 10.9385 0.971949C10.9164 0.95989 10.893 0.94989 10.8688 0.942668C10.8658 0.941806 10.8628 0.940756 10.8599 0.939708L10.8599 0.939707L10.8599 0.939704C10.8566 0.938529 10.8533 0.937357 10.8499 0.936459C10.8237 0.93025 10.7964 0.926361 10.7689 0.926361H2.2397C1.85022 0.926361 1.53382 1.24313 1.53382 1.63227V7.36472H1.10169C0.544537 7.36472 0.0927734 7.81628 0.0927734 8.37364V13.6202C0.0927734 14.1772 0.544537 14.629 1.10169 14.629H1.53385V18.2204C1.53385 18.6096 1.85025 18.9264 2.23973 18.9264H13.8868C14.2759 18.9264 14.5926 18.6096 14.5926 18.2204V14.629H15.0249C15.5819 14.629 16.0337 14.1772 16.0337 13.6202V8.3738C16.0337 7.81648 15.5818 7.36488 15.0248 7.36488ZM2.2397 1.63241H10.4159V5.24394C10.4159 5.43893 10.5741 5.59688 10.7689 5.59688H13.8867V7.36511H2.2397V1.63241ZM8.94593 11.1082C9.25851 10.8108 9.43053 10.3728 9.43053 9.8568C9.43053 9.34086 9.20393 8.90285 8.86802 8.6371C8.51573 8.35543 7.99178 8.21481 7.25678 8.21481C6.52953 8.21481 6.01355 8.26151 5.6458 8.32442V13.5243H6.82655V11.6398C6.936 11.6556 7.07698 11.6631 7.23345 11.6631C7.93691 11.6631 8.53903 11.4913 8.94593 11.1082ZM1.90744 13.4852L2.04065 12.5234C2.20496 12.5782 2.41581 12.6175 2.65038 12.6175C3.1512 12.6175 3.46372 12.3904 3.46372 11.5694V8.25377H4.65221V11.5849C4.65221 13.0865 3.9326 13.6102 2.77548 13.6102C2.50202 13.6104 2.14218 13.5638 1.90744 13.4852ZM2.2397 18.0294H13.8867V14.629H2.2397V18.0294ZM14.5923 13.2821C14.2249 13.4072 13.529 13.5791 12.8324 13.5791C11.8711 13.5791 11.1748 13.3367 10.6903 12.8676C10.2053 12.4142 9.93906 11.726 9.94717 10.9518C9.95472 9.20007 11.2293 8.19916 12.9578 8.19916C13.6382 8.19916 14.1625 8.33187 14.4203 8.45713L14.17 9.41108C13.8805 9.28595 13.5207 9.18429 12.942 9.18429C11.949 9.18429 11.1987 9.74749 11.1987 10.8892C11.1987 11.9761 11.8787 12.6174 12.8563 12.6174C13.13 12.6174 13.3491 12.586 13.4428 12.539V11.4364H12.6294V10.5059H14.5922V13.2821H14.5923ZM6.82654 9.16098C6.91262 9.13739 7.07696 9.11386 7.31909 9.11386C7.91353 9.11386 8.25003 9.40331 8.25003 9.88824C8.25003 10.4275 7.85892 10.7484 7.22533 10.7484C7.0535 10.7484 6.9284 10.7405 6.82654 10.717V9.16098Z' fill='%232E56F4'/%3e%3c/svg%3e","pdf-icon":"data:image/svg+xml,%3csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3246 6.76136H14.8924V4.67588C14.8924 4.6647 14.8909 4.65346 14.8894 4.64216L14.8886 4.6366C14.8879 4.55379 14.8616 4.47245 14.8049 4.408L11.3344 0.443564L11.3332 0.442584C11.3326 0.442151 11.3321 0.441754 11.3316 0.441081C11.311 0.417976 11.2868 0.39876 11.2613 0.382126C11.2538 0.377061 11.2462 0.372813 11.2383 0.368434C11.2162 0.356375 11.1928 0.346375 11.1686 0.339153C11.1656 0.338291 11.1626 0.33724 11.1597 0.336192L11.1597 0.336192L11.1597 0.336189C11.1564 0.335013 11.1531 0.333841 11.1497 0.332943C11.1235 0.326734 11.0963 0.322845 11.0687 0.322845H2.5395C2.15003 0.322845 1.83362 0.63961 1.83362 1.02876V6.7612H1.4015C0.844342 6.7612 0.392578 7.21277 0.392578 7.77012V13.0167C0.392578 13.5736 0.844342 14.0255 1.4015 14.0255H1.83365V17.6169C1.83365 18.006 2.15006 18.3228 2.53954 18.3228H14.1866C14.5757 18.3228 14.8925 18.0061 14.8925 17.6169V14.0255H15.3247C15.8817 14.0255 16.3335 13.5736 16.3335 13.0167V7.77028C16.3335 7.21296 15.8816 6.76136 15.3246 6.76136ZM2.5395 1.02889H10.7157V4.64042C10.7157 4.83542 10.8739 4.99336 11.0687 4.99336H14.1865V6.76159H2.5395V1.02889ZM10.3283 12.5567C10.8374 12.1264 11.2048 11.4306 11.2048 10.4216C11.2048 9.49103 10.8607 8.84211 10.3135 8.43541C9.80498 8.05247 9.15576 7.87247 8.15537 7.87247C7.55322 7.87247 6.98201 7.91159 6.54414 7.98182V13.1588C6.84165 13.1978 7.27946 13.2369 7.89711 13.2369C8.929 13.2369 9.77374 13.018 10.3283 12.5567ZM2.00029 13.1823V7.98182C2.36764 7.9196 2.88401 7.87247 3.61127 7.87247C4.34626 7.87247 4.87032 8.01326 5.22208 8.29496C5.55842 8.56067 5.78466 8.99868 5.78466 9.51482C5.78466 10.0311 5.61309 10.469 5.30005 10.766C4.89345 11.1492 4.29139 11.3214 3.58741 11.3214C3.43127 11.3214 3.29002 11.3134 3.18104 11.2978V13.1824H2.00029V13.1823ZM2.5395 17.4259H14.1865V14.0255H2.5395V17.4259ZM15.2093 8.88907H13.1836V10.0934H15.0761V11.0631H13.1836V13.1823H11.9877V7.91159H15.2093V8.88907ZM4.60424 9.54587C4.60424 9.06116 4.26767 8.77188 3.67372 8.77188C3.43143 8.77188 3.26728 8.79525 3.1812 8.81868V10.3751C3.28296 10.3982 3.40806 10.4061 3.57963 10.4061C4.21332 10.4061 4.60424 10.0856 4.60424 9.54587ZM8.2805 8.7875C8.01433 8.7875 7.8427 8.81094 7.74067 8.8344V12.2829C7.8425 12.3067 8.00675 12.3067 8.15537 12.3067C9.23436 12.3142 9.93818 11.7202 9.93818 10.4611C9.94609 9.36593 9.30469 8.7875 8.2805 8.7875Z' fill='%232E56F4'/%3e%3c/svg%3e","arrow-up":"data:image/svg+xml,%3csvg width='11' height='16' viewBox='0 0 11 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.6561 4.98854L5.78989 0.122986L0.923645 4.98854L1.94087 6.00576L5.06337 2.88257V15.123H6.51636V2.88257L9.63886 6.00576L10.6561 4.98854Z' fill='%23009500'/%3e%3c/svg%3e","arrow-down":"data:image/svg+xml,%3csvg width='11' height='17' viewBox='0 0 11 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.337 11.3942L5.47074 16.4335L0.604492 11.3942L1.62172 10.3406L4.74422 13.5753V0.897759H6.19721V13.5753L9.31971 10.3406L10.337 11.3942Z' fill='%23C10000'/%3e%3c/svg%3e","pen-icon":"data:image/svg+xml,%3csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.87647 10.4528L2.64806 13.9942H0.504883L5.3205 0.612427H7.65317L12.4688 13.9942H10.3256L9.10374 10.4528H3.87647ZM4.46454 8.7539H8.51567L6.54238 3.04311H6.43783L4.46454 8.7539Z' fill='%23454545'/%3e%3c/svg%3e","sign-icon":"data:image/svg+xml,%3csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.4919 0.469661C21.4919 0.469661 21.4927 0.469661 21.4935 0.470442L21.4935 0.470422C22.2458 1.00014 22.4466 2.06732 21.9411 2.85482L21.3568 3.76654L18.6302 1.85794L19.2138 0.936842C19.2138 0.936842 19.2138 0.936061 19.2145 0.936061C19.7193 0.148561 20.7396 -0.060019 21.4919 0.469661ZM12.8287 11.4032L12.81 14.4742C12.8053 14.5039 12.824 14.5297 12.8514 14.5352C12.8639 14.5367 12.8764 14.5352 12.8881 14.5274L15.6757 13.3492L21.0147 4.68745L18.1741 2.74057L12.8287 11.4032ZM11.6916 7.26789C11.2142 5.85961 9.65961 5.20995 8.23719 5.74995C6.01654 6.59005 5.65513 9.45668 6.63008 12.0049L6.7317 12.2595C7.01005 12.9291 7.3479 13.5236 7.75506 14.0393L7.90633 14.2236L7.7904 14.3086L7.64283 14.4049C6.71979 14.9803 6.0144 14.8962 5.42701 14.0152C5.11735 13.5506 5.01096 13.0618 4.98516 12.1083L4.9715 11.0336C4.93862 9.71545 4.77544 9.05726 4.19647 8.353C3.38847 7.36761 1.96488 7.43564 0.945348 8.25562C0.724649 8.43312 0.689631 8.75593 0.867134 8.97662C1.04464 9.19732 1.36744 9.23234 1.58814 9.05484C2.21276 8.55248 3.00273 8.51473 3.40378 9.00383C3.8507 9.54747 3.94804 10.1185 3.95265 11.5636L3.95515 11.9049C3.97323 13.2011 4.09831 13.871 4.57361 14.5841C5.54707 16.0442 6.94271 16.1268 8.36769 15.1564L8.59557 14.9923L8.64733 14.9496L8.7923 15.0647C9.63186 15.7067 10.6739 16.1324 11.9605 16.325C12.2406 16.3669 12.5016 16.1738 12.5435 15.8937C12.5855 15.6136 12.3924 15.3525 12.1123 15.3106L11.8424 15.2657C10.8696 15.0866 10.0777 14.7507 9.43059 14.26L9.42233 14.2526L9.48822 14.1872C10.0623 13.5879 10.5767 12.8898 10.926 12.2524C11.8691 10.5302 12.2094 8.7956 11.6916 7.26789ZM8.60065 6.70903C9.49902 6.36798 10.4363 6.75969 10.7202 7.59715C11.1306 8.8078 10.8446 10.2657 10.0264 11.7596L9.90522 11.9708C9.60656 12.4692 9.20064 13.0019 8.76026 13.4641L8.67833 13.5456L8.63441 13.4951C8.20642 12.9789 7.86423 12.3595 7.58793 11.6382C6.78908 9.55027 7.0745 7.28639 8.60065 6.70903Z' fill='%232E56F4'/%3e%3c/svg%3e","edit-icon":"data:image/svg+xml,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.38784 7.73764H3.29584C3.35506 7.73799 3.41377 7.72664 3.4686 7.70424C3.52343 7.68185 3.57329 7.64885 3.61534 7.60714L6.72934 4.48864L8.00734 3.23764C8.04952 3.19581 8.083 3.14604 8.10584 3.0912C8.12869 3.03637 8.14045 2.97755 8.14045 2.91814C8.14045 2.85874 8.12869 2.79992 8.10584 2.74508C8.083 2.69025 8.04952 2.64048 8.00734 2.59864L6.09934 0.668143C6.05751 0.625966 6.00774 0.592488 5.9529 0.569642C5.89806 0.546796 5.83925 0.535034 5.77984 0.535034C5.72044 0.535034 5.66162 0.546796 5.60678 0.569642C5.55195 0.592488 5.50217 0.625966 5.46034 0.668143L4.19134 1.94164L1.06834 5.06014C1.02664 5.10219 0.993639 5.15206 0.971245 5.20689C0.948851 5.26171 0.937499 5.32042 0.937842 5.37964V7.28764C0.937842 7.40699 0.985252 7.52145 1.06964 7.60584C1.15404 7.69023 1.26849 7.73764 1.38784 7.73764ZM5.77984 1.62214L7.05334 2.89564L6.41434 3.53464L5.14084 2.26114L5.77984 1.62214ZM1.83784 5.56414L4.50634 2.89564L5.77984 4.16914L3.11134 6.83764H1.83784V5.56414ZM8.58784 8.63764H0.487842C0.368494 8.63764 0.254035 8.68505 0.169644 8.76945C0.0852524 8.85384 0.0378418 8.9683 0.0378418 9.08764C0.0378418 9.20699 0.0852524 9.32145 0.169644 9.40584C0.254035 9.49023 0.368494 9.53764 0.487842 9.53764H8.58784C8.70719 9.53764 8.82165 9.49023 8.90604 9.40584C8.99043 9.32145 9.03784 9.20699 9.03784 9.08764C9.03784 8.9683 8.99043 8.85384 8.90604 8.76945C8.82165 8.68505 8.70719 8.63764 8.58784 8.63764Z' fill='%232E56F4'/%3e%3c/svg%3e","hamburger-menu":"data:image/svg+xml,%3csvg width='21' height='17' viewBox='0 0 21 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.38839 3.50162H18.4867C18.9136 3.50162 19.3231 3.36455 19.625 3.12055C19.9269 2.87656 20.0965 2.54563 20.0965 2.20057C20.0965 1.85551 19.9269 1.52458 19.625 1.28059C19.3231 1.0366 18.9136 0.899521 18.4867 0.899521H2.38839C1.96144 0.899521 1.55197 1.0366 1.25007 1.28059C0.948171 1.52458 0.778564 1.85551 0.778564 2.20057C0.778564 2.54563 0.948171 2.87656 1.25007 3.12055C1.55197 3.36455 1.96144 3.50162 2.38839 3.50162ZM18.4867 7.40477H2.38839C1.96144 7.40477 1.55197 7.54184 1.25007 7.78584C0.948171 8.02983 0.778564 8.36076 0.778564 8.70582C0.778564 9.05088 0.948171 9.38181 1.25007 9.6258C1.55197 9.86979 1.96144 10.0069 2.38839 10.0069H18.4867C18.9136 10.0069 19.3231 9.86979 19.625 9.6258C19.9269 9.38181 20.0965 9.05088 20.0965 8.70582C20.0965 8.36076 19.9269 8.02983 19.625 7.78584C19.3231 7.54184 18.9136 7.40477 18.4867 7.40477ZM18.4867 13.91H2.38839C1.96144 13.91 1.55197 14.0471 1.25007 14.2911C0.948171 14.5351 0.778564 14.866 0.778564 15.2111C0.778564 15.5561 0.948171 15.8871 1.25007 16.1311C1.55197 16.375 1.96144 16.5121 2.38839 16.5121H18.4867C18.9136 16.5121 19.3231 16.375 19.625 16.1311C19.9269 15.8871 20.0965 15.5561 20.0965 15.2111C20.0965 14.866 19.9269 14.5351 19.625 14.2911C19.3231 14.0471 18.9136 13.91 18.4867 13.91Z' fill='%232A50FD'/%3e%3c/svg%3e",bell:"data:image/svg+xml,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.87983 17.0764C8.96945 17.8588 9.6528 18.4673 10.4832 18.4673C11.3137 18.4673 11.997 17.8588 12.0867 17.0764H8.87983ZM13.8847 17.0764C13.7909 18.8205 12.3037 20.206 10.4832 20.206C8.6628 20.206 7.1756 18.8205 7.08178 17.0764H2.59635C1.70571 17.0764 0.983139 16.3769 0.983139 15.5116V15.1639C0.983139 13.9033 1.90736 12.8506 3.13408 12.6088V7.33454C3.13408 3.3968 6.42352 0.205994 10.4831 0.205994C14.5428 0.205994 17.8322 3.39673 17.8322 7.33454V12.6088C19.0603 12.8506 19.9831 13.902 19.9831 15.1639V15.5116C19.9831 16.3782 19.2606 17.0764 18.3699 17.0764H13.8847ZM18.1909 15.1639C18.1909 14.683 17.7904 14.2945 17.2919 14.2945C16.6001 14.2945 16.04 13.7471 16.04 13.0802V7.33437C16.04 4.35689 13.5529 1.94449 10.4834 1.94449C7.41378 1.94449 4.92675 4.35689 4.92675 7.33437V13.0802C4.92675 13.7498 4.36381 14.2945 3.67483 14.2945C3.17771 14.2945 2.77581 14.6844 2.77581 15.1639V15.3377H18.1909V15.1639Z' fill='white'/%3e%3c/svg%3e",star:"data:image/svg+xml,%3csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.6464 7.09946C19.5855 6.92303 19.4747 6.76806 19.3274 6.65335C19.1802 6.53863 19.0028 6.4691 18.8169 6.45319L13.3284 5.65259L10.8687 0.665684C10.7897 0.5026 10.6664 0.365063 10.5128 0.268828C10.3593 0.172592 10.1817 0.121552 10.0005 0.121552C9.81934 0.121552 9.6418 0.172592 9.48826 0.268828C9.33473 0.365063 9.2114 0.5026 9.13242 0.665684L6.67273 5.64294L1.18424 6.45319C1.00572 6.47857 0.837879 6.55347 0.699776 6.66941C0.561672 6.78535 0.458832 6.93768 0.402924 7.10911C0.351748 7.27663 0.347156 7.45493 0.38964 7.62487C0.432124 7.7948 0.520081 7.94996 0.644071 8.0737L4.62781 11.932L3.66322 17.4109C3.62879 17.5917 3.64682 17.7786 3.71519 17.9496C3.78355 18.1205 3.8994 18.2683 4.04906 18.3755C4.19492 18.4797 4.36696 18.5413 4.54586 18.5532C4.72477 18.5651 4.90346 18.527 5.06187 18.443L10.0005 15.8675L14.9199 18.4526C15.0553 18.529 15.2082 18.5689 15.3636 18.5684C15.568 18.5691 15.7672 18.5049 15.9327 18.3851C16.0824 18.2779 16.1982 18.1301 16.2666 17.9592C16.335 17.7883 16.353 17.6014 16.3186 17.4205L15.354 11.9417L19.3377 8.08334C19.477 7.96535 19.5799 7.81027 19.6346 7.63611C19.6892 7.46195 19.6933 7.27586 19.6464 7.09946ZM13.7142 10.9578C13.6011 11.0672 13.5164 11.2027 13.4677 11.3523C13.4189 11.5019 13.4075 11.6612 13.4345 11.8163L14.129 15.8579L10.5021 13.9287C10.3626 13.8544 10.2069 13.8155 10.0488 13.8155C9.89066 13.8155 9.73498 13.8544 9.59542 13.9287L5.96858 15.8579L6.66308 11.8163C6.69003 11.6612 6.67862 11.5019 6.62987 11.3523C6.58111 11.2027 6.49647 11.0672 6.38335 10.9578L3.4896 8.06405L7.5505 7.47565C7.70676 7.45392 7.85531 7.39418 7.98311 7.30169C8.11092 7.2092 8.21409 7.08677 8.28358 6.94513L10.0005 3.27006L11.814 6.95478C11.8835 7.09641 11.9866 7.21884 12.1144 7.31134C12.2422 7.40383 12.3908 7.46356 12.547 7.4853L16.608 8.0737L13.7142 10.9578Z' fill='%232A50FD'/%3e%3c/svg%3e","cloud-icon":"data:image/svg+xml,%3csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.2048 10.3586L9.01892 13.5445L7.76975 12.2953C7.67973 12.2046 7.57263 12.1325 7.45463 12.0834C7.33663 12.0342 7.21006 12.0089 7.08222 12.0089C6.95439 12.0089 6.82782 12.0342 6.70982 12.0834C6.59182 12.1325 6.48472 12.2046 6.3947 12.2953C6.21434 12.4768 6.11311 12.7222 6.11311 12.978C6.11311 13.2339 6.21434 13.4793 6.3947 13.6607L8.3314 15.5974C8.42142 15.6882 8.52852 15.7602 8.64652 15.8094C8.76452 15.8585 8.89109 15.8839 9.01892 15.8839C9.14676 15.8839 9.27333 15.8585 9.39133 15.8094C9.50933 15.7602 9.61643 15.6882 9.70645 15.5974L13.5799 11.724C13.7602 11.5426 13.8614 11.2972 13.8614 11.0413C13.8614 10.7855 13.7602 10.5401 13.5799 10.3586C13.4898 10.2679 13.3827 10.1958 13.2647 10.1467C13.1467 10.0975 13.0202 10.0722 12.8923 10.0722C12.7645 10.0722 12.6379 10.0975 12.5199 10.1467C12.4019 10.1958 12.2948 10.2679 12.2048 10.3586V10.3586ZM16.2041 4.67443C15.6117 3.31469 14.5898 2.18674 13.2949 1.46354C12 0.740337 10.5037 0.461796 9.03527 0.670623C7.56688 0.87945 6.20752 1.56412 5.16559 2.61965C4.12366 3.67519 3.45669 5.04333 3.26693 6.5143C2.45932 6.71468 1.7377 7.16981 1.20893 7.81229C0.680162 8.45478 0.372348 9.25047 0.331066 10.0815C0.289784 10.9126 0.517229 11.7349 0.979725 12.4266C1.44222 13.1183 2.11518 13.6427 2.89895 13.9222C3.02264 13.9871 3.15891 14.0245 3.2984 14.0317C3.4379 14.039 3.57732 14.016 3.70709 13.9644C3.83687 13.9127 3.95393 13.8336 4.05025 13.7324C4.14656 13.6312 4.21985 13.5104 4.26508 13.3783C4.31031 13.2461 4.32641 13.1057 4.31228 12.9668C4.29815 12.8278 4.25413 12.6935 4.18323 12.5732C4.11232 12.4528 4.01622 12.3492 3.90152 12.2695C3.78681 12.1898 3.65622 12.1359 3.5187 12.1114C3.14127 11.9749 2.81554 11.7246 2.58656 11.395C2.35758 11.0654 2.23664 10.6728 2.24048 10.2715C2.24048 9.75785 2.44452 9.26524 2.80772 8.90204C3.17092 8.53884 3.66353 8.3348 4.17718 8.3348C4.434 8.3348 4.6803 8.23277 4.8619 8.05117C5.0435 7.86957 5.14553 7.62327 5.14553 7.36645C5.15027 6.22198 5.56026 5.11619 6.30277 4.24528C7.04528 3.37436 8.0723 2.79462 9.20161 2.60891C10.3309 2.42321 11.4895 2.64355 12.4718 3.23084C13.4541 3.81813 14.1966 4.7344 14.5676 5.81709C14.6244 5.98168 14.7245 6.12792 14.8574 6.24039C14.9904 6.35287 15.1512 6.42742 15.3229 6.4562C15.9679 6.57808 16.5526 6.91481 16.9817 7.41151C17.4108 7.9082 17.6591 8.53559 17.686 9.19144C17.713 9.84728 17.517 10.4929 17.1301 11.0232C16.7432 11.5534 16.1881 11.937 15.5553 12.1114C15.2985 12.1435 15.0649 12.2763 14.906 12.4806C14.7471 12.6849 14.6759 12.9439 14.708 13.2008C14.7401 13.4576 14.8729 13.6911 15.0772 13.85C15.2815 14.0089 15.5405 14.0802 15.7974 14.0481H16.0395C17.0585 13.7788 17.9619 13.1843 18.6124 12.3549C19.2628 11.5254 19.6249 10.5064 19.6435 9.45253C19.6621 8.39864 19.3363 7.36746 18.7156 6.51558C18.0948 5.6637 17.213 5.03766 16.2041 4.73254V4.67443Z' fill='%232A50FD'/%3e%3c/svg%3e","check-icon":"data:image/svg+xml,%3csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.09309 0.499928C6.94236 0.505009 6.80012 0.568234 6.69568 0.676061C5.27989 2.09523 4.2073 3.27224 2.87503 4.62764L1.41183 3.39024C1.29498 3.29089 1.14369 3.24178 0.990707 3.25419C0.837725 3.26661 0.69603 3.33887 0.596677 3.45572C0.497324 3.57257 0.448218 3.72386 0.46063 3.87684C0.472485 4.02982 0.545306 4.17152 0.662154 4.27087L2.54083 5.86052C2.77058 6.05754 3.11323 6.04342 3.32662 5.82891C4.88014 4.27207 5.98769 3.02607 7.51751 1.49351C7.68968 1.32698 7.74162 1.07125 7.64734 0.850538C7.55307 0.629823 7.33235 0.490382 7.09301 0.499977L7.09309 0.499928Z' fill='white'/%3e%3c/svg%3e","arrow-rotate":"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:none%3bstroke:black%3bstroke-miterlimit:10%3bopacity:0%3b%7d%3c/style%3e%3c/defs%3e%3cpath d='M.92%2c14a1%2c1%2c0%2c0%2c0%2c.93-1C1.85%2c6.63%2c6%2c2%2c11.79%2c2a9.45%2c9.45%2c0%2c0%2c1%2c8.53%2c4.72L17.76%2c6a.92.92%2c0%2c0%2c0-1.12.73A1%2c1%2c0%2c0%2c0%2c17.31%2c8l4.44%2c1.2.11%2c0H22a.81.81%2c0%2c0%2c0%2c.27%2c0h0A1%2c1%2c0%2c0%2c0%2c22.56%2c9a.27.27%2c0%2c0%2c0%2c.07-.08.8.8%2c0%2c0%2c0%2c.13-.19.84.84%2c0%2c0%2c0%2c.06-.14s0-.07%2c0-.11L24%2c3.64a1%2c1%2c0%2c0%2c0-.67-1.21.92.92%2c0%2c0%2c0-1.12.73l-.5%2c2.16A11.39%2c11.39%2c0%2c0%2c0%2c11.79%2c0C5.07%2c0%2c0%2c5.59%2c0%2c13A1%2c1%2c0%2c0%2c0%2c.92%2c14Z'/%3e%3cpath d='M23.08%2c10a1%2c1%2c0%2c0%2c0-.93%2c1c0%2c6.37-4.18%2c11-9.94%2c11a9.45%2c9.45%2c0%2c0%2c1-8.53-4.72L6.24%2c18a.92.92%2c0%2c0%2c0%2c1.12-.73A1%2c1%2c0%2c0%2c0%2c6.69%2c16l-4.44-1.2-.11%2c0H2a.81.81%2c0%2c0%2c0-.27%2c0h0a1%2c1%2c0%2c0%2c0-.29.19.27.27%2c0%2c0%2c0-.07.08.8.8%2c0%2c0%2c0-.13.19.84.84%2c0%2c0%2c0-.06.14s0%2c.07%2c0%2c.11L0%2c20.36A1%2c1%2c0%2c0%2c0%2c.7%2c21.57a.92.92%2c0%2c0%2c0%2c1.12-.73l.5-2.16A11.39%2c11.39%2c0%2c0%2c0%2c12.21%2c24C18.93%2c24%2c24%2c18.41%2c24%2c11A1%2c1%2c0%2c0%2c0%2c23.08%2c10Z'/%3e%3crect class='cls-1' width='24' height='24'/%3e%3c/svg%3e","magnifier-icon":"data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.7456 14.6459L19.327 18.1983C19.6886 18.5724 19.6886 19.1659 19.327 19.5401C19.1457 19.7228 18.899 19.8256 18.6416 19.8256C18.3842 19.8256 18.1375 19.7228 17.9562 19.5401L14.4038 15.9877C10.8048 18.8742 5.57718 18.4442 2.49816 15.0084C-0.580862 11.5726 -0.437387 6.32929 2.82492 3.06699C6.08723 -0.195322 11.3305 -0.338797 14.7663 2.74023C18.2022 5.81925 18.6322 11.0468 15.7456 14.6459ZM2.23111 9.23044C2.23111 12.9624 5.25644 15.9877 8.98837 15.9877C10.7805 15.9877 12.4992 15.2758 13.7665 14.0085C15.0337 12.7413 15.7456 11.0226 15.7456 9.23044C15.7456 5.49851 12.7203 2.47318 8.98837 2.47318C5.25644 2.47318 2.23111 5.49851 2.23111 9.23044Z' fill='%232A50FD'/%3e%3c/svg%3e",connection:"data:image/svg+xml,%3csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8412 11.3595C11.4441 10.6162 12.3481 10.1818 13.3052 10.1755C15.0725 10.1755 16.5052 11.6082 16.5052 13.3755C16.5052 15.1428 15.0725 16.5755 13.3052 16.5755C11.5379 16.5755 10.1052 15.1428 10.1052 13.3755C10.1076 13.1849 10.1263 12.9949 10.1612 12.8075L5.9372 10.8635C4.68025 12.0925 2.66722 12.0775 1.42881 10.8298C0.190398 9.58205 0.190398 7.56895 1.42881 6.32124C2.66722 5.07353 4.68025 5.05846 5.9372 6.2875L10.1612 4.3435C10.1263 4.15611 10.1076 3.96608 10.1052 3.7755C10.0926 2.21832 11.2028 0.878155 12.7351 0.600798C14.2675 0.323442 15.777 1.18943 16.311 2.65223C16.8451 4.11502 16.2486 5.74988 14.898 6.52502C13.5474 7.30017 11.8348 6.99052 10.8412 5.7915L6.7612 7.6715C6.95303 8.2589 6.95303 8.8921 6.7612 9.4795L10.8412 11.3595ZM14.9052 3.7755C14.9052 2.89184 14.1889 2.1755 13.3052 2.1755C12.4215 2.1755 11.7052 2.89184 11.7052 3.7755C11.7052 4.65916 12.4215 5.3755 13.3052 5.3755C14.1889 5.3755 14.9052 4.65916 14.9052 3.7755ZM3.7052 10.1755C2.82154 10.1755 2.1052 9.45916 2.1052 8.5755C2.1052 7.69184 2.82154 6.9755 3.7052 6.9755C4.58885 6.9755 5.3052 7.69184 5.3052 8.5755C5.3052 9.45916 4.58885 10.1755 3.7052 10.1755ZM11.7052 13.3755C11.7052 14.2592 12.4215 14.9755 13.3052 14.9755C14.1889 14.9755 14.9052 14.2592 14.9052 13.3755C14.9052 12.4918 14.1889 11.7755 13.3052 11.7755C12.4215 11.7755 11.7052 12.4918 11.7052 13.3755Z' fill='%236B747F'/%3e%3c/svg%3e","door-internal-active":"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%2339aa35%3b%7d%3c/style%3e%3c/defs%3e%3ccircle class='cls-1' cx='12' cy='12' r='12'/%3e%3c/svg%3e","ellipses-horizontal":"data:image/svg+xml,%3csvg width='5' height='20' viewBox='0 0 5 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath transform='rotate(90%2c 0%2c 12)' fill-rule='evenodd' clip-rule='evenodd' d='M4.50654 2.11396C4.50654 3.25559 3.58106 4.18107 2.43943 4.18107C1.29779 4.18107 0.372314 3.25559 0.372314 2.11396C0.372314 0.972322 1.29779 0.0468445 2.43943 0.0468445C3.58106 0.0468445 4.50654 0.972322 4.50654 2.11396ZM4.50654 9.70582C4.50654 10.8475 3.58106 11.7729 2.43943 11.7729C1.29779 11.7729 0.372314 10.8475 0.372314 9.70582C0.372314 8.56419 1.29779 7.63871 2.43943 7.63871C3.58106 7.63871 4.50654 8.56419 4.50654 9.70582ZM2.43943 19.3648C3.58106 19.3648 4.50654 18.4393 4.50654 17.2977C4.50654 16.156 3.58106 15.2306 2.43943 15.2306C1.29779 15.2306 0.372314 16.156 0.372314 17.2977C0.372314 18.4393 1.29779 19.3648 2.43943 19.3648Z' fill='%232A50FD'/%3e%3c/svg%3e",ellipses:"data:image/svg+xml,%3csvg width='5' height='20' viewBox='0 0 5 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.50654 2.11396C4.50654 3.25559 3.58106 4.18107 2.43943 4.18107C1.29779 4.18107 0.372314 3.25559 0.372314 2.11396C0.372314 0.972322 1.29779 0.0468445 2.43943 0.0468445C3.58106 0.0468445 4.50654 0.972322 4.50654 2.11396ZM4.50654 9.70582C4.50654 10.8475 3.58106 11.7729 2.43943 11.7729C1.29779 11.7729 0.372314 10.8475 0.372314 9.70582C0.372314 8.56419 1.29779 7.63871 2.43943 7.63871C3.58106 7.63871 4.50654 8.56419 4.50654 9.70582ZM2.43943 19.3648C3.58106 19.3648 4.50654 18.4393 4.50654 17.2977C4.50654 16.156 3.58106 15.2306 2.43943 15.2306C1.29779 15.2306 0.372314 16.156 0.372314 17.2977C0.372314 18.4393 1.29779 19.3648 2.43943 19.3648Z' fill='%232A50FD'/%3e%3c/svg%3e","file-attach-white":"data:image/svg+xml,%3csvg width='28' height='25' viewBox='0 0 28 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0267 1.17413C14.8017 0.949122 14.4968 0.823124 14.1784 0.823124L14.1785 0.82309C13.8601 0.82309 13.5552 0.949117 13.3302 1.1741C13.1052 1.39908 12.9781 1.70508 12.9781 2.02345V15.9259L10.2264 13.1741C10.0037 12.9424 9.69653 12.8108 9.37366 12.8085C9.05191 12.8052 8.74254 12.9323 8.51529 13.1595C8.28803 13.3868 8.16091 13.6962 8.16428 14.0179C8.16653 14.3408 8.29815 14.6479 8.52989 14.8706L13.3302 19.671C13.7982 20.1401 14.5587 20.1401 15.0267 19.671L19.827 14.8706C20.2815 14.4004 20.2747 13.6523 19.8124 13.1888C19.3489 12.7264 18.6008 12.7197 18.1305 13.1742L15.3788 15.9259V2.02349C15.3788 1.70514 15.2517 1.39914 15.0267 1.17413ZM24.9783 14.0232C24.9783 13.3606 25.516 12.8229 26.1786 12.8229V12.8229C26.497 12.8229 26.8019 12.9489 27.0269 13.1739C27.2519 13.3989 27.3779 13.7049 27.3779 14.0233V23.6227C27.3779 23.9411 27.2518 24.246 27.0269 24.471C26.8019 24.696 26.497 24.8231 26.1786 24.8231H2.17825C1.85987 24.8231 1.55502 24.6959 1.33001 24.471C1.105 24.246 0.979004 23.9411 0.979004 23.6227V14.0233C0.979004 13.3606 1.51563 12.8229 2.17825 12.8229C2.84087 12.8229 3.37861 13.3606 3.37861 14.0233V22.4224L24.9783 22.4235V14.0232Z' fill='white'/%3e%3c/svg%3e","functional-equation":"data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3c!-- Generator: Adobe Illustrator 26.0.1%2c SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24%3b' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233A58A4%3b%7d .st1%7bfill:%233A58A4%3b%7d .st2%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233957A3%3b%7d .st3%7bfill:%233957A3%3b%7d .st4%7bfill:%232972B8%3b%7d .st5%7bfill:%23138338%3b%7d .st6%7bfill:%233C5BA6%3b%7d .st7%7bfill:%23DD0B18%3b%7d .st8%7bfill:%233CAA37%3b%7d .st9%7bfill:%231C2243%3b%7d .st10%7bfill:white%3b%7d .st11%7bfill:%23FAD3D0%3b%7d .st12%7bfill:%2351C1E3%3b%7d .st13%7bfill:%23F59A15%3b%7d .st14%7bfill:%231E2243%3b%7d .st15%7bfill:%23DD0C15%3b%7d .st16%7bfill:%23E94B46%3b%7d .st17%7bfill:%23F6A542%3b%7d .st18%7bfill:%234DB486%3b%7d .st19%7bfill:%23474850%3b%7d .st20%7bfill:%233B59A5%3b%7d .st21%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233C5BA6%3b%7d .st22%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233B59A5%3b%7d .st23%7bfill:%23929EAC%3b%7d .st24%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%230A9639%3b%7d .st25%7bfill:%230A9639%3b%7d .st26%7bfill:%23C11718%3b%7d .st27%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%2339AA35%3b%7d .st28%7bfill:%2339AA35%3b%7d .st29%7bfill:%23D4D7E3%3b%7d .st30%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%23D4D7E3%3b%7d .st31%7bopacity:0.1%3b%7d .st32%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%231DA741%3b%7d .st33%7bfill:%2318122C%3b%7d .st34%7bfill:%23110D1D%3b%7d .st35%7bfill:%2318142B%3b%7d .st36%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%231F2244%3b%7d .st37%7bfill:%231E2143%3b%7d .st38%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:white%3b%7d .st39%7bfill:%236B747F%3b%7d .st40%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%23F49913%3b%7d .st41%7bfill:%23020203%3b%7d .st42%7bfill:%23DD0B15%3b%7d .st43%7bfill:%2346484F%3b%7d .st44%7bfill:%231D1E1B%3b%7d .st45%7bfill:%230D1826%3b%7d .st46%7bfill:%233B5A7A%3b%7d .st47%7bfill:%234D9EB3%3b%7d .st48%7bfill:%233B5A7B%3b%7d%3c/style%3e%3cg%3e %3cg%3e %3cpath class='st46' d='M24%2c7.47L24%2c7.47c0-0.3-0.24-0.54-0.53-0.54h-2.55c-0.29%2c0-0.53%2c0.24-0.53%2c0.53v0.01 c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h2.55C23.76%2c8.01%2c24%2c7.77%2c24%2c7.47z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M24%2c10.5L24%2c10.5c0-0.3-0.24-0.54-0.53-0.54h-2.55c-0.29%2c0-0.53%2c0.24-0.53%2c0.53v0.01 c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h2.55C23.76%2c11.03%2c24%2c10.79%2c24%2c10.5z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M24%2c13.52L24%2c13.52c0-0.3-0.24-0.54-0.53-0.54h-2.55c-0.29%2c0-0.53%2c0.24-0.53%2c0.53v0.01 c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h2.55C23.76%2c14.06%2c24%2c13.82%2c24%2c13.52z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M24%2c16.55L24%2c16.55c0-0.3-0.24-0.54-0.53-0.54h-2.55c-0.29%2c0-0.53%2c0.24-0.53%2c0.53v0.01 c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h2.55C23.76%2c17.08%2c24%2c16.84%2c24%2c16.55z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M3.61%2c7.48L3.61%2c7.48c0-0.3-0.24-0.54-0.53-0.54H0.53C0.24%2c6.93%2c0%2c7.17%2c0%2c7.47v0.01 c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h2.55C3.37%2c8.01%2c3.61%2c7.77%2c3.61%2c7.48z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M3.61%2c10.5L3.61%2c10.5c0-0.3-0.24-0.54-0.53-0.54H0.53C0.24%2c9.96%2c0%2c10.2%2c0%2c10.49v0.01 c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h2.55C3.37%2c11.03%2c3.61%2c10.79%2c3.61%2c10.5z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M3.61%2c13.53L3.61%2c13.53c0-0.3-0.24-0.54-0.53-0.54H0.53C0.24%2c12.98%2c0%2c13.22%2c0%2c13.52v0.01 c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h2.55C3.37%2c14.06%2c3.61%2c13.82%2c3.61%2c13.53z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M3.61%2c16.55L3.61%2c16.55c0-0.3-0.24-0.54-0.53-0.54H0.53C0.24%2c16.01%2c0%2c16.25%2c0%2c16.54v0.01 c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h2.55C3.37%2c17.08%2c3.61%2c16.84%2c3.61%2c16.55z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M7.44%2c0L7.44%2c0C7.14%2c0%2c6.9%2c0.24%2c6.9%2c0.53v2.56c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h0.01c0.29%2c0%2c0.53-0.24%2c0.53-0.53 V0.53C7.97%2c0.24%2c7.73%2c0%2c7.44%2c0z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M10.45%2c0L10.45%2c0c-0.3%2c0-0.54%2c0.24-0.54%2c0.53v2.56c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h0.01 c0.29%2c0%2c0.53-0.24%2c0.53-0.53V0.53C10.98%2c0.24%2c10.74%2c0%2c10.45%2c0z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M13.46%2c0L13.46%2c0c-0.3%2c0-0.54%2c0.24-0.54%2c0.53v2.56c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h0.01 c0.29%2c0%2c0.53-0.24%2c0.53-0.53V0.53C13.99%2c0.24%2c13.75%2c0%2c13.46%2c0z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M16.46%2c0L16.46%2c0c-0.3%2c0-0.54%2c0.24-0.54%2c0.53v2.56c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h0.01 c0.29%2c0%2c0.53-0.24%2c0.53-0.53V0.53C16.99%2c0.24%2c16.76%2c0%2c16.46%2c0z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M7.44%2c20.37L7.44%2c20.37c-0.3%2c0-0.54%2c0.24-0.54%2c0.53v2.56C6.9%2c23.76%2c7.14%2c24%2c7.43%2c24h0.01 c0.29%2c0%2c0.53-0.24%2c0.53-0.53v-2.56C7.97%2c20.61%2c7.73%2c20.37%2c7.44%2c20.37z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M10.45%2c20.37L10.45%2c20.37c-0.3%2c0-0.54%2c0.24-0.54%2c0.53v2.56c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h0.01 c0.29%2c0%2c0.53-0.24%2c0.53-0.53v-2.56C10.98%2c20.61%2c10.74%2c20.37%2c10.45%2c20.37z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M13.46%2c20.37L13.46%2c20.37c-0.3%2c0-0.54%2c0.24-0.54%2c0.53v2.56c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h0.01 c0.29%2c0%2c0.53-0.24%2c0.53-0.53v-2.56C13.99%2c20.61%2c13.75%2c20.37%2c13.46%2c20.37z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M16.46%2c20.37L16.46%2c20.37c-0.3%2c0-0.54%2c0.24-0.54%2c0.53v2.56c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h0.01 c0.29%2c0%2c0.53-0.24%2c0.53-0.53v-2.56C16.99%2c20.61%2c16.76%2c20.37%2c16.46%2c20.37z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M16.86%2c19.41H7.11c-1.35%2c0-2.44-1.1-2.44-2.45V7.15c0-1.35%2c1.09-2.45%2c2.44-2.45h9.76 c1.35%2c0%2c2.44%2c1.1%2c2.44%2c2.45v9.81C19.3%2c18.31%2c18.21%2c19.41%2c16.86%2c19.41z M7.11%2c5.76c-0.76%2c0-1.38%2c0.62-1.38%2c1.39v9.81 c0%2c0.76%2c0.62%2c1.39%2c1.38%2c1.39h9.76c0.76%2c0%2c1.38-0.62%2c1.38-1.39V7.15c0-0.76-0.62-1.39-1.38-1.39H7.11z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M12.76%2c8.15C12.61%2c8.05%2c12.43%2c8%2c12.2%2c8c-0.05%2c0-0.11%2c0-0.16%2c0.01c-0.6%2c0.1-0.99%2c0.64-1.24%2c1.17 c-0.11%2c0.25-0.2%2c0.51-0.3%2c0.75c-0.04%2c0.12-0.1%2c0.23-0.14%2c0.36c0%2c0.01-0.07%2c0.25-0.08%2c0.25H9.67c-0.08%2c0-0.15%2c0.07-0.15%2c0.15 c0%2c0.08%2c0.07%2c0.15%2c0.15%2c0.15h0.53l-0.3%2c1.29c-0.3%2c1.44-0.71%2c3.08-0.8%2c3.37c-0.1%2c0.3-0.23%2c0.45-0.42%2c0.45 c-0.04%2c0-0.07-0.01-0.1-0.03c-0.03-0.01-0.04-0.04-0.04-0.07c0-0.03%2c0.01-0.07%2c0.05-0.12c0.04-0.05%2c0.05-0.12%2c0.05-0.18 c0-0.11-0.04-0.21-0.11-0.27c-0.08-0.07-0.16-0.1-0.26-0.1c-0.1%2c0-0.19%2c0.04-0.27%2c0.11c-0.01%2c0.1-0.05%2c0.19-0.05%2c0.32 c0%2c0.16%2c0.07%2c0.3%2c0.2%2c0.43c0.14%2c0.12%2c0.31%2c0.18%2c0.54%2c0.18c0.37%2c0%2c0.69-0.16%2c0.94-0.45c0.15-0.18%2c0.26-0.38%2c0.35-0.6 c0.3-0.67%2c0.46-1.41%2c0.64-2.13c0.18-0.73%2c0.34-1.45%2c0.49-2.18h0.59c0.08%2c0%2c0.15-0.07%2c0.15-0.15c0-0.08-0.07-0.15-0.15-0.15h-0.54 c0.3-1.14%2c0.64-1.92%2c0.71-2.03c0.11-0.19%2c0.23-0.29%2c0.37-0.29c0.05%2c0%2c0.08%2c0.01%2c0.1%2c0.04c0.01%2c0.03%2c0.03%2c0.05%2c0.03%2c0.07 c0%2c0.01-0.01%2c0.05-0.05%2c0.12c-0.04%2c0.07-0.05%2c0.14-0.05%2c0.21c0%2c0.1%2c0.04%2c0.18%2c0.11%2c0.25c0.07%2c0.07%2c0.16%2c0.11%2c0.26%2c0.11 c0.1%2c0%2c0.19-0.04%2c0.26-0.11c0.07-0.07%2c0.11-0.16%2c0.11-0.29C12.98%2c8.4%2c12.91%2c8.25%2c12.76%2c8.15z M15.48%2c11.6 c0.22%2c0%2c0.64-0.18%2c0.64-0.75c0-0.58-0.41-0.6-0.54-0.6c-0.24%2c0-0.5%2c0.18-0.72%2c0.56c-0.22%2c0.38-0.46%2c0.82-0.46%2c0.82h-0.01 c-0.05-0.27-0.1-0.49-0.12-0.6c-0.04-0.23-0.31-0.75-0.88-0.75c-0.57%2c0-1.09%2c0.33-1.09%2c0.33c-0.1%2c0.05-0.16%2c0.16-0.16%2c0.29 c0%2c0.19%2c0.15%2c0.34%2c0.34%2c0.34c0.05%2c0%2c0.11-0.01%2c0.15-0.04c0%2c0%2c0.44-0.25%2c0.52%2c0c0.03%2c0.07%2c0.05%2c0.15%2c0.08%2c0.23 c0.11%2c0.37%2c0.2%2c0.81%2c0.3%2c1.21l-0.34%2c0.56c0%2c0-0.42-0.15-0.64-0.15c-0.22%2c0-0.64%2c0.18-0.64%2c0.75c0%2c0.58%2c0.41%2c0.6%2c0.54%2c0.6 c0.24%2c0%2c0.5-0.18%2c0.72-0.56c0.22-0.38%2c0.46-0.82%2c0.46-0.82c0.07%2c0.36%2c0.14%2c0.64%2c0.18%2c0.75c0.14%2c0.41%2c0.46%2c0.64%2c0.9%2c0.64 c0%2c0%2c0.45%2c0%2c0.97-0.3c0.12-0.05%2c0.22-0.18%2c0.22-0.32c0-0.19-0.15-0.34-0.34-0.34c-0.05%2c0-0.11%2c0.01-0.15%2c0.04 c0%2c0-0.37%2c0.21-0.5%2c0.04c-0.1-0.18-0.16-0.41-0.23-0.7c-0.05-0.26-0.12-0.56-0.18-0.85l0.38-0.55 C14.84%2c11.45%2c15.26%2c11.6%2c15.48%2c11.6z'/%3e %3c/g%3e%3c/g%3e%3c/svg%3e","menu-ellipse-two":"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%233b59a5%3bfill-rule:evenodd%3b%7d%3c/style%3e%3c/defs%3e%3cpath class='cls-1' d='M2.57%2c9.43A2.57%2c2.57%2c0%2c1%2c1%2c0%2c12%2c2.57%2c2.57%2c0%2c0%2c1%2c2.57%2c9.43Zm9.43%2c0A2.57%2c2.57%2c0%2c1%2c1%2c9.43%2c12%2c2.57%2c2.57%2c0%2c0%2c1%2c12%2c9.43ZM24%2c12a2.57%2c2.57%2c0%2c1%2c0-2.57%2c2.57A2.57%2c2.57%2c0%2c0%2c0%2c24%2c12Z'/%3e%3c/svg%3e","menu-ellipse":"data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3c!-- Generator: Adobe Illustrator 26.0.1%2c SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24%3b' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233A58A4%3b%7d .st1%7bfill:%233A58A4%3b%7d .st2%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233957A3%3b%7d .st3%7bfill:%233957A3%3b%7d .st4%7bfill:%232972B8%3b%7d .st5%7bfill:%23138338%3b%7d .st6%7bfill:%233C5BA6%3b%7d .st7%7bfill:%23DD0B18%3b%7d .st8%7bfill:%233CAA37%3b%7d .st9%7bfill:%231C2243%3b%7d .st10%7bfill:white%3b%7d .st11%7bfill:%23FAD3D0%3b%7d .st12%7bfill:%2351C1E3%3b%7d .st13%7bfill:%23F59A15%3b%7d .st14%7bfill:%231E2243%3b%7d .st15%7bfill:%23DD0C15%3b%7d .st16%7bfill:%23E94B46%3b%7d .st17%7bfill:%23F6A542%3b%7d .st18%7bfill:%234DB486%3b%7d .st19%7bfill:%23474850%3b%7d .st20%7bfill:%233B59A5%3b%7d .st21%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233C5BA6%3b%7d .st22%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233B59A5%3b%7d .st23%7bfill:%23929EAC%3b%7d .st24%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%230A9639%3b%7d .st25%7bfill:%230A9639%3b%7d .st26%7bfill:%23C11718%3b%7d .st27%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%2339AA35%3b%7d .st28%7bfill:%2339AA35%3b%7d .st29%7bfill:%23D4D7E3%3b%7d .st30%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%23D4D7E3%3b%7d .st31%7bopacity:0.1%3b%7d .st32%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%231DA741%3b%7d .st33%7bfill:%2318122C%3b%7d .st34%7bfill:%23110D1D%3b%7d .st35%7bfill:%2318142B%3b%7d .st36%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%231F2244%3b%7d .st37%7bfill:%231E2143%3b%7d .st38%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:white%3b%7d .st39%7bfill:%236B747F%3b%7d .st40%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%23F49913%3b%7d .st41%7bfill:%23020203%3b%7d%3c/style%3e%3cpath class='st0' d='M14.57%2c2.57c0%2c1.42-1.15%2c2.57-2.57%2c2.57c-1.42%2c0-2.57-1.15-2.57-2.57C9.43%2c1.15%2c10.58%2c0%2c12%2c0 C13.42%2c0%2c14.57%2c1.15%2c14.57%2c2.57z M14.57%2c12c0%2c1.42-1.15%2c2.57-2.57%2c2.57c-1.42%2c0-2.57-1.15-2.57-2.57c0-1.42%2c1.15-2.57%2c2.57-2.57 C13.42%2c9.43%2c14.57%2c10.58%2c14.57%2c12z M12%2c24c1.42%2c0%2c2.57-1.15%2c2.57-2.57c0-1.42-1.15-2.57-2.57-2.57c-1.42%2c0-2.57%2c1.15-2.57%2c2.57 C9.43%2c22.85%2c10.58%2c24%2c12%2c24z'/%3e%3c/svg%3e","pause-all":"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23ff9600%3bfill-opacity:0.46%3b%7d%3c/style%3e%3c/defs%3e%3crect class='cls-1' width='8.47' height='24'/%3e%3crect class='cls-1' x='15.53' width='8.47' height='24'/%3e%3c/svg%3e",resume:"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%232e56f4%3b%7d%3c/style%3e%3c/defs%3e%3cpath class='cls-1' d='M24%2c12%2c0%2c0V24Z'/%3e%3c/svg%3e","trash-icon":"data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3c!-- Generator: Adobe Illustrator 26.0.1%2c SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24%3b' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233A58A4%3b%7d .st1%7bfill:%233A58A4%3b%7d .st2%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233957A3%3b%7d .st3%7bfill:%233957A3%3b%7d .st4%7bfill:%232972B8%3b%7d .st5%7bfill:%23138338%3b%7d .st6%7bfill:%233C5BA6%3b%7d .st7%7bfill:%23DD0B18%3b%7d .st8%7bfill:%233CAA37%3b%7d .st9%7bfill:%231C2243%3b%7d .st10%7bfill:white%3b%7d .st11%7bfill:%23FAD3D0%3b%7d .st12%7bfill:%2351C1E3%3b%7d .st13%7bfill:%23F59A15%3b%7d .st14%7bfill:%231E2243%3b%7d .st15%7bfill:%23DD0C15%3b%7d .st16%7bfill:%23E94B46%3b%7d .st17%7bfill:%23F6A542%3b%7d .st18%7bfill:%234DB486%3b%7d .st19%7bfill:%23474850%3b%7d .st20%7bfill:%233B59A5%3b%7d .st21%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233C5BA6%3b%7d .st22%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233B59A5%3b%7d .st23%7bfill:%23929EAC%3b%7d .st24%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%230A9639%3b%7d .st25%7bfill:%230A9639%3b%7d .st26%7bfill:%23C11718%3b%7d .st27%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%2339AA35%3b%7d .st28%7bfill:%2339AA35%3b%7d .st29%7bfill:%23D4D7E3%3b%7d .st30%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%23D4D7E3%3b%7d .st31%7bopacity:0.1%3b%7d .st32%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%231DA741%3b%7d .st33%7bfill:%2318122C%3b%7d .st34%7bfill:%23110D1D%3b%7d .st35%7bfill:%2318142B%3b%7d .st36%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%231F2244%3b%7d .st37%7bfill:%231E2143%3b%7d .st38%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:white%3b%7d .st39%7bfill:%236B747F%3b%7d .st40%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%23F49913%3b%7d .st41%7bfill:%23020203%3b%7d%3c/style%3e%3cg%3e %3cpath class='st39' d='M5%2c22.13C5.08%2c23.19%2c5.96%2c24%2c7.02%2c24h9.95c1.06%2c0%2c1.94-0.81%2c2.02-1.87l1.21-14.58l-16.42%2c0L5%2c22.13z M15.46%2c10.96c0.03-0.38%2c0.35-0.66%2c0.73-0.63c0.38%2c0.03%2c0.66%2c0.35%2c0.63%2c0.73l-0.63%2c9.57c-0.03%2c0.38-0.35%2c0.66-0.73%2c0.63 c-0.38-0.03-0.66-0.35-0.63-0.73L15.46%2c10.96z M11.32%2c10.99c0-0.38%2c0.3-0.68%2c0.68-0.68c0.38%2c0%2c0.68%2c0.3%2c0.68%2c0.68v9.57 c0%2c0.38-0.3%2c0.68-0.68%2c0.68c-0.38%2c0-0.68-0.3-0.68-0.68V10.99z M7.83%2c10.31c0.38-0.03%2c0.71%2c0.25%2c0.73%2c0.63l0.63%2c9.57 c0.03%2c0.38-0.25%2c0.71-0.63%2c0.73c-0.38%2c0.03-0.71-0.25-0.73-0.63L7.2%2c11.04C7.15%2c10.66%2c7.45%2c10.33%2c7.83%2c10.31z'/%3e %3cpath class='st39' d='M19.73%2c3.46h-3.79C15.71%2c1.52%2c14.07%2c0%2c12.08%2c0H11.9c-2%2c0-3.64%2c1.52-3.84%2c3.46H4.27c-1.21%2c0-2.2%2c0.98-2.2%2c2.2 c0%2c0.3%2c0.23%2c0.53%2c0.53%2c0.53h18.8c0.3%2c0%2c0.53-0.23%2c0.53-0.53C21.93%2c4.45%2c20.94%2c3.46%2c19.73%2c3.46L19.73%2c3.46z M11.92%2c2.05h0.18 c0.86%2c0%2c1.57%2c0.61%2c1.77%2c1.42l-3.71%2c0C10.33%2c2.65%2c11.06%2c2.05%2c11.92%2c2.05L11.92%2c2.05z'/%3e%3c/g%3e%3c/svg%3e","zoom-in-white":"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:white%3b%7d%3c/style%3e%3c/defs%3e%3cpath class='cls-1' d='M22.6%2c10.6H13.4V1.4a1.4%2c1.4%2c0%2c1%2c0-2.8%2c0v9.2H1.4a1.4%2c1.4%2c0%2c1%2c0%2c0%2c2.8h9.2v9.2a1.4%2c1.4%2c0%2c1%2c0%2c2.8%2c0V13.4h9.2a1.4%2c1.4%2c0%2c0%2c0%2c0-2.8Z' transform='translate(0 0)'/%3e%3c/svg%3e",watcher:"data:image/svg+xml,%3csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.656738 6.70582C0.656738 6.70582 4.63454 0.455765 10.3157 0.455765C16.0544 0.455765 19.9747 6.70582 19.9747 6.70582C19.9747 6.70582 17.1336 12.9559 10.3157 12.9559C3.55432 12.9559 0.656738 6.70582 0.656738 6.70582ZM6.33889 6.70581C6.33889 8.92161 8.0998 10.6825 10.3156 10.6825C12.5314 10.6825 14.2923 8.92161 14.2923 6.70581C14.2923 4.49001 12.5314 2.7291 10.3156 2.7291C8.0998 2.7291 6.33889 4.49001 6.33889 6.70581ZM10.3157 8.41028C11.2574 8.41028 12.0201 7.64753 12.0201 6.70582C12.0201 5.76411 11.2574 5.00136 10.3157 5.00136C9.37395 5.00136 8.6112 5.76411 8.6112 6.70582C8.6112 7.64753 9.37395 8.41028 10.3157 8.41028Z' fill='%232A50FD'/%3e%3c/svg%3e",view:"data:image/svg+xml,%3csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.6519 8.31959C17.7015 3.79111 14.0323 0.981323 10.0735 0.981323C6.11473 0.981323 2.44559 3.79111 0.49516 8.31959C0.441993 8.44141 0.414551 8.5729 0.414551 8.70581C0.414551 8.83873 0.441993 8.97022 0.49516 9.09204C2.44559 13.6205 6.11473 16.4303 10.0735 16.4303C14.0323 16.4303 17.7015 13.6205 19.6519 9.09204C19.7051 8.97022 19.7325 8.83873 19.7325 8.70581C19.7325 8.5729 19.7051 8.44141 19.6519 8.31959ZM10.0735 14.4992C7.0127 14.4992 4.11602 12.288 2.44559 8.70581C4.11602 5.12358 7.0127 2.91245 10.0735 2.91245C13.1344 2.91245 16.031 5.12358 17.7015 8.70581C16.031 12.288 13.1344 14.4992 10.0735 14.4992ZM10.0735 4.84357C9.30965 4.84357 8.56292 5.07009 7.92778 5.49447C7.29264 5.91886 6.7976 6.52206 6.50528 7.2278C6.21296 7.93353 6.13647 8.7101 6.2855 9.4593C6.43452 10.2085 6.80236 10.8967 7.34251 11.4368C7.88265 11.977 8.57084 12.3448 9.32004 12.4938C10.0692 12.6429 10.8458 12.5664 11.5515 12.2741C12.2573 11.9817 12.8605 11.4867 13.2849 10.8516C13.7093 10.2164 13.9358 9.4697 13.9358 8.70581C13.9358 7.68148 13.5289 6.69911 12.8045 5.97479C12.0802 5.25048 11.0979 4.84357 10.0735 4.84357ZM10.0735 10.6369C9.69159 10.6369 9.31823 10.5237 9.00066 10.3115C8.68308 10.0993 8.43557 9.79769 8.2894 9.44482C8.14324 9.09196 8.105 8.70367 8.17951 8.32907C8.25403 7.95447 8.43795 7.61038 8.70802 7.34031C8.97809 7.07023 9.32218 6.88631 9.69679 6.8118C10.0714 6.73728 10.4597 6.77553 10.8125 6.92169C11.1654 7.06785 11.467 7.31537 11.6792 7.63294C11.8914 7.95051 12.0047 8.32387 12.0047 8.70581C12.0047 9.21798 11.8012 9.70917 11.439 10.0713C11.0769 10.4335 10.5857 10.6369 10.0735 10.6369Z' fill='%232A50FD'/%3e%3c/svg%3e","user-icon":"data:image/svg+xml,%3csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_230_6893)'%3e%3cpath d='M10.9998 0.923828C5.45056 0.923828 0.916504 5.4581 0.916504 11.0072C0.916504 16.5562 5.42782 21.0905 10.9998 21.0905C16.5719 21.0905 21.0832 16.5792 21.0832 11.0072C21.0832 5.43515 16.5489 0.923828 10.9998 0.923828ZM5.78904 18.0004C6.87183 16.1504 8.87931 14.9552 11.0449 14.9552C13.2105 14.9552 15.1958 16.1057 16.2786 17.9556C14.8127 19.0613 12.9854 19.738 11.0228 19.738C9.0374 19.7371 7.23304 19.0833 5.78904 18.0005V18.0004ZM17.2936 17.053C15.9402 14.9103 13.6165 13.6245 11.0449 13.6245C8.496 13.6245 6.10478 14.978 4.77404 17.0987C3.24038 15.5193 2.29294 13.3765 2.29294 11.008C2.2701 6.20241 6.1953 2.27731 11.0001 2.27731C15.8048 2.27731 19.7299 6.20241 19.7299 11.0072C19.7299 13.3529 18.8053 15.4737 17.2936 17.053V17.053Z' fill='%232E56F4'/%3e%3cpath d='M10.9997 5.07471C9.03716 5.07471 7.41309 6.67604 7.41309 8.66133C7.41309 10.6239 9.01442 12.2479 10.9997 12.2479C12.985 12.2479 14.5863 10.6466 14.5863 8.66133C14.5863 6.67604 12.9621 5.07471 10.9997 5.07471ZM10.9997 10.8719C9.78157 10.8719 8.76657 9.87968 8.76657 8.6388C8.76657 7.42067 9.75883 6.40567 10.9997 6.40567C12.2406 6.40567 13.2328 7.39793 13.2328 8.6388C13.2328 9.87968 12.2177 10.8719 10.9997 10.8719Z' fill='%232E56F4'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_230_6893'%3e%3crect width='22' height='22' fill='white' transform='translate(0 0.00714111)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e","file-upload":"data:image/svg+xml,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.926 4.72609L8.14392 7.26414C7.84042 7.54002 7.38517 7.65037 6.97038 7.54921C6.54548 7.44806 6.22175 7.1446 6.11047 6.76757C5.98907 6.38134 6.11047 5.97673 6.42408 5.69165L11.2801 1.27765C11.3914 1.1765 11.533 1.09374 11.6847 1.04776C11.9781 0.937409 12.312 0.937409 12.6054 1.04776C12.7571 1.10293 12.8886 1.1765 13.01 1.27765L17.866 5.69165C18.0987 5.90316 18.2201 6.17903 18.2201 6.4733C18.2201 6.76757 18.0886 7.05264 17.866 7.25495C17.6334 7.47565 17.3197 7.586 16.996 7.586C16.6723 7.586 16.3587 7.46645 16.1361 7.25495L13.354 4.72609V15.3105C13.354 15.9174 12.8077 16.414 12.14 16.414C11.4723 16.414 10.926 15.9174 10.926 15.3105V4.72609ZM21.852 15.3105C21.852 14.7036 22.3983 14.207 23.066 14.207C23.7337 14.207 24.28 14.7036 24.28 15.3105V19.7245C24.28 21.5545 22.6512 23.035 20.638 23.035H3.642C1.62878 23.035 0 21.5545 0 19.7245V15.3105C0 14.7036 0.5463 14.207 1.214 14.207C1.8817 14.207 2.428 14.7036 2.428 15.3105V19.7245C2.428 20.3314 2.9743 20.828 3.642 20.828H20.638C21.3057 20.828 21.852 20.3314 21.852 19.7245V15.3105Z' fill='%232E56F4'/%3e%3c/svg%3e","eye-hide":"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12%2c17.4a5.5%2c5.5%2c0%2c0%2c1-5.4-5l-3.9-3a11%2c11%2c0%2c0%2c0-1.4%2c2.1%2c1.7%2c1.7%2c0%2c0%2c0%2c0%2c1A12.1%2c12.1%2c0%2c0%2c0%2c12%2c19.2a13.5%2c13.5%2c0%2c0%2c0%2c2.9-.4L13%2c17.3Zm11.8%2c2.2-4.2-3.2a13%2c13%2c0%2c0%2c0%2c3.1-3.9%2c1.7%2c1.7%2c0%2c0%2c0%2c0-1A12.1%2c12.1%2c0%2c0%2c0%2c12%2c4.8%2c11.8%2c11.8%2c0%2c0%2c0%2c6.5%2c6.2L1.7%2c2.5a.6.6%2c0%2c0%2c0-.8.1h0l-.8%2c1a.6.6%2c0%2c0%2c0%2c.1.8L22.3%2c21.5a.6.6%2c0%2c0%2c0%2c.8-.1h0l.8-1A.6.6%2c0%2c0%2c0%2c23.8%2c19.6Zm-6.9-5.3-1.5-1.2a3.6%2c3.6%2c0%2c0%2c0%2c.2-1.1%2c3.5%2c3.5%2c0%2c0%2c0-3.5-3.6h-1a2%2c2%2c0%2c0%2c1%2c.3%2c1.1.6.6%2c0%2c0%2c1-.1.4L8.6%2c7.8A5%2c5%2c0%2c0%2c1%2c12%2c6.6%2c5.4%2c5.4%2c0%2c0%2c1%2c17.4%2c12h0a5.9%2c5.9%2c0%2c0%2c1-.5%2c2.3Z'/%3e%3c/svg%3e","eye-show":"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M23.9%2c11.4A13.5%2c13.5%2c0%2c0%2c0%2c12%2c4%2c13.5%2c13.5%2c0%2c0%2c0%2c.1%2c11.4a2.4%2c2.4%2c0%2c0%2c0%2c0%2c1.2A13.5%2c13.5%2c0%2c0%2c0%2c12%2c20a13.5%2c13.5%2c0%2c0%2c0%2c11.9-7.4A2.4%2c2.4%2c0%2c0%2c0%2c23.9%2c11.4ZM12%2c18a6%2c6%2c0%2c1%2c1%2c6-6%2c6%2c6%2c0%2c0%2c1-6%2c6ZM12%2c8l-1.1.2a1.8%2c1.8%2c0%2c0%2c1-.4%2c2.7%2c1.7%2c1.7%2c0%2c0%2c1-2.3%2c0A3.9%2c3.9%2c0%2c0%2c0%2c11%2c15.8%2c3.9%2c3.9%2c0%2c0%2c0%2c15.9%2c13a4.1%2c4.1%2c0%2c0%2c0-2.8-4.9Z'/%3e%3c/svg%3e","file-icon":"data:image/svg+xml,%3csvg id='b2bc64ed-393d-4e15-8787-df9ec8050d97' data-name='ae65933b-c6e6-4b40-868c-58201eab117d' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.4 24'%3e%3cdefs%3e%3cstyle%3e.bb405ea1-9d39-4705-a069-9048c97b4cda%7bfill:%232e56f4%3b%7d.accb9cd8-805e-4c9f-9b46-25d8ccc4d9c0%7bisolation:isolate%3bfont-size:9.07px%3bfill:white%3bfont-family:AvertaCY-Extrabold%2c Averta CY%3bfont-weight:800%3bletter-spacing:0.04em%3b%7d%3c/style%3e%3c/defs%3e%3cpath class='bb405ea1-9d39-4705-a069-9048c97b4cda' d='M20.1%2c8.5h-.6V5.6h0c0-.2-.1-.3-.1-.4L14.6%2c0H2.8a.9.9%2c0%2c0%2c0-.9.9h0V8.5H1.3A1.3%2c1.3%2c0%2c0%2c0%2c0%2c9.8H0v7a1.3%2c1.3%2c0%2c0%2c0%2c1.2%2c1.4h.7v4.9a.9.9%2c0%2c0%2c0%2c.9.9H18.5a1%2c1%2c0%2c0%2c0%2c1-.8h0v-5h.6a1.3%2c1.3%2c0%2c0%2c0%2c1.3-1.3h0v-7a1.3%2c1.3%2c0%2c0%2c0-1.3-1.3ZM18.5%2c22.8H2.8V18.2H18.5Zm0-14.3H2.8V.7h11V5.6c.1.3.3.5.5.4h4.2Z'/%3e%3ctext class='accb9cd8-805e-4c9f-9b46-25d8ccc4d9c0' transform='translate(0.8 16.6)'%3eFILE%3c/text%3e%3c/svg%3e","default-icon":"data:image/svg+xml,%3csvg id='f46636c4-9d90-4c06-8f72-5c02d35ff376' data-name='a9011979-1776-4746-bb61-6eae84c3e8ab' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.6 24'%3e%3cdefs%3e%3cstyle%3e.b78a75cf-ef1e-49e2-8d45-bd32a83f2ff9%7bfill:%232e56f4%3b%7d%3c/style%3e%3c/defs%3e%3cpath class='b78a75cf-ef1e-49e2-8d45-bd32a83f2ff9' d='M15.4%2c0H0V24H20.6V5.1Zm3.5%2c22.3H1.7V1.7H14.4l4.5%2c4.6Z'/%3e%3crect class='b78a75cf-ef1e-49e2-8d45-bd32a83f2ff9' x='3.6' y='3.5' width='7.6' height='1.59'/%3e%3crect class='b78a75cf-ef1e-49e2-8d45-bd32a83f2ff9' x='3.6' y='6.5' width='10.6' height='1.59'/%3e%3cpath class='b78a75cf-ef1e-49e2-8d45-bd32a83f2ff9' d='M13.7%2c16.8v-.5a4.3%2c4.3%2c0%2c0%2c0%2c0-1.6v-.5l1.4-.7A6.2%2c6.2%2c0%2c0%2c0%2c14%2c11.8l-1.3.7-.4-.3-1.4-.8h-.5V9.8a7.4%2c7.4%2c0%2c0%2c0-2.1%2c0v1.5H7.8l-1.4.8-.4.3-1.3-.7a6.2%2c6.2%2c0%2c0%2c0-1.1%2c1.7l1.4.7v.5a4.3%2c4.3%2c0%2c0%2c0%2c0%2c1.6v.5l-1.4.7a6.2%2c6.2%2c0%2c0%2c0%2c1.1%2c1.7L6%2c18.5l.4.3%2c1.4.8.5.2v1.4a7.4%2c7.4%2c0%2c0%2c0%2c2.1%2c0V19.8l.5-.2a3.9%2c3.9%2c0%2c0%2c0%2c1.4-.8l.4-.3%2c1.3.7a6.2%2c6.2%2c0%2c0%2c0%2c1.1-1.7ZM9.4%2c18.3a2.9%2c2.9%2c0%2c0%2c1-2.9-2.8%2c2.9%2c2.9%2c0%2c1%2c1%2c2.9%2c2.8Z'/%3e%3c/svg%3e","close-icon":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.5 3.5L12.5 12.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3.5 12.5L12.5 3.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e","folder-icon":"data:image/svg+xml,%3csvg id='b1b3b989-0dfa-4c1a-9a26-31c0153eee65' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.b63eb38a-7601-4817-bdac-e114e5a265aa%7bfill:none%3b%7d.a461cc55-240f-415a-a090-bdc7f44ad7bf%7bclip-path:url(%23ea7bade8-3bf8-4af3-995c-94029c13edc0)%3b%7d.a3e94dd6-5bef-4e69-a637-e50ab154011c%7bfill:%232e56f4%3b%7d%3c/style%3e%3cclipPath id='ea7bade8-3bf8-4af3-995c-94029c13edc0'%3e%3crect class='b63eb38a-7601-4817-bdac-e114e5a265aa' width='24' height='24'/%3e%3c/clipPath%3e%3c/defs%3e%3cg class='a461cc55-240f-415a-a090-bdc7f44ad7bf'%3e%3cpath class='a3e94dd6-5bef-4e69-a637-e50ab154011c' d='M14.7%2c4.5h6a2.7%2c2.7%2c0%2c0%2c1%2c1.2.3%2c2.3%2c2.3%2c0%2c0%2c1%2c1%2c.7%2c3.6%2c3.6%2c0%2c0%2c1%2c.7%2c1%2c5.7%2c5.7%2c0%2c0%2c1%2c.1%2c1.3l-1%2c10.5a2.8%2c2.8%2c0%2c0%2c1-.9%2c1.9%2c3.2%2c3.2%2c0%2c0%2c1-2%2c.8H4.2a3.2%2c3.2%2c0%2c0%2c1-2-.8%2c2.8%2c2.8%2c0%2c0%2c1-.9-1.9L.3%2c7.8a2.9%2c2.9%2c0%2c0%2c1%2c.5-2V4.5a3%2c3%2c0%2c0%2c1%2c.8-2.1%2c3.1%2c3.1%2c0%2c0%2c1%2c2.2-.9H9.3a2.9%2c2.9%2c0%2c0%2c1%2c2.1.9l1.2%2c1.2A2.9%2c2.9%2c0%2c0%2c0%2c14.7%2c4.5ZM2.3%2c4.7l1-.2h8.1L10.3%2c3.4a1.8%2c1.8%2c0%2c0%2c0-1-.4H3.8a2.1%2c2.1%2c0%2c0%2c0-1.1.4%2c1.5%2c1.5%2c0%2c0%2c0-.4%2c1.1Z'/%3e%3c/g%3e%3c/svg%3e","rename-icon":"data:image/svg+xml,%3csvg id='a20f7630-4a0d-4a4b-b004-75840c22dff6' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.be3eb9b0-399a-4516-b1fa-0ee0ad3d8865%7bfill:%232e56f4%3b%7d%3c/style%3e%3c/defs%3e%3cpath class='be3eb9b0-399a-4516-b1fa-0ee0ad3d8865' d='M21.6%2c4.8H20.4V7.2h1.2v9.6H20.4v2.4h1.2A2.4%2c2.4%2c0%2c0%2c0%2c24%2c16.8V7.2A2.4%2c2.4%2c0%2c0%2c0%2c21.6%2c4.8ZM4.8%2c9.6H15.6v4.8H4.8Z'/%3e%3cpath class='be3eb9b0-399a-4516-b1fa-0ee0ad3d8865' d='M18%2c2.4h3.6V0H12V2.4h3.6V4.8H2.4A2.4%2c2.4%2c0%2c0%2c0%2c0%2c7.2v9.6a2.4%2c2.4%2c0%2c0%2c0%2c2.4%2c2.4H15.6v2.4H12V24h9.6V21.6H18ZM2.4%2c16.8V7.2H15.6v9.6Z'/%3e%3c/svg%3e","camera-icon":"data:image/svg+xml,%3csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.3763 24.6224H7.6241C6.71362 24.6206 5.84089 24.2581 5.19713 23.6144C4.55337 22.9706 4.19087 22.0979 4.18909 21.1874V11.5594C4.18909 10.6485 4.5511 9.77473 5.19518 9.13047C5.83944 8.48638 6.713 8.12455 7.6241 8.12455H8.5069L9.09982 6.35236C9.32736 5.66733 9.76479 5.07147 10.3501 4.64927C10.9355 4.22707 11.6389 3.99983 12.3607 4H16.6465C17.3683 3.99984 18.0717 4.22705 18.6571 4.64927C19.2424 5.07147 19.6799 5.66733 19.9074 6.35236L20.4938 8.12455H21.3703H21.3701C22.2824 8.12277 23.1577 8.48397 23.8032 9.12824C24.4488 9.77266 24.8116 10.6473 24.8116 11.5594V21.1874C24.8098 22.0979 24.4473 22.9706 23.8036 23.6144C23.1598 24.2582 22.2871 24.6207 21.3766 24.6224L21.3763 24.6224ZM7.6241 9.49724C7.07711 9.49724 6.55263 9.71442 6.16585 10.1012C5.77908 10.488 5.56191 11.0124 5.56191 11.5594V21.1874C5.56191 21.7344 5.77908 22.2589 6.16585 22.6457C6.55262 23.0324 7.07711 23.2496 7.6241 23.2496H21.3763C21.9233 23.2496 22.4478 23.0324 22.8346 22.6457C23.2213 22.2589 23.4385 21.7344 23.4385 21.1874V11.5594C23.4385 11.0124 23.2213 10.488 22.8346 10.1012C22.4478 9.71441 21.9233 9.49724 21.3763 9.49724H19.9972C19.8543 9.4953 19.7156 9.44901 19.6001 9.3647C19.4847 9.28039 19.3983 9.16225 19.3528 9.0268L18.5988 6.78415C18.4634 6.37699 18.2044 6.02224 17.8578 5.76915C17.5113 5.51621 17.0944 5.37768 16.6654 5.37283H12.3606C11.9316 5.37768 11.5147 5.51621 11.1682 5.76915C10.8216 6.02225 10.5627 6.37699 10.4272 6.78415L9.65398 9.0268C9.60851 9.16225 9.52209 9.28039 9.4067 9.3647C9.29116 9.44902 9.15247 9.4953 9.00941 9.49724H7.6241Z' fill='%23478B73' stroke='%23478B73'/%3e%3cpath d='M14.5 21.1875C13.2233 21.1875 11.9987 20.6803 11.0961 19.7776C10.1932 18.8748 9.68604 17.6504 9.68604 16.3735C9.68604 15.0969 10.1932 13.8723 11.0961 12.9696C11.9987 12.0667 13.2233 11.5596 14.5 11.5596C15.7767 11.5596 17.0012 12.0667 17.9039 12.9696C18.8068 13.8723 19.314 15.0969 19.314 16.3735C19.3123 17.6497 18.8045 18.8733 17.9021 19.7757C16.9996 20.678 15.7762 21.1859 14.5 21.1875ZM14.5 12.9386C13.5891 12.9386 12.7153 13.3005 12.0711 13.9447C11.427 14.5888 11.0652 15.4626 11.0652 16.3735C11.0652 17.2844 11.427 18.1581 12.0711 18.8024C12.7153 19.4465 13.5891 19.8083 14.5 19.8083C15.4109 19.8083 16.2847 19.4465 16.9289 18.8024C17.573 18.1581 17.9348 17.2844 17.9348 16.3735C17.9332 15.463 17.5707 14.5903 16.927 13.9465C16.2832 13.3028 15.4105 12.9403 14.5 12.9386Z' fill='%23478B73' stroke='%23478B73'/%3e%3c/svg%3e","image-icon":Z},X=s(g)`
96
+ `,J=({variant:e,variantBorder:o,variantBorderHover:r,variantBgBody:l,variantBgFooter:i,fileName:n,bgUrl:a,size:c,trimFileName:s,bodyContent:d,...p})=>{const m=u()||R;return t.createElement(Z,z({variantBorder:o,variantBorderHover:r,variantBgBody:l,size:c,trimFileName:s,theme:m},p),t.createElement(X,{bgUrl:a,size:c,theme:m},d),t.createElement(G,{theme:m,title:n,variant:e,variantBgFooter:i,trimFileName:s,size:c},n))};J.propTypes={variant:e.string,variantBorder:e.string,variantBorderHover:e.string,variantBgBody:e.string,variantBgFooter:e.string,fileName:e.string,bgUrl:e.string,size:e.oneOf(["sm","md"]),trimFileName:e.bool,bodyContent:e.element},J.defaultProps={variant:"black",variantBorder:"neutral-5",variantBorderHover:"primary-1",variantBgBody:"neutral-4",variantBgFooter:null,fileName:"",bgUrl:null,size:"md",trimFileName:!0,bodyContent:null};var U="data:image/svg+xml,%3csvg width='49' height='40' viewBox='0 0 49 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 0V40H48.3333V0H0ZM3.70817 3.7385H44.6251V36.2615H3.70817V3.7385V3.7385ZM12.1423 8.43351C10.9884 8.43351 10.0174 8.8234 9.23066 9.60362C8.44388 10.3838 8.05064 11.3466 8.05064 12.4909C8.05064 13.5832 8.44388 14.5189 9.23066 15.2991C10.0174 16.0793 10.9884 16.4692 12.1423 16.4692C13.2439 16.4692 14.1876 16.0793 14.9744 15.2991C15.7612 14.5189 16.1544 13.5831 16.1544 12.4909C16.1544 11.3466 15.7612 10.3838 14.9744 9.60362C14.1876 8.8234 13.2439 8.43351 12.1423 8.43351ZM29.5298 10.411L20.2461 24.3762L15.3166 20.3188L8.05064 29.6797V32.4118H40.2827V21.4363L29.5298 10.411Z' fill='%23C4C4C4'/%3e%3c/svg%3e";const D={"plus-outlined":"data:image/svg+xml,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.0313 0.685989C8.12093 0.685989 6.25347 1.25248 4.66506 2.31382C3.07665 3.37516 1.83863 4.88369 1.10756 6.64863C0.3765 8.41358 0.18522 10.3557 0.557913 12.2293C0.930607 14.103 1.85054 15.8241 3.20137 17.1749C4.5522 18.5257 6.27326 19.4457 8.14692 19.8183C10.0206 20.191 11.9627 19.9998 13.7276 19.2687C15.4926 18.5376 17.0011 17.2996 18.0624 15.7112C19.1238 14.1228 19.6903 12.2553 19.6903 10.345C19.6903 9.07653 19.4404 7.82052 18.955 6.64863C18.4696 5.47675 17.7581 4.41196 16.8612 3.51504C15.9643 2.61812 14.8995 1.90664 13.7276 1.42124C12.5557 0.935826 11.2997 0.685989 10.0313 0.685989ZM10.0313 18.0721C8.503 18.0721 7.00903 17.619 5.7383 16.7699C4.46757 15.9208 3.47716 14.714 2.89231 13.302C2.30746 11.8901 2.15444 10.3364 2.45259 8.83747C2.75075 7.33854 3.48669 5.96169 4.56735 4.88102C5.64802 3.80036 7.02487 3.06442 8.5238 2.76626C10.0227 2.46811 11.5764 2.62113 12.9884 3.20598C14.4003 3.79083 15.6071 4.78125 16.4562 6.05197C17.3053 7.3227 17.7585 8.81667 17.7585 10.345C17.7585 12.3943 16.9444 14.3598 15.4952 15.8089C14.0461 17.258 12.0807 18.0721 10.0313 18.0721ZM13.8949 9.37907H10.9972V6.48137C10.9972 6.2252 10.8954 5.97952 10.7143 5.79838C10.5331 5.61724 10.2875 5.51548 10.0313 5.51548C9.77512 5.51548 9.52944 5.61724 9.3483 5.79838C9.16716 5.97952 9.0654 6.2252 9.0654 6.48137V9.37907H6.1677C5.91153 9.37907 5.66585 9.48083 5.48471 9.66197C5.30357 9.84311 5.20181 10.0888 5.20181 10.345C5.20181 10.6011 5.30357 10.8468 5.48471 11.028C5.66585 11.2091 5.91153 11.3109 6.1677 11.3109H9.0654V14.2086C9.0654 14.4647 9.16716 14.7104 9.3483 14.8915C9.52944 15.0727 9.77512 15.1745 10.0313 15.1745C10.2875 15.1745 10.5331 15.0727 10.7143 14.8915C10.8954 14.7104 10.9972 14.4647 10.9972 14.2086V11.3109H13.8949C14.1511 11.3109 14.3967 11.2091 14.5779 11.028C14.759 10.8468 14.8608 10.6011 14.8608 10.345C14.8608 10.0888 14.759 9.84311 14.5779 9.66197C14.3967 9.48083 14.1511 9.37907 13.8949 9.37907Z' fill='%232A50FD'/%3e%3c/svg%3e","check-mark":"data:image/svg+xml,%3csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.2817 0.508636L14.0132 1.50961L6.47213 14.5542L0.238281 9.69783L1.4674 8.12009L5.88914 11.5644L12.2817 0.508636Z' fill='white'/%3e%3c/svg%3e","chevron-right":"data:image/svg+xml,%3csvg width='13' height='19' viewBox='0 0 13 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath transform='rotate(180%2c 8%2c 9.5)' fill-rule='evenodd' clip-rule='evenodd' d='M12.6344 0.877569C13.1251 1.49007 13.0263 2.38439 12.4138 2.87509L4.33812 9.34497L12.4138 15.8148C13.0263 16.3056 13.1251 17.1999 12.6344 17.8124C12.1437 18.4249 11.2494 18.5236 10.6369 18.0329L1.17683 10.454C0.840203 10.1843 0.644287 9.77631 0.644287 9.34497C0.644287 8.91363 0.840203 8.50564 1.17683 8.23594L10.6369 0.65704C11.2494 0.166337 12.1437 0.265071 12.6344 0.877569Z' fill='%232A50FD'/%3e%3c/svg%3e","chevron-left":"data:image/svg+xml,%3csvg width='13' height='19' viewBox='0 0 13 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.6344 0.877569C13.1251 1.49007 13.0263 2.38439 12.4138 2.87509L4.33812 9.34497L12.4138 15.8148C13.0263 16.3056 13.1251 17.1999 12.6344 17.8124C12.1437 18.4249 11.2494 18.5236 10.6369 18.0329L1.17683 10.454C0.840203 10.1843 0.644287 9.77631 0.644287 9.34497C0.644287 8.91363 0.840203 8.50564 1.17683 8.23594L10.6369 0.65704C11.2494 0.166337 12.1437 0.265071 12.6344 0.877569Z' fill='%232A50FD'/%3e%3c/svg%3e","app-logo":"data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.91775 0.515015H7.50682C8.35702 0.515015 9.05226 1.21026 9.05226 2.06045V7.64952C9.05226 8.49972 8.35702 9.19496 7.50682 9.19496H1.91775C1.06755 9.19496 0.372314 8.49972 0.372314 7.64952V2.06045C0.372314 1.21026 1.06755 0.515015 1.91775 0.515015ZM1.91785 7.64952H7.50692V2.06045H1.91785V7.64952ZM12.5558 0.515015H18.1449C18.9951 0.515015 19.6903 1.21026 19.6903 2.06045V7.64952C19.6903 8.49972 18.9951 9.19496 18.1449 9.19496H12.5558C11.7056 9.19496 11.0104 8.49972 11.0104 7.64952V2.06045C11.0104 1.21026 11.7056 0.515015 12.5558 0.515015ZM7.50682 11.153H1.91775C1.06755 11.153 0.372314 11.8483 0.372314 12.6985V18.2875C0.372314 19.1377 1.06755 19.833 1.91775 19.833H7.50682C8.35702 19.833 9.05226 19.1377 9.05226 18.2875V12.6985C9.05226 11.8483 8.35702 11.153 7.50682 11.153ZM12.5558 11.153H18.1449C18.9951 11.153 19.6903 11.8483 19.6903 12.6985V18.2875C19.6903 19.1377 18.9951 19.833 18.1449 19.833H12.5558C11.7056 19.833 11.0104 19.1377 11.0104 18.2875V12.6985C11.0104 11.8483 11.7056 11.153 12.5558 11.153Z' fill='%232A50FD'/%3e%3c/svg%3e",email:"data:image/svg+xml,%3csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.4286 0.617798H2.90599C2.13748 0.617798 1.40044 0.92309 0.857016 1.46651C0.313593 2.00994 0.00830078 2.74698 0.00830078 3.51549V13.1745C0.00830078 13.943 0.313593 14.68 0.857016 15.2234C1.40044 15.7669 2.13748 16.0722 2.90599 16.0722H16.4286C17.1971 16.0722 17.9341 15.7669 18.4775 15.2234C19.021 14.68 19.3263 13.943 19.3263 13.1745V3.51549C19.3263 2.74698 19.021 2.00994 18.4775 1.46651C17.9341 0.92309 17.1971 0.617798 16.4286 0.617798ZM16.0325 2.54959L10.3531 8.22907C10.2633 8.3196 10.1564 8.39146 10.0387 8.4405C9.92104 8.48954 9.79479 8.51478 9.66728 8.51478C9.53977 8.51478 9.41352 8.48954 9.29582 8.4405C9.17811 8.39146 9.07129 8.3196 8.98149 8.22907L3.30201 2.54959H16.0325ZM17.3945 13.1745C17.3945 13.4306 17.2927 13.6763 17.1116 13.8575C16.9304 14.0386 16.6847 14.1404 16.4286 14.1404H2.90599C2.64982 14.1404 2.40414 14.0386 2.223 13.8575C2.04186 13.6763 1.9401 13.4306 1.9401 13.1745V3.91151L7.61958 9.59099C8.1629 10.1336 8.89939 10.4384 9.66728 10.4384C10.4352 10.4384 11.1717 10.1336 11.715 9.59099L17.3945 3.91151V13.1745Z' fill='%232A50FD'/%3e%3c/svg%3e","chevron-down":"data:image/svg+xml,%3csvg width='13' height='19' viewBox='0 0 13 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath transform='rotate(270%2c 6.5%2c 9.5)' fill-rule='evenodd' clip-rule='evenodd' d='M12.6344 0.877569C13.1251 1.49007 13.0263 2.38439 12.4138 2.87509L4.33812 9.34497L12.4138 15.8148C13.0263 16.3056 13.1251 17.1999 12.6344 17.8124C12.1437 18.4249 11.2494 18.5236 10.6369 18.0329L1.17683 10.454C0.840203 10.1843 0.644287 9.77631 0.644287 9.34497C0.644287 8.91363 0.840203 8.50564 1.17683 8.23594L10.6369 0.65704C11.2494 0.166337 12.1437 0.265071 12.6344 0.877569Z' fill='%232A50FD'/%3e%3c/svg%3e","triangle-down":"data:image/svg+xml,%3csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.271484 0.153671H8.27148L4.27148 6.15367L0.271484 0.153671Z' fill='%23081348'/%3e%3c/svg%3e",info:"data:image/svg+xml,%3csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.132935 6.38318C0.132935 3.06947 2.81923 0.383179 6.13293 0.383179C9.44512 0.386862 12.1293 3.071 12.1329 6.38318C12.1329 9.69689 9.44664 12.3832 6.13293 12.3832C2.81923 12.3832 0.132935 9.69689 0.132935 6.38318ZM1.33293 6.38318C1.33293 9.03415 3.48197 11.1832 6.13293 11.1832C8.78264 11.1801 10.9299 9.03289 10.9329 6.38318C10.9329 3.73221 8.7839 1.58318 6.13293 1.58318C3.48197 1.58318 1.33293 3.73221 1.33293 6.38318ZM6.13293 6.08318C5.80156 6.08318 5.53293 6.35181 5.53293 6.68318V8.48318C5.53293 8.81455 5.80156 9.08318 6.13293 9.08318C6.46431 9.08318 6.73293 8.81455 6.73293 8.48318V6.68318C6.73293 6.35181 6.46431 6.08318 6.13293 6.08318ZM5.38293 4.43318C5.38293 4.01897 5.71872 3.68318 6.13293 3.68318C6.54715 3.68318 6.88293 4.01897 6.88293 4.43318C6.88293 4.84739 6.54715 5.18318 6.13293 5.18318C5.71872 5.18318 5.38293 4.84739 5.38293 4.43318Z' fill='%236B747F'/%3e%3c/svg%3e","cross-icon":"data:image/svg+xml,%3csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7129 9.70582L19.8791 1.53962C20.2304 1.18838 20.2304 0.661516 19.8791 0.310275C19.5279 -0.0409657 19.001 -0.0409657 18.6498 0.310275L10.4836 8.47648L2.31736 0.310275C1.96612 -0.0409657 1.43926 -0.0409657 1.08802 0.310275C0.736775 0.661516 0.736775 1.18838 1.08802 1.53962L9.25422 9.70582L1.08802 17.872C0.736775 18.2233 0.736775 18.7501 1.08802 19.1014C1.26364 19.277 1.43926 19.3648 1.70269 19.3648C1.96612 19.3648 2.14174 19.277 2.31736 19.1014L10.4836 10.9352L18.6498 19.1014C18.8254 19.277 19.0888 19.3648 19.2644 19.3648C19.4401 19.3648 19.7035 19.277 19.8791 19.1014C20.2304 18.7501 20.2304 18.2233 19.8791 17.872L11.7129 9.70582Z' fill='%232A50FD'/%3e%3c/svg%3e","file-attach":"data:image/svg+xml,%3csvg width='28' height='25' viewBox='0 0 28 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0267 1.17413C14.8017 0.949122 14.4968 0.823124 14.1784 0.823124L14.1785 0.82309C13.8601 0.82309 13.5552 0.949117 13.3302 1.1741C13.1052 1.39908 12.9781 1.70508 12.9781 2.02345V15.9259L10.2264 13.1741C10.0037 12.9424 9.69653 12.8108 9.37366 12.8085C9.05191 12.8052 8.74254 12.9323 8.51529 13.1595C8.28803 13.3868 8.16091 13.6962 8.16428 14.0179C8.16653 14.3408 8.29815 14.6479 8.52989 14.8706L13.3302 19.671C13.7982 20.1401 14.5587 20.1401 15.0267 19.671L19.827 14.8706C20.2815 14.4004 20.2747 13.6523 19.8124 13.1888C19.3489 12.7264 18.6008 12.7197 18.1305 13.1742L15.3788 15.9259V2.02349C15.3788 1.70514 15.2517 1.39914 15.0267 1.17413ZM24.9783 14.0232C24.9783 13.3606 25.516 12.8229 26.1786 12.8229V12.8229C26.497 12.8229 26.8019 12.9489 27.0269 13.1739C27.2519 13.3989 27.3779 13.7049 27.3779 14.0233V23.6227C27.3779 23.9411 27.2518 24.246 27.0269 24.471C26.8019 24.696 26.497 24.8231 26.1786 24.8231H2.17825C1.85987 24.8231 1.55502 24.6959 1.33001 24.471C1.105 24.246 0.979004 23.9411 0.979004 23.6227V14.0233C0.979004 13.3606 1.51563 12.8229 2.17825 12.8229C2.84087 12.8229 3.37861 13.3606 3.37861 14.0233V22.4224L24.9783 22.4235V14.0232Z' fill='%232E56F4'/%3e%3c/svg%3e","jpg-icon":"data:image/svg+xml,%3csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0248 7.36488H14.5926V5.27939C14.5926 5.26822 14.5911 5.25698 14.5896 5.24568L14.5888 5.24011C14.5881 5.1573 14.5618 5.07596 14.5051 5.01152L11.0346 1.04708L11.0334 1.0461C11.0328 1.04567 11.0323 1.04527 11.0318 1.0446C11.0112 1.02149 10.987 1.00228 10.9615 0.985642C10.954 0.980577 10.9464 0.976328 10.9385 0.971949C10.9164 0.95989 10.893 0.94989 10.8688 0.942668C10.8658 0.941806 10.8628 0.940756 10.8599 0.939708L10.8599 0.939707L10.8599 0.939704C10.8566 0.938529 10.8533 0.937357 10.8499 0.936459C10.8237 0.93025 10.7964 0.926361 10.7689 0.926361H2.2397C1.85022 0.926361 1.53382 1.24313 1.53382 1.63227V7.36472H1.10169C0.544537 7.36472 0.0927734 7.81628 0.0927734 8.37364V13.6202C0.0927734 14.1772 0.544537 14.629 1.10169 14.629H1.53385V18.2204C1.53385 18.6096 1.85025 18.9264 2.23973 18.9264H13.8868C14.2759 18.9264 14.5926 18.6096 14.5926 18.2204V14.629H15.0249C15.5819 14.629 16.0337 14.1772 16.0337 13.6202V8.3738C16.0337 7.81648 15.5818 7.36488 15.0248 7.36488ZM2.2397 1.63241H10.4159V5.24394C10.4159 5.43893 10.5741 5.59688 10.7689 5.59688H13.8867V7.36511H2.2397V1.63241ZM8.94593 11.1082C9.25851 10.8108 9.43053 10.3728 9.43053 9.8568C9.43053 9.34086 9.20393 8.90285 8.86802 8.6371C8.51573 8.35543 7.99178 8.21481 7.25678 8.21481C6.52953 8.21481 6.01355 8.26151 5.6458 8.32442V13.5243H6.82655V11.6398C6.936 11.6556 7.07698 11.6631 7.23345 11.6631C7.93691 11.6631 8.53903 11.4913 8.94593 11.1082ZM1.90744 13.4852L2.04065 12.5234C2.20496 12.5782 2.41581 12.6175 2.65038 12.6175C3.1512 12.6175 3.46372 12.3904 3.46372 11.5694V8.25377H4.65221V11.5849C4.65221 13.0865 3.9326 13.6102 2.77548 13.6102C2.50202 13.6104 2.14218 13.5638 1.90744 13.4852ZM2.2397 18.0294H13.8867V14.629H2.2397V18.0294ZM14.5923 13.2821C14.2249 13.4072 13.529 13.5791 12.8324 13.5791C11.8711 13.5791 11.1748 13.3367 10.6903 12.8676C10.2053 12.4142 9.93906 11.726 9.94717 10.9518C9.95472 9.20007 11.2293 8.19916 12.9578 8.19916C13.6382 8.19916 14.1625 8.33187 14.4203 8.45713L14.17 9.41108C13.8805 9.28595 13.5207 9.18429 12.942 9.18429C11.949 9.18429 11.1987 9.74749 11.1987 10.8892C11.1987 11.9761 11.8787 12.6174 12.8563 12.6174C13.13 12.6174 13.3491 12.586 13.4428 12.539V11.4364H12.6294V10.5059H14.5922V13.2821H14.5923ZM6.82654 9.16098C6.91262 9.13739 7.07696 9.11386 7.31909 9.11386C7.91353 9.11386 8.25003 9.40331 8.25003 9.88824C8.25003 10.4275 7.85892 10.7484 7.22533 10.7484C7.0535 10.7484 6.9284 10.7405 6.82654 10.717V9.16098Z' fill='%232E56F4'/%3e%3c/svg%3e","pdf-icon":"data:image/svg+xml,%3csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3246 6.76136H14.8924V4.67588C14.8924 4.6647 14.8909 4.65346 14.8894 4.64216L14.8886 4.6366C14.8879 4.55379 14.8616 4.47245 14.8049 4.408L11.3344 0.443564L11.3332 0.442584C11.3326 0.442151 11.3321 0.441754 11.3316 0.441081C11.311 0.417976 11.2868 0.39876 11.2613 0.382126C11.2538 0.377061 11.2462 0.372813 11.2383 0.368434C11.2162 0.356375 11.1928 0.346375 11.1686 0.339153C11.1656 0.338291 11.1626 0.33724 11.1597 0.336192L11.1597 0.336192L11.1597 0.336189C11.1564 0.335013 11.1531 0.333841 11.1497 0.332943C11.1235 0.326734 11.0963 0.322845 11.0687 0.322845H2.5395C2.15003 0.322845 1.83362 0.63961 1.83362 1.02876V6.7612H1.4015C0.844342 6.7612 0.392578 7.21277 0.392578 7.77012V13.0167C0.392578 13.5736 0.844342 14.0255 1.4015 14.0255H1.83365V17.6169C1.83365 18.006 2.15006 18.3228 2.53954 18.3228H14.1866C14.5757 18.3228 14.8925 18.0061 14.8925 17.6169V14.0255H15.3247C15.8817 14.0255 16.3335 13.5736 16.3335 13.0167V7.77028C16.3335 7.21296 15.8816 6.76136 15.3246 6.76136ZM2.5395 1.02889H10.7157V4.64042C10.7157 4.83542 10.8739 4.99336 11.0687 4.99336H14.1865V6.76159H2.5395V1.02889ZM10.3283 12.5567C10.8374 12.1264 11.2048 11.4306 11.2048 10.4216C11.2048 9.49103 10.8607 8.84211 10.3135 8.43541C9.80498 8.05247 9.15576 7.87247 8.15537 7.87247C7.55322 7.87247 6.98201 7.91159 6.54414 7.98182V13.1588C6.84165 13.1978 7.27946 13.2369 7.89711 13.2369C8.929 13.2369 9.77374 13.018 10.3283 12.5567ZM2.00029 13.1823V7.98182C2.36764 7.9196 2.88401 7.87247 3.61127 7.87247C4.34626 7.87247 4.87032 8.01326 5.22208 8.29496C5.55842 8.56067 5.78466 8.99868 5.78466 9.51482C5.78466 10.0311 5.61309 10.469 5.30005 10.766C4.89345 11.1492 4.29139 11.3214 3.58741 11.3214C3.43127 11.3214 3.29002 11.3134 3.18104 11.2978V13.1824H2.00029V13.1823ZM2.5395 17.4259H14.1865V14.0255H2.5395V17.4259ZM15.2093 8.88907H13.1836V10.0934H15.0761V11.0631H13.1836V13.1823H11.9877V7.91159H15.2093V8.88907ZM4.60424 9.54587C4.60424 9.06116 4.26767 8.77188 3.67372 8.77188C3.43143 8.77188 3.26728 8.79525 3.1812 8.81868V10.3751C3.28296 10.3982 3.40806 10.4061 3.57963 10.4061C4.21332 10.4061 4.60424 10.0856 4.60424 9.54587ZM8.2805 8.7875C8.01433 8.7875 7.8427 8.81094 7.74067 8.8344V12.2829C7.8425 12.3067 8.00675 12.3067 8.15537 12.3067C9.23436 12.3142 9.93818 11.7202 9.93818 10.4611C9.94609 9.36593 9.30469 8.7875 8.2805 8.7875Z' fill='%232E56F4'/%3e%3c/svg%3e","arrow-up":"data:image/svg+xml,%3csvg width='11' height='16' viewBox='0 0 11 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.6561 4.98854L5.78989 0.122986L0.923645 4.98854L1.94087 6.00576L5.06337 2.88257V15.123H6.51636V2.88257L9.63886 6.00576L10.6561 4.98854Z' fill='%23009500'/%3e%3c/svg%3e","arrow-down":"data:image/svg+xml,%3csvg width='11' height='17' viewBox='0 0 11 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.337 11.3942L5.47074 16.4335L0.604492 11.3942L1.62172 10.3406L4.74422 13.5753V0.897759H6.19721V13.5753L9.31971 10.3406L10.337 11.3942Z' fill='%23C10000'/%3e%3c/svg%3e","pen-icon":"data:image/svg+xml,%3csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.87647 10.4528L2.64806 13.9942H0.504883L5.3205 0.612427H7.65317L12.4688 13.9942H10.3256L9.10374 10.4528H3.87647ZM4.46454 8.7539H8.51567L6.54238 3.04311H6.43783L4.46454 8.7539Z' fill='%23454545'/%3e%3c/svg%3e","sign-icon":"data:image/svg+xml,%3csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.4919 0.469661C21.4919 0.469661 21.4927 0.469661 21.4935 0.470442L21.4935 0.470422C22.2458 1.00014 22.4466 2.06732 21.9411 2.85482L21.3568 3.76654L18.6302 1.85794L19.2138 0.936842C19.2138 0.936842 19.2138 0.936061 19.2145 0.936061C19.7193 0.148561 20.7396 -0.060019 21.4919 0.469661ZM12.8287 11.4032L12.81 14.4742C12.8053 14.5039 12.824 14.5297 12.8514 14.5352C12.8639 14.5367 12.8764 14.5352 12.8881 14.5274L15.6757 13.3492L21.0147 4.68745L18.1741 2.74057L12.8287 11.4032ZM11.6916 7.26789C11.2142 5.85961 9.65961 5.20995 8.23719 5.74995C6.01654 6.59005 5.65513 9.45668 6.63008 12.0049L6.7317 12.2595C7.01005 12.9291 7.3479 13.5236 7.75506 14.0393L7.90633 14.2236L7.7904 14.3086L7.64283 14.4049C6.71979 14.9803 6.0144 14.8962 5.42701 14.0152C5.11735 13.5506 5.01096 13.0618 4.98516 12.1083L4.9715 11.0336C4.93862 9.71545 4.77544 9.05726 4.19647 8.353C3.38847 7.36761 1.96488 7.43564 0.945348 8.25562C0.724649 8.43312 0.689631 8.75593 0.867134 8.97662C1.04464 9.19732 1.36744 9.23234 1.58814 9.05484C2.21276 8.55248 3.00273 8.51473 3.40378 9.00383C3.8507 9.54747 3.94804 10.1185 3.95265 11.5636L3.95515 11.9049C3.97323 13.2011 4.09831 13.871 4.57361 14.5841C5.54707 16.0442 6.94271 16.1268 8.36769 15.1564L8.59557 14.9923L8.64733 14.9496L8.7923 15.0647C9.63186 15.7067 10.6739 16.1324 11.9605 16.325C12.2406 16.3669 12.5016 16.1738 12.5435 15.8937C12.5855 15.6136 12.3924 15.3525 12.1123 15.3106L11.8424 15.2657C10.8696 15.0866 10.0777 14.7507 9.43059 14.26L9.42233 14.2526L9.48822 14.1872C10.0623 13.5879 10.5767 12.8898 10.926 12.2524C11.8691 10.5302 12.2094 8.7956 11.6916 7.26789ZM8.60065 6.70903C9.49902 6.36798 10.4363 6.75969 10.7202 7.59715C11.1306 8.8078 10.8446 10.2657 10.0264 11.7596L9.90522 11.9708C9.60656 12.4692 9.20064 13.0019 8.76026 13.4641L8.67833 13.5456L8.63441 13.4951C8.20642 12.9789 7.86423 12.3595 7.58793 11.6382C6.78908 9.55027 7.0745 7.28639 8.60065 6.70903Z' fill='%232E56F4'/%3e%3c/svg%3e","edit-icon":"data:image/svg+xml,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.38784 7.73764H3.29584C3.35506 7.73799 3.41377 7.72664 3.4686 7.70424C3.52343 7.68185 3.57329 7.64885 3.61534 7.60714L6.72934 4.48864L8.00734 3.23764C8.04952 3.19581 8.083 3.14604 8.10584 3.0912C8.12869 3.03637 8.14045 2.97755 8.14045 2.91814C8.14045 2.85874 8.12869 2.79992 8.10584 2.74508C8.083 2.69025 8.04952 2.64048 8.00734 2.59864L6.09934 0.668143C6.05751 0.625966 6.00774 0.592488 5.9529 0.569642C5.89806 0.546796 5.83925 0.535034 5.77984 0.535034C5.72044 0.535034 5.66162 0.546796 5.60678 0.569642C5.55195 0.592488 5.50217 0.625966 5.46034 0.668143L4.19134 1.94164L1.06834 5.06014C1.02664 5.10219 0.993639 5.15206 0.971245 5.20689C0.948851 5.26171 0.937499 5.32042 0.937842 5.37964V7.28764C0.937842 7.40699 0.985252 7.52145 1.06964 7.60584C1.15404 7.69023 1.26849 7.73764 1.38784 7.73764ZM5.77984 1.62214L7.05334 2.89564L6.41434 3.53464L5.14084 2.26114L5.77984 1.62214ZM1.83784 5.56414L4.50634 2.89564L5.77984 4.16914L3.11134 6.83764H1.83784V5.56414ZM8.58784 8.63764H0.487842C0.368494 8.63764 0.254035 8.68505 0.169644 8.76945C0.0852524 8.85384 0.0378418 8.9683 0.0378418 9.08764C0.0378418 9.20699 0.0852524 9.32145 0.169644 9.40584C0.254035 9.49023 0.368494 9.53764 0.487842 9.53764H8.58784C8.70719 9.53764 8.82165 9.49023 8.90604 9.40584C8.99043 9.32145 9.03784 9.20699 9.03784 9.08764C9.03784 8.9683 8.99043 8.85384 8.90604 8.76945C8.82165 8.68505 8.70719 8.63764 8.58784 8.63764Z' fill='%232E56F4'/%3e%3c/svg%3e","hamburger-menu":"data:image/svg+xml,%3csvg width='21' height='17' viewBox='0 0 21 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.38839 3.50162H18.4867C18.9136 3.50162 19.3231 3.36455 19.625 3.12055C19.9269 2.87656 20.0965 2.54563 20.0965 2.20057C20.0965 1.85551 19.9269 1.52458 19.625 1.28059C19.3231 1.0366 18.9136 0.899521 18.4867 0.899521H2.38839C1.96144 0.899521 1.55197 1.0366 1.25007 1.28059C0.948171 1.52458 0.778564 1.85551 0.778564 2.20057C0.778564 2.54563 0.948171 2.87656 1.25007 3.12055C1.55197 3.36455 1.96144 3.50162 2.38839 3.50162ZM18.4867 7.40477H2.38839C1.96144 7.40477 1.55197 7.54184 1.25007 7.78584C0.948171 8.02983 0.778564 8.36076 0.778564 8.70582C0.778564 9.05088 0.948171 9.38181 1.25007 9.6258C1.55197 9.86979 1.96144 10.0069 2.38839 10.0069H18.4867C18.9136 10.0069 19.3231 9.86979 19.625 9.6258C19.9269 9.38181 20.0965 9.05088 20.0965 8.70582C20.0965 8.36076 19.9269 8.02983 19.625 7.78584C19.3231 7.54184 18.9136 7.40477 18.4867 7.40477ZM18.4867 13.91H2.38839C1.96144 13.91 1.55197 14.0471 1.25007 14.2911C0.948171 14.5351 0.778564 14.866 0.778564 15.2111C0.778564 15.5561 0.948171 15.8871 1.25007 16.1311C1.55197 16.375 1.96144 16.5121 2.38839 16.5121H18.4867C18.9136 16.5121 19.3231 16.375 19.625 16.1311C19.9269 15.8871 20.0965 15.5561 20.0965 15.2111C20.0965 14.866 19.9269 14.5351 19.625 14.2911C19.3231 14.0471 18.9136 13.91 18.4867 13.91Z' fill='%232A50FD'/%3e%3c/svg%3e",bell:"data:image/svg+xml,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.87983 17.0764C8.96945 17.8588 9.6528 18.4673 10.4832 18.4673C11.3137 18.4673 11.997 17.8588 12.0867 17.0764H8.87983ZM13.8847 17.0764C13.7909 18.8205 12.3037 20.206 10.4832 20.206C8.6628 20.206 7.1756 18.8205 7.08178 17.0764H2.59635C1.70571 17.0764 0.983139 16.3769 0.983139 15.5116V15.1639C0.983139 13.9033 1.90736 12.8506 3.13408 12.6088V7.33454C3.13408 3.3968 6.42352 0.205994 10.4831 0.205994C14.5428 0.205994 17.8322 3.39673 17.8322 7.33454V12.6088C19.0603 12.8506 19.9831 13.902 19.9831 15.1639V15.5116C19.9831 16.3782 19.2606 17.0764 18.3699 17.0764H13.8847ZM18.1909 15.1639C18.1909 14.683 17.7904 14.2945 17.2919 14.2945C16.6001 14.2945 16.04 13.7471 16.04 13.0802V7.33437C16.04 4.35689 13.5529 1.94449 10.4834 1.94449C7.41378 1.94449 4.92675 4.35689 4.92675 7.33437V13.0802C4.92675 13.7498 4.36381 14.2945 3.67483 14.2945C3.17771 14.2945 2.77581 14.6844 2.77581 15.1639V15.3377H18.1909V15.1639Z' fill='white'/%3e%3c/svg%3e",star:"data:image/svg+xml,%3csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.6464 7.09946C19.5855 6.92303 19.4747 6.76806 19.3274 6.65335C19.1802 6.53863 19.0028 6.4691 18.8169 6.45319L13.3284 5.65259L10.8687 0.665684C10.7897 0.5026 10.6664 0.365063 10.5128 0.268828C10.3593 0.172592 10.1817 0.121552 10.0005 0.121552C9.81934 0.121552 9.6418 0.172592 9.48826 0.268828C9.33473 0.365063 9.2114 0.5026 9.13242 0.665684L6.67273 5.64294L1.18424 6.45319C1.00572 6.47857 0.837879 6.55347 0.699776 6.66941C0.561672 6.78535 0.458832 6.93768 0.402924 7.10911C0.351748 7.27663 0.347156 7.45493 0.38964 7.62487C0.432124 7.7948 0.520081 7.94996 0.644071 8.0737L4.62781 11.932L3.66322 17.4109C3.62879 17.5917 3.64682 17.7786 3.71519 17.9496C3.78355 18.1205 3.8994 18.2683 4.04906 18.3755C4.19492 18.4797 4.36696 18.5413 4.54586 18.5532C4.72477 18.5651 4.90346 18.527 5.06187 18.443L10.0005 15.8675L14.9199 18.4526C15.0553 18.529 15.2082 18.5689 15.3636 18.5684C15.568 18.5691 15.7672 18.5049 15.9327 18.3851C16.0824 18.2779 16.1982 18.1301 16.2666 17.9592C16.335 17.7883 16.353 17.6014 16.3186 17.4205L15.354 11.9417L19.3377 8.08334C19.477 7.96535 19.5799 7.81027 19.6346 7.63611C19.6892 7.46195 19.6933 7.27586 19.6464 7.09946ZM13.7142 10.9578C13.6011 11.0672 13.5164 11.2027 13.4677 11.3523C13.4189 11.5019 13.4075 11.6612 13.4345 11.8163L14.129 15.8579L10.5021 13.9287C10.3626 13.8544 10.2069 13.8155 10.0488 13.8155C9.89066 13.8155 9.73498 13.8544 9.59542 13.9287L5.96858 15.8579L6.66308 11.8163C6.69003 11.6612 6.67862 11.5019 6.62987 11.3523C6.58111 11.2027 6.49647 11.0672 6.38335 10.9578L3.4896 8.06405L7.5505 7.47565C7.70676 7.45392 7.85531 7.39418 7.98311 7.30169C8.11092 7.2092 8.21409 7.08677 8.28358 6.94513L10.0005 3.27006L11.814 6.95478C11.8835 7.09641 11.9866 7.21884 12.1144 7.31134C12.2422 7.40383 12.3908 7.46356 12.547 7.4853L16.608 8.0737L13.7142 10.9578Z' fill='%232A50FD'/%3e%3c/svg%3e","cloud-icon":"data:image/svg+xml,%3csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.2048 10.3586L9.01892 13.5445L7.76975 12.2953C7.67973 12.2046 7.57263 12.1325 7.45463 12.0834C7.33663 12.0342 7.21006 12.0089 7.08222 12.0089C6.95439 12.0089 6.82782 12.0342 6.70982 12.0834C6.59182 12.1325 6.48472 12.2046 6.3947 12.2953C6.21434 12.4768 6.11311 12.7222 6.11311 12.978C6.11311 13.2339 6.21434 13.4793 6.3947 13.6607L8.3314 15.5974C8.42142 15.6882 8.52852 15.7602 8.64652 15.8094C8.76452 15.8585 8.89109 15.8839 9.01892 15.8839C9.14676 15.8839 9.27333 15.8585 9.39133 15.8094C9.50933 15.7602 9.61643 15.6882 9.70645 15.5974L13.5799 11.724C13.7602 11.5426 13.8614 11.2972 13.8614 11.0413C13.8614 10.7855 13.7602 10.5401 13.5799 10.3586C13.4898 10.2679 13.3827 10.1958 13.2647 10.1467C13.1467 10.0975 13.0202 10.0722 12.8923 10.0722C12.7645 10.0722 12.6379 10.0975 12.5199 10.1467C12.4019 10.1958 12.2948 10.2679 12.2048 10.3586V10.3586ZM16.2041 4.67443C15.6117 3.31469 14.5898 2.18674 13.2949 1.46354C12 0.740337 10.5037 0.461796 9.03527 0.670623C7.56688 0.87945 6.20752 1.56412 5.16559 2.61965C4.12366 3.67519 3.45669 5.04333 3.26693 6.5143C2.45932 6.71468 1.7377 7.16981 1.20893 7.81229C0.680162 8.45478 0.372348 9.25047 0.331066 10.0815C0.289784 10.9126 0.517229 11.7349 0.979725 12.4266C1.44222 13.1183 2.11518 13.6427 2.89895 13.9222C3.02264 13.9871 3.15891 14.0245 3.2984 14.0317C3.4379 14.039 3.57732 14.016 3.70709 13.9644C3.83687 13.9127 3.95393 13.8336 4.05025 13.7324C4.14656 13.6312 4.21985 13.5104 4.26508 13.3783C4.31031 13.2461 4.32641 13.1057 4.31228 12.9668C4.29815 12.8278 4.25413 12.6935 4.18323 12.5732C4.11232 12.4528 4.01622 12.3492 3.90152 12.2695C3.78681 12.1898 3.65622 12.1359 3.5187 12.1114C3.14127 11.9749 2.81554 11.7246 2.58656 11.395C2.35758 11.0654 2.23664 10.6728 2.24048 10.2715C2.24048 9.75785 2.44452 9.26524 2.80772 8.90204C3.17092 8.53884 3.66353 8.3348 4.17718 8.3348C4.434 8.3348 4.6803 8.23277 4.8619 8.05117C5.0435 7.86957 5.14553 7.62327 5.14553 7.36645C5.15027 6.22198 5.56026 5.11619 6.30277 4.24528C7.04528 3.37436 8.0723 2.79462 9.20161 2.60891C10.3309 2.42321 11.4895 2.64355 12.4718 3.23084C13.4541 3.81813 14.1966 4.7344 14.5676 5.81709C14.6244 5.98168 14.7245 6.12792 14.8574 6.24039C14.9904 6.35287 15.1512 6.42742 15.3229 6.4562C15.9679 6.57808 16.5526 6.91481 16.9817 7.41151C17.4108 7.9082 17.6591 8.53559 17.686 9.19144C17.713 9.84728 17.517 10.4929 17.1301 11.0232C16.7432 11.5534 16.1881 11.937 15.5553 12.1114C15.2985 12.1435 15.0649 12.2763 14.906 12.4806C14.7471 12.6849 14.6759 12.9439 14.708 13.2008C14.7401 13.4576 14.8729 13.6911 15.0772 13.85C15.2815 14.0089 15.5405 14.0802 15.7974 14.0481H16.0395C17.0585 13.7788 17.9619 13.1843 18.6124 12.3549C19.2628 11.5254 19.6249 10.5064 19.6435 9.45253C19.6621 8.39864 19.3363 7.36746 18.7156 6.51558C18.0948 5.6637 17.213 5.03766 16.2041 4.73254V4.67443Z' fill='%232A50FD'/%3e%3c/svg%3e","check-icon":"data:image/svg+xml,%3csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.09309 0.499928C6.94236 0.505009 6.80012 0.568234 6.69568 0.676061C5.27989 2.09523 4.2073 3.27224 2.87503 4.62764L1.41183 3.39024C1.29498 3.29089 1.14369 3.24178 0.990707 3.25419C0.837725 3.26661 0.69603 3.33887 0.596677 3.45572C0.497324 3.57257 0.448218 3.72386 0.46063 3.87684C0.472485 4.02982 0.545306 4.17152 0.662154 4.27087L2.54083 5.86052C2.77058 6.05754 3.11323 6.04342 3.32662 5.82891C4.88014 4.27207 5.98769 3.02607 7.51751 1.49351C7.68968 1.32698 7.74162 1.07125 7.64734 0.850538C7.55307 0.629823 7.33235 0.490382 7.09301 0.499977L7.09309 0.499928Z' fill='white'/%3e%3c/svg%3e","arrow-rotate":"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:none%3bstroke:black%3bstroke-miterlimit:10%3bopacity:0%3b%7d%3c/style%3e%3c/defs%3e%3cpath d='M.92%2c14a1%2c1%2c0%2c0%2c0%2c.93-1C1.85%2c6.63%2c6%2c2%2c11.79%2c2a9.45%2c9.45%2c0%2c0%2c1%2c8.53%2c4.72L17.76%2c6a.92.92%2c0%2c0%2c0-1.12.73A1%2c1%2c0%2c0%2c0%2c17.31%2c8l4.44%2c1.2.11%2c0H22a.81.81%2c0%2c0%2c0%2c.27%2c0h0A1%2c1%2c0%2c0%2c0%2c22.56%2c9a.27.27%2c0%2c0%2c0%2c.07-.08.8.8%2c0%2c0%2c0%2c.13-.19.84.84%2c0%2c0%2c0%2c.06-.14s0-.07%2c0-.11L24%2c3.64a1%2c1%2c0%2c0%2c0-.67-1.21.92.92%2c0%2c0%2c0-1.12.73l-.5%2c2.16A11.39%2c11.39%2c0%2c0%2c0%2c11.79%2c0C5.07%2c0%2c0%2c5.59%2c0%2c13A1%2c1%2c0%2c0%2c0%2c.92%2c14Z'/%3e%3cpath d='M23.08%2c10a1%2c1%2c0%2c0%2c0-.93%2c1c0%2c6.37-4.18%2c11-9.94%2c11a9.45%2c9.45%2c0%2c0%2c1-8.53-4.72L6.24%2c18a.92.92%2c0%2c0%2c0%2c1.12-.73A1%2c1%2c0%2c0%2c0%2c6.69%2c16l-4.44-1.2-.11%2c0H2a.81.81%2c0%2c0%2c0-.27%2c0h0a1%2c1%2c0%2c0%2c0-.29.19.27.27%2c0%2c0%2c0-.07.08.8.8%2c0%2c0%2c0-.13.19.84.84%2c0%2c0%2c0-.06.14s0%2c.07%2c0%2c.11L0%2c20.36A1%2c1%2c0%2c0%2c0%2c.7%2c21.57a.92.92%2c0%2c0%2c0%2c1.12-.73l.5-2.16A11.39%2c11.39%2c0%2c0%2c0%2c12.21%2c24C18.93%2c24%2c24%2c18.41%2c24%2c11A1%2c1%2c0%2c0%2c0%2c23.08%2c10Z'/%3e%3crect class='cls-1' width='24' height='24'/%3e%3c/svg%3e","magnifier-icon":"data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.7456 14.6459L19.327 18.1983C19.6886 18.5724 19.6886 19.1659 19.327 19.5401C19.1457 19.7228 18.899 19.8256 18.6416 19.8256C18.3842 19.8256 18.1375 19.7228 17.9562 19.5401L14.4038 15.9877C10.8048 18.8742 5.57718 18.4442 2.49816 15.0084C-0.580862 11.5726 -0.437387 6.32929 2.82492 3.06699C6.08723 -0.195322 11.3305 -0.338797 14.7663 2.74023C18.2022 5.81925 18.6322 11.0468 15.7456 14.6459ZM2.23111 9.23044C2.23111 12.9624 5.25644 15.9877 8.98837 15.9877C10.7805 15.9877 12.4992 15.2758 13.7665 14.0085C15.0337 12.7413 15.7456 11.0226 15.7456 9.23044C15.7456 5.49851 12.7203 2.47318 8.98837 2.47318C5.25644 2.47318 2.23111 5.49851 2.23111 9.23044Z' fill='%232A50FD'/%3e%3c/svg%3e",connection:"data:image/svg+xml,%3csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.8412 11.3595C11.4441 10.6162 12.3481 10.1818 13.3052 10.1755C15.0725 10.1755 16.5052 11.6082 16.5052 13.3755C16.5052 15.1428 15.0725 16.5755 13.3052 16.5755C11.5379 16.5755 10.1052 15.1428 10.1052 13.3755C10.1076 13.1849 10.1263 12.9949 10.1612 12.8075L5.9372 10.8635C4.68025 12.0925 2.66722 12.0775 1.42881 10.8298C0.190398 9.58205 0.190398 7.56895 1.42881 6.32124C2.66722 5.07353 4.68025 5.05846 5.9372 6.2875L10.1612 4.3435C10.1263 4.15611 10.1076 3.96608 10.1052 3.7755C10.0926 2.21832 11.2028 0.878155 12.7351 0.600798C14.2675 0.323442 15.777 1.18943 16.311 2.65223C16.8451 4.11502 16.2486 5.74988 14.898 6.52502C13.5474 7.30017 11.8348 6.99052 10.8412 5.7915L6.7612 7.6715C6.95303 8.2589 6.95303 8.8921 6.7612 9.4795L10.8412 11.3595ZM14.9052 3.7755C14.9052 2.89184 14.1889 2.1755 13.3052 2.1755C12.4215 2.1755 11.7052 2.89184 11.7052 3.7755C11.7052 4.65916 12.4215 5.3755 13.3052 5.3755C14.1889 5.3755 14.9052 4.65916 14.9052 3.7755ZM3.7052 10.1755C2.82154 10.1755 2.1052 9.45916 2.1052 8.5755C2.1052 7.69184 2.82154 6.9755 3.7052 6.9755C4.58885 6.9755 5.3052 7.69184 5.3052 8.5755C5.3052 9.45916 4.58885 10.1755 3.7052 10.1755ZM11.7052 13.3755C11.7052 14.2592 12.4215 14.9755 13.3052 14.9755C14.1889 14.9755 14.9052 14.2592 14.9052 13.3755C14.9052 12.4918 14.1889 11.7755 13.3052 11.7755C12.4215 11.7755 11.7052 12.4918 11.7052 13.3755Z' fill='%236B747F'/%3e%3c/svg%3e","door-internal-active":"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%2339aa35%3b%7d%3c/style%3e%3c/defs%3e%3ccircle class='cls-1' cx='12' cy='12' r='12'/%3e%3c/svg%3e","ellipses-horizontal":"data:image/svg+xml,%3csvg width='5' height='20' viewBox='0 0 5 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath transform='rotate(90%2c 0%2c 12)' fill-rule='evenodd' clip-rule='evenodd' d='M4.50654 2.11396C4.50654 3.25559 3.58106 4.18107 2.43943 4.18107C1.29779 4.18107 0.372314 3.25559 0.372314 2.11396C0.372314 0.972322 1.29779 0.0468445 2.43943 0.0468445C3.58106 0.0468445 4.50654 0.972322 4.50654 2.11396ZM4.50654 9.70582C4.50654 10.8475 3.58106 11.7729 2.43943 11.7729C1.29779 11.7729 0.372314 10.8475 0.372314 9.70582C0.372314 8.56419 1.29779 7.63871 2.43943 7.63871C3.58106 7.63871 4.50654 8.56419 4.50654 9.70582ZM2.43943 19.3648C3.58106 19.3648 4.50654 18.4393 4.50654 17.2977C4.50654 16.156 3.58106 15.2306 2.43943 15.2306C1.29779 15.2306 0.372314 16.156 0.372314 17.2977C0.372314 18.4393 1.29779 19.3648 2.43943 19.3648Z' fill='%232A50FD'/%3e%3c/svg%3e",ellipses:"data:image/svg+xml,%3csvg width='5' height='20' viewBox='0 0 5 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.50654 2.11396C4.50654 3.25559 3.58106 4.18107 2.43943 4.18107C1.29779 4.18107 0.372314 3.25559 0.372314 2.11396C0.372314 0.972322 1.29779 0.0468445 2.43943 0.0468445C3.58106 0.0468445 4.50654 0.972322 4.50654 2.11396ZM4.50654 9.70582C4.50654 10.8475 3.58106 11.7729 2.43943 11.7729C1.29779 11.7729 0.372314 10.8475 0.372314 9.70582C0.372314 8.56419 1.29779 7.63871 2.43943 7.63871C3.58106 7.63871 4.50654 8.56419 4.50654 9.70582ZM2.43943 19.3648C3.58106 19.3648 4.50654 18.4393 4.50654 17.2977C4.50654 16.156 3.58106 15.2306 2.43943 15.2306C1.29779 15.2306 0.372314 16.156 0.372314 17.2977C0.372314 18.4393 1.29779 19.3648 2.43943 19.3648Z' fill='%232A50FD'/%3e%3c/svg%3e","file-attach-white":"data:image/svg+xml,%3csvg width='28' height='25' viewBox='0 0 28 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0267 1.17413C14.8017 0.949122 14.4968 0.823124 14.1784 0.823124L14.1785 0.82309C13.8601 0.82309 13.5552 0.949117 13.3302 1.1741C13.1052 1.39908 12.9781 1.70508 12.9781 2.02345V15.9259L10.2264 13.1741C10.0037 12.9424 9.69653 12.8108 9.37366 12.8085C9.05191 12.8052 8.74254 12.9323 8.51529 13.1595C8.28803 13.3868 8.16091 13.6962 8.16428 14.0179C8.16653 14.3408 8.29815 14.6479 8.52989 14.8706L13.3302 19.671C13.7982 20.1401 14.5587 20.1401 15.0267 19.671L19.827 14.8706C20.2815 14.4004 20.2747 13.6523 19.8124 13.1888C19.3489 12.7264 18.6008 12.7197 18.1305 13.1742L15.3788 15.9259V2.02349C15.3788 1.70514 15.2517 1.39914 15.0267 1.17413ZM24.9783 14.0232C24.9783 13.3606 25.516 12.8229 26.1786 12.8229V12.8229C26.497 12.8229 26.8019 12.9489 27.0269 13.1739C27.2519 13.3989 27.3779 13.7049 27.3779 14.0233V23.6227C27.3779 23.9411 27.2518 24.246 27.0269 24.471C26.8019 24.696 26.497 24.8231 26.1786 24.8231H2.17825C1.85987 24.8231 1.55502 24.6959 1.33001 24.471C1.105 24.246 0.979004 23.9411 0.979004 23.6227V14.0233C0.979004 13.3606 1.51563 12.8229 2.17825 12.8229C2.84087 12.8229 3.37861 13.3606 3.37861 14.0233V22.4224L24.9783 22.4235V14.0232Z' fill='white'/%3e%3c/svg%3e","functional-equation":"data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3c!-- Generator: Adobe Illustrator 26.0.1%2c SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24%3b' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233A58A4%3b%7d .st1%7bfill:%233A58A4%3b%7d .st2%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233957A3%3b%7d .st3%7bfill:%233957A3%3b%7d .st4%7bfill:%232972B8%3b%7d .st5%7bfill:%23138338%3b%7d .st6%7bfill:%233C5BA6%3b%7d .st7%7bfill:%23DD0B18%3b%7d .st8%7bfill:%233CAA37%3b%7d .st9%7bfill:%231C2243%3b%7d .st10%7bfill:white%3b%7d .st11%7bfill:%23FAD3D0%3b%7d .st12%7bfill:%2351C1E3%3b%7d .st13%7bfill:%23F59A15%3b%7d .st14%7bfill:%231E2243%3b%7d .st15%7bfill:%23DD0C15%3b%7d .st16%7bfill:%23E94B46%3b%7d .st17%7bfill:%23F6A542%3b%7d .st18%7bfill:%234DB486%3b%7d .st19%7bfill:%23474850%3b%7d .st20%7bfill:%233B59A5%3b%7d .st21%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233C5BA6%3b%7d .st22%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233B59A5%3b%7d .st23%7bfill:%23929EAC%3b%7d .st24%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%230A9639%3b%7d .st25%7bfill:%230A9639%3b%7d .st26%7bfill:%23C11718%3b%7d .st27%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%2339AA35%3b%7d .st28%7bfill:%2339AA35%3b%7d .st29%7bfill:%23D4D7E3%3b%7d .st30%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%23D4D7E3%3b%7d .st31%7bopacity:0.1%3b%7d .st32%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%231DA741%3b%7d .st33%7bfill:%2318122C%3b%7d .st34%7bfill:%23110D1D%3b%7d .st35%7bfill:%2318142B%3b%7d .st36%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%231F2244%3b%7d .st37%7bfill:%231E2143%3b%7d .st38%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:white%3b%7d .st39%7bfill:%236B747F%3b%7d .st40%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%23F49913%3b%7d .st41%7bfill:%23020203%3b%7d .st42%7bfill:%23DD0B15%3b%7d .st43%7bfill:%2346484F%3b%7d .st44%7bfill:%231D1E1B%3b%7d .st45%7bfill:%230D1826%3b%7d .st46%7bfill:%233B5A7A%3b%7d .st47%7bfill:%234D9EB3%3b%7d .st48%7bfill:%233B5A7B%3b%7d%3c/style%3e%3cg%3e %3cg%3e %3cpath class='st46' d='M24%2c7.47L24%2c7.47c0-0.3-0.24-0.54-0.53-0.54h-2.55c-0.29%2c0-0.53%2c0.24-0.53%2c0.53v0.01 c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h2.55C23.76%2c8.01%2c24%2c7.77%2c24%2c7.47z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M24%2c10.5L24%2c10.5c0-0.3-0.24-0.54-0.53-0.54h-2.55c-0.29%2c0-0.53%2c0.24-0.53%2c0.53v0.01 c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h2.55C23.76%2c11.03%2c24%2c10.79%2c24%2c10.5z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M24%2c13.52L24%2c13.52c0-0.3-0.24-0.54-0.53-0.54h-2.55c-0.29%2c0-0.53%2c0.24-0.53%2c0.53v0.01 c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h2.55C23.76%2c14.06%2c24%2c13.82%2c24%2c13.52z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M24%2c16.55L24%2c16.55c0-0.3-0.24-0.54-0.53-0.54h-2.55c-0.29%2c0-0.53%2c0.24-0.53%2c0.53v0.01 c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h2.55C23.76%2c17.08%2c24%2c16.84%2c24%2c16.55z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M3.61%2c7.48L3.61%2c7.48c0-0.3-0.24-0.54-0.53-0.54H0.53C0.24%2c6.93%2c0%2c7.17%2c0%2c7.47v0.01 c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h2.55C3.37%2c8.01%2c3.61%2c7.77%2c3.61%2c7.48z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M3.61%2c10.5L3.61%2c10.5c0-0.3-0.24-0.54-0.53-0.54H0.53C0.24%2c9.96%2c0%2c10.2%2c0%2c10.49v0.01 c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h2.55C3.37%2c11.03%2c3.61%2c10.79%2c3.61%2c10.5z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M3.61%2c13.53L3.61%2c13.53c0-0.3-0.24-0.54-0.53-0.54H0.53C0.24%2c12.98%2c0%2c13.22%2c0%2c13.52v0.01 c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h2.55C3.37%2c14.06%2c3.61%2c13.82%2c3.61%2c13.53z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M3.61%2c16.55L3.61%2c16.55c0-0.3-0.24-0.54-0.53-0.54H0.53C0.24%2c16.01%2c0%2c16.25%2c0%2c16.54v0.01 c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h2.55C3.37%2c17.08%2c3.61%2c16.84%2c3.61%2c16.55z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M7.44%2c0L7.44%2c0C7.14%2c0%2c6.9%2c0.24%2c6.9%2c0.53v2.56c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h0.01c0.29%2c0%2c0.53-0.24%2c0.53-0.53 V0.53C7.97%2c0.24%2c7.73%2c0%2c7.44%2c0z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M10.45%2c0L10.45%2c0c-0.3%2c0-0.54%2c0.24-0.54%2c0.53v2.56c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h0.01 c0.29%2c0%2c0.53-0.24%2c0.53-0.53V0.53C10.98%2c0.24%2c10.74%2c0%2c10.45%2c0z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M13.46%2c0L13.46%2c0c-0.3%2c0-0.54%2c0.24-0.54%2c0.53v2.56c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h0.01 c0.29%2c0%2c0.53-0.24%2c0.53-0.53V0.53C13.99%2c0.24%2c13.75%2c0%2c13.46%2c0z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M16.46%2c0L16.46%2c0c-0.3%2c0-0.54%2c0.24-0.54%2c0.53v2.56c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h0.01 c0.29%2c0%2c0.53-0.24%2c0.53-0.53V0.53C16.99%2c0.24%2c16.76%2c0%2c16.46%2c0z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M7.44%2c20.37L7.44%2c20.37c-0.3%2c0-0.54%2c0.24-0.54%2c0.53v2.56C6.9%2c23.76%2c7.14%2c24%2c7.43%2c24h0.01 c0.29%2c0%2c0.53-0.24%2c0.53-0.53v-2.56C7.97%2c20.61%2c7.73%2c20.37%2c7.44%2c20.37z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M10.45%2c20.37L10.45%2c20.37c-0.3%2c0-0.54%2c0.24-0.54%2c0.53v2.56c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h0.01 c0.29%2c0%2c0.53-0.24%2c0.53-0.53v-2.56C10.98%2c20.61%2c10.74%2c20.37%2c10.45%2c20.37z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M13.46%2c20.37L13.46%2c20.37c-0.3%2c0-0.54%2c0.24-0.54%2c0.53v2.56c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h0.01 c0.29%2c0%2c0.53-0.24%2c0.53-0.53v-2.56C13.99%2c20.61%2c13.75%2c20.37%2c13.46%2c20.37z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M16.46%2c20.37L16.46%2c20.37c-0.3%2c0-0.54%2c0.24-0.54%2c0.53v2.56c0%2c0.29%2c0.24%2c0.53%2c0.53%2c0.53h0.01 c0.29%2c0%2c0.53-0.24%2c0.53-0.53v-2.56C16.99%2c20.61%2c16.76%2c20.37%2c16.46%2c20.37z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M16.86%2c19.41H7.11c-1.35%2c0-2.44-1.1-2.44-2.45V7.15c0-1.35%2c1.09-2.45%2c2.44-2.45h9.76 c1.35%2c0%2c2.44%2c1.1%2c2.44%2c2.45v9.81C19.3%2c18.31%2c18.21%2c19.41%2c16.86%2c19.41z M7.11%2c5.76c-0.76%2c0-1.38%2c0.62-1.38%2c1.39v9.81 c0%2c0.76%2c0.62%2c1.39%2c1.38%2c1.39h9.76c0.76%2c0%2c1.38-0.62%2c1.38-1.39V7.15c0-0.76-0.62-1.39-1.38-1.39H7.11z'/%3e %3c/g%3e %3cg%3e %3cpath class='st46' d='M12.76%2c8.15C12.61%2c8.05%2c12.43%2c8%2c12.2%2c8c-0.05%2c0-0.11%2c0-0.16%2c0.01c-0.6%2c0.1-0.99%2c0.64-1.24%2c1.17 c-0.11%2c0.25-0.2%2c0.51-0.3%2c0.75c-0.04%2c0.12-0.1%2c0.23-0.14%2c0.36c0%2c0.01-0.07%2c0.25-0.08%2c0.25H9.67c-0.08%2c0-0.15%2c0.07-0.15%2c0.15 c0%2c0.08%2c0.07%2c0.15%2c0.15%2c0.15h0.53l-0.3%2c1.29c-0.3%2c1.44-0.71%2c3.08-0.8%2c3.37c-0.1%2c0.3-0.23%2c0.45-0.42%2c0.45 c-0.04%2c0-0.07-0.01-0.1-0.03c-0.03-0.01-0.04-0.04-0.04-0.07c0-0.03%2c0.01-0.07%2c0.05-0.12c0.04-0.05%2c0.05-0.12%2c0.05-0.18 c0-0.11-0.04-0.21-0.11-0.27c-0.08-0.07-0.16-0.1-0.26-0.1c-0.1%2c0-0.19%2c0.04-0.27%2c0.11c-0.01%2c0.1-0.05%2c0.19-0.05%2c0.32 c0%2c0.16%2c0.07%2c0.3%2c0.2%2c0.43c0.14%2c0.12%2c0.31%2c0.18%2c0.54%2c0.18c0.37%2c0%2c0.69-0.16%2c0.94-0.45c0.15-0.18%2c0.26-0.38%2c0.35-0.6 c0.3-0.67%2c0.46-1.41%2c0.64-2.13c0.18-0.73%2c0.34-1.45%2c0.49-2.18h0.59c0.08%2c0%2c0.15-0.07%2c0.15-0.15c0-0.08-0.07-0.15-0.15-0.15h-0.54 c0.3-1.14%2c0.64-1.92%2c0.71-2.03c0.11-0.19%2c0.23-0.29%2c0.37-0.29c0.05%2c0%2c0.08%2c0.01%2c0.1%2c0.04c0.01%2c0.03%2c0.03%2c0.05%2c0.03%2c0.07 c0%2c0.01-0.01%2c0.05-0.05%2c0.12c-0.04%2c0.07-0.05%2c0.14-0.05%2c0.21c0%2c0.1%2c0.04%2c0.18%2c0.11%2c0.25c0.07%2c0.07%2c0.16%2c0.11%2c0.26%2c0.11 c0.1%2c0%2c0.19-0.04%2c0.26-0.11c0.07-0.07%2c0.11-0.16%2c0.11-0.29C12.98%2c8.4%2c12.91%2c8.25%2c12.76%2c8.15z M15.48%2c11.6 c0.22%2c0%2c0.64-0.18%2c0.64-0.75c0-0.58-0.41-0.6-0.54-0.6c-0.24%2c0-0.5%2c0.18-0.72%2c0.56c-0.22%2c0.38-0.46%2c0.82-0.46%2c0.82h-0.01 c-0.05-0.27-0.1-0.49-0.12-0.6c-0.04-0.23-0.31-0.75-0.88-0.75c-0.57%2c0-1.09%2c0.33-1.09%2c0.33c-0.1%2c0.05-0.16%2c0.16-0.16%2c0.29 c0%2c0.19%2c0.15%2c0.34%2c0.34%2c0.34c0.05%2c0%2c0.11-0.01%2c0.15-0.04c0%2c0%2c0.44-0.25%2c0.52%2c0c0.03%2c0.07%2c0.05%2c0.15%2c0.08%2c0.23 c0.11%2c0.37%2c0.2%2c0.81%2c0.3%2c1.21l-0.34%2c0.56c0%2c0-0.42-0.15-0.64-0.15c-0.22%2c0-0.64%2c0.18-0.64%2c0.75c0%2c0.58%2c0.41%2c0.6%2c0.54%2c0.6 c0.24%2c0%2c0.5-0.18%2c0.72-0.56c0.22-0.38%2c0.46-0.82%2c0.46-0.82c0.07%2c0.36%2c0.14%2c0.64%2c0.18%2c0.75c0.14%2c0.41%2c0.46%2c0.64%2c0.9%2c0.64 c0%2c0%2c0.45%2c0%2c0.97-0.3c0.12-0.05%2c0.22-0.18%2c0.22-0.32c0-0.19-0.15-0.34-0.34-0.34c-0.05%2c0-0.11%2c0.01-0.15%2c0.04 c0%2c0-0.37%2c0.21-0.5%2c0.04c-0.1-0.18-0.16-0.41-0.23-0.7c-0.05-0.26-0.12-0.56-0.18-0.85l0.38-0.55 C14.84%2c11.45%2c15.26%2c11.6%2c15.48%2c11.6z'/%3e %3c/g%3e%3c/g%3e%3c/svg%3e","menu-ellipse-two":"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%233b59a5%3bfill-rule:evenodd%3b%7d%3c/style%3e%3c/defs%3e%3cpath class='cls-1' d='M2.57%2c9.43A2.57%2c2.57%2c0%2c1%2c1%2c0%2c12%2c2.57%2c2.57%2c0%2c0%2c1%2c2.57%2c9.43Zm9.43%2c0A2.57%2c2.57%2c0%2c1%2c1%2c9.43%2c12%2c2.57%2c2.57%2c0%2c0%2c1%2c12%2c9.43ZM24%2c12a2.57%2c2.57%2c0%2c1%2c0-2.57%2c2.57A2.57%2c2.57%2c0%2c0%2c0%2c24%2c12Z'/%3e%3c/svg%3e","menu-ellipse":"data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3c!-- Generator: Adobe Illustrator 26.0.1%2c SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24%3b' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233A58A4%3b%7d .st1%7bfill:%233A58A4%3b%7d .st2%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233957A3%3b%7d .st3%7bfill:%233957A3%3b%7d .st4%7bfill:%232972B8%3b%7d .st5%7bfill:%23138338%3b%7d .st6%7bfill:%233C5BA6%3b%7d .st7%7bfill:%23DD0B18%3b%7d .st8%7bfill:%233CAA37%3b%7d .st9%7bfill:%231C2243%3b%7d .st10%7bfill:white%3b%7d .st11%7bfill:%23FAD3D0%3b%7d .st12%7bfill:%2351C1E3%3b%7d .st13%7bfill:%23F59A15%3b%7d .st14%7bfill:%231E2243%3b%7d .st15%7bfill:%23DD0C15%3b%7d .st16%7bfill:%23E94B46%3b%7d .st17%7bfill:%23F6A542%3b%7d .st18%7bfill:%234DB486%3b%7d .st19%7bfill:%23474850%3b%7d .st20%7bfill:%233B59A5%3b%7d .st21%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233C5BA6%3b%7d .st22%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233B59A5%3b%7d .st23%7bfill:%23929EAC%3b%7d .st24%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%230A9639%3b%7d .st25%7bfill:%230A9639%3b%7d .st26%7bfill:%23C11718%3b%7d .st27%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%2339AA35%3b%7d .st28%7bfill:%2339AA35%3b%7d .st29%7bfill:%23D4D7E3%3b%7d .st30%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%23D4D7E3%3b%7d .st31%7bopacity:0.1%3b%7d .st32%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%231DA741%3b%7d .st33%7bfill:%2318122C%3b%7d .st34%7bfill:%23110D1D%3b%7d .st35%7bfill:%2318142B%3b%7d .st36%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%231F2244%3b%7d .st37%7bfill:%231E2143%3b%7d .st38%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:white%3b%7d .st39%7bfill:%236B747F%3b%7d .st40%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%23F49913%3b%7d .st41%7bfill:%23020203%3b%7d%3c/style%3e%3cpath class='st0' d='M14.57%2c2.57c0%2c1.42-1.15%2c2.57-2.57%2c2.57c-1.42%2c0-2.57-1.15-2.57-2.57C9.43%2c1.15%2c10.58%2c0%2c12%2c0 C13.42%2c0%2c14.57%2c1.15%2c14.57%2c2.57z M14.57%2c12c0%2c1.42-1.15%2c2.57-2.57%2c2.57c-1.42%2c0-2.57-1.15-2.57-2.57c0-1.42%2c1.15-2.57%2c2.57-2.57 C13.42%2c9.43%2c14.57%2c10.58%2c14.57%2c12z M12%2c24c1.42%2c0%2c2.57-1.15%2c2.57-2.57c0-1.42-1.15-2.57-2.57-2.57c-1.42%2c0-2.57%2c1.15-2.57%2c2.57 C9.43%2c22.85%2c10.58%2c24%2c12%2c24z'/%3e%3c/svg%3e","pause-all":"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23ff9600%3bfill-opacity:0.46%3b%7d%3c/style%3e%3c/defs%3e%3crect class='cls-1' width='8.47' height='24'/%3e%3crect class='cls-1' x='15.53' width='8.47' height='24'/%3e%3c/svg%3e",resume:"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%232e56f4%3b%7d%3c/style%3e%3c/defs%3e%3cpath class='cls-1' d='M24%2c12%2c0%2c0V24Z'/%3e%3c/svg%3e","trash-icon":"data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3c!-- Generator: Adobe Illustrator 26.0.1%2c SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24%3b' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233A58A4%3b%7d .st1%7bfill:%233A58A4%3b%7d .st2%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233957A3%3b%7d .st3%7bfill:%233957A3%3b%7d .st4%7bfill:%232972B8%3b%7d .st5%7bfill:%23138338%3b%7d .st6%7bfill:%233C5BA6%3b%7d .st7%7bfill:%23DD0B18%3b%7d .st8%7bfill:%233CAA37%3b%7d .st9%7bfill:%231C2243%3b%7d .st10%7bfill:white%3b%7d .st11%7bfill:%23FAD3D0%3b%7d .st12%7bfill:%2351C1E3%3b%7d .st13%7bfill:%23F59A15%3b%7d .st14%7bfill:%231E2243%3b%7d .st15%7bfill:%23DD0C15%3b%7d .st16%7bfill:%23E94B46%3b%7d .st17%7bfill:%23F6A542%3b%7d .st18%7bfill:%234DB486%3b%7d .st19%7bfill:%23474850%3b%7d .st20%7bfill:%233B59A5%3b%7d .st21%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233C5BA6%3b%7d .st22%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%233B59A5%3b%7d .st23%7bfill:%23929EAC%3b%7d .st24%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%230A9639%3b%7d .st25%7bfill:%230A9639%3b%7d .st26%7bfill:%23C11718%3b%7d .st27%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%2339AA35%3b%7d .st28%7bfill:%2339AA35%3b%7d .st29%7bfill:%23D4D7E3%3b%7d .st30%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%23D4D7E3%3b%7d .st31%7bopacity:0.1%3b%7d .st32%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%231DA741%3b%7d .st33%7bfill:%2318122C%3b%7d .st34%7bfill:%23110D1D%3b%7d .st35%7bfill:%2318142B%3b%7d .st36%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%231F2244%3b%7d .st37%7bfill:%231E2143%3b%7d .st38%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:white%3b%7d .st39%7bfill:%236B747F%3b%7d .st40%7bfill-rule:evenodd%3bclip-rule:evenodd%3bfill:%23F49913%3b%7d .st41%7bfill:%23020203%3b%7d%3c/style%3e%3cg%3e %3cpath class='st39' d='M5%2c22.13C5.08%2c23.19%2c5.96%2c24%2c7.02%2c24h9.95c1.06%2c0%2c1.94-0.81%2c2.02-1.87l1.21-14.58l-16.42%2c0L5%2c22.13z M15.46%2c10.96c0.03-0.38%2c0.35-0.66%2c0.73-0.63c0.38%2c0.03%2c0.66%2c0.35%2c0.63%2c0.73l-0.63%2c9.57c-0.03%2c0.38-0.35%2c0.66-0.73%2c0.63 c-0.38-0.03-0.66-0.35-0.63-0.73L15.46%2c10.96z M11.32%2c10.99c0-0.38%2c0.3-0.68%2c0.68-0.68c0.38%2c0%2c0.68%2c0.3%2c0.68%2c0.68v9.57 c0%2c0.38-0.3%2c0.68-0.68%2c0.68c-0.38%2c0-0.68-0.3-0.68-0.68V10.99z M7.83%2c10.31c0.38-0.03%2c0.71%2c0.25%2c0.73%2c0.63l0.63%2c9.57 c0.03%2c0.38-0.25%2c0.71-0.63%2c0.73c-0.38%2c0.03-0.71-0.25-0.73-0.63L7.2%2c11.04C7.15%2c10.66%2c7.45%2c10.33%2c7.83%2c10.31z'/%3e %3cpath class='st39' d='M19.73%2c3.46h-3.79C15.71%2c1.52%2c14.07%2c0%2c12.08%2c0H11.9c-2%2c0-3.64%2c1.52-3.84%2c3.46H4.27c-1.21%2c0-2.2%2c0.98-2.2%2c2.2 c0%2c0.3%2c0.23%2c0.53%2c0.53%2c0.53h18.8c0.3%2c0%2c0.53-0.23%2c0.53-0.53C21.93%2c4.45%2c20.94%2c3.46%2c19.73%2c3.46L19.73%2c3.46z M11.92%2c2.05h0.18 c0.86%2c0%2c1.57%2c0.61%2c1.77%2c1.42l-3.71%2c0C10.33%2c2.65%2c11.06%2c2.05%2c11.92%2c2.05L11.92%2c2.05z'/%3e%3c/g%3e%3c/svg%3e","zoom-in-white":"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:white%3b%7d%3c/style%3e%3c/defs%3e%3cpath class='cls-1' d='M22.6%2c10.6H13.4V1.4a1.4%2c1.4%2c0%2c1%2c0-2.8%2c0v9.2H1.4a1.4%2c1.4%2c0%2c1%2c0%2c0%2c2.8h9.2v9.2a1.4%2c1.4%2c0%2c1%2c0%2c2.8%2c0V13.4h9.2a1.4%2c1.4%2c0%2c0%2c0%2c0-2.8Z' transform='translate(0 0)'/%3e%3c/svg%3e",watcher:"data:image/svg+xml,%3csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.656738 6.70582C0.656738 6.70582 4.63454 0.455765 10.3157 0.455765C16.0544 0.455765 19.9747 6.70582 19.9747 6.70582C19.9747 6.70582 17.1336 12.9559 10.3157 12.9559C3.55432 12.9559 0.656738 6.70582 0.656738 6.70582ZM6.33889 6.70581C6.33889 8.92161 8.0998 10.6825 10.3156 10.6825C12.5314 10.6825 14.2923 8.92161 14.2923 6.70581C14.2923 4.49001 12.5314 2.7291 10.3156 2.7291C8.0998 2.7291 6.33889 4.49001 6.33889 6.70581ZM10.3157 8.41028C11.2574 8.41028 12.0201 7.64753 12.0201 6.70582C12.0201 5.76411 11.2574 5.00136 10.3157 5.00136C9.37395 5.00136 8.6112 5.76411 8.6112 6.70582C8.6112 7.64753 9.37395 8.41028 10.3157 8.41028Z' fill='%232A50FD'/%3e%3c/svg%3e",view:"data:image/svg+xml,%3csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.6519 8.31959C17.7015 3.79111 14.0323 0.981323 10.0735 0.981323C6.11473 0.981323 2.44559 3.79111 0.49516 8.31959C0.441993 8.44141 0.414551 8.5729 0.414551 8.70581C0.414551 8.83873 0.441993 8.97022 0.49516 9.09204C2.44559 13.6205 6.11473 16.4303 10.0735 16.4303C14.0323 16.4303 17.7015 13.6205 19.6519 9.09204C19.7051 8.97022 19.7325 8.83873 19.7325 8.70581C19.7325 8.5729 19.7051 8.44141 19.6519 8.31959ZM10.0735 14.4992C7.0127 14.4992 4.11602 12.288 2.44559 8.70581C4.11602 5.12358 7.0127 2.91245 10.0735 2.91245C13.1344 2.91245 16.031 5.12358 17.7015 8.70581C16.031 12.288 13.1344 14.4992 10.0735 14.4992ZM10.0735 4.84357C9.30965 4.84357 8.56292 5.07009 7.92778 5.49447C7.29264 5.91886 6.7976 6.52206 6.50528 7.2278C6.21296 7.93353 6.13647 8.7101 6.2855 9.4593C6.43452 10.2085 6.80236 10.8967 7.34251 11.4368C7.88265 11.977 8.57084 12.3448 9.32004 12.4938C10.0692 12.6429 10.8458 12.5664 11.5515 12.2741C12.2573 11.9817 12.8605 11.4867 13.2849 10.8516C13.7093 10.2164 13.9358 9.4697 13.9358 8.70581C13.9358 7.68148 13.5289 6.69911 12.8045 5.97479C12.0802 5.25048 11.0979 4.84357 10.0735 4.84357ZM10.0735 10.6369C9.69159 10.6369 9.31823 10.5237 9.00066 10.3115C8.68308 10.0993 8.43557 9.79769 8.2894 9.44482C8.14324 9.09196 8.105 8.70367 8.17951 8.32907C8.25403 7.95447 8.43795 7.61038 8.70802 7.34031C8.97809 7.07023 9.32218 6.88631 9.69679 6.8118C10.0714 6.73728 10.4597 6.77553 10.8125 6.92169C11.1654 7.06785 11.467 7.31537 11.6792 7.63294C11.8914 7.95051 12.0047 8.32387 12.0047 8.70581C12.0047 9.21798 11.8012 9.70917 11.439 10.0713C11.0769 10.4335 10.5857 10.6369 10.0735 10.6369Z' fill='%232A50FD'/%3e%3c/svg%3e","user-icon":"data:image/svg+xml,%3csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_230_6893)'%3e%3cpath d='M10.9998 0.923828C5.45056 0.923828 0.916504 5.4581 0.916504 11.0072C0.916504 16.5562 5.42782 21.0905 10.9998 21.0905C16.5719 21.0905 21.0832 16.5792 21.0832 11.0072C21.0832 5.43515 16.5489 0.923828 10.9998 0.923828ZM5.78904 18.0004C6.87183 16.1504 8.87931 14.9552 11.0449 14.9552C13.2105 14.9552 15.1958 16.1057 16.2786 17.9556C14.8127 19.0613 12.9854 19.738 11.0228 19.738C9.0374 19.7371 7.23304 19.0833 5.78904 18.0005V18.0004ZM17.2936 17.053C15.9402 14.9103 13.6165 13.6245 11.0449 13.6245C8.496 13.6245 6.10478 14.978 4.77404 17.0987C3.24038 15.5193 2.29294 13.3765 2.29294 11.008C2.2701 6.20241 6.1953 2.27731 11.0001 2.27731C15.8048 2.27731 19.7299 6.20241 19.7299 11.0072C19.7299 13.3529 18.8053 15.4737 17.2936 17.053V17.053Z' fill='%232E56F4'/%3e%3cpath d='M10.9997 5.07471C9.03716 5.07471 7.41309 6.67604 7.41309 8.66133C7.41309 10.6239 9.01442 12.2479 10.9997 12.2479C12.985 12.2479 14.5863 10.6466 14.5863 8.66133C14.5863 6.67604 12.9621 5.07471 10.9997 5.07471ZM10.9997 10.8719C9.78157 10.8719 8.76657 9.87968 8.76657 8.6388C8.76657 7.42067 9.75883 6.40567 10.9997 6.40567C12.2406 6.40567 13.2328 7.39793 13.2328 8.6388C13.2328 9.87968 12.2177 10.8719 10.9997 10.8719Z' fill='%232E56F4'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_230_6893'%3e%3crect width='22' height='22' fill='white' transform='translate(0 0.00714111)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e","file-upload":"data:image/svg+xml,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.926 4.72609L8.14392 7.26414C7.84042 7.54002 7.38517 7.65037 6.97038 7.54921C6.54548 7.44806 6.22175 7.1446 6.11047 6.76757C5.98907 6.38134 6.11047 5.97673 6.42408 5.69165L11.2801 1.27765C11.3914 1.1765 11.533 1.09374 11.6847 1.04776C11.9781 0.937409 12.312 0.937409 12.6054 1.04776C12.7571 1.10293 12.8886 1.1765 13.01 1.27765L17.866 5.69165C18.0987 5.90316 18.2201 6.17903 18.2201 6.4733C18.2201 6.76757 18.0886 7.05264 17.866 7.25495C17.6334 7.47565 17.3197 7.586 16.996 7.586C16.6723 7.586 16.3587 7.46645 16.1361 7.25495L13.354 4.72609V15.3105C13.354 15.9174 12.8077 16.414 12.14 16.414C11.4723 16.414 10.926 15.9174 10.926 15.3105V4.72609ZM21.852 15.3105C21.852 14.7036 22.3983 14.207 23.066 14.207C23.7337 14.207 24.28 14.7036 24.28 15.3105V19.7245C24.28 21.5545 22.6512 23.035 20.638 23.035H3.642C1.62878 23.035 0 21.5545 0 19.7245V15.3105C0 14.7036 0.5463 14.207 1.214 14.207C1.8817 14.207 2.428 14.7036 2.428 15.3105V19.7245C2.428 20.3314 2.9743 20.828 3.642 20.828H20.638C21.3057 20.828 21.852 20.3314 21.852 19.7245V15.3105Z' fill='%232E56F4'/%3e%3c/svg%3e","eye-hide":"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12%2c17.4a5.5%2c5.5%2c0%2c0%2c1-5.4-5l-3.9-3a11%2c11%2c0%2c0%2c0-1.4%2c2.1%2c1.7%2c1.7%2c0%2c0%2c0%2c0%2c1A12.1%2c12.1%2c0%2c0%2c0%2c12%2c19.2a13.5%2c13.5%2c0%2c0%2c0%2c2.9-.4L13%2c17.3Zm11.8%2c2.2-4.2-3.2a13%2c13%2c0%2c0%2c0%2c3.1-3.9%2c1.7%2c1.7%2c0%2c0%2c0%2c0-1A12.1%2c12.1%2c0%2c0%2c0%2c12%2c4.8%2c11.8%2c11.8%2c0%2c0%2c0%2c6.5%2c6.2L1.7%2c2.5a.6.6%2c0%2c0%2c0-.8.1h0l-.8%2c1a.6.6%2c0%2c0%2c0%2c.1.8L22.3%2c21.5a.6.6%2c0%2c0%2c0%2c.8-.1h0l.8-1A.6.6%2c0%2c0%2c0%2c23.8%2c19.6Zm-6.9-5.3-1.5-1.2a3.6%2c3.6%2c0%2c0%2c0%2c.2-1.1%2c3.5%2c3.5%2c0%2c0%2c0-3.5-3.6h-1a2%2c2%2c0%2c0%2c1%2c.3%2c1.1.6.6%2c0%2c0%2c1-.1.4L8.6%2c7.8A5%2c5%2c0%2c0%2c1%2c12%2c6.6%2c5.4%2c5.4%2c0%2c0%2c1%2c17.4%2c12h0a5.9%2c5.9%2c0%2c0%2c1-.5%2c2.3Z'/%3e%3c/svg%3e","eye-show":"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M23.9%2c11.4A13.5%2c13.5%2c0%2c0%2c0%2c12%2c4%2c13.5%2c13.5%2c0%2c0%2c0%2c.1%2c11.4a2.4%2c2.4%2c0%2c0%2c0%2c0%2c1.2A13.5%2c13.5%2c0%2c0%2c0%2c12%2c20a13.5%2c13.5%2c0%2c0%2c0%2c11.9-7.4A2.4%2c2.4%2c0%2c0%2c0%2c23.9%2c11.4ZM12%2c18a6%2c6%2c0%2c1%2c1%2c6-6%2c6%2c6%2c0%2c0%2c1-6%2c6ZM12%2c8l-1.1.2a1.8%2c1.8%2c0%2c0%2c1-.4%2c2.7%2c1.7%2c1.7%2c0%2c0%2c1-2.3%2c0A3.9%2c3.9%2c0%2c0%2c0%2c11%2c15.8%2c3.9%2c3.9%2c0%2c0%2c0%2c15.9%2c13a4.1%2c4.1%2c0%2c0%2c0-2.8-4.9Z'/%3e%3c/svg%3e","file-icon":"data:image/svg+xml,%3csvg id='b2bc64ed-393d-4e15-8787-df9ec8050d97' data-name='ae65933b-c6e6-4b40-868c-58201eab117d' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.4 24'%3e%3cdefs%3e%3cstyle%3e.bb405ea1-9d39-4705-a069-9048c97b4cda%7bfill:%232e56f4%3b%7d.accb9cd8-805e-4c9f-9b46-25d8ccc4d9c0%7bisolation:isolate%3bfont-size:9.07px%3bfill:white%3bfont-family:AvertaCY-Extrabold%2c Averta CY%3bfont-weight:800%3bletter-spacing:0.04em%3b%7d%3c/style%3e%3c/defs%3e%3cpath class='bb405ea1-9d39-4705-a069-9048c97b4cda' d='M20.1%2c8.5h-.6V5.6h0c0-.2-.1-.3-.1-.4L14.6%2c0H2.8a.9.9%2c0%2c0%2c0-.9.9h0V8.5H1.3A1.3%2c1.3%2c0%2c0%2c0%2c0%2c9.8H0v7a1.3%2c1.3%2c0%2c0%2c0%2c1.2%2c1.4h.7v4.9a.9.9%2c0%2c0%2c0%2c.9.9H18.5a1%2c1%2c0%2c0%2c0%2c1-.8h0v-5h.6a1.3%2c1.3%2c0%2c0%2c0%2c1.3-1.3h0v-7a1.3%2c1.3%2c0%2c0%2c0-1.3-1.3ZM18.5%2c22.8H2.8V18.2H18.5Zm0-14.3H2.8V.7h11V5.6c.1.3.3.5.5.4h4.2Z'/%3e%3ctext class='accb9cd8-805e-4c9f-9b46-25d8ccc4d9c0' transform='translate(0.8 16.6)'%3eFILE%3c/text%3e%3c/svg%3e","default-icon":"data:image/svg+xml,%3csvg id='f46636c4-9d90-4c06-8f72-5c02d35ff376' data-name='a9011979-1776-4746-bb61-6eae84c3e8ab' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.6 24'%3e%3cdefs%3e%3cstyle%3e.b78a75cf-ef1e-49e2-8d45-bd32a83f2ff9%7bfill:%232e56f4%3b%7d%3c/style%3e%3c/defs%3e%3cpath class='b78a75cf-ef1e-49e2-8d45-bd32a83f2ff9' d='M15.4%2c0H0V24H20.6V5.1Zm3.5%2c22.3H1.7V1.7H14.4l4.5%2c4.6Z'/%3e%3crect class='b78a75cf-ef1e-49e2-8d45-bd32a83f2ff9' x='3.6' y='3.5' width='7.6' height='1.59'/%3e%3crect class='b78a75cf-ef1e-49e2-8d45-bd32a83f2ff9' x='3.6' y='6.5' width='10.6' height='1.59'/%3e%3cpath class='b78a75cf-ef1e-49e2-8d45-bd32a83f2ff9' d='M13.7%2c16.8v-.5a4.3%2c4.3%2c0%2c0%2c0%2c0-1.6v-.5l1.4-.7A6.2%2c6.2%2c0%2c0%2c0%2c14%2c11.8l-1.3.7-.4-.3-1.4-.8h-.5V9.8a7.4%2c7.4%2c0%2c0%2c0-2.1%2c0v1.5H7.8l-1.4.8-.4.3-1.3-.7a6.2%2c6.2%2c0%2c0%2c0-1.1%2c1.7l1.4.7v.5a4.3%2c4.3%2c0%2c0%2c0%2c0%2c1.6v.5l-1.4.7a6.2%2c6.2%2c0%2c0%2c0%2c1.1%2c1.7L6%2c18.5l.4.3%2c1.4.8.5.2v1.4a7.4%2c7.4%2c0%2c0%2c0%2c2.1%2c0V19.8l.5-.2a3.9%2c3.9%2c0%2c0%2c0%2c1.4-.8l.4-.3%2c1.3.7a6.2%2c6.2%2c0%2c0%2c0%2c1.1-1.7ZM9.4%2c18.3a2.9%2c2.9%2c0%2c0%2c1-2.9-2.8%2c2.9%2c2.9%2c0%2c1%2c1%2c2.9%2c2.8Z'/%3e%3c/svg%3e","close-icon":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.5 3.5L12.5 12.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3.5 12.5L12.5 3.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e","folder-icon":"data:image/svg+xml,%3csvg id='b1b3b989-0dfa-4c1a-9a26-31c0153eee65' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.b63eb38a-7601-4817-bdac-e114e5a265aa%7bfill:none%3b%7d.a461cc55-240f-415a-a090-bdc7f44ad7bf%7bclip-path:url(%23ea7bade8-3bf8-4af3-995c-94029c13edc0)%3b%7d.a3e94dd6-5bef-4e69-a637-e50ab154011c%7bfill:%232e56f4%3b%7d%3c/style%3e%3cclipPath id='ea7bade8-3bf8-4af3-995c-94029c13edc0'%3e%3crect class='b63eb38a-7601-4817-bdac-e114e5a265aa' width='24' height='24'/%3e%3c/clipPath%3e%3c/defs%3e%3cg class='a461cc55-240f-415a-a090-bdc7f44ad7bf'%3e%3cpath class='a3e94dd6-5bef-4e69-a637-e50ab154011c' d='M14.7%2c4.5h6a2.7%2c2.7%2c0%2c0%2c1%2c1.2.3%2c2.3%2c2.3%2c0%2c0%2c1%2c1%2c.7%2c3.6%2c3.6%2c0%2c0%2c1%2c.7%2c1%2c5.7%2c5.7%2c0%2c0%2c1%2c.1%2c1.3l-1%2c10.5a2.8%2c2.8%2c0%2c0%2c1-.9%2c1.9%2c3.2%2c3.2%2c0%2c0%2c1-2%2c.8H4.2a3.2%2c3.2%2c0%2c0%2c1-2-.8%2c2.8%2c2.8%2c0%2c0%2c1-.9-1.9L.3%2c7.8a2.9%2c2.9%2c0%2c0%2c1%2c.5-2V4.5a3%2c3%2c0%2c0%2c1%2c.8-2.1%2c3.1%2c3.1%2c0%2c0%2c1%2c2.2-.9H9.3a2.9%2c2.9%2c0%2c0%2c1%2c2.1.9l1.2%2c1.2A2.9%2c2.9%2c0%2c0%2c0%2c14.7%2c4.5ZM2.3%2c4.7l1-.2h8.1L10.3%2c3.4a1.8%2c1.8%2c0%2c0%2c0-1-.4H3.8a2.1%2c2.1%2c0%2c0%2c0-1.1.4%2c1.5%2c1.5%2c0%2c0%2c0-.4%2c1.1Z'/%3e%3c/g%3e%3c/svg%3e","rename-icon":"data:image/svg+xml,%3csvg id='a20f7630-4a0d-4a4b-b004-75840c22dff6' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cdefs%3e%3cstyle%3e.be3eb9b0-399a-4516-b1fa-0ee0ad3d8865%7bfill:%232e56f4%3b%7d%3c/style%3e%3c/defs%3e%3cpath class='be3eb9b0-399a-4516-b1fa-0ee0ad3d8865' d='M21.6%2c4.8H20.4V7.2h1.2v9.6H20.4v2.4h1.2A2.4%2c2.4%2c0%2c0%2c0%2c24%2c16.8V7.2A2.4%2c2.4%2c0%2c0%2c0%2c21.6%2c4.8ZM4.8%2c9.6H15.6v4.8H4.8Z'/%3e%3cpath class='be3eb9b0-399a-4516-b1fa-0ee0ad3d8865' d='M18%2c2.4h3.6V0H12V2.4h3.6V4.8H2.4A2.4%2c2.4%2c0%2c0%2c0%2c0%2c7.2v9.6a2.4%2c2.4%2c0%2c0%2c0%2c2.4%2c2.4H15.6v2.4H12V24h9.6V21.6H18ZM2.4%2c16.8V7.2H15.6v9.6Z'/%3e%3c/svg%3e","camera-icon":"data:image/svg+xml,%3csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.3763 24.6224H7.6241C6.71362 24.6206 5.84089 24.2581 5.19713 23.6144C4.55337 22.9706 4.19087 22.0979 4.18909 21.1874V11.5594C4.18909 10.6485 4.5511 9.77473 5.19518 9.13047C5.83944 8.48638 6.713 8.12455 7.6241 8.12455H8.5069L9.09982 6.35236C9.32736 5.66733 9.76479 5.07147 10.3501 4.64927C10.9355 4.22707 11.6389 3.99983 12.3607 4H16.6465C17.3683 3.99984 18.0717 4.22705 18.6571 4.64927C19.2424 5.07147 19.6799 5.66733 19.9074 6.35236L20.4938 8.12455H21.3703H21.3701C22.2824 8.12277 23.1577 8.48397 23.8032 9.12824C24.4488 9.77266 24.8116 10.6473 24.8116 11.5594V21.1874C24.8098 22.0979 24.4473 22.9706 23.8036 23.6144C23.1598 24.2582 22.2871 24.6207 21.3766 24.6224L21.3763 24.6224ZM7.6241 9.49724C7.07711 9.49724 6.55263 9.71442 6.16585 10.1012C5.77908 10.488 5.56191 11.0124 5.56191 11.5594V21.1874C5.56191 21.7344 5.77908 22.2589 6.16585 22.6457C6.55262 23.0324 7.07711 23.2496 7.6241 23.2496H21.3763C21.9233 23.2496 22.4478 23.0324 22.8346 22.6457C23.2213 22.2589 23.4385 21.7344 23.4385 21.1874V11.5594C23.4385 11.0124 23.2213 10.488 22.8346 10.1012C22.4478 9.71441 21.9233 9.49724 21.3763 9.49724H19.9972C19.8543 9.4953 19.7156 9.44901 19.6001 9.3647C19.4847 9.28039 19.3983 9.16225 19.3528 9.0268L18.5988 6.78415C18.4634 6.37699 18.2044 6.02224 17.8578 5.76915C17.5113 5.51621 17.0944 5.37768 16.6654 5.37283H12.3606C11.9316 5.37768 11.5147 5.51621 11.1682 5.76915C10.8216 6.02225 10.5627 6.37699 10.4272 6.78415L9.65398 9.0268C9.60851 9.16225 9.52209 9.28039 9.4067 9.3647C9.29116 9.44902 9.15247 9.4953 9.00941 9.49724H7.6241Z' fill='%23478B73' stroke='%23478B73'/%3e%3cpath d='M14.5 21.1875C13.2233 21.1875 11.9987 20.6803 11.0961 19.7776C10.1932 18.8748 9.68604 17.6504 9.68604 16.3735C9.68604 15.0969 10.1932 13.8723 11.0961 12.9696C11.9987 12.0667 13.2233 11.5596 14.5 11.5596C15.7767 11.5596 17.0012 12.0667 17.9039 12.9696C18.8068 13.8723 19.314 15.0969 19.314 16.3735C19.3123 17.6497 18.8045 18.8733 17.9021 19.7757C16.9996 20.678 15.7762 21.1859 14.5 21.1875ZM14.5 12.9386C13.5891 12.9386 12.7153 13.3005 12.0711 13.9447C11.427 14.5888 11.0652 15.4626 11.0652 16.3735C11.0652 17.2844 11.427 18.1581 12.0711 18.8024C12.7153 19.4465 13.5891 19.8083 14.5 19.8083C15.4109 19.8083 16.2847 19.4465 16.9289 18.8024C17.573 18.1581 17.9348 17.2844 17.9348 16.3735C17.9332 15.463 17.5707 14.5903 16.927 13.9465C16.2832 13.3028 15.4105 12.9403 14.5 12.9386Z' fill='%23478B73' stroke='%23478B73'/%3e%3c/svg%3e","image-icon":U,"info-icon":"data:image/svg+xml,%3csvg width='3' height='8' viewBox='0 0 3 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.13863 2.71667L0.122629 2.96933L0.0506294 3.304L0.447296 3.376C0.705296 3.438 0.756629 3.53067 0.700629 3.78867L0.0506294 6.84C-0.119371 7.62867 0.143963 8 0.761963 8C1.24196 8 1.79796 7.77867 2.05063 7.474L2.12796 7.108C1.95263 7.26267 1.69463 7.32467 1.52463 7.32467C1.28263 7.32467 1.1953 7.15467 1.25663 6.85533L2.13863 2.71667ZM2.1993 0.88C2.1993 1.11339 2.10658 1.33722 1.94155 1.50225C1.77652 1.66729 1.55269 1.76 1.3193 1.76C1.08591 1.76 0.862074 1.66729 0.697042 1.50225C0.53201 1.33722 0.439296 1.11339 0.439296 0.88C0.439296 0.646609 0.53201 0.422778 0.697042 0.257746C0.862074 0.0927141 1.08591 0 1.3193 0C1.55269 0 1.77652 0.0927141 1.94155 0.257746C2.10658 0.422778 2.1993 0.646609 2.1993 0.88Z' fill='white'/%3e%3c/svg%3e","close-white":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.5 3.5L12.5 12.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3.5 12.5L12.5 3.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e","filedoc-icon":"data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.2 24'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%232e56f4%3b%7d%3c/style%3e%3c/defs%3e%3cpath class='cls-1' d='M8.4%2c9.6H9.6a1.2%2c1.2%2c0%2c1%2c0%2c0-2.4H8.4a1.2%2c1.2%2c0%2c1%2c0%2c0%2c2.4Zm0%2c2.4a1.2%2c1.2%2c0%2c1%2c0%2c0%2c2.4h7.2a1.2%2c1.2%2c0%2c1%2c0%2c0-2.4ZM21.6%2c8.33A1.94%2c1.94%2c0%2c0%2c0%2c21.53%2c8V7.9a1.36%2c1.36%2c0%2c0%2c0-.23-.34L14.1.36a1.36%2c1.36%2c0%2c0%2c0-.34-.23h-.1a1.17%2c1.17%2c0%2c0%2c0-.4-.13H6A3.59%2c3.59%2c0%2c0%2c0%2c2.4%2c3.6V20.4A3.59%2c3.59%2c0%2c0%2c0%2c6%2c24H18a3.59%2c3.59%2c0%2c0%2c0%2c3.6-3.6V8.33ZM14.4%2c4.09%2c17.51%2c7.2H15.6A1.2%2c1.2%2c0%2c0%2c1%2c14.4%2c6ZM19.2%2c20.4A1.2%2c1.2%2c0%2c0%2c1%2c18%2c21.6H6a1.2%2c1.2%2c0%2c0%2c1-1.2-1.2V3.6A1.2%2c1.2%2c0%2c0%2c1%2c6%2c2.4h6V6a3.59%2c3.59%2c0%2c0%2c0%2c3.6%2c3.6h3.6Zm-3.6-3.6H8.4a1.2%2c1.2%2c0%2c1%2c0%2c0%2c2.4h7.2a1.2%2c1.2%2c0%2c1%2c0%2c0-2.4Z' transform='translate(-2.4)'/%3e%3c/svg%3e"},Q=m(h)`
97
97
  div {
98
- ${({size:e})=>e&&p`
98
+ ${({customStyles:e})=>e}
99
+ ${({size:e})=>e&&g`
99
100
  width: ${e}px;
100
101
  height: ${e}px;
101
102
  `}
@@ -103,17 +104,17 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
103
104
  svg {
104
105
  fill: black;
105
106
 
106
- ${({size:e})=>e&&p`
107
+ ${({size:e})=>e&&g`
107
108
  width: ${e}px;
108
109
  height: ${e}px;
109
110
  `}
110
111
 
111
- ${({transform:e})=>e&&p`
112
+ ${({transform:e})=>e&&g`
112
113
  transform: ${e};
113
114
  `}
114
115
 
115
116
  path {
116
- ${({color:e})=>e&&p`
117
+ ${({color:e})=>e&&g`
117
118
  fill: ${e};
118
119
  `}
119
120
  }
@@ -125,7 +126,7 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
125
126
  }
126
127
  vertical-align: initial;
127
128
  }
128
- `,J=({icon:e,color:o,size:r,transform:l,...i})=>t.createElement(X,w({src:G[e],color:o,size:r,transform:l},i));J.propTypes={icon:e.string.isRequired,size:e.number,color:e.string},J.defaultProps={size:16,color:M.primary["primary-1"]};const U=s.div`
129
+ `,N=({icon:e,color:o,size:r,transform:l,customStyles:i,...n})=>t.createElement(Q,z({src:D[e],color:o,size:r,transform:l,customStyles:i},n));N.propTypes={icon:e.string.isRequired,size:e.number,color:e.string,customStyles:e.object},N.defaultProps={size:16,color:R.primary["primary-1"],customStyles:{}};const K=m.div`
129
130
  display: flex;
130
131
  justify-content: center;
131
132
  align-items: center;
@@ -136,16 +137,16 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
136
137
  font-size: 12px;
137
138
  color: ${({theme:e})=>e.neutral["neutral-3"]};
138
139
  }
139
- `,Q=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:n,customStylesAccordionContent:a,toggleIconAnimation:c,icon:s,content:p,contentToggle:m,toggleState:u,contentIsOpen:g,id:b,...f})=>{const h=r(null),y=d()||M;l(0);const[x,A]=l(!1);return i((()=>{A(g)}),[g]),t.createElement(L,w({customStyles:e,type:"accordionContainer"},f,{header:t.createElement(L,w({customStyles:o,type:"accordionToggle"},f,{onClick:()=>{A(!x)},header:m,content:t.createElement(U,{theme:y},t.createElement("span",null,x?"Click to hide":"Click to open"),t.createElement("div",{style:c&&x?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},s||t.createElement(J,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:t.createElement(q,w({customStyles:a,type:"accordionContent",ref:h},f,{style:x?{minHeight:h.current.scrollHeight+"px",borderColor:y.borderColor}:{height:"0px",borderBottom:"none"},id:b,content:p}))}))};Q.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionTogggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,toggleState:e.func,id:e.string},Q.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,toggleState:()=>{},id:""};const K=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:n,customStylesAccordionContent:a,toggleIconAnimation:c,icon:s,content:p,contentToggle:m,isSelected:u,index:g,handleClick:b,isAccordionOpen:f,id:h,customSelectCardColor:y,...x})=>{const[A,v]=l(!1),C=r(null),[S,k]=l({}),[E,z]=l({}),V=d()||M;return i((()=>{u?(k((e=>({...e,backgroundColor:y||V.variant["primary-1"],marginBottom:"15.5px",marginTop:0!==g?"15.5px":"0px"}))),z((e=>({...e,backgroundColor:y||V.variant["primary-1"],paddingTop:"14px",paddingBottom:"14px",paddingLeft:"14px"})))):(k({}),z({}))}),[u]),i((()=>{v(!!f)}),[f]),t.createElement(L,w({customStyles:{...e,...S},type:"accordionContainer"},x,{header:t.createElement(L,w({customStyles:{...o,...E},type:"accordionToggle"},x,{onClick:()=>{A||b(g),v(!A)},header:m,content:t.createElement("div",{style:c&&A?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",background:"transparent"}},s)})),content:t.createElement(q,w({customStyles:a,type:"accordionContent",ref:C},x,{style:A?{height:C.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:h,content:p}))}))};K.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionTogggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,id:e.string},K.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const N=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:n,customStylesAccordionContent:a,toggleIconAnimation:c,icon:s,content:d,contentToggle:p,isSelected:m,index:u,handleClick:g,isAccordionOpen:b,disable:f,id:h,...y})=>{const[x,A]=l(!1),v=r(null),[C,S]=l({}),[k,E]=l({});return i((()=>{m?(S((e=>({...e,backgroundColor:"#2444d8",marginBottom:"15.5px",marginTop:0!==u?"15.5px":"0px"}))),E((e=>({...e,backgroundColor:"#2444d8",paddingTop:"14px",paddingBottom:"14px",paddingLeft:"14px"})))):(S({}),E({}))}),[m]),i((()=>{A(!!b)}),[b]),t.createElement(L,w({customStyles:{...e,...C},type:"accordionContainer"},y,{header:t.createElement(L,w({customStyles:{...o,...k},type:"accordionToggle"},y,{onClick:()=>{f||(x||g(u),A(!x))},header:p,content:t.createElement("div",{style:c&&x?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",background:"transparent"}},s)})),content:t.createElement(q,w({customStyles:a,type:"accordionContent",ref:v},y,{style:x?{height:v.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:h,content:d}))}))};N.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionTogggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,id:e.string},N.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const D=s.div`
140
+ `,Y=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:n,customStylesAccordionContent:a,toggleIconAnimation:c,icon:s,content:d,contentToggle:p,toggleState:m,contentIsOpen:g,id:b,...f})=>{const h=r(null),y=u()||R;l(0);const[x,v]=l(!1);return i((()=>{v(g)}),[g]),t.createElement(q,z({customStyles:e,type:"accordionContainer"},f,{header:t.createElement(q,z({customStyles:o,type:"accordionToggle"},f,{onClick:()=>{v(!x)},header:p,content:t.createElement(K,{theme:y},t.createElement("span",null,x?"Click to hide":"Click to open"),t.createElement("div",{style:c&&x?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",transition:"transform ease 95ms",background:"transparent"}},s||t.createElement(N,{icon:"chevron-down",size:11,transform:"translate(0px,-1px)",color:"#A9B1B8"})))})),content:t.createElement(F,z({customStyles:a,type:"accordionContent",ref:h},f,{style:x?{minHeight:h.current.scrollHeight+"px",borderColor:y.borderColor}:{height:"0px",borderBottom:"none"},id:b,content:d}))}))};Y.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionTogggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,toggleState:e.func,id:e.string},Y.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,toggleState:()=>{},id:""};const $=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:n,customStylesAccordionContent:a,toggleIconAnimation:c,icon:s,content:d,contentToggle:p,isSelected:m,index:g,handleClick:b,isAccordionOpen:f,id:h,customSelectCardColor:y,...x})=>{const[v,A]=l(!1),C=r(null),[w,S]=l({}),[E,k]=l({}),V=u()||R;return i((()=>{m?(S((e=>({...e,backgroundColor:y||V.variant["primary-1"],marginBottom:"15.5px",marginTop:0!==g?"15.5px":"0px"}))),k((e=>({...e,backgroundColor:y||V.variant["primary-1"],paddingTop:"14px",paddingBottom:"14px",paddingLeft:"14px"})))):(S({}),k({}))}),[m]),i((()=>{A(!!f)}),[f]),t.createElement(q,z({customStyles:{...e,...w},type:"accordionContainer"},x,{header:t.createElement(q,z({customStyles:{...o,...E},type:"accordionToggle"},x,{onClick:()=>{v||b(g),A(!v)},header:p,content:t.createElement("div",{style:c&&v?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",background:"transparent"}},s)})),content:t.createElement(F,z({customStyles:a,type:"accordionContent",ref:C},x,{style:v?{height:C.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:h,content:d}))}))};$.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionTogggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,id:e.string},$.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const _=({customStylesAccordionContainer:e,customStylesAccordionTogggle:o,customStylesAccordionIcon:n,customStylesAccordionContent:a,toggleIconAnimation:c,icon:s,content:d,contentToggle:p,isSelected:m,index:u,handleClick:g,isAccordionOpen:b,disable:f,id:h,...y})=>{const[x,v]=l(!1),A=r(null),[C,w]=l({}),[S,E]=l({});return i((()=>{m?(w((e=>({...e,backgroundColor:"#2444d8",marginBottom:"15.5px",marginTop:0!==u?"15.5px":"0px"}))),E((e=>({...e,backgroundColor:"#2444d8",paddingTop:"14px",paddingBottom:"14px",paddingLeft:"14px"})))):(w({}),E({}))}),[m]),i((()=>{v(!!b)}),[b]),t.createElement(q,z({customStyles:{...e,...C},type:"accordionContainer"},y,{header:t.createElement(q,z({customStyles:{...o,...S},type:"accordionToggle"},y,{onClick:()=>{f||(x||g(u),v(!x))},header:p,content:t.createElement("div",{style:c&&x?{transform:"rotate(180deg)",transition:"transform ease 95ms",background:"transparent"}:{transform:"rotate(0deg)",background:"transparent"}},s)})),content:t.createElement(F,z({customStyles:a,type:"accordionContent",ref:A},y,{style:x?{height:A.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:h,content:d}))}))};_.propTypes={customStylesAccordionContainer:e.object,customStylesAccordionTogggle:e.object,customStylesAccordionIcon:e.object,customStylesAccordionContent:e.object,toggleIconAnimation:e.bool,icon:e.any,content:e.any,contentToggle:e.any,id:e.string},_.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const ee=m.div`
140
141
  color: ${({theme:e,variant:t})=>t?e.variant[t]:"white"};
141
- ${({scroll:e})=>e?p`
142
+ ${({scroll:e})=>e?g`
142
143
  display: flex;
143
144
  overflow-x: auto;
144
- `:p`
145
+ `:g`
145
146
  display: grid;
146
147
  grid-template-columns: ${({arrowNumber:e})=>`repeat(${e}, 1fr)`};
147
148
  `}
148
- `,Y=s.div`
149
+ `,te=m.div`
149
150
  min-height: 40px;
150
151
  max-height: 40px;
151
152
  background-color: ${({color:e})=>e};
@@ -153,21 +154,21 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
153
154
  display: flex;
154
155
  cursor: ${({clickable:e})=>e?"pointer":"default"};
155
156
 
156
- ${({index:e,dataLength:t})=>0===e?p`
157
+ ${({index:e,dataLength:t})=>0===e?g`
157
158
  clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 0 100%);
158
159
  border-top-left-radius: 20px;
159
160
  border-bottom-left-radius: 20px;
160
- `:e===t-1?p`
161
+ `:e===t-1?g`
161
162
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, calc(0% + 9px) 50%);
162
163
  margin-left: -5px;
163
- `:p`
164
+ `:g`
164
165
  clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 0 100%, calc(0% + 9px) 50%);
165
166
  margin-left: -5px;
166
167
  `}
167
168
 
168
- ${({scroll:e})=>e?p`
169
+ ${({scroll:e})=>e?g`
169
170
  width:100%;
170
- `:p`
171
+ `:g`
171
172
  flex-shrink: 1;
172
173
  min-width: 15px;
173
174
  flex-grow: 1;
@@ -177,7 +178,7 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
177
178
  width: -webkit-fill-available;
178
179
  }
179
180
  `}
180
- `,$=s.div`
181
+ `,oe=m.div`
181
182
  padding: 0 15px;
182
183
  display: flex;
183
184
  align-items: center;
@@ -192,7 +193,7 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
192
193
  font-weight: 400;
193
194
  padding-right: 5px;
194
195
 
195
- ${({scroll:e})=>{if(!e)return p`
196
+ ${({scroll:e})=>{if(!e)return g`
196
197
  display: ${({styleArrowContentSpan:e})=>e.display};
197
198
  white-space: nowrap;
198
199
  overflow: hidden;
@@ -204,9 +205,9 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
204
205
  margin: 0;
205
206
  font-weight: 600;
206
207
 
207
- ${({scroll:e})=>e?p`
208
+ ${({scroll:e})=>e?g`
208
209
  font-size: 14px;
209
- `:p`
210
+ `:g`
210
211
  font-size: ${({styleArrowContentP:e})=>e.fontSize};
211
212
  display: ${({styleArrowContentP:e})=>e.display};
212
213
  white-space: nowrap;
@@ -215,53 +216,53 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
215
216
  `}
216
217
  }
217
218
 
218
- ${({scroll:e})=>{if(!e)return p`
219
- ${Y}:hover & {
220
- ${({styleArrowContentSpan:e,styleArrowContentP:t})=>"none"===t?.display&&"none"===e?.display?p`
219
+ ${({scroll:e})=>{if(!e)return g`
220
+ ${te}:hover & {
221
+ ${({styleArrowContentSpan:e,styleArrowContentP:t})=>"none"===t?.display&&"none"===e?.display?g`
221
222
  span {
222
223
  display: block;
223
224
  }
224
225
  p {
225
226
  display: block;
226
227
  }
227
- `:"none"===t?.display?p`
228
+ `:"none"===t?.display?g`
228
229
  p {
229
230
  display: block;
230
231
  }
231
232
  `:void 0}
232
233
  };
233
234
  `}}
234
- `,_=({variant:e,data:o,scroll:n,onClick:a,clickable:c,...s})=>{const p=d()||M,m=r(null),u=r(null),[g,b]=l(void 0),[f,h]=l(void 0);let y={fontSize:"",display:""},x={fontSize:"",display:""};const A=()=>{m&&h(m?.current?.offsetWidth)};i((()=>{A()}),[o,f]),i((()=>{if(!n)return window.addEventListener("resize",A),()=>window.removeEventListener("resize",A)}),[]),i((()=>{n||b(u?.current.offsetWidth)}),[o,f,g]);const v=o.reduce((function(e,t){return 9*e.label.length+13*e.value.toString().length>9*t.label.length+13*t.value.toString().length?e:t}));if(!n){const e=function(e){return{step1:15+13*e.value.toString().length+5+9*e.label.length+15,step2:15+13*e.value.toString().length+5+7*e.label.length+15,step3:15+13*e.value.toString().length+5+15}}(v);g<e.step3?(x.display="none",y.display="none"):g<e.step2?y.display="none":g<e.step1?y.fontSize="12px":y.fontSize="14px"}return t.createElement(D,{theme:p,variant:e,ref:n?null:m,arrowNumber:o.length,scroll:n},o.map(((e,r)=>{return t.createElement(Y,{id:e.id,theme:p,onClick:c?t=>a(t,e):null,clickable:c,scroll:n,ref:n?null:e.label===v.label?u:null,key:"fa"+r+"-"+e.label,index:r,dataLength:o.length,color:e.color},(l=e.value,i=e.label,t.createElement($,{styleArrowContentP:y,styleArrowContentSpan:x,scroll:n},t.createElement("span",null,l),t.createElement("p",null,i))));var l,i})))};_.propTypes={variant:e.string,data:e.array,scroll:e.bool,onClick:e.func,clickable:e.bool},_.defaultProps={variant:null,data:[],scroll:!0,onClick:void 0,clickable:!1};const ee=s.img`
235
+ `,re=({variant:e,data:o,scroll:n,onClick:a,clickable:c,...s})=>{const d=u()||R,p=r(null),m=r(null),[g,b]=l(void 0),[f,h]=l(void 0);let y={fontSize:"",display:""},x={fontSize:"",display:""};const v=()=>{p&&h(p?.current?.offsetWidth)};i((()=>{v()}),[o,f]),i((()=>{if(!n)return window.addEventListener("resize",v),()=>window.removeEventListener("resize",v)}),[]),i((()=>{n||b(m?.current.offsetWidth)}),[o,f,g]);const A=o.reduce((function(e,t){return 9*e.label.length+13*e.value.toString().length>9*t.label.length+13*t.value.toString().length?e:t}));if(!n){const e=function(e){return{step1:15+13*e.value.toString().length+5+9*e.label.length+15,step2:15+13*e.value.toString().length+5+7*e.label.length+15,step3:15+13*e.value.toString().length+5+15}}(A);g<e.step3?(x.display="none",y.display="none"):g<e.step2?y.display="none":g<e.step1?y.fontSize="12px":y.fontSize="14px"}return t.createElement(ee,{theme:d,variant:e,ref:n?null:p,arrowNumber:o.length,scroll:n},o.map(((e,r)=>{return t.createElement(te,{id:e.id,theme:d,onClick:c?t=>a(t,e):null,clickable:c,scroll:n,ref:n?null:e.label===A.label?m:null,key:"fa"+r+"-"+e.label,index:r,dataLength:o.length,color:e.color},(l=e.value,i=e.label,t.createElement(oe,{styleArrowContentP:y,styleArrowContentSpan:x,scroll:n},t.createElement("span",null,l),t.createElement("p",null,i))));var l,i})))};re.propTypes={variant:e.string,data:e.array,scroll:e.bool,onClick:e.func,clickable:e.bool},re.defaultProps={variant:null,data:[],scroll:!0,onClick:void 0,clickable:!1};const le=m.img`
235
236
  //Set the styles from the default styles object
236
237
  ${({inBuiltCss:e,type:t,size:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(const t in e.common)l[t]=e.common[t];for(const o in e[t])l[o]=e[t][o],delete e.common[o];for(const r in e[`${t}${o}`])l[r]=e[`${t}${o}`][r],delete e.common[r]}return{...l,...r}}}}
237
- `,te=({customStyles:e,type:o,size:n,alt:a,src:c,handleImageStatus:s,...d})=>{const[p,m]=l("loading"),u=r(null),g=()=>{m("loaded"),s&&s("loaded")},b=()=>{m("failed"),s&&s("failed")};return i((()=>{const e=u.current;if(e)return e.addEventListener("load",g),e.addEventListener("error",b),()=>{e.removeEventListener("load",g),e.removeEventListener("error",b)}}),[p]),t.createElement(ee,w({},d,{inBuiltCss:B,customStyles:e,type:o,alt:a,src:c,ref:u,size:n}))};te.propTypes={customStyles:e.object,type:e.string,size:e.oneOf(["SM","MD","LG"]),alt:e.string,src:e.string,handleImageStatus:e.func},te.defaultProps={customStyles:null,type:"image",alt:"image alternative",src:null,handleImageStatus:null};const oe=s.span`
238
+ `,ie=({customStyles:e,type:o,size:n,alt:a,src:c,handleImageStatus:s,...d})=>{const[p,m]=l("loading"),u=r(null),g=()=>{m("loaded"),s&&s("loaded")},b=()=>{m("failed"),s&&s("failed")};return i((()=>{const e=u.current;if(e)return e.addEventListener("load",g),e.addEventListener("error",b),()=>{e.removeEventListener("load",g),e.removeEventListener("error",b)}}),[p]),t.createElement(le,z({},d,{inBuiltCss:L,customStyles:e,type:o,alt:a,src:c,ref:u,size:n}))};ie.propTypes={customStyles:e.object,type:e.string,size:e.oneOf(["SM","MD","LG"]),alt:e.string,src:e.string,handleImageStatus:e.func},ie.defaultProps={customStyles:null,type:"image",alt:"image alternative",src:null,handleImageStatus:null};const ne=m.span`
238
239
  ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.common)r[t]=e.common[t];for(const o in e[t])r[o]=e[t][o],delete e.common[o]}return{...r,...o}}}}
239
- `,re=s.div`
240
+ `,ae=m.div`
240
241
 
241
242
  background-color:${({theme:e})=>e.primary["primary-1"]};
242
243
  color: ${({theme:e})=>e.bgColor};
243
244
  ${({inBuiltCss:e,type:t,size:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(const t in e.common)l[t]=e.common[t];for(const o in e[t])l[o]=e[t][o],delete e.common[o];for(const r in e[`${t}${o}`])l[r]=e[`${t}${o}`][r],delete e.common[r]}return{...l,...r}}}}
244
- `,le=s.span`
245
+ `,ce=m.span`
245
246
 
246
247
  color:${({theme:e})=>e.textColor};
247
248
 
248
249
  ${({inBuiltCss:e,type:t,size:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(const t in e.common)l[t]=e.common[t];for(const o in e[t])delete e.common[o],l[o]=e[t][o];for(const r in e[`${t}${o}`])l[r]=e[`${t}${o}`][r],delete e.common[r]}return{...l,...r}}}}
249
- `,ie=({customStylesContainer:e,customStylesImage:o,customStylesCircle:r,customStylesName:i,size:n,toggleName:a,user:c,border:s,...p})=>{const[m,u]=l("loading"),g=d()||M;return t.createElement(oe,w({inBuiltCss:B,border:s,theme:g,customStyles:e,type:"avatarContainer"},p),c?.url&&t.createElement(te,w({},p,{customStyles:o,type:"imageAvatar",size:n,alt:"user-picture",src:c.url,handleImageStatus:e=>{u(e)},style:{visibility:"loaded"!==m?"hidden":"visible"}})),t.createElement(re,w({},p,{theme:g,inBuiltCss:B,type:"avatarCircle",customStyles:r,size:n,style:{visibility:"loaded"!==m?"visible":"hidden"}}),c?.userName&&c?.userName.split(" ").length>=2?c?.userName.split(" ")[0].charAt(0).toUpperCase()+c?.userName.split(" ")[1].charAt(0).toUpperCase():c?.userName&&1===c?.userName.split(" ").length&&c?.userName.split(" ")[0].charAt(0).toUpperCase()),a&&t.createElement(le,w({inBuiltCss:B},p,{theme:g,type:"avatarName",customStyles:i,size:n}),c.userName," "))};ie.propTypes={customStylesCircle:e.object,customStylesName:e.object,customStylesContainer:e.object,customStylesImage:e.object,toggleName:e.bool,size:e.oneOf(["SM","MD","LG"]),user:e.object},ie.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null};const ne=s.span`
250
+ `,se=({customStylesContainer:e,customStylesImage:o,customStylesCircle:r,customStylesName:l,size:i,toggleName:n,user:a,border:c,...s})=>{const d=u()||R;return t.createElement(ne,z({inBuiltCss:L,border:c,theme:d,customStyles:e,type:"avatarContainer"},s),a?.url&&t.createElement(ie,z({},s,{customStyles:o,type:"imageAvatar",size:i,alt:"user-picture",src:a.url})),t.createElement(ae,z({},s,{theme:d,inBuiltCss:L,type:"avatarCircle",customStyles:r,size:i}),a?.userName&&a?.userName.split(" ").length>=2?a?.userName.split(" ")[0].charAt(0).toUpperCase()+a?.userName.split(" ")[1].charAt(0).toUpperCase():a?.userName&&1===a?.userName.split(" ").length&&a?.userName.split(" ")[0].charAt(0).toUpperCase()),n&&t.createElement(ce,z({inBuiltCss:L},s,{theme:d,type:"avatarName",customStyles:l,size:i}),a.userName," "))};se.propTypes={customStylesCircle:e.object,customStylesName:e.object,customStylesContainer:e.object,customStylesImage:e.object,toggleName:e.bool,size:e.oneOf(["SM","MD","LG"]),user:e.object},se.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null};const de=m.span`
250
251
  ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.common)r[t]=e.common[t];for(const o in e[t])r[o]=e[t][o],delete e.common[o]}return{...r,...o}}}}
251
252
  width: auto;
252
- `,ae=s.div`
253
+ `,pe=m.div`
253
254
  background-color: ${({theme:e})=>e.primary["primary-1"]};
254
255
  color: ${({theme:e})=>e.bgColor};
255
256
  ${({inBuiltCss:e,type:t,size:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(const t in e.common)l[t]=e.common[t];for(const o in e[t])l[o]=e[t][o],delete e.common[o];for(const r in e[`${t}${o}`])l[r]=e[`${t}${o}`][r],delete e.common[r]}return{...l,...r}}}}
256
- ${({isSelected:e,selectedStyle:t,notSelectedStyle:o})=>e?p`
257
+ ${({isSelected:e,selectedStyle:t,notSelectedStyle:o})=>e?g`
257
258
  min-width: 42px;
258
259
  min-height: 42px;
259
260
  ${t}
260
- `:p`
261
+ `:g`
261
262
  ${o}
262
263
  `}
263
264
  font-weight: 600;
264
- `,ce=s.span`
265
+ `,me=m.span`
265
266
  color: ${({theme:e})=>e.textColor};
266
267
 
267
268
  ${({inBuiltCss:e,type:t,size:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(const t in e.common)l[t]=e.common[t];for(const o in e[t])delete e.common[o],l[o]=e[t][o];for(const r in e[`${t}${o}`])l[r]=e[`${t}${o}`][r],delete e.common[r]}return{...l,...r}}}}
@@ -269,26 +270,26 @@ ${({inBuiltCss:e,type:t,size:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(co
269
270
  &:hover {
270
271
  ${({inBuiltCss:e,type:t,size:o,customStylesHover:r})=>{if(e){return{...{},...r}}}}
271
272
  }
272
- `,se=({customStylesContainer:e,customStylesImage:o,customStylesCircle:r,customStylesName:i,customStylesNameHover:n,size:a,toggleName:c,user:s,border:p,isSelected:m,selectedStyle:u,notSelectedStyle:g,...b})=>{const f=d()||M,[h,y]=l("loading");return t.createElement(ne,w({border:p,inBuiltCss:B,customStyles:e,type:"avatarContainer"},b),s?.url&&t.createElement(te,w({},b,{inBuiltCss:B,customStyles:o,type:"imageAvatar",size:a,alt:"user-picture",src:s.url,handleImageStatus:e=>{y(e)},style:{visibility:"loaded"!==h?"hidden":"visible"}})),t.createElement(ae,w({},b,{theme:f,selectedStyle:u,notSelectedStyle:g,inBuiltCss:B,type:"avatarCircle",customStyles:r,size:a,style:{visibility:"loaded"!==h?"visible":"hidden"},isSelected:m}),s?.userName&&s?.userName.split(" ").length>=2?s?.userName.split(" ")[0].charAt(0).toUpperCase()+s?.userName.split(" ")[1].charAt(0).toUpperCase():s?.userName&&1===s?.userName.split(" ").length&&s?.userName.split(" ")[0].charAt(0).toUpperCase()),c&&t.createElement(ce,w({theme:f},b,{inBuiltCss:B,type:"avatarName",customStyles:i,customStylesHover:n,size:a}),s.userName," "))};se.propTypes={customStylesCircle:e.object,customStylesName:e.object,customStylesContainer:e.object,customStylesImage:e.object,toggleName:e.bool,size:e.oneOf(["SM","MD","LG"]),user:e.object,customStylesNameHover:e.object},se.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null};const de=s.span`
273
+ `,ue=({customStylesContainer:e,customStylesImage:o,customStylesCircle:r,customStylesName:i,customStylesNameHover:n,size:a,toggleName:c,user:s,border:d,isSelected:p,selectedStyle:m,notSelectedStyle:g,...b})=>{const f=u()||R,[h,y]=l("loading");return t.createElement(de,z({border:d,inBuiltCss:L,customStyles:e,type:"avatarContainer"},b),s?.url&&t.createElement(ie,z({},b,{inBuiltCss:L,customStyles:o,type:"imageAvatar",size:a,alt:"user-picture",src:s.url,handleImageStatus:e=>{y(e)},style:{visibility:"loaded"!==h?"hidden":"visible"}})),t.createElement(pe,z({},b,{theme:f,selectedStyle:m,notSelectedStyle:g,inBuiltCss:L,type:"avatarCircle",customStyles:r,size:a,style:{visibility:"loaded"!==h?"visible":"hidden"},isSelected:p}),s?.userName&&s?.userName.split(" ").length>=2?s?.userName.split(" ")[0].charAt(0).toUpperCase()+s?.userName.split(" ")[1].charAt(0).toUpperCase():s?.userName&&1===s?.userName.split(" ").length&&s?.userName.split(" ")[0].charAt(0).toUpperCase()),c&&t.createElement(me,z({theme:f},b,{inBuiltCss:L,type:"avatarName",customStyles:i,customStylesHover:n,size:a}),s.userName," "))};ue.propTypes={customStylesCircle:e.object,customStylesName:e.object,customStylesContainer:e.object,customStylesImage:e.object,toggleName:e.bool,size:e.oneOf(["SM","MD","LG"]),user:e.object,customStylesNameHover:e.object},ue.defaultProps={block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null};const ge=m.span`
273
274
 
274
275
  ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.common)r[t]=e.common[t];for(const o in e[t])r[o]=e[t][o],delete e.common[o]}return{...r,...o}}}}
275
276
  width: auto;
276
- `,pe=s.div`
277
+ `,be=m.div`
277
278
 
278
279
  background-color: ${({theme:e})=>e.primary["primary-1"]};
279
280
  color: ${({theme:e})=>e.bgColor};
280
281
 
281
282
  ${({inBuiltCss:e,type:t,size:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(const t in e.common)l[t]=e.common[t];for(const o in e[t])l[o]=e[t][o],delete e.common[o];for(const r in e[`${t}${o}`])l[r]=e[`${t}${o}`][r],delete e.common[r]}return{...l,...r}}}}
282
- ${({isSelected:e,selectedStyle:t,notSelectedStyle:o})=>e?p`
283
+ ${({isSelected:e,selectedStyle:t,notSelectedStyle:o})=>e?g`
283
284
  ${t}
284
285
 
285
286
  min-width: 42px;
286
287
  min-height: 42px;
287
- `:p`
288
+ `:g`
288
289
  ${o}
289
290
  `}
290
291
  font-weight: 600;
291
- `,me=s.span`
292
+ `,fe=m.span`
292
293
 
293
294
  color: ${({theme:e})=>e.textColor};
294
295
 
@@ -298,7 +299,7 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
298
299
  &:hover {
299
300
  ${({inBuiltCss:e,type:t,size:o,customStylesHover:r})=>{if(e){return{...{},...r}}}}
300
301
  }
301
- `,ue=({inBuiltCss:e,customStylesContainer:o,customStylesImage:r,customStylesCircle:i,customStylesName:n,customStylesNameHover:a,size:c,toggleName:s,user:p,border:m,selectedStyle:u,notSelectedStyle:g,isSelected:b,value:f,...h})=>{const y=d()||M,[x,A]=l("loading");return t.createElement(de,w({border:m,theme:y,inBuiltCss:B,customStyles:o,type:"avatarContainer"},h),p?.url&&t.createElement(te,w({},h,{inBuiltCss:B,customStyles:r,type:"imageAvatar",size:c,alt:"user-picture",src:p.url,handleImageStatus:e=>{A(e)},style:{visibility:"loaded"!==x?"hidden":"visible"}})),t.createElement(pe,w({},h,{theme:y,inBuiltCss:B,type:"avatarCircle",customStyles:i,size:c,style:{visibility:"loaded"!==x?"visible":"hidden"},isSelected:b,selectedStyle:u,notSelectedStyle:g}),f),s&&t.createElement(me,w({theme:y},h,{inBuiltCss:B,type:"avatarName",customStyles:n,customStylesHover:a,size:c}),p.userName," "))};ue.propTypes={customStylesCircle:e.object,customStylesName:e.object,customStylesContainer:e.object,customStylesImage:e.object,toggleName:e.bool,size:e.oneOf(["SM","MD","LG"]),user:e.object},ue.defaultProps={inBuiltCss:e.object},ue.defaultProps={inBuiltCss:B,block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null};const ge=s.div`
302
+ `,he=({inBuiltCss:e,customStylesContainer:o,customStylesImage:r,customStylesCircle:i,customStylesName:n,customStylesNameHover:a,size:c,toggleName:s,user:d,border:p,selectedStyle:m,notSelectedStyle:g,isSelected:b,value:f,...h})=>{const y=u()||R,[x,v]=l("loading");return t.createElement(ge,z({border:p,theme:y,inBuiltCss:L,customStyles:o,type:"avatarContainer"},h),d?.url&&t.createElement(ie,z({},h,{inBuiltCss:L,customStyles:r,type:"imageAvatar",size:c,alt:"user-picture",src:d.url,handleImageStatus:e=>{v(e)},style:{visibility:"loaded"!==x?"hidden":"visible"}})),t.createElement(be,z({},h,{theme:y,inBuiltCss:L,type:"avatarCircle",customStyles:i,size:c,style:{visibility:"loaded"!==x?"visible":"hidden"},isSelected:b,selectedStyle:m,notSelectedStyle:g}),f),s&&t.createElement(fe,z({theme:y},h,{inBuiltCss:L,type:"avatarName",customStyles:n,customStylesHover:a,size:c}),d.userName," "))};he.propTypes={customStylesCircle:e.object,customStylesName:e.object,customStylesContainer:e.object,customStylesImage:e.object,toggleName:e.bool,size:e.oneOf(["SM","MD","LG"]),user:e.object},he.defaultProps={inBuiltCss:e.object},he.defaultProps={inBuiltCss:L,block:!1,size:"MD",toggleName:!1,user:null,customStylesContainer:null,customStylesImage:null,customStylesCircle:null,customStylesName:null};const ye=m.div`
302
303
  color: ${({theme:e})=>e.textColor};
303
304
  display: flex;
304
305
  background-color: ${({backgroundColor:e,theme:t})=>e||t.variant["insight-purple"]};
@@ -308,21 +309,21 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
308
309
  padding-top: 22px;
309
310
  padding-bottom: 22px;
310
311
  width: inherit;
311
- `,be=s.div`
312
+ `,xe=m.div`
312
313
  color: ${({theme:e})=>e.textColor};
313
314
  display: flex;
314
315
  font-size: 16px;
315
316
  text-align: left;
316
317
  word-wrap: break-word;
317
- `,fe=({backgroundColor:e,borderColor:o,variant:r,children:l,...i})=>{const n=d()||M;return t.createElement(t.Fragment,null,t.createElement(ge,w({theme:n,backgroundColor:e,borderColor:o},i),t.createElement(be,w({theme:n},i),l)))};fe.propTypes={backgroundColor:e.string,borderColor:e.string,children:e.any},fe.defaultProps={children:""};const he=m`
318
+ `,ve=({backgroundColor:e,borderColor:o,variant:r,children:l,...i})=>{const n=u()||R;return t.createElement(t.Fragment,null,t.createElement(ye,z({theme:n,backgroundColor:e,borderColor:o},i),t.createElement(xe,z({theme:n},i),l)))};ve.propTypes={backgroundColor:e.string,borderColor:e.string,children:e.any},ve.defaultProps={children:""};const Ae=b`
318
319
  0% {
319
320
  opacity: 1;
320
321
  }
321
322
  100% {
322
323
  opacity: 0;
323
324
  }
324
- `,ye=s.div`
325
- ${({size:e,thickness:t,propellerHeight:o})=>p`
325
+ `,Ce=m.div`
326
+ ${({size:e,thickness:t,propellerHeight:o})=>g`
326
327
  display: inline-block;
327
328
  position: relative;
328
329
  width: ${e}px;
@@ -330,7 +331,7 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
330
331
 
331
332
  div{
332
333
  transform-origin: 0px ${e/2}px;
333
- animation: ${he} 1s linear infinite;
334
+ animation: ${Ae} 1s linear infinite;
334
335
  width: fit-content;
335
336
 
336
337
  ::after {
@@ -417,13 +418,13 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
417
418
  }
418
419
  }
419
420
  `}
420
- `,xe=({size:e,thickness:o,propellerHeight:r,customStyles:l})=>{const i=B;return t.createElement(ye,{theme:i,size:e,thickness:o,propellerHeight:r,customStyles:l,type:"spinner"},t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null))};ye.defaultProps={theme:B},xe.propTypes={size:e.number,thickness:e.number,propellerHeight:e.number,customStyles:e.object},xe.defaultProps={size:20,thickness:2,propellerHeight:25,customStyles:null};const Ae={sm:{fontSize:"14px",padding:"5px 15px"},md:{fontSize:"16px",padding:"5.5px 15px"},lg:{fontSize:"18px",padding:"8px 20px"}},ve=s.button`
421
+ `,we=({size:e,thickness:o,propellerHeight:r,customStyles:l})=>{const i=L;return t.createElement(Ce,{theme:i,size:e,thickness:o,propellerHeight:r,customStyles:l,type:"spinner"},t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null))};Ce.defaultProps={theme:L},we.propTypes={size:e.number,thickness:e.number,propellerHeight:e.number,customStyles:e.object},we.defaultProps={size:20,thickness:2,propellerHeight:25,customStyles:null};const Se={sm:{fontSize:"14px",padding:"5px 15px"},md:{fontSize:"16px",padding:"5.5px 15px"},lg:{fontSize:"18px",padding:"8px 20px"}},Ee=m.button`
421
422
  background: transparent;
422
423
  color: ${({theme:e})=>e.variant["primary-1"]};
423
- padding: ${({size:e})=>Ae[e].padding};
424
+ padding: ${({size:e})=>Se[e].padding};
424
425
  border: none;
425
426
  border-radius: 5px;
426
- font-size: ${({size:e})=>Ae[e].fontSize};
427
+ font-size: ${({size:e})=>Se[e].fontSize};
427
428
  display: flex;
428
429
  align-items: center;
429
430
  width: ${({block:e})=>e?"100%":"auto"};
@@ -435,17 +436,17 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
435
436
  }
436
437
 
437
438
  //Set the styles from the default styles object
438
- ${({theme:e,defaultStyle:t})=>I(e,t)}
439
+ ${({theme:e,defaultStyle:t})=>P(e,t)}
439
440
 
440
441
  // custom styles
441
442
  ${({btnStyle:e})=>e}
442
- `,Ce=({btnStyle:e,block:o,size:r,style:l,variant:i,disabled:n,isLoading:a,type:c,id:s,...p})=>{const m=d()||M;return t.createElement(ve,w({id:s,block:o,variant:i,defaultStyle:"button",type:c,style:l,size:r,theme:m,disabled:n,btnStyle:e},p),a&&t.createElement("div",{style:{paddingRight:"10px",display:"flex",justifyContent:"center",alignItems:"center"}},t.createElement(xe,{customStyles:{"background-color":m.bgColor},size:16})),p.children)};Ce.propTypes={variant:e.string,disabled:e.bool,size:e.oneOf(["sm","md","lg"]),block:e.bool,isLoading:e.bool,onClick:e.func,type:e.string,btnStyle:e.object,id:e.string},Ce.defaultProps={variant:"primary-1",block:!1,isLoading:!1,disabled:!1,size:"md",onClick:void 0,btnStyle:{},id:""};const we={sm:{fontSize:"14px",padding:"5px 15px"},md:{fontSize:"16px",padding:"5.5px 15px"},lg:{fontSize:"18px",padding:"8px 20px"}},Se=({theme:e,variant:t})=>W(e.variant[t],.6),ke=s.button`
443
+ `,ke=({btnStyle:e,block:o,size:r,style:l,variant:i,disabled:n,isLoading:a,type:c,id:s,...d})=>{const p=u()||R;return t.createElement(Ee,z({id:s,block:o,variant:i,defaultStyle:"button",type:c,style:l,size:r,theme:p,disabled:n,btnStyle:e},d),a&&t.createElement("div",{style:{paddingRight:"10px",display:"flex",justifyContent:"center",alignItems:"center"}},t.createElement(we,{customStyles:{"background-color":p.bgColor},size:16})),d.children)};ke.propTypes={variant:e.string,disabled:e.bool,size:e.oneOf(["sm","md","lg"]),block:e.bool,isLoading:e.bool,onClick:e.func,type:e.string,btnStyle:e.object,id:e.string},ke.defaultProps={variant:"primary-1",block:!1,isLoading:!1,disabled:!1,size:"md",onClick:void 0,btnStyle:{},id:""};const ze={sm:{fontSize:"14px",padding:"5px 15px"},md:{fontSize:"16px",padding:"5.5px 15px"},lg:{fontSize:"18px",padding:"8px 20px"}},Ve=({theme:e,variant:t})=>T(e.variant[t],.6),Me=m.button`
443
444
  background: ${({theme:e,variant:t})=>e.variant[t]};
444
445
  color: ${({theme:e})=>e.bgColor};
445
- padding: ${({size:e})=>we[e].padding};
446
+ padding: ${({size:e})=>ze[e].padding};
446
447
  border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
447
448
  border-radius: 5px;
448
- font-size: ${({size:e})=>we[e].fontSize};
449
+ font-size: ${({size:e})=>ze[e].fontSize};
449
450
  display: flex;
450
451
  align-items: center;
451
452
  width: ${({block:e})=>e?"100%":"auto"};
@@ -454,22 +455,22 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
454
455
  outline: none;
455
456
  &:disabled {
456
457
  color: ${({theme:e})=>e.bgColor};
457
- background: ${Se};
458
- border: 1px solid ${Se};
458
+ background: ${Ve};
459
+ border: 1px solid ${Ve};
459
460
  cursor: not-allowed;
460
461
  }
461
462
 
462
463
  //Set the styles from the default styles object
463
- ${({theme:e,defaultStyle:t})=>I(e,t)}
464
+ ${({theme:e,defaultStyle:t})=>P(e,t)}
464
465
 
465
466
  // custom styles
466
467
  ${({btnStyle:e})=>e}
467
- `,Ee=({btnStyle:e,block:o,size:r,style:l,variant:i,disabled:n,isLoading:a,type:c,id:s,...p})=>{const m=d()||M;return t.createElement(ke,w({id:s,block:o,variant:i,defaultStyle:"button",type:c,style:l,size:r,theme:m,disabled:n,btnStyle:e},p),a&&t.createElement("div",{style:{paddingRight:"10px",display:"flex",justifyContent:"center",alignItems:"center"}},t.createElement(xe,{customStyles:{"background-color":m.bgColor},size:16})),p.children)};Ee.propTypes={variant:e.string,disabled:e.bool,size:e.oneOf(["sm","md","lg"]),block:e.bool,isLoading:e.bool,onClick:e.func,type:e.string,btnStyle:e.object,id:e.string},Ee.defaultProps={variant:"primary-1",block:!1,isLoading:!1,disabled:!1,size:"md",onClick:void 0,btnStyle:{},id:""};const ze={sm:{fontSize:"14",padding:"5px 15px"},md:{fontSize:"16",padding:"5.5px 15px"},lg:{fontSize:"18",padding:"8px 20px"}},Ve=s.button`
468
+ `,Be=({btnStyle:e,block:o,size:r,style:l,variant:i,disabled:n,isLoading:a,type:c,id:s,...d})=>{const p=u()||R;return t.createElement(Me,z({id:s,block:o,variant:i,defaultStyle:"button",type:c,style:l,size:r,theme:p,disabled:n,btnStyle:e},d),a&&t.createElement("div",{style:{paddingRight:"10px",display:"flex",justifyContent:"center",alignItems:"center"}},t.createElement(we,{customStyles:{"background-color":p.bgColor},size:16})),d.children)};Be.propTypes={variant:e.string,disabled:e.bool,size:e.oneOf(["sm","md","lg"]),block:e.bool,isLoading:e.bool,onClick:e.func,type:e.string,btnStyle:e.object,id:e.string},Be.defaultProps={variant:"primary-1",block:!1,isLoading:!1,disabled:!1,size:"md",onClick:void 0,btnStyle:{},id:""};const We={sm:{fontSize:"14",padding:"5px 15px"},md:{fontSize:"16",padding:"5.5px 15px"},lg:{fontSize:"18",padding:"8px 20px"}},Ie=m.button`
468
469
  color: ${({theme:e,variant:t})=>e.variant[t]};
469
470
  background: ${({theme:e})=>e.bgColor};
470
- padding: ${({size:e})=>ze[e].padding};
471
+ padding: ${({size:e})=>We[e].padding};
471
472
  border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
472
- font-size: ${({size:e})=>ze[e].fontSize};
473
+ font-size: ${({size:e})=>We[e].fontSize};
473
474
  border-radius: 5px;
474
475
  display: flex;
475
476
  align-items: center;
@@ -484,10 +485,10 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
484
485
  }
485
486
 
486
487
  //Set the styles from the default styles object
487
- ${({theme:e,defaultStyle:t})=>I(e,t)}
488
+ ${({theme:e,defaultStyle:t})=>P(e,t)}
488
489
  // custom styles
489
490
  ${({btnStyle:e})=>e}
490
- `,Me=({btnStyle:e,isLoading:o,block:r,size:l,style:i,variant:n,disabled:a,type:c,theme:s,id:p,...m})=>{const u=d()||M;return t.createElement(Ve,w({id:p,block:r,variant:n,defaultStyle:"button",style:i,size:l,disabled:a,type:c,btnStyle:e,isLoading:o,theme:s},m),o&&t.createElement("div",{style:{paddingRight:"10px",display:"flex",justifyContent:"center",alignItems:"center"}},t.createElement(xe,{theme:s,customStyles:{"background-color":u.variant[n]},size:16})," "),m.children," ")};Me.propTypes={variant:e.string,disabled:e.bool,size:e.oneOf(["sm","md","lg"]),block:e.bool,onClick:e.func,theme:e.object,type:e.string,btnStyle:e.object,id:e.string},Ve.defaultProps={theme:M},Me.defaultProps={theme:M,variant:"primary-1",block:!1,disabled:!1,size:"md",onClick:void 0,btnStyle:{},id:""};const Be=s.button`
491
+ `,Re=({btnStyle:e,isLoading:o,block:r,size:l,style:i,variant:n,disabled:a,type:c,theme:s,id:d,...p})=>{const m=u()||R;return t.createElement(Ie,z({id:d,block:r,variant:n,defaultStyle:"button",style:i,size:l,disabled:a,type:c,btnStyle:e,isLoading:o,theme:s},p),o&&t.createElement("div",{style:{paddingRight:"10px",display:"flex",justifyContent:"center",alignItems:"center"}},t.createElement(we,{theme:s,customStyles:{"background-color":m.variant[n]},size:16})," "),p.children," ")};Re.propTypes={variant:e.string,disabled:e.bool,size:e.oneOf(["sm","md","lg"]),block:e.bool,onClick:e.func,theme:e.object,type:e.string,btnStyle:e.object,id:e.string},Ie.defaultProps={theme:R},Re.defaultProps={theme:R,variant:"primary-1",block:!1,disabled:!1,size:"md",onClick:void 0,btnStyle:{},id:""};const Le=m.button`
491
492
  background: ${({disabled:e,theme:t,variant:o})=>e?"#BBC4CF":t.variant[o]};
492
493
  color: ${({theme:e})=>e.bgColor};
493
494
  padding: 3px 14px;
@@ -509,8 +510,8 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
509
510
  }
510
511
 
511
512
  //Set the styles from the default styles object
512
- ${({theme:e,defaultStyle:t})=>I(e,t)}
513
- `,Ie=({block:e,style:o,variant:r,disabled:l,type:i,id:n,...a})=>(d(),t.createElement(Be,w({id:n,block:e,variant:r,defaultStyle:"button",type:i,style:o,disabled:l},a),a.children));Ie.propTypes={variant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object,type:e.string,id:e.string},Be.defaultProps={theme:M},Ie.defaultProps={theme:M,variant:"primary-1",block:!1,disabled:!1,onClick:void 0,id:""};const We=s.div`
513
+ ${({theme:e,defaultStyle:t})=>P(e,t)}
514
+ `,Pe=({block:e,style:o,variant:r,disabled:l,type:i,id:n,...a})=>(u(),t.createElement(Le,z({id:n,block:e,variant:r,defaultStyle:"button",type:i,style:o,disabled:l},a),a.children));Pe.propTypes={variant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object,type:e.string,id:e.string},Le.defaultProps={theme:R},Pe.defaultProps={theme:R,variant:"primary-1",block:!1,disabled:!1,onClick:void 0,id:""};const Te=m.div`
514
515
  background-color: ${({theme:e})=>e.bgColor};
515
516
  border: 1px solid ${({theme:e})=>e.bgColor};
516
517
  color: ${({theme:e})=>e.black},
@@ -554,7 +555,7 @@ ${({inBuiltCss:e,type:t,customStylesTPContainer:o})=>{if(e){let t={};if(e["toolt
554
555
  &[data-popper-placement*='left'] .tooltip-arrow::after {
555
556
  ${({inBuiltCss:e,type:t,customStylesTPAleftAfter:o,theme:r})=>{if(e){let t={};if(e["tp-cont-left-arrow-before"]){for(const o in e.common)t[o]=e.common[o];for(const o in e["tp-cont-left-arrow-after"])t[o]=e["tp-cont-left-arrow-after"][o],delete e.common[o]}let l=o||{borderColor:`transparent transparent transparent ${r.primary["primary-1"]} `};return{...t,...l}}}}
556
557
  }
557
- `,Re=s.div`
558
+ `,He=m.div`
558
559
 
559
560
  ${({inBuiltCss:e,type:t,customStylesTPArrow:o})=>{if(e){let t={};if(e["tooltip-arrow"]){for(const o in e.common)t[o]=e.common[o];for(const o in e["tooltip-arrow"])t[o]=e["tooltip-arrow"][o],delete e.common[o]}return{...t,...o}}}}
560
561
 
@@ -566,37 +567,37 @@ ${({inBuiltCss:e,type:t,customStylesTPArrow:o})=>{if(e){let t={};if(e["tooltip-a
566
567
  &::after{
567
568
  ${({inBuiltCss:e,type:t,customStylesTPAafter:o})=>{if(e){let t={};if(e["tooltip-arrow-after"]){for(const o in e.common)t[o]=e.common[o];for(const o in e["tooltip-arrow-after"])t[o]=e["tooltip-arrow-after"][o],delete e.common[o]}return{...t,...o}}}}
568
569
  }
569
- `,Le=s.div`
570
+ `,qe=m.div`
570
571
 
571
572
  background-color: ${({theme:e})=>e.primary["primary-1"]};
572
- ${({inBuiltCss:e,defaultTooltipContentStyle:t})=>I(e,t)}
573
+ ${({inBuiltCss:e,defaultTooltipContentStyle:t})=>P(e,t)}
573
574
  // custom styles
574
575
  ${({customContentStyle:e})=>e}
575
- `,Pe=s.div`
576
- ${({inBuiltCss:e,defaultTooltipHeaderStyle:t})=>I(e,t)}
576
+ `,je=m.div`
577
+ ${({inBuiltCss:e,defaultTooltipHeaderStyle:t})=>P(e,t)}
577
578
  // custom styles
578
579
  ${({customHeaderStyle:e})=>e}
579
- `,qe=s.div`
580
- ${({inBuiltCss:e,defaultTooltipBodyStyle:t})=>I(e,t)}
580
+ `,Fe=m.div`
581
+ ${({inBuiltCss:e,defaultTooltipBodyStyle:t})=>P(e,t)}
581
582
  // custom styles
582
583
  ${({customBodyStyle:e})=>e}
583
- `,Te=s.div`
584
- `,He=s.div`
585
- ${({inBuiltCss:e,defaultTooltipTriggerStyle:t})=>I(e,t)}
584
+ `,Oe=m.div`
585
+ `,Ze=m.div`
586
+ ${({inBuiltCss:e,defaultTooltipTriggerStyle:t})=>P(e,t)}
586
587
  // custom styles
587
588
  ${({customTriggerStyle:e})=>e}
588
- `,je=({inBuiltCss:e,contentTrigger:o,contentTooltip:r,popperOptionsP:l,settings:i,customStylesTPContainer:n,customStylesTPAbottom:a,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:s,customStylesTPAtop:p,customStylesTPAtopBefore:m,customStylesTPAtopAfter:u,customStylesTPAright:g,customStylesTPArightBefore:f,customStylesTPArightAfter:h,customStylesTPAleft:y,customStylesTPAleftBefore:x,customStylesTPAleftAfter:A,customStylesTPArrow:v,customStylesTPAbefore:C,customStylesTPAafter:S,customTooltipContentStyle:k,customContentStyle:E,customHeaderStyle:z,customBodyStyle:V,customTriggerStyle:I,headerTooltip:W,footerTooltip:R,...L})=>{const P=d()||M,q={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...l},{getArrowProps:T,getTooltipProps:H,setTooltipRef:j,setTriggerRef:F,visible:O}=b({interactive:!0,...i},q);return t.createElement(t.Fragment,null,t.createElement(He,{ref:F,inBuiltCss:B,customTriggerStyle:I,style:{width:"fit-content",height:"fit-content",display:"inline-block"}},o),O&&t.createElement(We,w({inBuiltCss:B,theme:P,ref:j},H({className:"tooltip-container"}),{customStylesTPContainer:n,customStylesTPAbottom:a,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:s,customStylesTPAtop:p,customStylesTPAtopBefore:m,customStylesTPAtopAfter:u,customStylesTPAright:g,customStylesTPArightBefore:f,customStylesTPArightAfter:h,customStylesTPAleft:y,customStylesTPAleftBefore:x,customStylesTPAleftAfter:A}),t.createElement(Re,w({inBuiltCss:B},T({className:"tooltip-arrow"}),{customStylesTPArrow:v,customStylesTPAbefore:C,customStylesTPAafter:S})),t.createElement(Le,w({defaultTooltipContentStyle:"popOver-Content",theme:P,inBuiltCss:B},L,{customContentStyle:E}),t.createElement(Pe,w({defaultTooltipHeaderStyle:"popOver-header",theme:P,inBuiltCss:B},L,{customHeaderStyle:z}),W),t.createElement(qe,w({defaultTooltipBodyStyle:"popOver-body",theme:P,inBuiltCss:B},L,{customBodyStyle:V}),r),t.createElement(Te,null,R))))};je.propTypes={contentTrigger:e.any,headerTooltip:e.any,contentTooltip:e.any,footerTooltip:e.any,popperOptionsP:e.object,settings:e.object,customContentStyle:e.object,customHeaderStyle:e.object,customBodyStyle:e.object,customStylesTPContainer:e.object,customStylesTPAbottom:e.object,customStylesTPAbottomBefore:e.object,customStylesTPAbottomAfter:e.object,customStylesTPAtop:e.object,customStylesTPAtopBefore:e.object,customStylesTPAtopAfter:e.object,customStylesTPAright:e.object,customStylesTPArightBefore:e.object,customStylesTPArightAfter:e.object,customStylesTPAleft:e.object,customStylesTPAleftBefore:e.object,customStylesTPAleftAfter:e.object,customStylesTPArrow:e.object,customStylesTPAbefore:e.object,customStylesTPAafter:e.object,customTriggerStyle:e.object},je.defaultProps={contentTrigger:t.createElement("div",null,"Trigger"),headerTooltip:"Lovely tooltip title",contentTooltip:"There are a lot of things you can do in space, and space essentially is unlimited resources.",footerTooltip:t.createElement(Me,{size:"sm"},"Next"),customStylesTPContainer:{border:"none"},customTriggerStyle:{}};const Fe=s.div`
589
+ `,Xe=({inBuiltCss:e,contentTrigger:o,contentTooltip:r,popperOptionsP:l,settings:i,customStylesTPContainer:n,customStylesTPAbottom:a,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:g,customStylesTPArightBefore:b,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:x,customStylesTPAleftAfter:v,customStylesTPArrow:A,customStylesTPAbefore:C,customStylesTPAafter:w,customTooltipContentStyle:S,customContentStyle:E,customHeaderStyle:k,customBodyStyle:V,customTriggerStyle:M,headerTooltip:B,footerTooltip:W,...I})=>{const P=u()||R,T={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...l},{getArrowProps:H,getTooltipProps:q,setTooltipRef:j,setTriggerRef:F,visible:O}=y({interactive:!0,...i},T);return t.createElement(t.Fragment,null,t.createElement(Ze,{ref:F,inBuiltCss:L,customTriggerStyle:M,style:{width:"fit-content",height:"fit-content",display:"inline-block"}},o),O&&t.createElement(Te,z({inBuiltCss:L,theme:P,ref:j},q({className:"tooltip-container"}),{customStylesTPContainer:n,customStylesTPAbottom:a,customStylesTPAbottomBefore:c,customStylesTPAbottomAfter:s,customStylesTPAtop:d,customStylesTPAtopBefore:p,customStylesTPAtopAfter:m,customStylesTPAright:g,customStylesTPArightBefore:b,customStylesTPArightAfter:f,customStylesTPAleft:h,customStylesTPAleftBefore:x,customStylesTPAleftAfter:v}),t.createElement(He,z({inBuiltCss:L},H({className:"tooltip-arrow"}),{customStylesTPArrow:A,customStylesTPAbefore:C,customStylesTPAafter:w})),t.createElement(qe,z({defaultTooltipContentStyle:"popOver-Content",theme:P,inBuiltCss:L},I,{customContentStyle:E}),t.createElement(je,z({defaultTooltipHeaderStyle:"popOver-header",theme:P,inBuiltCss:L},I,{customHeaderStyle:k}),B),t.createElement(Fe,z({defaultTooltipBodyStyle:"popOver-body",theme:P,inBuiltCss:L},I,{customBodyStyle:V}),r),t.createElement(Oe,null,W))))};Xe.propTypes={contentTrigger:e.any,headerTooltip:e.any,contentTooltip:e.any,footerTooltip:e.any,popperOptionsP:e.object,settings:e.object,customContentStyle:e.object,customHeaderStyle:e.object,customBodyStyle:e.object,customStylesTPContainer:e.object,customStylesTPAbottom:e.object,customStylesTPAbottomBefore:e.object,customStylesTPAbottomAfter:e.object,customStylesTPAtop:e.object,customStylesTPAtopBefore:e.object,customStylesTPAtopAfter:e.object,customStylesTPAright:e.object,customStylesTPArightBefore:e.object,customStylesTPArightAfter:e.object,customStylesTPAleft:e.object,customStylesTPAleftBefore:e.object,customStylesTPAleftAfter:e.object,customStylesTPArrow:e.object,customStylesTPAbefore:e.object,customStylesTPAafter:e.object,customTriggerStyle:e.object},Xe.defaultProps={contentTrigger:t.createElement("div",null,"Trigger"),headerTooltip:"Lovely tooltip title",contentTooltip:"There are a lot of things you can do in space, and space essentially is unlimited resources.",footerTooltip:t.createElement(Re,{size:"sm"},"Next"),customStylesTPContainer:{border:"none"},customTriggerStyle:{}};const Ge=m.div`
589
590
  background: transparent;
590
591
  color: ${({theme:e,variant:t})=>e.variant[t]};
591
592
  font-size: ${({isPrimary:e})=>e?"16px":"14px"};
592
593
  display: flex;
593
594
  align-items: center;
594
595
 
595
- ${({isWrap:e})=>e?p`
596
+ ${({isWrap:e})=>e?g`
596
597
  width: ${({block:e})=>e?"auto":"fit-content"};
597
598
  flex-wrap: wrap;
598
599
  visibility: visible;
599
- `:p`
600
+ `:g`
600
601
  border: 1px solid transparent;
601
602
  overflow-x: auto;
602
603
  overflow-y: hidden;
@@ -621,10 +622,10 @@ ${({customTriggerStyle:e})=>e}
621
622
  .breadcrumb-icon-separator {
622
623
  margin: 0 ${({isPrimary:e})=>e?"12px":"7px"};
623
624
  }
624
- `,Oe=s.div`
625
+ `,Je=m.div`
625
626
  display: flex;
626
627
  flex-wrap: nowrap;
627
- `,Ze=s.div`
628
+ `,Ue=m.div`
628
629
  cursor: ${({href:e})=>e?"pointer":"default"};
629
630
  list-style: none;
630
631
  color: ${({theme:e,variant:t})=>e.variant[t]};
@@ -655,954 +656,858 @@ ${({customTriggerStyle:e})=>e}
655
656
  z-index: 1;
656
657
  overflow: hidden;
657
658
  }
658
- `,Ge=s.div`
659
+ `,De=m.div`
659
660
  display: flex;
660
661
  margin-bottom: 15px;
661
662
  position: relative;
662
- `,Xe=({wrap:e,block:o,style:n,variant:a,variantSeparator:c,appLogo:s,separator:p,items:m,onClick:u,isPrimary:g,collapse:b,folderIcon:f,...h})=>{const y=d()||M,x=r(null),[A,v]=l(void 0),C=()=>{v(x?.current?.scrollWidth<x?.current?.offsetWidth)};i((()=>{C()}),[m]),i((()=>{if(!e)return window.addEventListener("resize",C),()=>window.removeEventListener("resize",C)}),[]);const S=m.length,k=m.map(((e,o)=>t.createElement(Oe,{key:e.label},0!==o||s?t.createElement("div",{className:"breadcrumb-icon-separator"},p):null,t.createElement(Ze,{id:e.id,theme:y,onClick:()=>{e.href&&u(e.href)},variant:a,href:e.href,"data-title":e.label},e.label)))),E=m.slice(1,S-3).map(((e,o)=>t.createElement(Ge,{key:e.label},f?t.createElement("div",{style:{marginRight:"10px",marginTop:"2.3px"}},t.createElement(J,{icon:"folder-icon",size:17,transform:"translate(0px,-0.5px)"})):null,t.createElement(Ze,{id:e.id,theme:y,onClick:()=>{console.log("clicked"),e.href&&u(e.href)},variant:a,href:e.href,"data-title":e.label},e.label)))),z=m?1==b?S<=4?k:t.createElement(t.Fragment,null,t.createElement(Oe,{key:m[0].label},t.createElement("div",{className:"breadcrumb-icon-separator"},p),t.createElement(Ze,{id:m[0].id,theme:y,onClick:()=>{m[0].href&&u(m[0].href)},variant:a,href:m[0].href,"data-title":m[0].label},m[0].label)),t.createElement(Oe,null,t.createElement("div",{className:"breadcrumb-icon-separator",style:{marginTop:"-3px"}},p),t.createElement(je,{contentTrigger:t.createElement(J,{icon:"ellipses-horizontal",size:12,color:"#6B747F",style:{padding:"0 4px",paddingBottom:"6px",marginTop:"-5.5px"}}),customTriggerStyle:{cursor:"pointer",background:"#E2E6F5",borderRadius:"3px"},headerTooltip:"",customHeaderStyle:{marginBottom:"0px"},contentTooltip:t.createElement(t.Fragment,null,E),footerTooltip:"",popperOptionsP:{placement:"bottom"},customContentStyle:{width:"182px",backgroundColor:"white",color:"#6B747F",boxShadow:"0px 6px 40px rgba(56, 66, 100, 0.482627)",display:"flex",flexDirection:"column",alignItems:"flex-start",padding:"16px",gap:"8px",position:"absolute",borderRadius:"3.6px",paddingBottom:"0px",marginTop:"-8.8px",marginLeft:"-6px"},customBodyStyle:{marginBottom:"0px"},customStylesTPArrow:{display:"none"},settings:{closeOnOutsideClick:!0,trigger:"click"}})),t.createElement(Oe,{key:m[S-3].label},t.createElement("div",{className:"breadcrumb-icon-separator"},p),t.createElement(Ze,{id:m[S-3].id,theme:y,onClick:()=>{m[S-3].href&&u(m[S-3].href)},variant:a,href:m[S-3].href,"data-title":m[S-3].label},m[S-3].label)),t.createElement(Oe,{key:m[S-3].label},t.createElement("div",{className:"breadcrumb-icon-separator"},p),t.createElement(Ze,{id:m[S-2].id,theme:y,onClick:()=>{m[S-2].href&&u(m[S-2].href)},variant:a,href:m[S-2].href,"data-title":m[S-2].label},m[S-2].label)),t.createElement(Oe,{key:m[S-1].label},t.createElement("div",{className:"breadcrumb-icon-separator"},p),t.createElement(Ze,{id:m[S-1].id,theme:y,onClick:()=>{m[S-1].href&&u(m[S-1].href)},variant:a,href:m[S-1].href,"data-title":m[S-1].label},m[S-1].label))):k:null;return t.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"start"}},t.createElement("div",{style:{display:"flex",position:"absolute"}},t.createElement(Fe,w({theme:y,isWrap:e,ref:e?null:x,isBreadcrumbVisible:A,block:o,variant:a,variantSeparator:c,style:n,isPrimary:g},h),s&&t.createElement("div",{className:"breadcrumb-icon"},s),z)))};Xe.propTypes={variant:e.string,variantSeparator:e.string,onClick:e.func,appLogo:e.any,separator:e.any,items:e.array,block:e.bool,wrap:e.bool,isPrimary:e.bool,collapse:e.bool,folderIcon:e.bool},Xe.defaultProps={variant:"neutral-2",variantSeparator:"neutral-3",block:!1,onClick:void 0,wrap:!1,isPrimary:!0,collapse:!0,folderIcon:!0};const Je=s.div`
663
+ `,Qe=({wrap:e,block:o,style:n,variant:a,variantSeparator:c,appLogo:s,separator:d,items:p,onClick:m,isPrimary:g,collapse:b,folderIcon:f,...h})=>{const y=u()||R,x=r(null),[v,A]=l(void 0),C=()=>{A(x?.current?.scrollWidth<x?.current?.offsetWidth)};i((()=>{C(),console.log(p)}),[p]),i((()=>{if(!e)return window.addEventListener("resize",C),()=>window.removeEventListener("resize",C)}),[]),p.length;const w=p.map(((e,o)=>t.createElement(Je,{key:o},0!==o||s?t.createElement("div",{className:"breadcrumb-icon-separator"},d):null,t.createElement(Ue,{id:e.id,theme:y,onClick:()=>{e.href&&m(e.href)},variant:a,href:e.href,"data-title":e.label},e.label)))),S=p.slice(1,p.length-3).map(((e,o)=>t.createElement(De,{key:o},f?t.createElement("div",{style:{marginRight:"10px",marginTop:"2.3px"}},t.createElement(N,{icon:"folder-icon",size:17,transform:"translate(0px,-0.5px)"})):null,t.createElement(Ue,{id:e.id,theme:y,onClick:()=>{console.log("clicked"),e.href&&m(e.href)},variant:a,href:e.href,"data-title":e.label},e.label)))),E=p?1==b?p.length<=4?w:t.createElement(t.Fragment,null,t.createElement(Je,{key:0},t.createElement("div",{className:"breadcrumb-icon-separator"},d),t.createElement(Ue,{id:p[0].id,theme:y,onClick:()=>{p[0].href&&m(p[0].href)},variant:a,href:p[0].href,"data-title":p[0].label},p[0].label)),t.createElement(Je,null,t.createElement("div",{className:"breadcrumb-icon-separator",style:{marginTop:"-3px"}},d),t.createElement(Xe,{contentTrigger:t.createElement(N,{icon:"ellipses-horizontal",size:12,color:"#6B747F",style:{padding:"0 4px",paddingBottom:"6px",marginTop:"-5.5px"}}),customTriggerStyle:{cursor:"pointer",background:"#E2E6F5",borderRadius:"3px"},headerTooltip:"",customHeaderStyle:{marginBottom:"0px"},contentTooltip:t.createElement(t.Fragment,null,S),footerTooltip:"",popperOptionsP:{placement:"bottom"},customContentStyle:{width:"182px",backgroundColor:"white",color:"#6B747F",boxShadow:"0px 6px 40px rgba(56, 66, 100, 0.482627)",display:"flex",flexDirection:"column",alignItems:"flex-start",padding:"16px",gap:"8px",position:"absolute",borderRadius:"3.6px",paddingBottom:"0px",marginTop:"-8.8px",marginLeft:"-6px"},customBodyStyle:{marginBottom:"0px"},customStylesTPArrow:{display:"none"},settings:{closeOnOutsideClick:!0,trigger:"click"}})),t.createElement(Je,{key:p.length-3},t.createElement("div",{className:"breadcrumb-icon-separator"},d),t.createElement(Ue,{id:p[p.length-3].id,theme:y,onClick:()=>{p[p.length-3].href&&m(p[p.length-3].href)},variant:a,href:p[p.length-3].href,"data-title":p[p.length-3].label},p[p.length-3].label)),t.createElement(Je,{key:p.length-2},t.createElement("div",{className:"breadcrumb-icon-separator"},d),t.createElement(Ue,{id:p[p.length-2].id,theme:y,onClick:()=>{p[p.length-2].href&&m(p[p.length-2].href)},variant:a,href:p[p.length-2].href,"data-title":p[p.length-2].label},p[p.length-2].label)),t.createElement(Je,{key:p.length-1},t.createElement("div",{className:"breadcrumb-icon-separator"},d),t.createElement(Ue,{id:p[p.length-1].id,theme:y,onClick:()=>{p[p.length-1].href&&m(p[p.length-1].href)},variant:a,href:p[p.length-1].href,"data-title":p[p.length-1].label},p[p.length-1].label))):w:null;return t.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"start"}},t.createElement("div",{style:{display:"flex",position:"absolute"}},t.createElement(Ge,z({theme:y,isWrap:e,ref:e?null:x,isBreadcrumbVisible:v,block:o,variant:a,variantSeparator:c,style:n,isPrimary:g},h),s&&t.createElement("div",{className:"breadcrumb-icon"},s),E)))};Qe.propTypes={variant:e.string,variantSeparator:e.string,onClick:e.func,appLogo:e.any,separator:e.any,items:e.array,block:e.bool,wrap:e.bool,isPrimary:e.bool,collapse:e.bool,folderIcon:e.bool},Qe.defaultProps={variant:"neutral-2",variantSeparator:"neutral-3",block:!1,onClick:void 0,wrap:!1,isPrimary:!0,collapse:!0,folderIcon:!0};const Ne=m.label`
663
664
  //Set the styles from the default styles object
664
- ${({theme:e,type:t})=>I(e,t)}
665
- @media (max-width: 980px) {
666
- margin-left: 0px;
667
- }
665
+ ${({theme:e,type:t})=>P(e,t)}
666
+
668
667
  // custom styles
669
668
  ${({customStyles:e})=>e}
670
- `,Ue=({theme:e,type:o,customStyles:r,...l})=>t.createElement(Je,w({theme:e,customStyles:r,type:o},l),l.children);Ue.propTypes={theme:e.object,customStyles:e.object,type:e.string},Ue.defaultProps={theme:B,customStyles:null,type:"content"};const Qe=s.div`
671
- width: 100%;
669
+ `,Ke=({customStyles:e,text:o,className:r,required:l,...i})=>{const n=L;return t.createElement(Ne,z({required:l,theme:n,customStyles:e,type:"label"},i),o,l&&t.createElement("div",{style:{marginLeft:"4px",color:`${R.variant.error}`}},"*"))};Ke.propTypes={customStyles:e.object,text:e.string},Ke.defaultProps={text:""};const Ye=m.div`
670
+ box-sizing: initial;
671
+
672
+ //Set the styles from the default styles object
673
+ ${({inBuiltCss:e,defaultCheckBoxOuterStyle:t})=>P(e,t)}
674
+
675
+ border: 2px solid ${({checkedCheckBoxColor:e,defaultBorderColor:t,checked:o,theme:r})=>o&&e?e:o&&!e?r.primary["primary-1"]:!o&&t?t:o||t?void 0:r.border}
676
+ };
677
+
678
+ // custom styles
679
+ ${({checkBoxOuterStyle:e})=>e}
680
+ `;Ye.defaultProps={theme:R};const $e=m.div`
681
+ box-sizing: initial;
682
+
683
+ //Set the styles from the default styles object
684
+ ${({inBuiltCss:e,defaultCheckBoxInnerStyle:t})=>P(e,t)}
685
+
686
+ // background-image: url(${({signCheck:e})=>e});
687
+ background-color: ${({checked:e,checkedCheckBoxColor:t,theme:o})=>e&&t?t:e&&!t?o.primary["primary-1"]:e?void 0:o.bgColor};
688
+ border: 2px solid
689
+ ${({checkedCheckBoxColor:e,defaultBorderColor:t,checked:o,theme:r})=>o&&e?e:o&&!e?r.primary["primary-1"]:!o&&t?t:o||t?void 0:r.border};
672
690
  display: flex;
673
- flex-direction: column;
691
+ justify-content: center;
674
692
  align-items: center;
675
- min-height: calc(100vh - 130px);
693
+ // custom styles
694
+ ${({checkBoxInnerStyle:e})=>e}
695
+ `;$e.defaultProps={theme:R};const _e=m.span`
696
+ word-break: break-all;
676
697
 
677
- button:hover,
678
- button:active,
679
- button:focus {
680
- outline: none;
681
- }
682
- `,Ke=s.div`
683
- position: relative;
698
+ //Set the styles from the default styles object
699
+ ${({inBuiltCss:e,type:t})=>P(e,t)}
700
+
701
+ color: ${({theme:e,checked:t,defaultTextColor:o,checkedTextColor:r})=>t&&r?r:t&&!r?e.neutral["neutral-1"]:!t&&o?o:t||o?void 0:e.neutral["neutral-2"]};
702
+
703
+ margin-right: ${({inline:e})=>e?"30px":"10px"};
704
+
705
+ // custom styles
706
+ ${({optionTextStyle:e})=>e}
707
+ `;_e.defaultProps={theme:R};const et=m.label`
708
+ width: fit-content;
709
+ margin-bottom: ${({inline:e})=>e?"":"18px !important"};
710
+ cursor: pointer;
684
711
  display: flex;
685
- width: 100%;
686
- padding: 25px;
687
- column-gap: 18px;
688
- align-items: center;
689
- box-sizing: border-box;
690
- background: linear-gradient(
691
- 0deg,
692
- hsla(0, 0%, 100%, 1) 20%,
693
- hsla(0, 0%, 100%, 0.5) 100%
694
- );
695
- border-radius: 6px;
712
+ gap: 10px;
713
+ align-items: start;
696
714
 
697
- @media (max-width: 900px) {
698
- flex-wrap: wrap;
699
- height: fit-content;
700
- padding-bottom: 25.5px;
701
- }
715
+ // custom styles
716
+ ${({wrapperStyles:e})=>e}
717
+ `,tt=m.div`
718
+ flex-direction: ${({inline:e})=>e?"row":"column"};
719
+ width: ${({inline:e})=>e?"initial":"auto"};
720
+ `,ot=({getCheckedArr:e,checkBoxOuterStyle:o,checkBoxInnerStyle:r,optionTextStyle:l,defaultBorderColor:n,defaultTextColor:a,checkedTextColor:c,checkedCheckBoxColor:s,labelStyle:d,label:p,options:m,setOptions:g,wrapperStyles:b,inline:f,wrapperStyle:h,isRequired:y,...x})=>{const v=u()||R;i((()=>{A(m)}),[]);const A=t=>{let o=t.filter((e=>!1!==e.checked));e(o)},C=Object.assign({display:"flex",flexDirection:"column",flexWrap:"wrap"},h);return t.createElement("div",z({style:C},x),t.createElement("div",{style:{display:"flex"}},t.createElement(Ke,z({customStyles:d,type:"check-label",text:p},x)),y&&t.createElement("div",{style:{marginLeft:"4px",color:`${v.variant.error}`}},"*")),t.createElement(tt,z({style:{display:"flex",flexWrap:"wrap"},inline:f},x),m?.map(((e,i)=>t.createElement(et,z({inline:f,id:e.id,key:`${e.name}-${i}`,onClick:()=>{((e,t)=>{let o=[...m];o[t].checked=!e.checked,g(o),A(o)})(e,i)},wrapperStyles:b},x),e.checked?t.createElement($e,z({theme:v,inBuiltCss:L,defaultCheckBoxInnerStyle:"checkBox-inner",checkBoxInnerStyle:{...r,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabled&&e?.disabledColor},defaultBorderColor:n,checkedCheckBoxColor:s,checked:!e?.disabled&&e.checked},x),t.createElement(N,{icon:"check-icon",size:18,color:"white"})):t.createElement(Ye,z({inBuiltCss:L,defaultCheckBoxOuterStyle:"checkBox-outer",checkBoxOuterStyle:{...o,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabledColor},defaultBorderColor:n,theme:v},x)),t.createElement(_e,{theme:v,inline:f,optionTextStyle:{...l,cursor:e?.disabled?"not-allowed ":" pointer",color:e?.disabledColor},checked:e.checked,defaultTextColor:a,checkedTextColor:c},e.label))))))};ot.propTypes={wrapperStyle:e.object,label:e.string,labelStyle:e.object,checkBoxOuterStyle:e.object,checkBoxInnerStyle:e.object,optionTextStyle:e.object,defaultTextColor:e.string,checkedTextColor:e.string,defaultBorderColor:e.string,checkedCheckBoxColor:e.string,inline:e.bool,options:e.array,setOptions:e.func,getCheckedArr:e.func,isRequired:e.bool,wrapperStyles:e.object},ot.defaultProps={label:"",inline:!1,options:[],setOptions:()=>{},getCheckedArr:()=>{},labelStyle:{},checkBoxOuterStyle:{},checkBoxInnerStyle:{},isRequired:!0,wrapperStyles:{}};const rt=m.div`
721
+ border: 1px solid ${({theme:e})=>e.variant["neutral-4"]};
722
+ background-color: ${({theme:e})=>e.bgColor};
702
723
 
703
- @media (max-width: 800px) {
704
- flex-wrap: nowrap;
705
- padding-bottom: 25.5px;
706
- align-items: stretch;
724
+ &:focus-within {
725
+ border: 1px solid ${({theme:e})=>e.primary["primary-1"]};
726
+ }
707
727
 
708
- & > div:nth-child(2) {
709
- margin-top: 26px;
710
- }
728
+ ${({inBuiltCss:e,defaultColorWrapperStyle:t})=>P(e,t)}
729
+ // custom styles
730
+ ${({customColorWrapperStyle:e})=>e}
711
731
 
712
- & > span {
713
- margin-top: 26px;
714
- }
732
+ `,lt=m.input`
715
733
 
716
- & > * {
717
- flex-basis: unset;
718
- }
719
- }
734
+ border: 0.5px solid ${({theme:e})=>e.variant["neutral-4"]};
735
+ box-shadow: 0px 5px 37px rgba(56, 66, 100, 0.0880136);
736
+ -webkit-appearance: none;
737
+ padding: 0;
720
738
 
721
- @media (max-width: 650px) {
722
- padding-top: 35px;
723
- padding-right: 39px;
739
+ &::-webkit-color-swatch-wrapper {
740
+ padding: 0;
741
+ border-radius: 4px;
742
+
743
+ }
744
+ &::-webkit-color-swatch {
745
+ border: none;
746
+ border-radius: 4px;
747
+
748
+ }
749
+
750
+ ${({inBuiltCss:e,defaultInputColorStyle:t})=>P(e,t)}
751
+ // custom styles
752
+ ${({customInputColorStyle:e})=>e}
753
+ `,it=({label:e,labelStyle:o,value:r,setValue:l,customInputColorStyle:i,customColorWrapperStyle:n,id:a,...c})=>{const s=u()||R;return t.createElement(rt,z({customColorWrapperStyle:n,defaultColorWrapperStyle:"ColorWrapper",theme:s,inBuiltCss:L},c),t.createElement(lt,z({id:a,customInputColorStyle:i,defaultInputColorStyle:"input-color",inBuiltCss:L,theme:s},c,{type:"color",value:r,onChange:e=>{l(e.target.value)}})),t.createElement(Ke,z({themeColor:R,customStyles:o,type:"label-text",text:e,style:{display:"flex",paddingBottom:"0px",paddingLeft:"10px"}},c)))};it.propTypes={label:e.string,labelStyle:e.object,value:e.string,setValue:e.func,customInputColorStyle:e.object,customColorWrapperStyle:e.object,id:e.string},it.defaultProps={label:"",labelStyle:{},customInputColorStyle:{},customColorWrapperStyle:{},value:"#FFFFFF",setValue:()=>{},id:""};const nt=m.div`
754
+ display: flex;
755
+ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
756
+
757
+ .react-datepicker-wrapper {
758
+ display: flex;
724
759
  }
725
760
 
726
- & label {
761
+ .react-datepicker {
727
762
  font-size: 14px;
728
- padding-bottom: 10px;
729
- margin-bottom: 0;
763
+ background-color: ${({theme:e})=>e.bgColor};
764
+ color: #444444;
765
+ border: 1px solid ${({theme:e})=>e.neutral["neutral-5"]};
766
+ border-radius: 6.6px;
767
+ display: flex;
768
+ flex-direction: column;
769
+ position: relative;
730
770
  }
731
771
 
732
- & first-child {
733
- &::placeholder {
734
- color: #a9b1b8;
772
+ .react-datepicker__input-container {
773
+ border: 1px solid ${({theme:e})=>e.border};
774
+ border-radius: 4px;
775
+ padding: 5.5px 12px;
776
+ display: flex;
777
+ align-items: center;
778
+ background-color: ${({theme:e})=>e.bgColor};
779
+
780
+ &:focus-within {
781
+ border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
782
+ outline: none;
735
783
  }
736
- }
737
784
 
738
- .single-select {
739
- flex-basis: 177px;
785
+ input {
786
+ border: none;
787
+ outline: none;
788
+ width: 100%;
789
+ cursor: ${({disabled:e})=>e?"not-allowed":"text"};
790
+ }
791
+ }
740
792
 
741
- @media (max-width: 800px) {
742
- flex-basis: unset;
793
+ .react-datepicker__triangle {
794
+ ::before,
795
+ ::after {
796
+ display: none;
743
797
  }
744
798
  }
745
799
 
746
- .selection-side {
800
+ .react-datepicker__month-container {
747
801
  display: flex;
802
+ flex-direction: column;
803
+ flex-wrap: wrap;
804
+ align-content: center;
805
+ justify-content: center;
748
806
  align-items: center;
749
- position: absolute;
750
- right: 39px;
751
- top: 25.5px;
807
+ }
808
+ .react-datepicker__month-select {
809
+ font-size: 16px;
810
+ border: none;
811
+ }
812
+ .react-datepicker__current-month,
813
+ .react-datepicker-time__header,
814
+ .react-datepicker-year-header,
815
+ .react-datepicker__navigation {
816
+ display: none;
817
+ }
818
+ .react-datepicker__day--outside-month {
819
+ color: #a9b1b8 !important;
820
+ }
821
+ .react-datepicker__header__dropdown,
822
+ .react-datepicker__header__dropdown--select {
823
+ margin-top: 16px;
824
+ margin-bottom: 30px;
825
+ border: none;
826
+ }
827
+ .react-datepicker__header {
828
+ text-align: center;
829
+ border-bottom: none;
830
+ border-top-left-radius: 6.6px;
831
+ border-top-right-radius: 6.6px;
832
+ padding: 0;
833
+ position: relative;
834
+ background-color: ${({theme:e})=>e.bgColor};
835
+ }
836
+ .react-datepicker__year-select {
837
+ border: none;
752
838
 
753
- svg {
754
- fill: ${({defaultThemeColor:e})=>e.variant["primary-2"]};
839
+ &::focus-visible {
840
+ border: none;
841
+ }
842
+ }
843
+ .react-datepicker__day {
844
+ cursor: pointer;
845
+ padding: 3px;
846
+ color: ${({theme:e})=>e.textColor};
847
+ }
848
+ .react-datepicker__day--selected,
849
+ .react-datepicker__day--keyboard-selected {
850
+ background: ${({theme:e})=>e.variant["primary-1"]};
851
+ border-radius: 2.4px;
852
+ color: ${({theme:e})=>e.bgColor};
853
+ }
854
+ .react-datepicker__day-names,
855
+ .react-datepicker__day-name {
856
+ color: #9d9d9d;
857
+ padding: 3px;
858
+ text-transform: uppercase;
859
+ font-size: 12px !important;
860
+ }
755
861
 
756
- path {
757
- fill: ${({defaultThemeColor:e})=>e.variant["primary-2"]};
862
+ .react-datepicker__day-names {
863
+ margin-bottom: -14px;
864
+ }
865
+
866
+ .calender-year {
867
+ select {
868
+ border: none;
869
+ cursor: pointer;
870
+ outline: none;
871
+ font-size: 16px;
872
+ font-weight: bold;
873
+ &:focus {
874
+ outline: none;
875
+ border: none;
758
876
  }
759
877
  }
878
+ }
879
+ .react-datepicker__day-name,
880
+ .react-datepicker__day,
881
+ .react-datepicker__time-name {
882
+ width: 30.2px;
883
+ line-height: 27.2px;
884
+ text-align: center;
885
+ margin: 2.656px;
886
+ }
760
887
 
761
- @media (max-width: 800px) {
762
- margin-right: 0;
763
- margin-top: 0;
764
- }
888
+ .react-datepicker::before,
889
+ .react-datepicker::after {
890
+ box-sizing: initial !important;
765
891
  }
766
- `,Ne=s.span`
767
- color: #2e56f4;
768
- font-style: normal;
769
- font-weight: normal;
770
- font-size: 14px;
771
- line-height: 17px;
772
- cursor: pointer;
773
- margin-top: 37px;
774
- margin-right: 65px;
775
- white-space: nowrap;
776
- `,De=s.div`
892
+ `;nt.defaultProps={theme:R};const at=m.div`
777
893
  display: flex;
778
- flex-direction: column;
779
- ${""}
780
- max-width: 1340px;
781
- width: 100%;
782
- align-items: center;
783
- `,Ye=s.div`
784
- position: absolute;
785
- font-size: 12px;
786
- border-radius: 50%;
787
- right: 0;
788
- background-color: red;
789
- min-width: 20px;
790
- min-height: 20px;
894
+ align-items: flex-start;
895
+ justify-content: center;
896
+ font-size: 16px;
897
+ padding-top: 12px;
898
+ padding-bottom: 15px;
899
+ `,ct=m.div`
791
900
  display: flex;
792
- align-items: center;
793
901
  justify-content: center;
794
- width: 4ch;
795
- height: 4ch;
796
- padding: 0px;
797
- transform: translate(30%, -30%);
798
- color: white;
799
- font-weight: 600;
800
- `,$e=s.div`
801
- width: 90%;
802
- `,_e=s.div`
803
- background: linear-gradient(
804
- 0deg,
805
- hsla(0, 0%, 100%, 1) 20%,
806
- hsla(0, 0%, 100%, 0.5) 100%
807
- );
808
- width: 90%;
809
- `,et=s.div`
810
- width: 90%;
811
- `,tt=s.div`
902
+ margin-left: 6px;
903
+ `,st=m("div")`
904
+ width: inherit;
905
+ `,dt=m("div")`
812
906
  display: flex;
813
- margin-left: auto !important;
814
- margin-right: auto !important;
907
+ flex-direction: row;
815
908
  cursor: pointer;
816
- `,ot=s.div`
817
- display: flex;
818
- flex-direction: column;
819
- width: 180px;
820
- background: #ffffff;
821
- box-shadow: 0px 5px 37px rgba(56, 66, 100, 0.15);
822
- border-radius: 6px;
823
- margin-right: 0.5rem;
824
- z-index: 999;
825
- `,rt=s.div`
826
- margin: 10.5px 13px;
909
+ `,pt=m("div")`
910
+ margin-top: 8px;
911
+ position: absolute;
912
+ z-index: 100;
913
+ width: inherit;
914
+ margin-left: -20px;
915
+ overflow-y: hidden;
916
+ overflow-x: hidden;
917
+ background: white;
918
+ box-shadow: 0px 6px 20px rgb(56 66 100 / 15%);
919
+ border-radius: 4px;
920
+ `,mt=m("ul")`
921
+ list-style: none;
827
922
  padding: 0;
828
- `,lt=s.div`
829
- color: #081348;
830
- padding: 7.7px 6.5px 7.7px 24px;
831
- margin: 2.5px 13px;
832
- cursor: pointer;
833
- font-size: 12px;
834
- line-height: 15px;
923
+ margin: 12px;
924
+ margin-right: 8px;
925
+ padding-bottom: 10px;
926
+ width: 132px;
927
+ height: 178px;
928
+ overflow-y: scroll;
929
+ overflow-x: hidden;
835
930
 
836
- &:last-child {
837
- margin-bottom: 1rem;
931
+ ::-webkit-scrollbar {
932
+ width: 6px;
838
933
  }
839
934
 
840
- position: relative;
841
-
842
- &:hover {
843
- background: #eaeefe;
844
- border-radius: 5px;
935
+ ::-webkit-scrollbar-thumb {
936
+ background-clip: padding-box;
937
+ border-radius: 10px;
938
+ background-color: ${({theme:e})=>e.neutral["neutral-3"]};
845
939
  }
846
- `,it=s.div`
847
- position: relative;
848
- display: flex;
849
- width: 100%;
850
- column-gap: 18px;
851
- align-items: center;
852
- box-sizing: border-box;
853
- background: linear-gradient(
854
- 0deg,
855
- hsla(0, 0%, 100%, 1) 20%,
856
- hsla(0, 0%, 100%, 0.5) 100%
857
- );
858
- border-radius: 6px;
859
-
860
- @media (max-width: 900px) {
861
- flex-wrap: wrap;
862
- height: fit-content;
863
- padding-bottom: 25.5px;
940
+
941
+ /* Track */
942
+ ::-webkit-scrollbar-track {
943
+ // margin: 5px;
944
+ background-color: ${({theme:e})=>e.neutral["neutral-4"]};
945
+ border-radius: 10px;
864
946
  }
947
+ `;mt.defaultProps={theme:R};const ut=m("li")`
948
+ text-align: left;
949
+ font-style: normal;
950
+ font-weight: normal;
951
+ font-size: 14px;
952
+ line-height: 17px;
953
+ padding-left: 12px;
954
+ padding-bottom: 12px;
955
+ cursor: pointer;
956
+ `,gt=({startDate:e,setStartDate:o,disabled:n,theme:a,...c})=>{const s=u()||R,d=["January","February","March","April","May","June","July","August","September","October","November","December"];for(var p=[],m=2010;m<=(new Date).getFullYear()+10;m++)p.push(m);const g=r(null),b=r(null),[f,h]=l(!1),[y,v]=l(!1),[A,C]=l(!1),[w,S]=l(!1),[E,k]=l(e.getFullYear()),[V,M]=l(d[e.getMonth()]);i((()=>{M(d[e.getMonth()]),k(e.getFullYear())}),[e]),i((()=>(document.addEventListener("click",B,!0),()=>{document.removeEventListener("click",B,!0)})),[]);const B=e=>{g.current&&!g.current.contains(e.target)&&h(!1)},W=e=>{b.current&&!b.current.contains(e.target)&&v(!1)};return i((()=>(document.addEventListener("click",W,!0),()=>{document.removeEventListener("click",W,!0)})),[]),t.createElement(nt,z({disabled:n,theme:a},c),t.createElement(x,{selected:e,dateFormat:"dd/MM/yyyy",useWeekdaysShort:!0,onChange:e=>o(e),placeholderText:"select date",adjustDateOnChange:!0,disabled:n,dropdownMode:"select",renderCustomHeader:({date:e,changeYear:o,changeMonth:r})=>t.createElement(at,null,t.createElement("div",{style:{display:"flex"}},t.createElement(st,{ref:g},t.createElement(dt,{onClick:()=>{h(!f),v(!1)}},t.createElement("span",{onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),style:{color:`${A?s.variant["primary-1"]:s.textColor}`}},d[e.getMonth()]),t.createElement(ct,null,t.createElement(N,{icon:"triangle-down",color:A?s.variant["primary-1"]:s.textColor,size:7}))),f&&t.createElement(pt,null,t.createElement(mt,{theme:a,onMouseEnter:()=>C(!0)},d.map(((e,o)=>t.createElement(ut,{selectedMonth:V,onClick:()=>{C(!1),r(o),h(!1),M(d[o])},key:Math.random()},t.createElement("span",{style:{color:`${V===e?s.variant["primary-1"]:s.textColor}`}},e))))))),t.createElement(st,{ref:b},t.createElement(dt,{style:{marginLeft:"28px"},onClick:()=>{v(!y),h(!1)}},t.createElement("span",{onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),style:{color:`${w?s.variant["primary-1"]:s.textColor}`}},e.getFullYear()),t.createElement(ct,null,t.createElement(N,{icon:"triangle-down",color:w?s.variant["primary-1"]:s.textColor,size:7}))),y&&t.createElement(pt,null,t.createElement(mt,{onMouseEnter:()=>S(!0)},p.map(((e,r)=>t.createElement(ut,{onClick:()=>{S(!1),o(e),k(e),v(!1)},key:Math.random()},t.createElement("span",{style:{color:`${E===e?s.variant["primary-1"]:s.textColor}`}},e)))))))))}))};gt.propTypes={startDate:e.any,setStartDate:e.func,disabled:e.bool,theme:e.object},gt.defaultProps={theme:R,startDate:"",setStartDate:()=>{},disabled:!1};const bt=m.div`
957
+ .master-dropdown,
958
+ .new-select {
959
+ .master-dropdown__menu,
960
+ .new-select__menu {
961
+ margin: 0 0 0;
962
+ padding: 0;
963
+ border: 0;
964
+ box-shadow: 0px 8px 40px rgba(56, 66, 100, 0.228174);
965
+ border-bottom-left-radius: 4.32px;
966
+ border-bottom-right-radius: 4.32px;
967
+ border-top-left-radius: 0;
968
+ border-top-right-radius: 0;
969
+ width: 100%;
970
+ }
865
971
 
866
- @media (max-width: 800px) {
867
- flex-direction: column;
868
- flex-wrap: nowrap;
869
- padding-bottom: 25.5px;
870
- align-items: stretch;
972
+ .new-select__dropdown-indicator {
973
+ padding-top: 0px;
974
+ }
871
975
 
872
- & > div:nth-child(2) {
873
- margin-top: 26px;
976
+ .master-dropdown__single-value {
977
+ .input-label {
978
+ max-width: 250px;
979
+ overflow: hidden;
980
+ text-overflow: ellipsis;
981
+
982
+ &:hover {
983
+ max-width: 100%;
984
+ overflow: visible;
985
+ }
986
+ }
874
987
  }
875
988
 
876
- & > span {
877
- margin-top: 26px;
989
+ .master-dropdown__menu-list,
990
+ .new-select__menu-list {
991
+ margin: 0;
992
+ padding: 0;
878
993
  }
879
994
 
880
- & > * {
881
- flex-basis: unset;
995
+ .master-dropdown__menu-list {
996
+ max-height: 110px;
882
997
  }
883
- }
884
998
 
885
- @media (max-width: 650px) {
886
- padding-top: 35px;
887
- padding-right: 39px;
888
- }
999
+ .master-dropdown__option,
1000
+ .new-select__option {
1001
+ color: ${({theme:e})=>e.textColor};
1002
+ padding-top: 3px;
1003
+ padding-bottom: 3px;
1004
+ margin: 8px 0;
1005
+ }
889
1006
 
890
- & label {
891
- font-size: 14px;
892
- padding-bottom: 10px;
893
- margin-bottom: 0;
894
- }
1007
+ .get-selection__option:first-child {
1008
+ margin-top: -113px;
1009
+ }
895
1010
 
896
- & first-child {
897
- &::placeholder {
898
- color: #a9b1b8;
1011
+ .master-dropdown__option--is-focused,
1012
+ .master-dropdown__option:hover,
1013
+ .new-select__option--is-focused,
1014
+ .new-select__option:hover {
1015
+ background-color: ${({theme:e})=>e.neutral["neutral-5"]};
1016
+ cursor: pointer;
899
1017
  }
900
- }
901
1018
 
902
- .single-select {
903
- flex-basis: 177px;
1019
+ .new-select__control:hover,
1020
+ .new-select__control--is-focused {
1021
+ box-shadow: none;
1022
+ }
904
1023
 
905
- @media (max-width: 800px) {
906
- flex-basis: unset;
1024
+ .master-dropdown__option--is-selected,
1025
+ .new-select__option--is-selected {
1026
+ background: transparent;
1027
+ }
1028
+
1029
+ .master-dropdown__value-container,
1030
+ .new-select__value-container {
1031
+ padding: 0.375rem 0.75rem 0.5rem;
907
1032
  }
908
1033
  }
909
1034
 
910
- .selection-side {
911
- display: flex;
912
- align-items: center;
913
- position: absolute;
914
- right: 39px;
915
- top: 25.5px;
1035
+ .default-select {
1036
+ .default-select__control {
1037
+ height: 39px;
1038
+ }
916
1039
 
917
- svg {
918
- fill: ${({defaultThemeColor:e})=>e.variant["primary-2"]};
1040
+ .default-select__value-container--has-value {
1041
+ padding: 0 8px 4px 8px;
1042
+ }
919
1043
 
920
- path {
921
- fill: ${({defaultThemeColor:e})=>e.variant["primary-2"]};
922
- }
1044
+ .default-select__indicator {
1045
+ padding: 0 8px 0 8px;
1046
+ padding-top: 0px;
923
1047
  }
924
1048
 
925
- @media (max-width: 800px) {
926
- margin-right: 0;
927
- margin-top: 0;
1049
+ .default-select__control--is-focused {
1050
+ outline: none;
928
1051
  }
929
1052
  }
930
- `,nt=s.div`
931
- display: flex;
932
- justify-content: end;
933
- `,at=s.div`
934
- display: flex;
935
- justify-content: center;
936
- flex-direction: row;
937
- align-items: flex-start;
938
- gap: 20px;
939
- `,ct=s.div`
940
- width: 48;
941
- max-width: 48%;
942
- min-width: 48%;
943
-
944
- `,st=s.form`
945
- width: 40vw;
1053
+
1054
+ .text-main-alt {
1055
+ color: ${({theme:e})=>e.textColor} !important;
1056
+ margin-right: 0px;
1057
+ }
1058
+ .text-main-alt-value {
1059
+ color: ${({theme:e})=>e.textColor} !important;
1060
+ white-space: nowrap;
1061
+ overflow: hidden;
1062
+ text-overflow: ellipsis;
1063
+ // width: 57%;
1064
+ max-width: 55%;
1065
+ }
1066
+ .text-more-alt {
1067
+ font-size: 12px;
1068
+ color: ${({theme:e})=>e.neutral["neutral-2"]};
1069
+ padding-right: 0px;
1070
+ }
1071
+ .css-mohuvp-dummyInput-DummyInput {
1072
+ height: 0px;
1073
+ }
1074
+
1075
+ .css-6j8wv5-Input {
1076
+ margin: 0px;
1077
+ padding-top: 0px;
1078
+ }
1079
+ .new-select__menu {
1080
+ z-index: 2;
1081
+ }
1082
+
1083
+ .new-select__input-container {
1084
+ margin: 0px;
1085
+ padding: 0px;
1086
+ }
1087
+ .new-select__input {
1088
+ margin: 0px;
1089
+ padding: 0px;
1090
+ }
1091
+ .new-select__control:hover,
1092
+ .new-select__control--is-focused {
1093
+ border: 1px solid ${({theme:e})=>e.primary["primary-1"]};
1094
+ }
1095
+
1096
+ // .css-ry76bm-singleValue {
1097
+ // margin-right: 5px;
1098
+ // max-width: 80%;
1099
+ // }
1100
+ `;bt.defaultProps={theme:R};const ft=m.div`
1101
+ // Default style
946
1102
  display: flex;
947
- justify-content: center;
948
- flex-direction: column;
949
- gap: 20px;
950
- ${({customStyles:e})=>e}
951
- `,dt=({customStyles:e,children:o})=>t.createElement(st,{customStyles:e},o),pt=s.div`
952
- display: ${({vertical:e})=>e?"inline-block":"block"};
953
- background: ${({theme:e,borderColor:t})=>t||e.neutral["neutral-5"]};
954
- content: '';
955
- height: ${({vertical:e,thickness:t,height:o})=>e?o:t};
956
- width: ${({vertical:e,thickness:t})=>e?t:null};
957
- `,mt=({vertical:e,borderColor:o,thickness:r,height:l,...i})=>{const n=d()||M;return t.createElement(pt,w({theme:n,borderColor:o,thickness:r,vertical:e,height:l},i))};mt.propTypes={thickness:e.string,borderColor:e.string,vertical:e.bool,height:e.string},mt.defaultProps={thickness:"2px",vertical:!1,height:"10px"};const ut=s.div`
958
- //Set the styles from the default styles object
959
- ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(const t in e.common)l[t]=e.common[t];for(const o in e[t])delete e.common[o],l[o]=e[t][o];l=o?{...l,...e["drawer-open"]}:{...l,...e["drawer-close"]}}return{...l,...r}}}}
960
- `,gt=({customStyles:e,drawerOpen:o,children:r,...l})=>t.createElement(ut,w({inBuiltCss:B,customStyles:e,type:"drawer",drawerOpen:o},l),r);gt.propTypes={customStyles:e.object,drawerOpen:e.bool};class bt extends n{constructor(e){super(e),this.state={hasError:!1},this.refreshPage=this.refreshPage.bind(this)}componentDidCatch(e,t){this.setState({hasError:!0})}refreshPage(){window.location.reload()}render(){const{hasError:e}=this.state;return e?t.createElement(a,null,t.createElement("h3",null,t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1.12em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 1856 1664"},t.createElement("path",{d:"M1056 1375v-190q0-14-9.5-23.5t-22.5-9.5H832q-13 0-22.5 9.5T800 1185v190q0 14 9.5 23.5t22.5 9.5h192q13 0 22.5-9.5t9.5-23.5zm-2-374l18-459q0-12-10-19q-13-11-24-11H818q-11 0-24 11q-10 7-10 21l17 457q0 10 10 16.5t24 6.5h185q14 0 23.5-6.5t10.5-16.5zm-14-934l768 1408q35 63-2 126q-17 29-46.5 46t-63.5 17H160q-34 0-63.5-17T50 1601q-37-63-2-126L816 67q17-31 47-49t65-18t65 18t47 49z",fill:"currentColor"})),"We have experienced an issue. We generated a support ticket on our end to investigate this issue We are sorry about the inconvenience."),t.createElement(Ee,{onClick:()=>this.refreshPage()},"Click to refresh")):this.props.children}}bt.propTypes={children:e.any};const ft=p`
961
- color: ${({theme:e})=>e.variant["primary-1"]};
962
- border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
963
- background: ${({theme:e})=>W(e.primary["primary-1"],.04)};
964
- `,ht=s.button`
965
- font-size: 14px;
966
- color: ${({theme:e})=>e.variant["primary-2"]};
967
- background: ${({theme:e})=>W(e.variant["neutral-5"],.7)};
968
- border: 1px solid ${({theme:e})=>W(e.variant["neutral-5"],.7)};
969
- padding: 4px 24px;
970
- border-radius: 999px;
971
- outline: none;
1103
+
1104
+ //Set the styles from the default styles object
1105
+ ${({inBuiltCss:e,labelWrapperStyle:t})=>P(e,t)}
1106
+ // custom styles
1107
+ ${({customLabelStyles:e})=>e}
1108
+ `,ht=m.div`
1109
+ margin-left: 6px;
1110
+ margin-top: -14px;
972
1111
  cursor: pointer;
1112
+ `,yt=({getValue:e,children:o,...r})=>{const l=e().length;return t.createElement(A.ValueContainer,r,o,l>1&&t.createElement("span",{className:"text-more-alt"},"& ",l-1," more"))},xt=({label:e,labelStyle:o,optionArr:r,selectedValue:l,setSelectedValue:i,placeHolder:n,isClearable:a,isValid:c,height:s,fontSize:d,loadOptions:p,onInputChange:m,clearSelected:g,customWrapperStyles:b,customLabelStyles:f,isRequired:h,dropdownType:y,isDisabled:x,isLoading:v,id:C,iconName:w,iconColor:S,iconSize:E,showIndicator:k,leftIcon:V,leftIconColor:M,leftIconSize:B,...W})=>{const I=u()||R,P=e=>{const o={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},r=t.createElement("div",{style:{...o,backgroundColor:e?.data?.color??I.primary["primary-1"]}},t.createElement(N,{icon:"check-icon",color:"white"})),l=t.createElement("div",{style:{...o,backgroundColor:"#e0e7ff"}});return t.createElement(A.Option,e,t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?r:l,t.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},T=({index:e,...o})=>{const r=o?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},r)},H={control:(e,t)=>({...e,border:c?"1px solid "+I.border:"1px solid "+I.ui.error,minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:d+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",width:"auto",maxWidth:"89%",marginRight:"0px"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",justifyContent:"space-between",fontSize:d+"px"}),indicatorsContainer:e=>({...e,padding:0,height:`${s}px`}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:d+"px",width:"100%",minWidth:"singleSelect"===y||"asyncSingleSelect"===y?"120px":"185px"}),singleValue:e=>({...e,fontSize:d+"px",marginLeft:"0px",width:"auto",maxWidth:"89%",marginRight:0}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:d+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?I.neutral["neutral-5"]:I.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...W.styles},q={DropdownIndicator:e=>{const o=t.createElement(A.DropdownIndicator,e,t.createElement(ht,null,t.createElement(N,{icon:w,color:S,size:E})));return!0===k?o:null},ValueContainer:yt,IndicatorSeparator:()=>null,ClearIndicator:e=>t.createElement(A.ClearIndicator,e,a?t.createElement(ht,{onClick:()=>{g(),e.clearValue()}},t.createElement(N,{icon:"cross-icon",color:"black",size:8})):null)};let j=null;switch(y){case"multiSelect":j=t.createElement(vt,z({type:"multiSelect",MultiValue:T,Option:P,value:l,CommonRenderedComponent:q,optionArr:r,placeHolder:n,isDisabled:x,stylesComp:H,setSelectedValue:i,isLoading:v,id:C,isClearable:a},W));break;case"asyncSingleSelect":j=t.createElement(At,z({CommonRenderedComponent:q,loadOptions:p,onInputChange:m,styles:H,placeholder:n,onChange:i,isLoading:v,isDisabled:x,id:C,value:l,isClearable:a},W));break;case"asyncMultiSelect":j=t.createElement(At,z({type:"asyncMultiSelect",CommonRenderedComponent:q,MultiValue:T,Option:P,onChange:i,placeholder:n,styles:H,isDisabled:x,isLoading:v,loadOptions:p,onInputChange:m,id:C,isClearable:a},W));break;default:j=t.createElement(vt,z({type:"singleSelect",value:{value:l?l.value:"",label:l?l.label:""},CommonRenderedComponent:q,optionArr:r,placeHolder:n,isDisabled:x,stylesComp:H,setSelectedValue:i,isLoading:v,id:C,isClearable:a},W))}return t.createElement(bt,{style:b,isValid:c,fontSize:d,theme:I},e&&t.createElement(ft,{inBuiltCss:L,labelWrapperStyle:"selectComp-label-wrapper",style:f},t.createElement(Ke,{customStyles:o,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),h&&t.createElement("div",{style:{marginLeft:"4px",color:`${I.ui.error}`}},"*")),j)},vt=({type:e,Option:o,value:r,CommonRenderedComponent:l,MultiValue:i,optionArr:n,placeHolder:a,isDisabled:c,stylesComp:s,setSelectedValue:d,isLoading:p,id:m,isClearable:u,...g})=>{let b={...l};return"multiSelect"===e&&(b.MultiValue=i,b.Option=o),t.createElement(v,z({className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",components:b,options:n,placeholder:a,isDisabled:c,value:r,styles:s,onChange:d,isLoading:p,id:m,isClearable:u,isMulti:"multiSelect"===e,hideSelectedOptions:!1,closeMenuOnSelect:!1,menuShouldScrollIntoView:!1},g))},At=({CommonRenderedComponent:e,MultiValue:o,Option:r,type:l,id:i,styles:n,...a})=>{let c={...e};return"asyncMultiSelect"===l&&(c.MultiValue=o,c.Option=r),t.createElement(C,z({className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",components:c,isMulti:"asyncMultiSelect"===l,defaultOptions:!0,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,styles:n,menuShouldScrollIntoView:!1},a))};xt.propTypes={label:e.string,labelStyle:e.object,optionArr:e.array,selectedValue:e.object,setSelectedValue:e.func,placeHolder:e.string,fontSize:e.number,clearSelected:e.func,loadOptions:e.func,onInputChange:e.func,customWrapperStyles:e.object,customLabelStyles:e.object,isRequired:e.bool,dropdownType:e.string,isDisabled:e.bool,isLoading:e.bool,isValid:e.bool,height:e.number,isClearable:e.bool,id:e.string,iconName:e.string,iconColor:e.string,iconSize:e.number,leftIcon:e.string,leftIconColor:e.string,leftIconSize:e.number,showIndicator:e.bool},xt.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearable:!1,height:31,fontSize:14,loadOptions:()=>{},onInputChange:()=>{},clearSelected:()=>{},customWrapperStyles:{},customLabelStyles:{},isRequired:!1,dropdownType:"singleSelect",isDisabled:!1,isLoading:!1,id:"",iconName:"triangle-down",iconColor:"black",iconSize:8,leftIcon:"",leftIconColor:"black",leftIconSize:10,showIndicator:!0};const Ct=m.div`
1113
+ //Set the styles from the default styles object
1114
+ ${({inBuiltCss:e,defaultStyles:t})=>P(e,t)}
973
1115
 
974
- ${({selected:e})=>e?ft:null}
1116
+ background-color:${({hover:e,dropValid:t,fileArr:o,backgroundColor:r,theme:l})=>t?t&&e&&r?r:t&&e&&!r?l.primary["primary-1"]:t&&!e&&o.length>0?l.bgColor:t&&!e&&0==o.length?T(l.primary["primary-1"],.05):void 0:"rgba(215, 0, 0, 0.05)"}
1117
+
1118
+ };
1119
+ border: 1px
1120
+ ${({dropValid:e,valid:t,fileArr:o,backgroundColor:r,theme:l})=>e?o.length>0?`solid ${r||l.primary["primary-1"]}`:`dashed ${r||l.primary["primary-1"]}`:"dashed "+l.ui.error};
975
1121
 
976
- &:not(:first-child) {
977
- margin-left: 8px;
1122
+ &:hover {
1123
+ cursor: pointer;
978
1124
  }
979
- `,yt=({options:e,selected:o,onClick:r,...l})=>{const i=d()||M,n=e.map(((e,l)=>t.createElement(ht,{theme:i,key:`${e.label}_${l}_${e.value}`,selected:o===e.value,onClick:()=>{r(e.value)}},e.label)));return t.createElement(t.Fragment,null,n)};yt.propTypes={options:e.array,selected:e.string,onClick:e.func},yt.defaultProps={options:[],selected:""};const xt=s.footer`
980
- //Set the styles from the default styles object
981
- ${({theme:e,type:t})=>I(e,t)}
982
- // custom styles
983
- ${({customStyles:e})=>e}
984
- `,At=o((({theme:e,customStyles:o,...r},l)=>t.createElement(xt,w({ref:l,theme:e,type:"footer",customStyles:o},r),r.children)));At.propTypes={theme:e.object,customStyles:e.object,type:e.string},xt.defaultProps={theme:e.object},At.defaultProps={theme:B,customStyles:null};const vt=s.div`
985
- font-size: 14px;
986
- background-color: transparent;
987
- display: flex;
988
- left: 0;
989
- right: 0;
990
- justify-content: space-between;
991
- align-items: center;
992
- color: #929eac;
993
- padding: 28px 30.5px 28px 30.5px;
994
- font-family: 'Averta', sans-serif;
995
- cursor: default;
996
- width: inherit;
997
- ${({footerWidth:e})=>{if(e<650)return p`
998
- flex-direction: column;
999
- `}}
1000
- `,Ct=s.div`
1001
- display: flex;
1002
- ${({footerWidth:e})=>{if(e<650)return p`
1003
- margin-bottom: 5px;
1004
- `}}
1005
- ${({footerWidth:e})=>{if(e<350)return p`
1006
- flex-direction: column;
1007
- align-items: center;
1008
- margin-bottom: 0;
1009
- `}}
1010
- `,wt=s.div`
1011
- margin-top: inherit;
1012
- margin-bottom: inherit;
1013
- ${({footerWidth:e})=>{if(e<350)return p`
1014
- margin-bottom: 5px;
1015
- `}}
1016
- `,St=s.div`
1017
- margin: 0 10px;
1018
- ${({footerWidth:e})=>{if(e<350)return p`
1019
- display: none;
1020
- `}}
1021
- `,kt=({variant:e,textColor:o,size:r,width:l,footerWidth:i,...n})=>{const a=(new Date).getFullYear();return t.createElement(vt,w({variant:e,textColor:o,footerWidth:i},n),t.createElement(Ct,{footerWidth:i},t.createElement(wt,{footerWidth:i},"Premise HQ"),t.createElement(St,{footerWidth:i},"|"),t.createElement(wt,{footerWidth:i},"All Rights Restricted ",a," ©")),t.createElement(Ct,{footerWidth:i},t.createElement(wt,{footerWidth:i},"Terms of use"),t.createElement(St,{footerWidth:i},"|"),t.createElement(wt,{footerWidth:i},"Privacy Policy")))},Et=s.header`
1022
-
1023
- background-color: ${({theme:e})=>e.bgColor};
1024
- border-bottom: 0.5px solid ${({theme:e})=>e.variant["neutral-3"]};
1025
- //Set the styles from the default styles object
1026
- ${({inBuiltCss:e,type:t})=>I(e,t)}
1027
- // custom styles
1028
- ${({customStyles:e})=>e}
1029
- `,zt=({type:e,customStyles:o,...r})=>{const l=d()||M;return t.createElement(Et,w({theme:l,type:"header",customStyles:o,inBuiltCss:B},r),r.children)};zt.propTypes={customStyles:e.object,type:e.string},zt.defaultProps={type:"header",customStyles:null};const Vt=s.label`
1030
- //Set the styles from the default styles object
1031
- ${({theme:e,type:t})=>I(e,t)}
1032
-
1033
- // custom styles
1034
- ${({customStyles:e})=>e}
1035
- `,Mt=({customStyles:e,text:o,className:r,required:l,...i})=>{const n=B;return t.createElement(Vt,w({required:l,theme:n,customStyles:e,type:"label"},i),o,l&&t.createElement("div",{style:{marginLeft:"4px",color:`${M.variant.error}`}},"*"))};Mt.propTypes={customStyles:e.object,text:e.string},Mt.defaultProps={text:""};const Bt=s.div`
1036
- box-sizing: initial;
1125
+ transition: all 500ms linear;
1037
1126
 
1127
+ // custom styles
1128
+ ${({customDropzoneStyles:e})=>e}
1129
+ `,wt=m.div`
1038
1130
  //Set the styles from the default styles object
1039
- ${({inBuiltCss:e,defaultCheckBoxOuterStyle:t})=>I(e,t)}
1040
-
1041
- border: 2px solid ${({checkedCheckBoxColor:e,defaultBorderColor:t,checked:o,theme:r})=>o&&e?e:o&&!e?r.primary["primary-1"]:!o&&t?t:o||t?void 0:r.border}
1042
- };
1131
+ ${({inBuiltCss:e,defaultStyles:t})=>P(e,t)}
1043
1132
 
1044
1133
  // custom styles
1045
- ${({checkBoxOuterStyle:e})=>e}
1046
- `;Bt.defaultProps={theme:M};const It=s.div`
1047
- box-sizing: initial;
1134
+ ${({customFileStyles:e})=>e}
1135
+ `,St=m.input`
1136
+ display: none;
1137
+ `,Et=m.div`
1138
+ //Set the styles from the default styles object
1139
+ ${({inBuiltCss:e,defaultStyles:t})=>P(e,t)}
1048
1140
 
1141
+ // custom styles
1142
+ ${({customTextStyles:e})=>e}
1143
+ `;m.span`
1049
1144
  //Set the styles from the default styles object
1050
- ${({inBuiltCss:e,defaultCheckBoxInnerStyle:t})=>I(e,t)}
1145
+ ${({inBuiltCss:e,type:t})=>P(e,t)}
1051
1146
 
1052
- // background-image: url(${({signCheck:e})=>e});
1053
- background-color: ${({checked:e,checkedCheckBoxColor:t,theme:o})=>e&&t?t:e&&!t?o.primary["primary-1"]:e?void 0:o.bgColor};
1054
- border: 2px solid
1055
- ${({checkedCheckBoxColor:e,defaultBorderColor:t,checked:o,theme:r})=>o&&e?e:o&&!e?r.primary["primary-1"]:!o&&t?t:o||t?void 0:r.border};
1147
+ // custom styles
1148
+ ${({customFileNameStyles:e})=>e}
1149
+ `;const kt=m.div`
1150
+ cursor: pointer;
1151
+ padding-left: 1px;
1152
+ margin-left: auto;
1153
+ margin-right: 10px;
1154
+ display: flex;
1155
+ justify-content: center;
1156
+ `,zt=m.div`
1157
+ margin-left: 11px;
1158
+ padding-left: 2px;
1159
+ display: flex;
1160
+ justify-content: center;
1161
+ `,Vt=m.div`
1162
+ color: #494949;
1163
+ margin-left: 11px;
1164
+ padding-left: 2px;
1165
+ `;m.p`
1166
+ color: #494949;
1056
1167
  display: flex;
1057
1168
  justify-content: center;
1058
1169
  align-items: center;
1059
- // custom styles
1060
- ${({checkBoxInnerStyle:e})=>e}
1061
- `;It.defaultProps={theme:M};const Wt=s.span`
1062
- word-break: break-all;
1063
-
1064
- //Set the styles from the default styles object
1065
- ${({inBuiltCss:e,type:t})=>I(e,t)}
1170
+ margin: 20px 0px;
1171
+ font-size: 14px;
1172
+ `;const Mt=({label:e,labelStyle:o,labelInline:r,required:i,message:a,fileArr:c,setFileArr:s,deleteFile:d,customDropzoneStyles:p,customFileStyles:m,customTextStyles:g,customFileNameStyles:b,backgroundColor:f,singleFile:h,messageSize:y,showSupportedFormats:x,file_extensions:v,maxFilesAmount:A,minFilesAmount:C,fileSizeLimit:w,fileSizeNamingConvention:S,errorMessages:E,suggesionMessage:k,MessagelabelStyle:V,dropValid:M,setDropValid:B,id:W,...I})=>{const P=u()||R,[T,H]=l(!1),q=n(),[j,F]=l(M),[O,Z]=l("");let X;var G=v,J=!1,U=x?"That file type is not supported.":"",D=(k=x?"Only Supported: "+JSON.stringify(G):"","");1==h&&(C=1,A=1);var Q="Please upload (min."+C+" to max."+A+")files",K=e=>{D="";var t=0,o=c.length;if(o+1<C||o+1>A){var r="The file size is not uploaded";D=O?.amount,D=void 0!==D?D:r}for(const e of c)t+=e.size;if(""==D)for(const[o,a]of Object.entries(e)){a.name,t+=a.size;var l=a.name.split(".");l=l[l.length-1],J=G.includes(l.toLowerCase());var i=1024;("MB"==S||"GB"==S||"TB"==S)&&(i*=1024);var n=Math.round(t/i);if(0==J){D=E?.format,D=D?D+U:U;break}if(n>w&&J){J=!1;r="The file must be under "+w+" "+S;D=E?.size,D=null!=D?D:r;break}}return 0==J?(B(!1),F(M),Z(D),console.log(M)):(B(!0),F(M),Z("")),J};function Y(e){e.preventDefault(),e.stopPropagation()}function $(e,t){let o=1==t?[]:[...c];for(let t=0;t<e.length;t++)o.push(e.item(t));t||(o=o.filter(((e,t,o)=>t===o.findIndex((t=>t.place===e.place&&t.name===e.name)))));var r=K(o);return s(r?o:[]),H(!1),o}function _(e,t){if(e instanceof File){const t=c.filter((t=>t.name!==e.name));s(t)}else!function(e,t){const o=c.filter((t=>t.name!==e.name));s(o),d(e)}(e)}return t.createElement("div",null,t.createElement("div",{style:{display:"flex",width:"inherit"}},t.createElement(Ke,z({customStyles:o,type:"label-text",labelInline:r,text:e,style:{display:"flex",marginBottom:""+(r?"":"7px"),paddingBottom:"0px"}},I)),i&&t.createElement("div",{style:{marginLeft:"4px",color:`${P.variant.error}`}},"*")),t.createElement(Ct,{theme:P,inBuiltCss:L,defaultStyles:"dropzone-parent",backgroundColor:f,customDropzoneStyles:p,onDragLeave:function(e){Y(e),H(!1)},onDragOver:function(e){Y(e),H(!0)},onDrop:function(e){Y(e);const{files:t}=e.dataTransfer;H(!0),I.onFilesAdded($(t,h))},onClick:function(){q.current.click()},hover:T,dropValid:M,fileArr:c},t.createElement(St,z({ref:q,type:"file",id:W,multiple:1!=h,onChange:function(e){const{files:t}=e.target;H(!1),K(e.target.files)&&(X&&URL.revokeObjectURL(X),X=URL.createObjectURL(t[0]),t[0].path=X,console.log(t),I.onFilesAdded($(t,h)))},onClick:e=>e.target.value=null},I)),M&&j?t.createElement(N,{icon:"file-upload",color:T?P.bgColor:P.primary["primary-1"],size:24}):null,t.createElement(Et,{dropValid:M,valid:j,hover:T,customTextStyles:g,inBuiltCss:L,defaultStyles:"dropzone-text-div"},M?t.createElement("div",null,t.createElement("span",{style:{color:T?P.bgColor:P.primary["primary-1"]}},"Choose a file"," "),t.createElement("span",{style:{color:T?P.bgColor:P.neutral["neutral-2"]}},"or"," "),t.createElement("span",{style:{color:T?P.bgColor:P.textColor}},"drag ",h?"it":"them"," here")):t.createElement("div",null,t.createElement("span",{style:{color:P.variant.error}},"Try again!!"," "),t.createElement("span",{style:{color:P.textColor}},O||a)))),O===U?t.createElement(Ke,z({themeColor:R,customStyles:V,type:"label-text",labelInline:r,text:k,style:{display:"flex",paddingTop:"10px",paddingBottom:""+(r?"":"16.64px")}},I)):"The file size is not uploaded"===O?t.createElement(Ke,z({themeColor:R,customStyles:V,type:"label-text",labelInline:r,text:Q,style:{display:"flex",paddingTop:"10px",paddingBottom:""+(r?"":"16.64px")}},I)):"",c?.map(((e,o)=>t.createElement(wt,{inBuiltCss:L,defaultStyles:"dropzone-file-div",key:`${e}-${o}`,customFileStyles:m},t.createElement(zt,null,t.createElement(N,{icon:"file-icon",color:P.primary["primary-1"]})),(File,t.createElement("a",{style:{color:P.variant["primary-1"],marginLeft:"5px"},href:e?.path,target:"_blank",rel:"noreferrer",download:e.name}," ",e.name)),t.createElement(Vt,null,e?.otherInfo),t.createElement(kt,{key:101*Math.random()|0,onClick:()=>_(e)},t.createElement("div",{style:{marginRight:"7px"}},t.createElement(N,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:P.primary["primary-1"]})),t.createElement(N,{icon:"cross-icon",color:P.neutral["neutral-2"],size:13}))))))};Mt.propTypes={onFilesAdded:e.func,dropValid:e.bool,setDropValid:e.func,message:e.string,fileArr:e.array,setFileArr:e.func,customDropzoneStyles:e.object,customFileStyles:e.object,customTextStyles:e.object,customFileNameStyles:e.object,backgroundColor:e.string,messageSize:e.number,maxFilesAmount:e.number,minFilesAmount:e.number,fileSizeLimit:e.number,fileSizeNamingConvention:e.string,showSupportedFormats:e.bool,file_extensions:e.array,errorMessages:e.object,suggesionMessage:e.any,MessagelabelStyle:e.object,id:e.string},Mt.defaultProps={onFilesAdded:()=>null,dropValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",maxFilesAmount:5,minFilesAmount:1,fileSizeLimit:10,fileSizeNamingConvention:"MB",showSupportedFormats:!0,file_extensions:["doc","docx","jpg","pdf","png","xlsx","xlsr","xls"],errorMessages:{},MessagelabelStyle:{},suggesionMessage:"doc, docx, jpg, pdf, png, xlsx, xlsr, xls (Max 10MB)",id:""};const Bt=m.div`
1173
+ display: contents;
1174
+ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
1066
1175
 
1067
- color: ${({theme:e,checked:t,defaultTextColor:o,checkedTextColor:r})=>t&&r?r:t&&!r?e.neutral["neutral-1"]:!t&&o?o:t||o?void 0:e.neutral["neutral-2"]};
1176
+ ${({WrapperDivStyle:e})=>e}
1177
+ `,Wt=m.input`
1178
+ display: none;
1179
+ min-height: 100vh;
1180
+ padding: 0 0.5rem;
1181
+ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
1068
1182
 
1069
- margin-right: ${({inline:e})=>e?"30px":"10px"};
1183
+ `,It=m.div`
1184
+ height: 49px;
1185
+ width: 49px;
1186
+ background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor};
1187
+ display: flex;
1188
+ justify-content: center;
1189
+ align-items: center;
1190
+ border-radius: 50%;
1191
+ opacity: 0.8;
1192
+ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
1070
1193
 
1071
- // custom styles
1072
- ${({optionTextStyle:e})=>e}
1073
- `;Wt.defaultProps={theme:M};const Rt=s.label`
1074
- width: fit-content;
1075
- margin-bottom: ${({inline:e})=>e?"":"18px !important"};
1194
+ ${({IconWrapperStyle:e})=>e}
1195
+ `,Rt=m.div`
1196
+ // background-color: ${({theme:e})=>e.bgColor};
1197
+ background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor};
1198
+ width: 134px;
1199
+ height: 134px;
1200
+ border-radius: 50%;
1076
1201
  cursor: pointer;
1202
+ font-size: 18px;
1203
+ border: none;
1204
+ filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
1077
1205
  display: flex;
1078
- gap: 10px;
1079
- align-items: start;
1206
+ justify-content: center;
1207
+ align-items: center;
1208
+ background-position: center;
1209
+ background-size: cover;
1210
+ background-repeat: no-repeat;
1211
+ cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
1080
1212
 
1081
- // custom styles
1082
- ${({wrapperStyles:e})=>e}
1083
- `,Lt=s.div`
1084
- flex-direction: ${({inline:e})=>e?"row":"column"};
1085
- width: ${({inline:e})=>e?"initial":"auto"};
1086
- `,Pt=({getCheckedArr:e,checkBoxOuterStyle:o,checkBoxInnerStyle:r,optionTextStyle:l,defaultBorderColor:n,defaultTextColor:a,checkedTextColor:c,checkedCheckBoxColor:s,labelStyle:p,label:m,options:u,setOptions:g,wrapperStyles:b,inline:f,wrapperStyle:h,isRequired:y,...x})=>{const A=d()||M;i((()=>{v(u)}),[]);const v=t=>{let o=t.filter((e=>!1!==e.checked));e(o)},C=Object.assign({display:"flex",flexDirection:"column",flexWrap:"wrap"},h);return t.createElement("div",w({style:C},x),t.createElement("div",{style:{display:"flex"}},t.createElement(Mt,w({customStyles:p,type:"check-label",text:m},x)),y&&t.createElement("div",{style:{marginLeft:"4px",color:`${A.variant.error}`}},"*")),t.createElement(Lt,w({style:{display:"flex",flexWrap:"wrap"},inline:f},x),u?.map(((e,i)=>t.createElement(Rt,w({inline:f,id:e.id,key:`${e.name}-${i}`,onClick:()=>{((e,t)=>{let o=[...u];o[t].checked=!e.checked,g(o),v(o)})(e,i)},wrapperStyles:b},x),e.checked?t.createElement(It,w({theme:A,inBuiltCss:B,defaultCheckBoxInnerStyle:"checkBox-inner",checkBoxInnerStyle:{...r,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabled&&e?.disabledColor},defaultBorderColor:n,checkedCheckBoxColor:s,checked:!e?.disabled&&e.checked},x),t.createElement(J,{icon:"check-icon",size:18,color:"white"})):t.createElement(Bt,w({inBuiltCss:B,defaultCheckBoxOuterStyle:"checkBox-outer",checkBoxOuterStyle:{...o,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabledColor},defaultBorderColor:n,theme:A},x)),t.createElement(Wt,{theme:A,inline:f,optionTextStyle:{...l,cursor:e?.disabled?"not-allowed ":" pointer",color:e?.disabledColor},checked:e.checked,defaultTextColor:a,checkedTextColor:c},e.label))))))};Pt.propTypes={wrapperStyle:e.object,label:e.string,labelStyle:e.object,checkBoxOuterStyle:e.object,checkBoxInnerStyle:e.object,optionTextStyle:e.object,defaultTextColor:e.string,checkedTextColor:e.string,defaultBorderColor:e.string,checkedCheckBoxColor:e.string,inline:e.bool,options:e.array,setOptions:e.func,getCheckedArr:e.func,isRequired:e.bool,wrapperStyles:e.object},Pt.defaultProps={label:"",inline:!1,options:[],setOptions:()=>{},getCheckedArr:()=>{},labelStyle:{},checkBoxOuterStyle:{},checkBoxInnerStyle:{},isRequired:!0,wrapperStyles:{}};const qt=s.div`
1087
- border: 1px solid ${({theme:e})=>e.variant["neutral-4"]};
1088
- background-color: ${({theme:e})=>e.bgColor};
1089
1213
 
1090
- &:focus-within {
1091
- border: 1px solid ${({theme:e})=>e.primary["primary-1"]};
1092
- }
1214
+ .icon-on-preview {
1215
+ display: none;
1216
+ }
1217
+ .icon-on-not-preview {
1218
+ display: block;
1219
+ }
1093
1220
 
1094
- ${({inBuiltCss:e,defaultColorWrapperStyle:t})=>I(e,t)}
1095
- // custom styles
1096
- ${({customColorWrapperStyle:e})=>e}
1221
+ &:hover {
1222
+ // background-color: rgb(51 51 51 / 30%);
1223
+ background-color: ${({isDisabled:e})=>!e&&" rgb(51 51 51 / 30%)"};
1097
1224
 
1098
- `,Tt=s.input`
1099
1225
 
1100
- border: 0.5px solid ${({theme:e})=>e.variant["neutral-4"]};
1101
- box-shadow: 0px 5px 37px rgba(56, 66, 100, 0.0880136);
1102
- -webkit-appearance: none;
1103
- padding: 0;
1226
+ .icon-on-preview {
1227
+ display: ${({isDisabled:e})=>!e&&"block"};
1104
1228
 
1105
- &::-webkit-color-swatch-wrapper {
1106
- padding: 0;
1107
- border-radius: 4px;
1108
-
1109
- }
1110
- &::-webkit-color-swatch {
1111
- border: none;
1112
- border-radius: 4px;
1113
-
1114
- }
1229
+ }
1230
+ .icon-on-not-preview {
1231
+ // display: none;
1232
+ display: ${({isDisabled:e})=>!e&&"none"};
1115
1233
 
1116
- ${({inBuiltCss:e,defaultInputColorStyle:t})=>I(e,t)}
1117
- // custom styles
1118
- ${({customInputColorStyle:e})=>e}
1119
- `,Ht=({label:e,labelStyle:o,value:r,setValue:l,customInputColorStyle:i,customColorWrapperStyle:n,id:a,...c})=>{const s=d()||M;return t.createElement(qt,w({customColorWrapperStyle:n,defaultColorWrapperStyle:"ColorWrapper",theme:s,inBuiltCss:B},c),t.createElement(Tt,w({id:a,customInputColorStyle:i,defaultInputColorStyle:"input-color",inBuiltCss:B,theme:s},c,{type:"color",value:r,onChange:e=>{l(e.target.value)}})),t.createElement(Mt,w({themeColor:M,customStyles:o,type:"label-text",text:e,style:{display:"flex",paddingBottom:"0px",paddingLeft:"10px"}},c)))};Ht.propTypes={label:e.string,labelStyle:e.object,value:e.string,setValue:e.func,customInputColorStyle:e.object,customColorWrapperStyle:e.object,id:e.string},Ht.defaultProps={label:"",labelStyle:{},customInputColorStyle:{},customColorWrapperStyle:{},value:"#FFFFFF",setValue:()=>{},id:""};const jt=s.div`
1234
+ }
1235
+ }
1236
+ ${({MainDivStyle:e})=>e};
1237
+ `,Lt=({image:e,setImage:o,WrapperDivStyle:n,MainDivStyle:a,IconWrapperStyle:c,iconSize:s,iconColor:d,isDisabled:p,id:m})=>{const[g,b]=l(),f=r(),h=u()||R,[y,x]=l(),[v,A]=l(!1);function C(e){e.preventDefault(),e.stopPropagation()}i((()=>{if(e&&v){const t=new FileReader;t.onloadend=()=>{b(t.result)},t.readAsDataURL(e)}else b(e)}),[e]);const w=e=>{e&&"image"===e.type.substr(0,5)?(A(!0),o(e)):A(!1)};return t.createElement(Bt,{onDragLeave:function(e){C(e),x(!1)},onDragOver:function(e){C(e),x(!0)},onDrop:function(e){C(e);const{files:t}=e.dataTransfer;w(t[0])},WrapperDivStyle:n,isDisabled:p},t.createElement(Rt,{isDisabled:p,theme:h,MainDivStyle:a,style:{backgroundImage:`url(${g})`},onClick:e=>{e.preventDefault(),f.current.click()}},!g&&t.createElement("div",{className:"icon-on-not-preview"},t.createElement(It,{IconWrapperStyle:c,theme:h,isDisabled:p},t.createElement("img",{src:U,alt:"",height:"40px",width:"48px"}))),t.createElement("div",{className:"icon-on-preview"},t.createElement(It,{IconWrapperStyle:c,isDisabled:p,theme:h},t.createElement(N,{icon:"camera-icon",size:s,color:d||h.variant["primary-1"]})))),t.createElement(Wt,{id:m,type:"file",ref:f,accept:"image/jpg, image/jpeg, image/png",onChange:e=>{A(!0),o(e.target.files[0])},disabled:p,isDisabled:p}))};Lt.propTypes={image:e.any,setImage:e.func,WrapperDivStyle:e.object,MainDivStyle:e.object,IconWrapperStyle:e.object,iconSize:e.number},Lt.defaultProps={image:null,setImage:()=>{},WrapperDivStyle:{},MainDivStyle:{},IconWrapperStyle:{},iconSize:28,id:"",isDisabled:!1};const Pt=m.div`
1238
+ border: 1px solid
1239
+ ${({theme:e})=>e.border};
1240
+ border-radius: 4px;
1241
+ padding: 5.5px 12px;
1120
1242
  display: flex;
1121
- cursor: ${({disabled:e})=>e?"not-allowed":"text"};
1243
+ align-items: center;
1244
+ background-color: ${({theme:e})=>e.bgColor};
1245
+ .input-icon svg path {
1246
+ fill: ${({theme:e})=>e.variant["neutral-1"]};
1247
+ }
1122
1248
 
1123
- .react-datepicker-wrapper {
1124
- display: flex;
1249
+ &:focus-within {
1250
+ border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
1251
+ outline: none;
1252
+
1253
+ .input-icon svg path {
1254
+ fill: ${({theme:e})=>e.variant["primary-1"]};
1255
+ }
1125
1256
  }
1257
+ `;Pt.defaultProps={theme:R};const Tt=m.input`
1258
+ width: 85%;
1259
+ border: 0;
1260
+ outline: 0;
1261
+ color: ${({theme:e})=>e.variant["primary-2"]};
1262
+ margin: 0px;
1263
+ padding: 0;
1264
+ font-size: 14px;
1265
+ flex-grow: 1;
1266
+ flex-shrink: 0;
1126
1267
 
1127
- .react-datepicker {
1128
- font-size: 14px;
1129
- background-color: ${({theme:e})=>e.bgColor};
1130
- color: #444444;
1131
- border: 1px solid ${({theme:e})=>e.neutral["neutral-5"]};
1132
- border-radius: 6.6px;
1133
- display: flex;
1134
- flex-direction: column;
1135
- position: relative;
1268
+ // custom styles
1269
+ ${({inputStyle:e})=>e}
1270
+ `;Tt.defaultProps={theme:R},g`
1271
+ &:after {
1272
+ content: ' *';
1273
+ color: ${({theme:e})=>e.variant.error};
1274
+ }
1275
+ `;const Ht=m.label`
1276
+ display: flex;
1277
+ margin-right: 10px;
1278
+ align-content: center;
1279
+ align-items: center;
1280
+ justify-content: center;
1281
+ display: block;
1282
+ margin-bottom: ${({labelInline:e})=>e?"0":"7px"};
1283
+ margin-right: ${({labelInline:e})=>e?"7px":""};
1284
+ padding-bottom: 0px;
1285
+ color: ${({theme:e})=>e.variant["neutral-2"]};
1286
+
1287
+ ${({labelStyle:e})=>e}
1288
+ `;Ht.defaultProps={theme:R};const qt=g`
1289
+ display: flex;
1290
+ align-items: center;
1291
+ `,jt=m.div`
1292
+ ${({labelInline:e})=>e?qt:null}
1293
+
1294
+ > div {
1295
+ flex: 1 0 auto;
1136
1296
  }
1297
+ `;jt.defaultProps={theme:R};const Ft=({label:e,inputValue:o,inputStyle:r,iconBefore:l,iconAfter:i,onChange:n,theme:a,id:c,labelStyle:s,...d})=>t.createElement(jt,d,e.length>0&&t.createElement(Ht,{labelStyle:s},e),t.createElement("div",null,t.createElement(Pt,d,t.createElement("div",{className:"input-icon"},l),t.createElement(Tt,z({},d,{inputStyle:r,value:o,onChange:e=>{const{value:t}=e.currentTarget;(""===t||/^[0-9\b.-]+$/.test(t))&&n(t)},type:"number",id:c})),t.createElement("div",{className:"input-icon",style:{position:"absolute",right:"7px"}},i))));Ft.propTypes={theme:e.object,label:e.string,labelInline:e.bool,inputValue:e.any,inputStyle:e.object,id:e.string,labelStyle:e.object},Ft.defaultProps={theme:R,label:"",labelInline:!1,inputStyle:{},inputValue:null,id:"",labelStyle:{}};const Ot=m.div`
1298
+ background-color: ${({theme:e})=>e.bgColor};
1137
1299
 
1138
- .react-datepicker__input-container {
1139
- border: 1px solid ${({theme:e})=>e.border};
1140
- border-radius: 4px;
1141
- padding: 5.5px 12px;
1142
- display: flex;
1143
- align-items: center;
1144
- background-color: ${({theme:e})=>e.bgColor};
1300
+ //Set the styles from the default styles object
1301
+ ${({inBuiltCss:e,defaultWrapperStyle:t})=>P(e,t)}
1145
1302
 
1146
- &:focus-within {
1147
- border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
1148
- outline: none;
1149
- }
1303
+ border: ${({isValid:e,theme:t})=>e?"1px solid "+t.border:"1px solid "+t.variant.error};
1150
1304
 
1151
- input {
1152
- border: none;
1153
- outline: none;
1154
- width: 100%;
1155
- cursor: ${({disabled:e})=>e?"not-allowed":"text"};
1156
- }
1305
+ .input-icon svg path {
1306
+ fill: ${({theme:e})=>e.variant["neutral-1"]};
1307
+ }
1308
+ .input-icon {
1309
+ cursor: pointer;
1157
1310
  }
1158
1311
 
1159
- .react-datepicker__triangle {
1160
- ::before,
1161
- ::after {
1162
- display: none;
1312
+ &:focus-within {
1313
+ border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
1314
+ outline: none;
1315
+
1316
+ .input-icon svg path {
1317
+ fill: ${({theme:e})=>e.variant["primary-1"]};
1163
1318
  }
1164
1319
  }
1165
1320
 
1166
- .react-datepicker__month-container {
1167
- display: flex;
1168
- flex-direction: column;
1169
- flex-wrap: wrap;
1170
- align-content: center;
1171
- justify-content: center;
1172
- align-items: center;
1321
+ // custom styles
1322
+ ${({textBoxStyle:e})=>e}
1323
+ `;Ot.defaultProps={theme:R};const Zt=m.input`
1324
+ width: 85%;
1325
+ -webkit-text-security: ${({showEye:e})=>e?"none":"disc"};
1326
+
1327
+ //Set the styles from the default styles object
1328
+ ${({inBuiltCss:e,defaultInputStyle:t})=>P(e,t)}
1329
+
1330
+ // custom styles
1331
+ ${({inputStyle:e})=>e}
1332
+
1333
+ .sc-furwcr bxRAoq {
1334
+ color: ${({theme:e})=>e.variant["neutral-3"]};
1173
1335
  }
1174
- .react-datepicker__month-select {
1175
- font-size: 16px;
1176
- border: none;
1177
- }
1178
- .react-datepicker__current-month,
1179
- .react-datepicker-time__header,
1180
- .react-datepicker-year-header,
1181
- .react-datepicker__navigation {
1182
- display: none;
1183
- }
1184
- .react-datepicker__day--outside-month {
1185
- color: #a9b1b8 !important;
1186
- }
1187
- .react-datepicker__header__dropdown,
1188
- .react-datepicker__header__dropdown--select {
1189
- margin-top: 16px;
1190
- margin-bottom: 30px;
1191
- border: none;
1192
- }
1193
- .react-datepicker__header {
1194
- text-align: center;
1195
- border-bottom: none;
1196
- border-top-left-radius: 6.6px;
1197
- border-top-right-radius: 6.6px;
1198
- padding: 0;
1199
- position: relative;
1200
- background-color: ${({theme:e})=>e.bgColor};
1201
- }
1202
- .react-datepicker__year-select {
1203
- border: none;
1204
-
1205
- &::focus-visible {
1206
- border: none;
1207
- }
1208
- }
1209
- .react-datepicker__day {
1210
- cursor: pointer;
1211
- padding: 3px;
1212
- color: ${({theme:e})=>e.textColor};
1213
- }
1214
- .react-datepicker__day--selected,
1215
- .react-datepicker__day--keyboard-selected {
1216
- background: ${({theme:e})=>e.variant["primary-1"]};
1217
- border-radius: 2.4px;
1218
- color: ${({theme:e})=>e.bgColor};
1219
- }
1220
- .react-datepicker__day-names,
1221
- .react-datepicker__day-name {
1222
- color: #9d9d9d;
1223
- padding: 3px;
1224
- text-transform: uppercase;
1225
- font-size: 12px !important;
1226
- }
1227
-
1228
- .react-datepicker__day-names {
1229
- margin-bottom: -14px;
1230
- }
1231
-
1232
- .calender-year {
1233
- select {
1234
- border: none;
1235
- cursor: pointer;
1236
- outline: none;
1237
- font-size: 16px;
1238
- font-weight: bold;
1239
- &:focus {
1240
- outline: none;
1241
- border: none;
1242
- }
1243
- }
1244
- }
1245
- .react-datepicker__day-name,
1246
- .react-datepicker__day,
1247
- .react-datepicker__time-name {
1248
- width: 30.2px;
1249
- line-height: 27.2px;
1250
- text-align: center;
1251
- margin: 2.656px;
1252
- }
1253
-
1254
- .react-datepicker::before,
1255
- .react-datepicker::after {
1256
- box-sizing: initial !important;
1257
- }
1258
- `;jt.defaultProps={theme:M};const Ft=s.div`
1336
+ `;Zt.defaultProps={theme:R};const Xt=g`
1259
1337
  display: flex;
1260
- align-items: flex-start;
1261
- justify-content: center;
1262
- font-size: 16px;
1263
- padding-top: 12px;
1264
- padding-bottom: 15px;
1265
- `,Ot=s.div`
1266
- display: flex;
1267
- justify-content: center;
1268
- margin-left: 6px;
1269
- `,Zt=s("div")`
1270
- width: inherit;
1271
- `,Gt=s("div")`
1272
- display: flex;
1273
- flex-direction: row;
1274
- cursor: pointer;
1275
- `,Xt=s("div")`
1276
- margin-top: 8px;
1277
- position: absolute;
1278
- z-index: 100;
1279
- width: inherit;
1280
- margin-left: -20px;
1281
- overflow-y: hidden;
1282
- overflow-x: hidden;
1283
- background: white;
1284
- box-shadow: 0px 6px 20px rgb(56 66 100 / 15%);
1285
- border-radius: 4px;
1286
- `,Jt=s("ul")`
1287
- list-style: none;
1288
- padding: 0;
1289
- margin: 12px;
1290
- margin-right: 8px;
1291
- padding-bottom: 10px;
1292
- width: 132px;
1293
- height: 178px;
1294
- overflow-y: scroll;
1295
- overflow-x: hidden;
1296
-
1297
- ::-webkit-scrollbar {
1298
- width: 6px;
1299
- }
1300
-
1301
- ::-webkit-scrollbar-thumb {
1302
- background-clip: padding-box;
1303
- border-radius: 10px;
1304
- background-color: ${({theme:e})=>e.neutral["neutral-3"]};
1305
- }
1306
-
1307
- /* Track */
1308
- ::-webkit-scrollbar-track {
1309
- // margin: 5px;
1310
- background-color: ${({theme:e})=>e.neutral["neutral-4"]};
1311
- border-radius: 10px;
1338
+ gap: 7px;
1339
+ align-items: start;
1340
+ `,Gt=m.div`
1341
+ ${({labelInline:e})=>e?Xt:null}
1342
+ .err-text {
1343
+ color: ${({errMsgColor:e,theme:t})=>e||t.variant.error};
1344
+ margin-top: 5px;
1345
+ font-size: 10px;
1312
1346
  }
1313
- `;Jt.defaultProps={theme:M};const Ut=s("li")`
1314
- text-align: left;
1315
- font-style: normal;
1316
- font-weight: normal;
1317
- font-size: 14px;
1318
- line-height: 17px;
1319
- padding-left: 12px;
1320
- padding-bottom: 12px;
1321
- cursor: pointer;
1322
- `,Qt=({startDate:e,setStartDate:o,disabled:n,theme:a,...c})=>{const s=d()||M,p=["January","February","March","April","May","June","July","August","September","October","November","December"];for(var m=[],u=2010;u<=(new Date).getFullYear()+10;u++)m.push(u);const g=r(null),b=r(null),[h,y]=l(!1),[x,A]=l(!1),[v,C]=l(!1),[S,k]=l(!1),[E,z]=l(e.getFullYear()),[V,B]=l(p[e.getMonth()]);i((()=>{B(p[e.getMonth()]),z(e.getFullYear())}),[e]),i((()=>(document.addEventListener("click",I,!0),()=>{document.removeEventListener("click",I,!0)})),[]);const I=e=>{g.current&&!g.current.contains(e.target)&&y(!1)},W=e=>{b.current&&!b.current.contains(e.target)&&A(!1)};return i((()=>(document.addEventListener("click",W,!0),()=>{document.removeEventListener("click",W,!0)})),[]),t.createElement(jt,w({disabled:n,theme:a},c),t.createElement(f,{selected:e,dateFormat:"dd/MM/yyyy",useWeekdaysShort:!0,onChange:e=>o(e),placeholderText:"select date",adjustDateOnChange:!0,disabled:n,dropdownMode:"select",renderCustomHeader:({date:e,changeYear:o,changeMonth:r})=>t.createElement(Ft,null,t.createElement("div",{style:{display:"flex"}},t.createElement(Zt,{ref:g},t.createElement(Gt,{onClick:()=>{y(!h),A(!1)}},t.createElement("span",{onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),style:{color:`${v?s.variant["primary-1"]:s.textColor}`}},p[e.getMonth()]),t.createElement(Ot,null,t.createElement(J,{icon:"triangle-down",color:v?s.variant["primary-1"]:s.textColor,size:7}))),h&&t.createElement(Xt,null,t.createElement(Jt,{theme:a,onMouseEnter:()=>C(!0)},p.map(((e,o)=>t.createElement(Ut,{selectedMonth:V,onClick:()=>{C(!1),r(o),y(!1),B(p[o])},key:Math.random()},t.createElement("span",{style:{color:`${V===e?s.variant["primary-1"]:s.textColor}`}},e))))))),t.createElement(Zt,{ref:b},t.createElement(Gt,{style:{marginLeft:"28px"},onClick:()=>{A(!x),y(!1)}},t.createElement("span",{onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),style:{color:`${S?s.variant["primary-1"]:s.textColor}`}},e.getFullYear()),t.createElement(Ot,null,t.createElement(J,{icon:"triangle-down",color:S?s.variant["primary-1"]:s.textColor,size:7}))),x&&t.createElement(Xt,null,t.createElement(Jt,{onMouseEnter:()=>k(!0)},m.map(((e,r)=>t.createElement(Ut,{onClick:()=>{k(!1),o(e),z(e),A(!1)},key:Math.random()},t.createElement("span",{style:{color:`${E===e?s.variant["primary-1"]:s.textColor}`}},e)))))))))}))};Qt.propTypes={startDate:e.any,setStartDate:e.func,disabled:e.bool,theme:e.object},Qt.defaultProps={theme:M,startDate:"",setStartDate:()=>{},disabled:!1};const Kt=s.div`
1323
-
1324
- .master-dropdown,
1325
- .new-select {
1326
- .master-dropdown__menu,
1327
- .new-select__menu {
1328
- margin: 0 0 0;
1329
- padding: 0;
1330
- border: 0;
1331
- box-shadow: 0px 8px 40px rgba(56, 66, 100, 0.228174);
1332
- border-bottom-left-radius: 4.32px;
1333
- border-bottom-right-radius: 4.32px;select-manage-page
1334
- border-top-left-radius: 0;
1335
- border-top-right-radius: 0;
1336
- width: 100%;
1337
- }
1338
-
1339
- .new-select__dropdown-indicator{
1340
- padding-top:0px;
1341
- }
1342
-
1343
-
1344
- .master-dropdown__single-value {
1345
- .input-label {
1346
- max-width: 250px;
1347
- overflow: hidden;
1348
- text-overflow: ellipsis;
1349
-
1350
- &:hover {
1351
- max-width: 100%;
1352
- overflow: visible;
1353
- }
1354
- }
1355
- }
1347
+ `;Gt.defaultProps={theme:R};const Jt=({passwordRules:e,textBoxStyle:o,labelStyle:r,inputStyle:i,errMsg:n,required:a,label:c,labelInline:s,isValid:d,rulesStyle:p,id:m,showHideIcon:g,errMsgColor:b,...f})=>{const[h,y]=l(!1),x=u()||R;return t.createElement(Gt,z({onPaste:e=>(e.preventDefault(),!1),onCopy:e=>(e.preventDefault(),!1),labelInline:s,inBuiltCss:L,errMsgColor:b,theme:x},f),t.createElement("div",{style:{display:"flex"}},t.createElement(Ke,z({customStyles:r,type:"label-text",text:c,errMsg:n,style:{display:"flex",marginBottom:""+(s?"0px":"7px"),paddingBottom:"0px"}},f)),a&&t.createElement("div",{style:{marginLeft:"4px",marginRight:"5px",color:`${x.variant.error}`}},"*")),t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"start"}},t.createElement("div",{style:{width:"100%"}},t.createElement(Ot,z({required:a,theme:x,textBoxStyle:o,isValid:d,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:L},f),t.createElement(Zt,z({inputStyle:i,type:"text",id:m,showEye:h,theme:x,defaultInputStyle:"input-wrapper",inBuiltCss:L},f)),!0===g?t.createElement("div",{className:"input-icon",onClick:()=>y(!h),style:{position:"absolute",right:"7px"}},h?t.createElement(N,{icon:"eye-show"}):t.createElement(N,{icon:"eye-hide"})):""),n.length>0&&t.createElement("div",{className:"err-text"},n)),e?t.createElement("div",{style:{...p,marginLeft:"5px"}},e):""))};Jt.propTypes={inBuiltCss:e.object,theme:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,rulesStyle:e.object,id:e.string,showHideIcon:e.bool},Jt.defaultProps={inBuiltCss:L,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0};const Ut=m.div`
1348
+ box-sizing: initial;
1356
1349
 
1357
- .master-dropdown__menu-list,
1358
- .new-select__menu-list {
1359
- margin: 0;
1360
- padding: 0;
1361
- }
1350
+ //Set the styles from the default styles object
1351
+ ${({inBuiltCss:e,defaultRadioOuterCircleStyle:t})=>P(e,t)}
1362
1352
 
1363
- .master-dropdown__menu-list {
1364
- max-height: 110px;
1365
- }
1353
+ border: 2px solid ${({value:e,selected:t,selectedCircleColor:o,defaultBorderColor:r,theme:l})=>e!==t&&r?r:e===t||r?e===t&&o?o:e!==t||o?void 0:l.primary["primary-1"]:l.border};
1366
1354
 
1367
-
1355
+ // custom styles
1356
+ ${({radioOuterCircleStyle:e})=>e}
1357
+ `;Ut.defaultProps={theme:R};const Dt=m.div`
1358
+ box-sizing: initial;
1368
1359
 
1369
- .master-dropdown__option,
1370
- .new-select__option {
1371
- color: ${({theme:e})=>e.textColor};
1372
- padding-top: 3px;
1373
- padding-bottom: 3px;
1374
- margin: 8px 0;
1375
- }
1360
+ //Set the styles from the default styles object
1361
+ ${({inBuiltCss:e,defaultRadioInnerCircleStyle:t})=>P(e,t)}
1376
1362
 
1377
- .get-selection__option:first-child {
1378
- margin-top: -113px;
1379
- }
1363
+ width: ${({value:e,selected:t,width:o})=>e===t?o:0};
1364
+ height: ${({value:e,selected:t,height:o})=>e===t?o:0};
1365
+ background-color: ${({value:e,selected:t,selectedCircleColor:o,theme:r})=>e===t&&o?o:e!==t||o?e!==t?"transparent":void 0:r.primary["primary-1"]};
1380
1366
 
1381
- .master-dropdown__option--is-focused,
1382
- .master-dropdown__option:hover,
1383
- .new-select__option--is-focused,
1384
- .new-select__option:hover {
1385
- background-color: ${({theme:e})=>e.neutral["neutral-5"]};
1386
- cursor: pointer;
1387
- }
1388
-
1389
- .new-select__control:hover,
1390
- .new-select__control--is-focused {
1391
-
1392
- box-shadow: none;
1393
- }
1394
-
1367
+ // custom styles
1368
+ ${({radioInnerCircleStyle:e})=>e}
1369
+ `;Dt.defaultProps={theme:R};const Qt=m.div`
1370
+ //Set the styles from the default styles object
1371
+ ${({inBuiltCss:e,defaultOptionStyle:t})=>P(e,t)}
1372
+ margin-right: ${({inline:e})=>e?"":"30px"};
1373
+ color: ${({selected:e,selectedOptionTextColor:t,defaultOptionColor:o,theme:r})=>e&&t?t:e&&!t?r.neutral["neutral-1"]:!e&&o?o:e||o?void 0:r.neutral["neutral-2"]};
1395
1374
 
1396
- .master-dropdown__option--is-selected,
1397
- .new-select__option--is-selected {
1398
- background: transparent;
1399
- }
1375
+ // custom styles
1376
+ ${({optionStyle:e})=>e}
1377
+ `;Qt.defaultProps={theme:R};const Nt=m.div`
1378
+ margin-bottom: ${({inline:e})=>e?"":"14px"};
1379
+ cursor: pointer;
1380
+ align-items: center;
1381
+ display: flex;
1382
+ gap: 10px;
1400
1383
 
1401
- .master-dropdown__value-container,
1402
- .new-select__value-container {
1403
- padding: 0.375rem 0.75rem 0.5rem;
1404
- }
1405
- }
1384
+ // custom styles
1385
+ ${({WrapperDivStyle:e})=>e}
1386
+ `,Kt=m.div`
1387
+ display: ${({inline:e})=>e?"flex":"inline-block"};
1388
+ width: max-content;
1389
+ margin: 0;
1390
+ `,Yt=({radioOuterCircleStyle:e,radioInnerCircleStyle:o,labelStyle:r,label:l,optionStyle:i,options:n,selectedCircleColor:a,selectedOptionTextColor:c,onChange:s,selected:d,width:p,height:m,inline:g,defaultBorderColor:b,defaultOptionColor:f,WrapperDivStyle:h,...y})=>{const x=u()||R;return t.createElement("div",null,t.createElement(Ke,{customStyles:r,type:"radio-label",text:l}),t.createElement(Kt,{inline:g},n.map(((r,l)=>t.createElement(Nt,{WrapperDivStyle:h,key:l+101*Math.random(),id:r.id,inline:g,onClick:()=>{!r?.disabled&&s(r.value)}},t.createElement(Ut,{theme:x,inBuiltCss:L,defaultBorderColor:b,selectedCircleColor:a,radioOuterCircleStyle:{...e,cursor:r?.disabled?"not-allowed ":" pointer",borderColor:r?.disabled&&r?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:r.value,selected:!r?.disabled&&d},t.createElement(Dt,{inBuiltCss:L,theme:x,width:p,height:m,selectedCircleColor:a,radioInnerCircleStyle:{...o,cursor:r?.disabled?"not-allowed ":" pointer",backgroundColor:r?.disabled?"transparent":r?.value===d?o?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:r.value,selected:d})),t.createElement(Qt,{defaultOptionColor:f,optionStyle:{...i,cursor:r?.disabled?"not-allowed ":" pointer",color:r?.disabled&&r?.disabledColor},inBuiltCss:L,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:x,selected:!r?.disabled&&r.value===d},r.label))))))};Yt.propTypes={label:e.string,labelStyle:e.object,inline:e.bool,options:e.array,optionStyle:e.object,WrapperDivStyle:e.object,selected:e.string,onChange:e.func,defaultOptionColor:e.string,defaultBorderColor:e.string,radioOuterCircleStyle:e.object,radioInnerCircleStyle:e.object,width:e.string,height:e.string,selectedCircleColor:e.string,selectedOptionTextColor:e.string},Yt.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const $t=m.div`
1391
+ background-color: ${({theme:e})=>e.bgColor};
1406
1392
 
1407
- .default-select {
1408
- .default-select__control {
1409
- height: 39px;
1410
- }
1393
+ //Set the styles from the default styles object
1394
+ ${({inBuiltCss:e,defaultWrapperStyle:t})=>P(e,t)}
1411
1395
 
1412
- .default-select__value-container--has-value {
1413
- padding: 0 8px 4px 8px;
1414
- }
1396
+ border: ${({isValid:e,theme:t})=>e?"1px solid "+t.border:"1px solid "+t.variant.error};
1415
1397
 
1416
- .default-select__indicator {
1417
- padding: 0 8px 0 8px;
1418
- padding-top: 0px;
1419
- }
1398
+ &:focus-within {
1399
+ border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
1400
+ outline: none;
1420
1401
 
1421
- .default-select__control--is-focused {
1422
- outline: none;
1423
- }
1402
+ .input-icon svg path {
1403
+ fill: ${({theme:e,iconColorOnFocus:t})=>t||e.variant["primary-1"]};
1424
1404
  }
1405
+ }
1425
1406
 
1426
-
1427
-
1428
- .text-main-alt {
1429
- color:${({theme:e})=>e.textColor} !important;
1430
- margin-right: 0px;
1431
- }
1432
- .text-main-alt-value {
1433
- color:${({theme:e})=>e.textColor} !important;
1434
- white-space: nowrap;
1435
- overflow: hidden;
1436
- text-overflow: ellipsis;
1437
- width: 57%;
1438
- }
1439
- .text-more-alt{
1440
- font-size:12px;
1441
- color: ${({theme:e})=>e.neutral["neutral-2"]};
1442
- padding-right: 0px;
1443
-
1444
-
1445
- }
1446
- .css-mohuvp-dummyInput-DummyInput{
1447
- height:0px;
1448
- }
1449
-
1450
- .css-6j8wv5-Input{
1451
- margin:0px;
1452
- padding-top:0px;
1453
- }
1454
- .new-select__menu {
1455
- z-Index: 2;
1456
- }
1457
-
1458
- .new-select__input-container{
1459
- margin:0px;
1460
- padding:0px;
1461
- }
1462
- .new-select__input{
1463
- margin:0px;
1464
- padding:0px;
1465
- }
1466
- .new-select__control:hover,
1467
- .new-select__control--is-focused {
1468
- border: 1px solid ${({theme:e})=>e.primary["primary-1"]};
1469
- }
1470
-
1471
- .css-ry76bm-singleValue {
1472
- margin-right: 5px;
1473
- max-width: 80%;
1474
- }
1475
- `;Kt.defaultProps={theme:M};const Nt=s.div`
1476
- // Default style
1477
- display: flex;
1478
-
1479
- //Set the styles from the default styles object
1480
- ${({inBuiltCss:e,labelWrapperStyle:t})=>I(e,t)}
1481
1407
  // custom styles
1482
- ${({customLabelStyles:e})=>e}
1483
- `,Dt=s.div`
1484
- margin-left: 6px;
1485
- margin-top: -14px;
1486
- cursor: pointer;
1487
- `,Yt=({getValue:e,children:o,...r})=>{const l=e().length;return t.createElement(y.ValueContainer,r,o,l>1&&t.createElement("span",{className:"text-more-alt"},"& ",l-1," more"))},$t=({label:e,labelStyle:o,optionArr:r,selectedValue:l,setSelectedValue:i,placeHolder:n,isClearable:a,isValid:c,height:s,fontSize:p,loadOptions:m,onInputChange:u,clearSelected:g,customWrapperStyles:b,customLabelStyles:f,isRequired:A,dropdownType:v,isDisabled:C,isLoading:S,id:k,iconName:E,iconColor:z,iconSize:V,showIndicator:I,leftIcon:W,leftIconColor:R,leftIconSize:L,...P})=>{const q=d()||M,T=e=>{const o=t.createElement(y.DropdownIndicator,e,t.createElement(Dt,null,t.createElement(J,{icon:E,color:z,size:V})));return!0===I?o:null},H=e=>t.createElement(y.ClearIndicator,e,a?t.createElement(Dt,{onClick:()=>{g(),e.clearValue()}},t.createElement(J,{icon:"cross-icon",color:"black",size:8})):null),j=e=>{const o={width:"15px",height:"15px",borderRadius:"2px",padding:"4px",fontSize:"8px",lineHeight:"10px",minWidth:"15px",minHeight:"15px"},r=t.createElement("div",{style:{...o,backgroundColor:e?.data?.color??q.primary["primary-1"]}},t.createElement(J,{icon:"check-icon",color:"white"})),l=t.createElement("div",{style:{...o,backgroundColor:"#e0e7ff"}});return t.createElement(y.Option,e,t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"center",width:"100%"}},e.isSelected?r:l,t.createElement("div",{className:"text-main-alt",style:{marginLeft:"10px"}},e.label)))},F=({index:e,...o})=>{const r=o?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},r)},O={control:(e,t)=>({...e,border:c?"1px solid "+q.border:"1px solid "+q.ui.error,minWidth:"100%",height:`${s}px`,minHeight:`${s}px`,boxShadow:(t.isSelected||t.isFocused)&&"none"}),placeholder:e=>({...e,fontSize:p+"px",marginLeft:"0px",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}),dropdownIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),clearIndicator:e=>({...e,height:`${s}px`,display:"flex",justifyContent:"center",alignItems:"center",paddingLeft:"0px"}),valueContainer:e=>({...e,display:"flex",justifyContent:"space-between",fontSize:p+"px"}),indicatorsContainer:e=>({...e,padding:0,height:`${s}px`}),menu:e=>({...e,border:"none",marginTop:"1px",borderTopRightRadius:"0px",borderTopLeftRadius:"0px",outline:"none",boxShadow:"0px 6px 20px rgba(56, 66, 100, 0.15)",borderRadius:"4.32px",fontSize:p+"px",width:"100%",minWidth:"100%"}),singleValue:e=>({...e,fontSize:p+"px",marginLeft:"0px",width:"auto"}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:p+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?q.neutral["neutral-5"]:q.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...P.styles};return t.createElement(Kt,{style:b,isValid:c,fontSize:p,theme:q},e&&t.createElement(Nt,{inBuiltCss:B,labelWrapperStyle:"selectComp-label-wrapper",style:f},t.createElement(Mt,{customStyles:o,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),A&&t.createElement("div",{style:{marginLeft:"4px",color:`${q.ui.error}`}},"*")),"multiSelect"===v?t.createElement(h,w({components:{DropdownIndicator:T,MultiValue:F,Option:j,ValueContainer:Yt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,value:l,options:r,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,id:k,isClearable:a},P)):"asyncSingleSelect"===v?t.createElement(x,w({loadOptions:m,defaultOptions:!0,onInputChange:u,styles:O,components:{DropdownIndicator:T,ValueContainer:Yt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",placeholder:n,onChange:i,isLoading:S,isDisabled:C,id:k,isClearable:a,value:l},P)):"asyncMultiSelect"===v?t.createElement(x,w({components:{DropdownIndicator:T,MultiValue:F,ValueContainer:Yt,Option:j,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",onChange:i,placeholder:n,styles:O,isMulti:!0,isDisabled:C,hideSelectedOptions:!1,closeMenuOnSelect:!1,isSearchable:!0,isLoading:S,loadOptions:m,defaultOptions:!0,onInputChange:u,id:k,isClearable:a},P)):t.createElement(h,w({components:{DropdownIndicator:T,ValueContainer:Yt,IndicatorSeparator:()=>null,ClearIndicator:H},className:"select-manage-page",classNamePrefix:"new-select",name:"select-dropdown",options:r,placeholder:n,isDisabled:C,value:{value:l?l.value:"",label:l?l.label:""},styles:O,onChange:i,isLoading:S,id:k,isClearable:a},P)))};$t.propTypes={label:e.string,labelStyle:e.object,optionArr:e.array,selectedValue:e.object,setSelectedValue:e.func,placeHolder:e.string,fontSize:e.number,clearSelected:e.func,loadOptions:e.func,onInputChange:e.func,customWrapperStyles:e.object,customLabelStyles:e.object,isRequired:e.bool,dropdownType:e.string,isDisabled:e.bool,isLoading:e.bool,isValid:e.bool,height:e.number,isClearable:e.bool,id:e.string,iconName:e.string,iconColor:e.string,iconSize:e.number,leftIcon:e.string,leftIconColor:e.string,leftIconSize:e.number,showIndicator:e.bool},$t.defaultProps={label:"",labelStyle:{},optionArr:[],selectedValue:{},setSelectedValue:void 0,placeHolder:"Select an option",isValid:!0,isClearable:!1,height:31,fontSize:14,loadOptions:()=>{},onInputChange:()=>{},clearSelected:()=>{},customWrapperStyles:{},customLabelStyles:{},isRequired:!1,dropdownType:"singleSelect",isDisabled:!1,isLoading:!1,id:"",iconName:"triangle-down",iconColor:"black",iconSize:8,leftIcon:"",leftIconColor:"black",leftIconSize:10,showIndicator:!0};const _t=s.div`
1408
+ ${({textBoxStyle:e})=>e}
1409
+
1410
+ background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor}
1411
+ `,_t=m.input`
1412
+ color: ${({theme:e})=>e.black};
1413
+ width: 85%;
1414
+ white-space: nowrap;
1415
+ overflow: hidden;
1416
+ text-overflow: ellipsis;
1488
1417
  //Set the styles from the default styles object
1489
- ${({inBuiltCss:e,defaultStyles:t})=>I(e,t)}
1418
+ ${({inBuiltCss:e,defaultInputStyle:t})=>P(e,t)}
1490
1419
 
1491
- background-color:${({hover:e,dropValid:t,fileArr:o,backgroundColor:r,theme:l})=>t?t&&e&&r?r:t&&e&&!r?l.primary["primary-1"]:t&&!e&&o.length>0?l.bgColor:t&&!e&&0==o.length?W(l.primary["primary-1"],.05):void 0:"rgba(215, 0, 0, 0.05)"}
1492
-
1493
- };
1494
- border: 1px
1495
- ${({dropValid:e,valid:t,fileArr:o,backgroundColor:r,theme:l})=>e?o.length>0?`solid ${r||l.primary["primary-1"]}`:`dashed ${r||l.primary["primary-1"]}`:"dashed "+l.ui.error};
1420
+ // custom styles
1421
+ ${({inputStyle:e})=>e}
1496
1422
 
1497
- &:hover {
1498
- cursor: pointer;
1423
+ .sc-furwcr bxRAoq {
1424
+ color: ${R.variant["neutral-3"]};
1499
1425
  }
1500
- transition: all 500ms linear;
1501
-
1502
- // custom styles
1503
- ${({customDropzoneStyles:e})=>e}
1504
- `,eo=s.div`
1426
+ background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor}};
1427
+ `,eo=g`
1428
+ display: flex;
1429
+ gap: 7px;
1430
+ align-items: center;
1431
+ `,to=m.div`
1432
+ ${({labelInline:e})=>e?eo:null}
1433
+ .err-text {
1434
+ color: ${({errMsgColor:e,theme:t})=>e||t.variant.error};
1435
+ margin-top: 5px;
1436
+ font-size: 10px;
1437
+ }
1438
+ `,oo=({textBoxStyle:e,labelStyle:o,inputStyle:r,errMsg:l,required:i,label:n,labelInline:a,iconBefore:c,iconAfter:s,isValid:d,type:p,isDisabled:m,id:g,errMsgColor:b,iconAfterStyle:f,iconBeforeStyle:h,ref:y,pattern:x,iconColorOnFocus:v,...A})=>{const C=u()||R;return t.createElement(to,z({labelInline:a,theme:C,errMsgColor:b},A),t.createElement("div",{style:{display:"flex"}},t.createElement(Ke,z({customStyles:o,type:"label-text",labelInline:a,text:n,errMsg:l,style:{display:"flex",marginBottom:""+(a?"":"7px"),paddingBottom:"0px"}},A)),i&&t.createElement("div",{style:{marginLeft:"4px",color:`${C.variant.error}`}},"*")),t.createElement("div",null,t.createElement($t,z({required:i,isDisabled:m,theme:C,textBoxStyle:e,isValid:d,inBuiltCss:L,defaultWrapperStyle:"textbox-wrapper",iconColorOnFocus:v},A),t.createElement("div",{className:"input-icon",style:{...h}},c),t.createElement(_t,z({inputStyle:r,type:p,theme:C,id:g,defaultInputStyle:"input-wrapper",isDisabled:m,disabled:m,ref:y,pattern:x},A)),t.createElement("div",{className:"input-icon",style:{...f}},s))),l.length>0&&t.createElement("div",{className:"err-text"},l))};oo.propTypes={inBuiltCss:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,iconBefore:e.any,iconAfter:e.any,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,type:e.string,isDisabled:e.bool,id:e.string,errMsgColor:e.string,iconAfterStyle:e.object,iconBeforeStyle:e.object,iconColorOnFocus:e.string},oo.defaultProps={inBuiltCss:L,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textBoxStyle:{},labelStyle:{},inputStyle:{},type:"text",isDisabled:!1,id:"",iconAfterStyle:{},iconBeforeStyle:{},iconColorOnFocus:""};const ro=({label:e,placeholder:o,handleSearch:r,searchInput:l,customStylesForm:i,customStyleObject:n,textBoxStyle:a,id:c,...s})=>t.createElement(oo,z({iconAfter:t.createElement(N,{icon:"magnifier-icon"}),label:e,textBoxStyle:a,placeholder:o,ref:l,onChange:r,id:c},s)),lo=m.div`
1505
1439
  //Set the styles from the default styles object
1506
- ${({inBuiltCss:e,defaultStyles:t})=>I(e,t)}
1440
+ ${({inBuiltCss:e,defaultParentDivStyle:t})=>P(e,t)}
1507
1441
 
1508
- // custom styles
1509
- ${({customFileStyles:e})=>e}
1510
- `,to=s.input`
1511
- display: none;
1512
- `,oo=s.div`
1513
- //Set the styles from the default styles object
1514
- ${({inBuiltCss:e,defaultStyles:t})=>I(e,t)}
1442
+ border: 1px solid ${({isMyInputFocused:e,activeColor:t,defaultColor:o,theme:r})=>e&&t?t:e&&!t?r.primary["primary-1"]:!e&&o?o:e||o?void 0:r.neutral["neutral-3"]};
1515
1443
 
1516
- // custom styles
1517
- ${({customTextStyles:e})=>e}
1518
- `;s.span`
1444
+ &:focus-within {
1445
+ border-color: ${({activeColor:e,theme:t})=>e||t.primary["primary-1"]};
1446
+ }
1447
+ `,io=m.div`
1519
1448
  //Set the styles from the default styles object
1520
- ${({inBuiltCss:e,type:t})=>I(e,t)}
1449
+ ${({inBuiltCss:e,defaultWrapperDivStyle:t})=>P(e,t)}
1521
1450
 
1522
- // custom styles
1523
- ${({customFileNameStyles:e})=>e}
1524
- `;const ro=s.div`
1525
- cursor: pointer;
1526
- padding-left: 1px;
1527
- margin-left: auto;
1528
- margin-right: 10px;
1529
- display: flex;
1530
- justify-content: center;
1531
- `,lo=s.div`
1532
- margin-left: 11px;
1533
- padding-left: 2px;
1534
- display: flex;
1535
- justify-content: center;
1536
- `,io=s.div`
1537
- color: #494949;
1538
- margin-left: 11px;
1539
- padding-left: 2px;
1540
- `;s.p`
1541
- color: #494949;
1542
- display: flex;
1543
- justify-content: center;
1544
- align-items: center;
1545
- margin: 20px 0px;
1546
- font-size: 14px;
1547
- `;const no=({label:e,labelStyle:o,labelInline:r,required:i,message:n,fileArr:a,setFileArr:s,deleteFile:p,customDropzoneStyles:m,customFileStyles:u,customTextStyles:g,customFileNameStyles:b,backgroundColor:f,singleFile:h,messageSize:y,showSupportedFormats:x,file_extensions:A,maxFilesAmount:v,minFilesAmount:C,fileSizeLimit:S,fileSizeNamingConvention:k,errorMessages:E,suggesionMessage:z,MessagelabelStyle:V,dropValid:I,setDropValid:W,id:R,...L})=>{const P=d()||M,[q,T]=l(!1),H=c(),[j,F]=l(I),[O,Z]=l("");let G;var X=A,U=!1,Q=x?"That file type is not supported.":"",K=(z=x?"Only Supported: "+JSON.stringify(X):"","");1==h&&(C=1,v=1);var N="Please upload (min."+C+" to max."+v+")files",D=e=>{K="";var t=0,o=a.length;if(o+1<C||o+1>v){var r="The file size is not uploaded";K=O?.amount,K=void 0!==K?K:r}for(const e of a)t+=e.size;if(""==K)for(const[o,a]of Object.entries(e)){a.name,t+=a.size;var l=a.name.split(".");l=l[l.length-1],U=X.includes(l.toLowerCase());var i=1024;("MB"==k||"GB"==k||"TB"==k)&&(i*=1024);var n=Math.round(t/i);if(0==U){K=E?.format,K=K?K+Q:Q;break}if(n>S&&U){U=!1;r="The file must be under "+S+" "+k;K=E?.size,K=null!=K?K:r;break}}return 0==U?(W(!1),F(I),Z(K),console.log(I)):(W(!0),F(I),Z("")),U};function Y(e){e.preventDefault(),e.stopPropagation()}function $(e,t){let o=1==t?[]:[...a];for(let t=0;t<e.length;t++)o.push(e.item(t));t||(o=o.filter(((e,t,o)=>t===o.findIndex((t=>t.place===e.place&&t.name===e.name)))));var r=D(o);return s(r?o:[]),T(!1),o}function _(e,t){if(e instanceof File){const t=a.filter((t=>t.name!==e.name));s(t)}else!function(e,t){const o=a.filter((t=>t.name!==e.name));s(o),p(e)}(e)}return t.createElement("div",null,t.createElement("div",{style:{display:"flex",width:"inherit"}},t.createElement(Mt,w({customStyles:o,type:"label-text",labelInline:r,text:e,style:{display:"flex",marginBottom:""+(r?"":"7px"),paddingBottom:"0px"}},L)),i&&t.createElement("div",{style:{marginLeft:"4px",color:`${P.variant.error}`}},"*")),t.createElement(_t,{theme:P,inBuiltCss:B,defaultStyles:"dropzone-parent",backgroundColor:f,customDropzoneStyles:m,onDragLeave:function(e){Y(e),T(!1)},onDragOver:function(e){Y(e),T(!0)},onDrop:function(e){Y(e);const{files:t}=e.dataTransfer;T(!0),L.onFilesAdded($(t,h))},onClick:function(){H.current.click()},hover:q,dropValid:I,fileArr:a},t.createElement(to,w({ref:H,type:"file",id:R,multiple:1!=h,onChange:function(e){const{files:t}=e.target;T(!1),D(e.target.files)&&(G&&URL.revokeObjectURL(G),G=URL.createObjectURL(t[0]),t[0].path=G,console.log(t),L.onFilesAdded($(t,h)))},onClick:e=>e.target.value=null},L)),I&&j?t.createElement(J,{icon:"file-upload",color:q?P.bgColor:P.primary["primary-1"],size:24}):null,t.createElement(oo,{dropValid:I,valid:j,hover:q,customTextStyles:g,inBuiltCss:B,defaultStyles:"dropzone-text-div"},I?t.createElement("div",null,t.createElement("span",{style:{color:q?P.bgColor:P.primary["primary-1"]}},"Choose a file"," "),t.createElement("span",{style:{color:q?P.bgColor:P.neutral["neutral-2"]}},"or"," "),t.createElement("span",{style:{color:q?P.bgColor:P.textColor}},"drag ",h?"it":"them"," here")):t.createElement("div",null,t.createElement("span",{style:{color:P.variant.error}},"Try again!!"," "),t.createElement("span",{style:{color:P.textColor}},O||n)))),O===Q?t.createElement(Mt,w({themeColor:M,customStyles:V,type:"label-text",labelInline:r,text:z,style:{display:"flex",paddingTop:"10px",paddingBottom:""+(r?"":"16.64px")}},L)):"The file size is not uploaded"===O?t.createElement(Mt,w({themeColor:M,customStyles:V,type:"label-text",labelInline:r,text:N,style:{display:"flex",paddingTop:"10px",paddingBottom:""+(r?"":"16.64px")}},L)):"",a?.map(((e,o)=>t.createElement(eo,{inBuiltCss:B,defaultStyles:"dropzone-file-div",key:`${e}-${o}`,customFileStyles:u},t.createElement(lo,null,t.createElement(J,{icon:"file-icon",color:P.primary["primary-1"]})),(File,t.createElement("a",{style:{color:P.variant["primary-1"],marginLeft:"5px"},href:e?.path,target:"_blank",rel:"noreferrer",download:e.name}," ",e.name)),t.createElement(io,null,e?.otherInfo),t.createElement(ro,{key:101*Math.random()|0,onClick:()=>_(e)},t.createElement("div",{style:{marginRight:"7px"}},t.createElement(J,{icon:`${!(e instanceof File)&&"cloud-icon"}`,color:P.primary["primary-1"]})),t.createElement(J,{icon:"cross-icon",color:P.neutral["neutral-2"],size:13}))))))};no.propTypes={onFilesAdded:e.func,dropValid:e.bool,setDropValid:e.func,message:e.string,fileArr:e.array,setFileArr:e.func,customDropzoneStyles:e.object,customFileStyles:e.object,customTextStyles:e.object,customFileNameStyles:e.object,backgroundColor:e.string,messageSize:e.number,maxFilesAmount:e.number,minFilesAmount:e.number,fileSizeLimit:e.number,fileSizeNamingConvention:e.string,showSupportedFormats:e.bool,file_extensions:e.array,errorMessages:e.object,suggesionMessage:e.any,MessagelabelStyle:e.object,id:e.string},no.defaultProps={onFilesAdded:()=>null,dropValid:!0,message:"",fileArr:[],setFileArr:()=>{},customDropzoneStyles:{},customFileStyles:{},customTextStyles:{},customFileNameStyles:{},messageSize:100,additionalText:"",maxFilesAmount:5,minFilesAmount:1,fileSizeLimit:10,fileSizeNamingConvention:"MB",showSupportedFormats:!0,file_extensions:["doc","docx","jpg","pdf","png","xlsx","xlsr","xls"],errorMessages:{},MessagelabelStyle:{},suggesionMessage:"doc, docx, jpg, pdf, png, xlsx, xlsr, xls (Max 10MB)",id:""};const ao=s.div`
1548
- display: contents;
1549
- ${({WrapperDivStyle:e})=>e}
1550
- `,co=s.input`
1551
- display: none;
1552
- min-height: 100vh;
1553
- padding: 0 0.5rem;
1554
- `,so=s.div`
1555
- height: 49px;
1556
- width: 49px;
1557
- background: white;
1451
+ flex-direction: ${({signIcon:e})=>e?"column":"initial"};
1452
+ width: ${({signIcon:e})=>e?"min-content":"calc(100% - 50px) !important"};
1453
+ max-width: ${({signIcon:e})=>e?"42px":"490px"};
1454
+ border-right: 1px solid
1455
+ ${({activeColor:e,defaultColor:t,isMyInputFocused:o,signIcon:r,theme:l})=>r&&o&&e?e:r&&o&&!e?l.primary["primary-1"]:r&&!o&&t?t:!r||o||t?r?void 0:"none":l.neutral["neutral-3"]};
1456
+ border-left: ${({signIcon:e})=>e?"":"none"};
1457
+ margin-left: ${({signIcon:e})=>e?"":"42px"};
1458
+ position: ${({signIcon:e})=>e?"absolute":""};
1459
+ `,no=m.div`
1460
+ width: 39px;
1461
+ height: 44px;
1558
1462
  display: flex;
1463
+ flex-direction: row;
1559
1464
  justify-content: center;
1560
1465
  align-items: center;
1561
- border-radius: 50%;
1562
- opacity: 0.8;
1563
- ${({IconWrapperStyle:e})=>e}
1564
- `,po=s.div`
1565
- background-color: ${({theme:e})=>e.bgColor};
1566
- width: 134px;
1567
- height: 134px;
1568
- border-radius: 50%;
1466
+ border-bottom: ${({penIcon:e,isMyInputFocused:t,activeColor:o,defaultColor:r,theme:l})=>e?t?`1px solid ${o||l.primary["primary-1"]}`:`1px solid ${r||l.neutral["neutral-3"]}`:""};
1467
+ background-color: rgba(255, 255, 255, 0.05);
1569
1468
  cursor: pointer;
1570
- font-size: 18px;
1571
- border: none;
1572
- filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
1573
- display: flex;
1574
- justify-content: center;
1575
- align-items: center;
1576
- background-position: center;
1577
- background-size: cover;
1578
- background-repeat: no-repeat;
1469
+ `,ao=m.input`
1470
+ ${({inBuiltCss:e,defaultInputStyle:t})=>P(e,t)}
1579
1471
 
1580
- .icon-on-preview {
1581
- display: none;
1582
- }
1583
- .icon-on-not-preview {
1584
- display: block;
1585
- }
1472
+ border-bottom: ${({value:e,defaultColor:t,theme:o})=>e.length>0?"none":t};
1586
1473
 
1587
- &:hover {
1588
- background-color: rgb(51 51 51 / 30%);
1474
+ &::placeholder {
1475
+ font-size: 17px;
1476
+ text-align: center;
1477
+ color: ${({placeholderColor:e,theme:t})=>e||t.neutral["neutral-3"]};
1478
+ font-family: 'Averta';
1479
+ font-style: normal;
1480
+ font-weight: normal;
1481
+ line-height: 22px;
1482
+ }
1483
+ &: focus-within {
1484
+ border: none;
1485
+ outline: none;
1589
1486
 
1590
- .icon-on-preview {
1591
- display: block;
1592
- }
1593
- .icon-on-not-preview {
1594
- display: none;
1487
+ ::placeholder {
1488
+ color: transparent;
1595
1489
  }
1596
1490
  }
1597
- ${({MainDivStyle:e})=>e};
1598
- `,mo=({image:e,setImage:o,WrapperDivStyle:n,MainDivStyle:a,IconWrapperStyle:c,iconSize:s,iconColor:p})=>{const[m,u]=l(),g=r(),b=d()||M,[f,h]=l(),[y,x]=l(!1);function A(e){e.preventDefault(),e.stopPropagation()}i((()=>{if(e&&y){const t=new FileReader;t.onloadend=()=>{u(t.result)},t.readAsDataURL(e)}else u(e)}),[e]);const v=e=>{e&&"image"===e.type.substr(0,5)?(x(!0),o(e)):(x(!1),o(null))};return t.createElement(ao,{onDragLeave:function(e){A(e),h(!1)},onDragOver:function(e){A(e),h(!0)},onDrop:function(e){A(e);const{files:t}=e.dataTransfer;v(t[0])},WrapperDivStyle:n},t.createElement(po,{theme:b,MainDivStyle:a,style:{backgroundImage:`url(${m})`},onClick:e=>{e.preventDefault(),g.current.click()}},!m&&t.createElement("div",{className:"icon-on-not-preview"},t.createElement(so,{IconWrapperStyle:c},t.createElement("img",{src:Z,alt:"",height:"40px",width:"48px"}))),t.createElement("div",{className:"icon-on-preview"},t.createElement(so,{IconWrapperStyle:c},t.createElement(J,{icon:"camera-icon",size:s,color:p||b.variant["primary-1"]})))),t.createElement(co,{type:"file",ref:g,accept:"image/*",onChange:e=>{v(e.target.files[0])}}))};mo.propTypes={image:e.any,setImage:e.func,WrapperDivStyle:e.object,MainDivStyle:e.object,IconWrapperStyle:e.object,iconSize:e.number},mo.defaultProps={image:null,setImage:()=>{},WrapperDivStyle:{},MainDivStyle:{},IconWrapperStyle:{},iconSize:28};const uo=s.div`
1599
- border: 1px solid
1600
- ${({theme:e})=>e.border};
1601
- border-radius: 4px;
1602
- padding: 5.5px 12px;
1491
+
1492
+ // custom styles
1493
+ ${({customInputStyle:e})=>e}
1494
+ `,co=m.div`
1495
+ position: relative;
1496
+ width: inherit;
1603
1497
  display: flex;
1604
- align-items: center;
1605
- background-color: ${({theme:e})=>e.bgColor};
1498
+ margin: 4px;
1499
+ `,so=m.div`
1500
+ padding-left: 2px;
1501
+ display: flex;
1502
+ justify-content: center;
1503
+ cursor: pointer;
1504
+ `,po=({onChange:e,activeColor:o,defaultColor:n,placeholderColor:a,placeholderText:c,customInputStyle:s,pointsArray:d,setPointsArray:p,value:m,setValue:g,valueForSignatureDrawing:b,setValueForSignatureDrawing:f,imageURL:h,setImageURL:y,id:x,...v})=>{const A=u()||R,[C,S]=l("default"),[E,k]=l(!1),[z,V]=l(!1),M=r(null);i((()=>{z&&(W(),f(M.current))}),[!0===z]);const B=()=>{g(""),f(M.current),M.current&&M.current.clear(),k(!1),V(!1)},W=()=>(p(M.current.toData()),y(M.current.toDataURL("image/png")),[h,d]);return t.createElement(lo,{inBuiltCss:L,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:E,selected:C,activeColor:o,defaultColor:n,theme:A},t.createElement(io,{inBuiltCss:L,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:n,selected:C,isMyInputFocused:E,signIcon:!0,theme:A},t.createElement(no,{activeColor:o,defaultColor:n,isMyInputFocused:E,theme:A,penIcon:!0,onClick:()=>{S("default"),B()}},t.createElement(N,{icon:"pen-icon",color:"default"===C?o||A.primary["primary-1"]:A.black})),t.createElement(no,{activeColor:o,defaultColor:n,theme:A,isMyInputFocused:E,penIcon:!1,onClick:()=>{S("sign"),B()}},t.createElement(N,{icon:"sign-icon",color:"default"!==C?o||A.primary["primary-1"]:A.black}))),t.createElement(io,{inBuiltCss:L,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:n,theme:A,selected:C,isMyInputFocused:E,signIcon:!1,onTouchStart:()=>{}},"default"===C?t.createElement(ao,{inBuiltCss:L,defaultInputStyle:"signature-input-text",placeholder:c,placeholderColor:a,customInputStyle:s,onBlur:()=>k(!1),onFocus:()=>k(!0),id:x,value:m,defaultColor:n,theme:A,onChange:e=>g(e.target.value)}):t.createElement(co,{onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),onClick:()=>{V(!0),W()}},t.createElement(w,{ref:M,id:x,redrawOnResize:!0,height:75,options:{minWidth:1,maxWidth:1,penColor:"#444444"}})),(m||z)&&t.createElement(so,{selected:C,onClick:()=>B()},t.createElement(N,{icon:"cross-icon",color:n||A.neutral["neutral-3"]}))))};po.propTypes={activeColor:e.string,defaultColor:e.string,placeholderColor:e.string,placeholderText:e.string,customInputStyle:e.object,pointsArray:e.any,setPointsArray:e.func,value:e.string,setValue:e.func,imageURL:e.string,setImageURL:e.func,id:e.string},po.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const mo=m.div`
1505
+ background-color: ${({theme:e})=>e.bgColor};
1506
+ //Set the styles from the default styles object
1507
+ ${({inBuiltCss:e,defaultWrapperStyle:t})=>P(e,t)}
1508
+
1509
+ border: ${({isValid:e,theme:t})=>e?"1px solid "+t.border:"1px solid "+t.variant.error};
1510
+
1606
1511
  .input-icon svg path {
1607
1512
  fill: ${({theme:e})=>e.variant["neutral-1"]};
1608
1513
  }
@@ -1615,416 +1520,559 @@ ${({customInputColorStyle:e})=>e}
1615
1520
  fill: ${({theme:e})=>e.variant["primary-1"]};
1616
1521
  }
1617
1522
  }
1618
- `;uo.defaultProps={theme:M};const go=s.input`
1619
- width: 85%;
1523
+
1524
+ // custom styles
1525
+ ${({textAreaStyle:e})=>e}
1526
+ `,uo=m.textarea`
1527
+ //Set the styles from the default styles object
1528
+ ${({inBuiltCss:e,defaultInputStyle:t})=>P(e,t)}
1529
+ margin: 0;
1530
+ overflow: auto;
1531
+ resize: vertical // custom styles
1532
+ ${({inputStyle:e})=>e};
1533
+ `,go=g`
1534
+ display: flex;
1535
+ gap: 7px;
1536
+ align-items: center;
1537
+ `,bo=m.div`
1538
+ ${({labelInline:e})=>e?go:null}
1539
+ ${({customStylesForm:e})=>{if(e)return{...e}}}
1540
+ position: relative;
1541
+ .err-text {
1542
+ color: ${({theme:e})=>e.variant.error};
1543
+ margin-top: 5px;
1544
+ font-size: 10px;
1545
+ }
1546
+ `,fo=t.forwardRef((({customStylesForm:e,textAreaStyle:o,labelStyle:r,inputStyle:l,errMsg:i,required:n,label:a,labelInline:c,iconBefore:s,iconAfter:d,isValid:p,rows:m,cols:g,id:b,...f},h)=>{const y=u()||R;return t.createElement(bo,z({labelInline:c,customStylesForm:e,theme:y},f),t.createElement("div",{style:{display:"flex"}},t.createElement(Ke,z({customStyles:r,type:"label-text",labelInline:c,text:a,errMsg:i,style:{display:"flex",marginBottom:""+(c?"":"7px"),paddingBottom:"0px"}},f)),n&&t.createElement("div",{style:{marginLeft:"4px",color:`${y.variant.error}`}},"*")),t.createElement(mo,z({theme:y,required:n,textAreaStyle:o,isValid:p,inBuiltCss:L,defaultWrapperStyle:"textbox-wrapper"},f),t.createElement("div",{className:"input-icon"},s),t.createElement(uo,z({ref:h,inputStyle:l,defaultInputStyle:"textarea-wrapper",cols:g,rows:m,inBuiltCss:L,id:b},f,{size:"1"})),t.createElement("div",{className:"input-icon"},d)),t.createElement("div",{className:"err-text"},i))}));fo.propTypes={rows:e.number,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,iconBefore:e.any,iconAfter:e.any,textAreaStyle:e.object,labelStyle:e.object,inputStyle:e.object,id:e.string},fo.defaultProps={label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textAreaStyle:{},labelStyle:{},inputStyle:{},rows:3,id:""};const ho=m.div`
1547
+ color: #a9b1b8;
1548
+ font-size: 21px;
1549
+ border: 1px solid
1550
+ ${({theme:e,isValid:t})=>t?R.border:e.variant.error};
1551
+ border-radius: 4px;
1552
+ padding: 5px;
1553
+ display: inline-block;
1554
+ align-items: center;
1555
+ background-color: ${({theme:e})=>e.bgColor};
1556
+ &:focus-within {
1557
+ border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
1558
+ outline: none;
1559
+ }
1560
+ `,yo=m.input`
1620
1561
  border: 0;
1621
1562
  outline: 0;
1622
1563
  color: ${({theme:e})=>e.variant["primary-2"]};
1623
- margin: 0px;
1564
+ margin: 0 5px;
1624
1565
  padding: 0;
1625
- font-size: 14px;
1626
- flex-grow: 1;
1627
- flex-shrink: 0;
1628
-
1629
- // custom styles
1630
- ${({inputStyle:e})=>e}
1631
- `;go.defaultProps={theme:M},p`
1566
+ font-size: 21px;
1567
+ width: 24px;
1568
+ text-align:center;
1569
+ background-color: ${({theme:e})=>e.bgColor};
1570
+ `,xo=g`
1632
1571
  &:after {
1633
1572
  content: ' *';
1634
1573
  color: ${({theme:e})=>e.variant.error};
1635
1574
  }
1636
- `;const bo=s.label`
1637
- display: flex;
1638
- margin-right: 10px;
1639
- align-content: center;
1640
- align-items: center;
1641
- justify-content: center;
1575
+ `,vo=m.label`
1642
1576
  display: block;
1643
- margin-bottom: ${({labelInline:e})=>e?"0":"7px"};
1577
+ margin-bottom: ${({labelInline:e,errMsg:t})=>e&&t?"18px":"7px"};
1644
1578
  margin-right: ${({labelInline:e})=>e?"7px":""};
1645
- padding-bottom: 0px;
1646
1579
  color: ${({theme:e})=>e.variant["neutral-2"]};
1647
-
1648
- ${({labelStyle:e})=>e}
1649
- `;bo.defaultProps={theme:M};const fo=p`
1580
+ ${({required:e})=>e?xo:null}
1581
+ padding-bottom: 0px;
1582
+ `,Ao=g`
1650
1583
  display: flex;
1651
1584
  align-items: center;
1652
- `,ho=s.div`
1653
- ${({labelInline:e})=>e?fo:null}
1585
+ `,Co=m.div`
1586
+ ${({labelInline:e})=>e?Ao:null}
1587
+ .err-text {
1588
+ color: ${({theme:e})=>e.variant.error};
1589
+ margin-top: 5px;
1590
+ font-size: 10px;
1591
+ }
1654
1592
 
1655
1593
  > div {
1656
1594
  flex: 1 0 auto;
1657
1595
  }
1658
- `;ho.defaultProps={theme:M};const yo=({label:e,inputValue:o,inputStyle:r,iconBefore:l,iconAfter:i,onChange:n,theme:a,id:c,labelStyle:s,...d})=>(console.log(s),t.createElement(ho,d,e.length>0&&t.createElement(bo,{labelStyle:s},e),t.createElement("div",null,t.createElement(uo,d,t.createElement("div",{className:"input-icon"},l),t.createElement(go,w({},d,{inputStyle:r,value:o,onChange:e=>{const{value:t}=e.currentTarget;(""===t||/^[0-9\b.-]+$/.test(t))&&n(t)},type:"number",id:c})),t.createElement("div",{className:"input-icon",style:{position:"absolute",right:"7px"}},i)))));yo.propTypes={theme:e.object,label:e.string,labelInline:e.bool,inputValue:e.any,inputStyle:e.object,id:e.string,labelStyle:e.object},yo.defaultProps={theme:M,label:"",labelInline:!1,inputStyle:{},inputValue:null,id:"",labelStyle:{}};const xo=s.div`
1596
+ `,wo=m.button`
1597
+ border: none;
1598
+ outline: none;
1599
+ border-radius: 4px;
1659
1600
  background-color: ${({theme:e})=>e.bgColor};
1601
+ color: #444;
1602
+ padding: 5px 6px;
1603
+ font-size: 18px;
1604
+ cursor: pointer;
1605
+ `,So=({label:e,errMsg:o,hour:r,minute:l,period:i,onChange:n,id:a,...c})=>{const s=u()||R;return t.createElement(Co,z({theme:s},c),t.createElement(vo,z({theme:s},c,{errMsg:o}),e),t.createElement("div",null,t.createElement(ho,z({theme:s,id:a},c),t.createElement(yo,{theme:s,value:r,onChange:function(e){const t=e.currentTarget.value>12?12:parseFloat(e.currentTarget.value)||0;n({hour:t,minute:l,period:i})}}),":",t.createElement(yo,{theme:s,value:l,onChange:function(e){console.log("minute change",e.currentTarget.value);const t=e.currentTarget.value>59?59:parseFloat(e.currentTarget.value)||0;n({hour:r,minute:t,period:i})}}),t.createElement(wo,{theme:s,onClick:function(e){n({hour:r,minute:l,period:"AM"===i?"PM":"AM"})}},i)),t.createElement("div",{className:"err-text"},o)))};So.propTypes={label:e.string,hour:e.number.isRequired,minute:e.number.isRequired,period:e.string.isRequired,required:e.bool,labelInline:e.bool,isValid:e.bool,errMsg:e.string,id:e.string},So.defaultProps={label:"",hour:0,minute:0,period:"AM",required:!1,labelInline:!1,isValid:!0,errMsg:"",id:""};const Eo=m.div`
1606
+ ${({inBuiltCss:e,defaultCheckBoxWrapperStyle:t})=>P(e,t)}
1607
+ `,ko=m.label`
1660
1608
 
1661
- //Set the styles from the default styles object
1662
- ${({inBuiltCss:e,defaultWrapperStyle:t})=>I(e,t)}
1663
-
1664
- border: ${({isValid:e,theme:t})=>e?"1px solid "+t.border:"1px solid "+t.variant.error};
1665
-
1666
- .input-icon svg path {
1667
- fill: ${({theme:e})=>e.variant["neutral-1"]};
1668
- }
1669
- .input-icon {
1670
- cursor: pointer;
1671
- }
1672
-
1673
- &:focus-within {
1674
- border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
1675
- outline: none;
1676
-
1677
- .input-icon svg path {
1678
- fill: ${({theme:e})=>e.variant["primary-1"]};
1679
- }
1680
- }
1609
+ left: ${({labelPosition:e})=>"right"===e?"initial":"50px"};
1610
+ margin-right: ${({labelPosition:e})=>"left"===e?"30px":"0px"};
1681
1611
 
1682
- // custom styles
1683
- ${({textBoxStyle:e})=>e}
1684
- `;xo.defaultProps={theme:M};const Ao=s.input`
1685
- width: 85%;
1686
- -webkit-text-security: ${({showEye:e})=>e?"none":"disc"};
1687
1612
 
1688
1613
  //Set the styles from the default styles object
1689
- ${({inBuiltCss:e,defaultInputStyle:t})=>I(e,t)}
1690
-
1614
+ ${({inBuiltCss:e,defaultCheckBoxLabelStyle:t})=>P(e,t)}
1615
+ background-color: ${({checked:e,backgroundColor:t,disabledColor:o,theme:r})=>e&&t?t:e&&!t?r.primary["primary-1"]:!e&&o?o:e||o?void 0:r.neutral["neutral-2"]};
1691
1616
  // custom styles
1692
- ${({inputStyle:e})=>e}
1617
+ ${({customToggleBoxStyle:e})=>e}
1618
+ &:before {
1619
+ content: '';
1620
+ display: block;
1621
+ border-radius: 50%;
1622
+ width: 16px;
1623
+ height: 16px;
1624
+ margin-top: 3px;
1625
+ background: ${({switchColor:e,theme:t})=>e||t.bgColor};
1626
+ transition: 0.2s;
1627
+ margin-left: ${({checked:e})=>e?"4px":"25px"};
1693
1628
 
1694
- .sc-furwcr bxRAoq {
1695
- color: ${({theme:e})=>e.variant["neutral-3"]};
1696
- }
1697
- `;Ao.defaultProps={theme:M};const vo=p`
1698
- display: flex;
1699
- gap: 7px;
1700
- align-items: start;
1701
- `,Co=s.div`
1702
- ${({labelInline:e})=>e?vo:null}
1703
- .err-text {
1704
- color: ${({errMsgColor:e,theme:t})=>e||t.variant.error};
1705
- margin-top: 5px;
1706
- font-size: 10px;
1629
+ // custom styles
1630
+ ${({customSwitchStyle:e})=>e}
1707
1631
  }
1708
- `;Co.defaultProps={theme:M};const wo=({passwordRules:e,textBoxStyle:o,labelStyle:r,inputStyle:i,errMsg:n,required:a,label:c,labelInline:s,isValid:p,rulesStyle:m,id:u,showHideIcon:g,errMsgColor:b,...f})=>{const[h,y]=l(!1),x=d()||M;return t.createElement(Co,w({onPaste:e=>(e.preventDefault(),!1),onCopy:e=>(e.preventDefault(),!1),labelInline:s,inBuiltCss:B,errMsgColor:b,theme:x},f),t.createElement("div",{style:{display:"flex"}},t.createElement(Mt,w({customStyles:r,type:"label-text",text:c,errMsg:n,style:{display:"flex",marginBottom:""+(s?"0px":"7px"),paddingBottom:"0px"}},f)),a&&t.createElement("div",{style:{marginLeft:"4px",marginRight:"5px",color:`${x.variant.error}`}},"*")),t.createElement("div",{style:{display:"flex",justifyContent:"start",alignItems:"start"}},t.createElement("div",{style:{width:"100%"}},t.createElement(xo,w({required:a,theme:x,textBoxStyle:o,isValid:p,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:B},f),t.createElement(Ao,w({inputStyle:i,type:"text",id:u,showEye:h,theme:x,defaultInputStyle:"input-wrapper",inBuiltCss:B},f)),!0===g?t.createElement("div",{className:"input-icon",onClick:()=>y(!h),style:{position:"absolute",right:"7px"}},h?t.createElement(J,{icon:"eye-show"}):t.createElement(J,{icon:"eye-hide"})):""),n.length>0&&t.createElement("div",{className:"err-text"},n)),e?t.createElement("div",{style:{...m,marginLeft:"5px"}},e):""))};wo.propTypes={inBuiltCss:e.object,theme:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,rulesStyle:e.object,id:e.string,showHideIcon:e.bool},wo.defaultProps={inBuiltCss:B,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0};const So=s.div`
1709
- box-sizing: initial;
1710
-
1711
- //Set the styles from the default styles object
1712
- ${({inBuiltCss:e,defaultRadioOuterCircleStyle:t})=>I(e,t)}
1713
-
1714
- border: 2px solid ${({value:e,selected:t,selectedCircleColor:o,defaultBorderColor:r,theme:l})=>e!==t&&r?r:e===t||r?e===t&&o?o:e!==t||o?void 0:l.primary["primary-1"]:l.border};
1632
+ `,zo=m.input.attrs({type:"checkbox"})`
1633
+ opacity: 0;
1634
+ z-index: 1;
1635
+ border-radius: 31px;
1636
+ width: 45px;
1637
+ height: 22px;
1638
+ cursor: pointer;
1639
+ position: ${({labelPosition:e})=>"right"===e?"initial":"absolute"};
1640
+ left: ${({labelPosition:e})=>"right"===e?"initial":"50px"};
1715
1641
 
1716
- // custom styles
1717
- ${({radioOuterCircleStyle:e})=>e}
1718
- `;So.defaultProps={theme:M};const ko=s.div`
1719
- box-sizing: initial;
1720
1642
 
1721
- //Set the styles from the default styles object
1722
- ${({inBuiltCss:e,defaultRadioInnerCircleStyle:t})=>I(e,t)}
1643
+ `,Vo=m.span`
1723
1644
 
1724
- width: ${({value:e,selected:t,width:o})=>e===t?o:0};
1725
- height: ${({value:e,selected:t,height:o})=>e===t?o:0};
1726
- background-color: ${({value:e,selected:t,selectedCircleColor:o,theme:r})=>e===t&&o?o:e!==t||o?e!==t?"transparent":void 0:r.primary["primary-1"]};
1645
+ margin-right: ${({labelPosition:e})=>"30px"};
1727
1646
 
1728
- // custom styles
1729
- ${({radioInnerCircleStyle:e})=>e}
1730
- `;ko.defaultProps={theme:M};const Eo=s.div`
1731
1647
  //Set the styles from the default styles object
1732
- ${({inBuiltCss:e,defaultOptionStyle:t})=>I(e,t)}
1733
- margin-right: ${({inline:e})=>e?"":"30px"};
1734
- color: ${({selected:e,selectedOptionTextColor:t,defaultOptionColor:o,theme:r})=>e&&t?t:e&&!t?r.neutral["neutral-1"]:!e&&o?o:e||o?void 0:r.neutral["neutral-2"]};
1648
+ ${({inBuiltCss:e,defaultOptionTextStyle:t})=>P(e,t)}
1735
1649
 
1736
1650
  // custom styles
1737
- ${({optionStyle:e})=>e}
1738
- `;Eo.defaultProps={theme:M};const zo=s.div`
1739
- margin-bottom: ${({inline:e})=>e?"":"14px"};
1740
- cursor: pointer;
1651
+ ${({optionStyle:e})=>e}
1652
+ `,Mo=({checked:e,customSwitchStyle:o,customToggleBoxStyle:r,backgroundColor:l,disabledColor:i,switchColor:n,onClick:a,trueLabel:c,falseLabel:s,optionStyle:d,labelPosition:p,id:m,...g})=>{const b=u()||R;return t.createElement(Eo,z({inBuiltCss:L,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},g),"left"===p&&t.createElement(Vo,z({optionStyle:d,inBuiltCss:L,labelPosition:p,defaultOptionTextStyle:"toggle-switch-option-text"},g),e?c:s),t.createElement(zo,z({},g,{labelPosition:p,id:m,inBuiltCss:L,defaultCheckBoxStyle:"toggle-switch-checkbox",onClick:()=>{a(!e)},isChecked:e})),t.createElement(ko,z({},g,{labelPosition:p,htmlFor:m,customToggleBoxStyle:r,customSwitchStyle:o,disabledColor:i,backgroundColor:l,switchColor:n,inBuiltCss:L,defaultCheckBoxLabelStyle:"toggle-switch-checkbox-label",checked:e,theme:b})),"right"===p&&t.createElement(Vo,z({optionStyle:d,inBuiltCss:L,labelPosition:p,defaultOptionTextStyle:"toggle-switch-option-text"},g),e?c:s))};Mo.propTypes={customToggleBoxStyle:e.object,customSwitchStyle:e.object,backgroundColor:e.string,checked:e.bool,trueLabel:e.string,falseLabel:e.string,id:e.string,labelPosition:e.string},Mo.defaultProps={checked:!1,trueLabel:"Yes",falseLabel:"No",customSwitchStyle:{},customToggleBoxStyle:{},id:"",labelPosition:"right"};const Bo=m.div`
1653
+ background-color: ${({theme:e})=>e.bgColor};
1654
+ padding: 24px 8px;
1655
+ ${({commentBodyStyle:e})=>e};
1656
+ `,Wo=m.div`
1657
+ display: flex;
1658
+ flex-direction: column;
1659
+ margin-bottom: 24px;
1660
+ ${({commentWrapperStyle:e})=>e};
1661
+ `,Io=m.div`
1662
+ display: flex;
1663
+ flex-direction: row;
1664
+ width: 100%;
1665
+ justify-content: flex-start;
1666
+ align-items: center;
1667
+ ${({commentHeadStyle:e})=>e};
1668
+ `,Ro=m.span`
1669
+ margin-left: 24px;
1670
+ font-size: 14px;
1671
+ color: ${({theme:e})=>e.variant["neutral-2"]};
1672
+ font-weight: 400;
1673
+ ${({dateTimeStyle:e})=>e};
1674
+ `,Lo=m.span`
1675
+ margin: 0.75rem 0 0 3rem;
1676
+ font-size: 16px;
1677
+ color: ${R.variant["graph-6"]};
1678
+ ${({commentDivStyle:e})=>e};
1679
+ `,Po=m.div`
1680
+ display: flex;
1681
+ justify-content: flex-start;
1682
+ align-items: start;
1683
+ flex-direction: row;
1684
+ background-color: ${({theme:e})=>e.variant["neutral-4"]};
1685
+ padding: 16px 24px;
1686
+ border-radius: 0px 0px 4px 4px;
1687
+ ${({inputWrapperStyle:e})=>e};
1688
+ `,To=m.div`
1689
+ display: inline-flex;
1690
+ margin-top: 16px;
1691
+ `,Ho=m.div`
1692
+ width: 100%;
1693
+ margin-left: 16px;
1694
+ `,qo=({inputValue:e,setInputValue:o,commentArray:r,commentBodyStyle:i,commentWrapperStyle:n,commentHeadStyle:a,dateTimeStyle:c,commentDivStyle:s,inputWrapperStyle:d,onSave:p,myInfo:m,placeholder:g,...b})=>{const f=u()||R,[h,y]=l(!1);return t.createElement(Bo,{commentBodyStyle:i,theme:f},r.map(((e,o)=>{const{name:r,date:l,comment:i,image:d}=e;return t.createElement(Wo,{key:o,commentWrapperStyle:n},t.createElement(Io,{commentHeadStyle:a},t.createElement(se,z({user:{fullName:r,userName:r,url:d},toggleName:!0,size:"LG"},b)),t.createElement(Ro,{dateTimeStyle:c,theme:f},l)),t.createElement(Lo,{commentDivStyle:s},i))})),t.createElement(Po,{theme:f,inputWrapperStyle:d},t.createElement(se,{user:{fullName:m?.fullName,userName:m?.userName,url:m?.url},toggleName:!1,customStylesImage:{height:"36px",width:"36px"},customStylesContainer:{marginTop:"7px"}}),t.createElement(Ho,null,t.createElement(oo,{value:e,onChange:e=>o(e.target.value),placeholder:g,isValid:!0,inputStyle:{height:"23px"},onFocus:e=>y(!0)}),h&&t.createElement(To,null,t.createElement(Be,z({size:"sm",onClick:p},b),"Save"),t.createElement(ke,{size:"sm",btnStyle:{color:f.variant["neutral-1"]},onClick:e=>y(!1)},"Cancel")))))};qo.propTypes={commentBodyStyle:e.object,commentWrapperStyle:e.object,commentHeadStyle:e.object,dateTimeStyle:e.object,commentDivStyle:e.object,inputWrapperStyle:e.object,onSave:e.func,commentArray:e.array,inputValue:e.string,setInputValue:e.func,myInfo:e.object,placeholder:e.string},qo.defaultProps={commentBodyStyle:{},commentWrapperStyle:{},commentHeadStyle:{},dateTimeStyle:{},commentDivStyle:{},inputWrapperStyle:{},onSave:()=>{},commentArray:[],inputValue:"",setInputValue:()=>{},myInfo:{},placeholder:""};const jo=m.div`
1695
+ //Set the styles from the default styles object
1696
+ ${({theme:e,type:t})=>P(e,t)}
1697
+ @media (max-width: 980px) {
1698
+ margin-left: 0px;
1699
+ }
1700
+ // custom styles
1701
+ ${({customStyles:e})=>e}
1702
+ `,Fo=({theme:e,type:o,customStyles:r,...l})=>t.createElement(jo,z({theme:e,customStyles:r,type:o},l),l.children);Fo.propTypes={theme:e.object,customStyles:e.object,type:e.string},Fo.defaultProps={theme:L,customStyles:null,type:"content"};const Oo=m.div`
1703
+ width: 100%;
1704
+ display: flex;
1705
+ flex-direction: column;
1741
1706
  align-items: center;
1707
+ min-height: calc(100vh - 130px);
1708
+
1709
+ button:hover,
1710
+ button:active,
1711
+ button:focus {
1712
+ outline: none;
1713
+ }
1714
+ `,Zo=m.div`
1715
+ position: relative;
1742
1716
  display: flex;
1743
- gap: 10px;
1717
+ width: 100%;
1718
+ padding: 25px;
1719
+ column-gap: 18px;
1720
+ align-items: center;
1721
+ box-sizing: border-box;
1722
+ background: linear-gradient(
1723
+ 0deg,
1724
+ hsla(0, 0%, 100%, 1) 20%,
1725
+ hsla(0, 0%, 100%, 0.5) 100%
1726
+ );
1727
+ border-radius: 6px;
1744
1728
 
1745
- // custom styles
1746
- ${({WrapperDivStyle:e})=>e}
1747
- `,Vo=s.div`
1748
- display: ${({inline:e})=>e?"flex":"inline-block"};
1749
- width: max-content;
1750
- margin: 0;
1751
- `,Mo=({radioOuterCircleStyle:e,radioInnerCircleStyle:o,labelStyle:r,label:l,optionStyle:i,options:n,selectedCircleColor:a,selectedOptionTextColor:c,onChange:s,selected:p,width:m,height:u,inline:g,defaultBorderColor:b,defaultOptionColor:f,WrapperDivStyle:h,...y})=>{const x=d()||M;return t.createElement("div",null,t.createElement(Mt,{customStyles:r,type:"radio-label",text:l}),t.createElement(Vo,{inline:g},n.map(((r,l)=>t.createElement(zo,{WrapperDivStyle:h,key:l+101*Math.random(),id:r.id,inline:g,onClick:()=>{!r?.disabled&&s(r.value)}},t.createElement(So,{theme:x,inBuiltCss:B,defaultBorderColor:b,selectedCircleColor:a,radioOuterCircleStyle:{...e,cursor:r?.disabled?"not-allowed ":" pointer",borderColor:r?.disabled&&r?.disabledColor},defaultRadioOuterCircleStyle:"radio-outer-circle",value:r.value,selected:!r?.disabled&&p},t.createElement(ko,{inBuiltCss:B,theme:x,width:m,height:u,selectedCircleColor:a,radioInnerCircleStyle:{...o,cursor:r?.disabled?"not-allowed ":" pointer",backgroundColor:r?.disabled?"transparent":r?.value===p?o?.backgroundColor:"transparent"},defaultRadioInnerCircleStyle:"radio-inner-circle",value:r.value,selected:p})),t.createElement(Eo,{defaultOptionColor:f,optionStyle:{...i,cursor:r?.disabled?"not-allowed ":" pointer",color:r?.disabled&&r?.disabledColor},inBuiltCss:B,defaultOptionStyle:"option-text",selectedOptionTextColor:c,theme:x,selected:!r?.disabled&&r.value===p},r.label))))))};Mo.propTypes={label:e.string,labelStyle:e.object,inline:e.bool,options:e.array,optionStyle:e.object,WrapperDivStyle:e.object,selected:e.string,onChange:e.func,defaultOptionColor:e.string,defaultBorderColor:e.string,radioOuterCircleStyle:e.object,radioInnerCircleStyle:e.object,width:e.string,height:e.string,selectedCircleColor:e.string,selectedOptionTextColor:e.string},Mo.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const Bo=s.div`
1752
- background-color: ${({theme:e})=>e.bgColor};
1729
+ @media (max-width: 900px) {
1730
+ flex-wrap: wrap;
1731
+ height: fit-content;
1732
+ padding-bottom: 25.5px;
1733
+ }
1753
1734
 
1754
- //Set the styles from the default styles object
1755
- ${({inBuiltCss:e,defaultWrapperStyle:t})=>I(e,t)}
1735
+ @media (max-width: 800px) {
1736
+ flex-wrap: nowrap;
1737
+ padding-bottom: 25.5px;
1738
+ align-items: stretch;
1756
1739
 
1757
- border: ${({isValid:e,theme:t})=>e?"1px solid "+t.border:"1px solid "+t.variant.error};
1740
+ & > div:nth-child(2) {
1741
+ margin-top: 26px;
1742
+ }
1758
1743
 
1759
- &:focus-within {
1760
- border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
1761
- outline: none;
1744
+ & > span {
1745
+ margin-top: 26px;
1746
+ }
1762
1747
 
1763
- .input-icon svg path {
1764
- fill: ${({theme:e,iconColorOnFocus:t})=>t||e.variant["primary-1"]};
1748
+ & > * {
1749
+ flex-basis: unset;
1765
1750
  }
1766
1751
  }
1767
1752
 
1768
- // custom styles
1769
- ${({textBoxStyle:e})=>e}
1770
-
1771
- background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor}
1772
- `,Io=s.input`
1773
- color: ${({theme:e})=>e.black};
1774
- width: 85%;
1775
- white-space: nowrap;
1776
- overflow: hidden;
1777
- text-overflow: ellipsis;
1778
- //Set the styles from the default styles object
1779
- ${({inBuiltCss:e,defaultInputStyle:t})=>I(e,t)}
1780
-
1781
- // custom styles
1782
- ${({inputStyle:e})=>e}
1753
+ @media (max-width: 650px) {
1754
+ padding-top: 35px;
1755
+ padding-right: 39px;
1756
+ }
1783
1757
 
1784
- .sc-furwcr bxRAoq {
1785
- color: ${M.variant["neutral-3"]};
1758
+ & label {
1759
+ font-size: 14px;
1760
+ padding-bottom: 10px;
1761
+ margin-bottom: 0;
1786
1762
  }
1787
- background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor}};
1788
- `,Wo=p`
1789
- display: flex;
1790
- gap: 7px;
1791
- align-items: center;
1792
- `,Ro=s.div`
1793
- ${({labelInline:e})=>e?Wo:null}
1794
- .err-text {
1795
- color: ${({errMsgColor:e,theme:t})=>e||t.variant.error};
1796
- margin-top: 5px;
1797
- font-size: 10px;
1763
+
1764
+ & first-child {
1765
+ &::placeholder {
1766
+ color: #a9b1b8;
1767
+ }
1798
1768
  }
1799
- `,Lo=({textBoxStyle:e,labelStyle:o,inputStyle:r,errMsg:l,required:i,label:n,labelInline:a,iconBefore:c,iconAfter:s,isValid:p,type:m,isDisabled:u,id:g,errMsgColor:b,iconAfterStyle:f,iconBeforeStyle:h,ref:y,pattern:x,iconColorOnFocus:A,...v})=>{const C=d()||M;return t.createElement(Ro,w({labelInline:a,theme:C,errMsgColor:b},v),t.createElement("div",{style:{display:"flex"}},t.createElement(Mt,w({customStyles:o,type:"label-text",labelInline:a,text:n,errMsg:l,style:{display:"flex",marginBottom:""+(a?"":"7px"),paddingBottom:"0px"}},v)),i&&t.createElement("div",{style:{marginLeft:"4px",color:`${C.variant.error}`}},"*")),t.createElement("div",null,t.createElement(Bo,w({required:i,isDisabled:u,theme:C,textBoxStyle:e,isValid:p,inBuiltCss:B,defaultWrapperStyle:"textbox-wrapper",iconColorOnFocus:A},v),t.createElement("div",{className:"input-icon",style:{...h}},c),t.createElement(Io,w({inputStyle:r,type:m,theme:C,id:g,defaultInputStyle:"input-wrapper",isDisabled:u,disabled:u,ref:y,pattern:x},v)),t.createElement("div",{className:"input-icon",style:{...f}},s))),l.length>0&&t.createElement("div",{className:"err-text"},l))};Lo.propTypes={inBuiltCss:e.object,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,iconBefore:e.any,iconAfter:e.any,textBoxStyle:e.object,labelStyle:e.object,inputStyle:e.object,type:e.string,isDisabled:e.bool,id:e.string,errMsgColor:e.string,iconAfterStyle:e.object,iconBeforeStyle:e.object,iconColorOnFocus:e.string},Lo.defaultProps={inBuiltCss:B,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textBoxStyle:{},labelStyle:{},inputStyle:{},type:"text",isDisabled:!1,id:"",iconAfterStyle:{},iconBeforeStyle:{},iconColorOnFocus:""};const Po=({label:e,placeholder:o,handleSearch:r,searchInput:l,customStylesForm:i,customStyleObject:n,textBoxStyle:a,id:c,...s})=>t.createElement(Lo,w({iconAfter:t.createElement(J,{icon:"magnifier-icon"}),label:e,textBoxStyle:a,placeholder:o,ref:l,onChange:r,id:c},s)),qo=s.div`
1800
- //Set the styles from the default styles object
1801
- ${({inBuiltCss:e,defaultParentDivStyle:t})=>I(e,t)}
1802
1769
 
1803
- border: 1px solid ${({isMyInputFocused:e,activeColor:t,defaultColor:o,theme:r})=>e&&t?t:e&&!t?r.primary["primary-1"]:!e&&o?o:e||o?void 0:r.neutral["neutral-3"]};
1770
+ .single-select {
1771
+ flex-basis: 177px;
1804
1772
 
1805
- &:focus-within {
1806
- border-color: ${({activeColor:e,theme:t})=>e||t.primary["primary-1"]};
1773
+ @media (max-width: 800px) {
1774
+ flex-basis: unset;
1775
+ }
1807
1776
  }
1808
- `,To=s.div`
1809
- //Set the styles from the default styles object
1810
- ${({inBuiltCss:e,defaultWrapperDivStyle:t})=>I(e,t)}
1811
1777
 
1812
- flex-direction: ${({signIcon:e})=>e?"column":"initial"};
1813
- width: ${({signIcon:e})=>e?"min-content":"calc(100% - 50px) !important"};
1814
- max-width: ${({signIcon:e})=>e?"42px":"490px"};
1815
- border-right: 1px solid
1816
- ${({activeColor:e,defaultColor:t,isMyInputFocused:o,signIcon:r,theme:l})=>r&&o&&e?e:r&&o&&!e?l.primary["primary-1"]:r&&!o&&t?t:!r||o||t?r?void 0:"none":l.neutral["neutral-3"]};
1817
- border-left: ${({signIcon:e})=>e?"":"none"};
1818
- margin-left: ${({signIcon:e})=>e?"":"42px"};
1819
- position: ${({signIcon:e})=>e?"absolute":""};
1820
- `,Ho=s.div`
1821
- width: 39px;
1822
- height: 44px;
1823
- display: flex;
1824
- flex-direction: row;
1825
- justify-content: center;
1826
- align-items: center;
1827
- border-bottom: ${({penIcon:e,isMyInputFocused:t,activeColor:o,defaultColor:r,theme:l})=>e?t?`1px solid ${o||l.primary["primary-1"]}`:`1px solid ${r||l.neutral["neutral-3"]}`:""};
1828
- background-color: rgba(255, 255, 255, 0.05);
1829
- cursor: pointer;
1830
- `,jo=s.input`
1831
- ${({inBuiltCss:e,defaultInputStyle:t})=>I(e,t)}
1778
+ .selection-side {
1779
+ display: flex;
1780
+ align-items: center;
1781
+ position: absolute;
1782
+ right: 39px;
1783
+ top: 25.5px;
1832
1784
 
1833
- border-bottom: ${({value:e,defaultColor:t,theme:o})=>e.length>0?"none":t};
1785
+ svg {
1786
+ fill: ${({defaultThemeColor:e})=>e.variant["primary-2"]};
1834
1787
 
1835
- &::placeholder {
1836
- font-size: 17px;
1837
- text-align: center;
1838
- color: ${({placeholderColor:e,theme:t})=>e||t.neutral["neutral-3"]};
1839
- font-family: 'Averta';
1840
- font-style: normal;
1841
- font-weight: normal;
1842
- line-height: 22px;
1843
- }
1844
- &: focus-within {
1845
- border: none;
1846
- outline: none;
1788
+ path {
1789
+ fill: ${({defaultThemeColor:e})=>e.variant["primary-2"]};
1790
+ }
1791
+ }
1847
1792
 
1848
- ::placeholder {
1849
- color: transparent;
1793
+ @media (max-width: 800px) {
1794
+ margin-right: 0;
1795
+ margin-top: 0;
1850
1796
  }
1851
1797
  }
1852
-
1853
- // custom styles
1854
- ${({customInputStyle:e})=>e}
1855
- `,Fo=s.div`
1856
- position: relative;
1857
- width: inherit;
1798
+ `,Xo=m.span`
1799
+ color: #2e56f4;
1800
+ font-style: normal;
1801
+ font-weight: normal;
1802
+ font-size: 14px;
1803
+ line-height: 17px;
1804
+ cursor: pointer;
1805
+ margin-top: 37px;
1806
+ margin-right: 65px;
1807
+ white-space: nowrap;
1808
+ `,Go=m.div`
1858
1809
  display: flex;
1859
- margin: 4px;
1860
- `,Oo=s.div`
1861
- padding-left: 2px;
1810
+ flex-direction: column;
1811
+ ${""}
1812
+ max-width: 1340px;
1813
+ width: 100%;
1814
+ align-items: center;
1815
+ `,Jo=m.div`
1816
+ position: absolute;
1817
+ font-size: 12px;
1818
+ border-radius: 50%;
1819
+ right: 0;
1820
+ background-color: red;
1821
+ min-width: 20px;
1822
+ min-height: 20px;
1862
1823
  display: flex;
1824
+ align-items: center;
1863
1825
  justify-content: center;
1826
+ width: 4ch;
1827
+ height: 4ch;
1828
+ padding: 0px;
1829
+ transform: translate(30%, -30%);
1830
+ color: white;
1831
+ font-weight: 600;
1832
+ `,Uo=m.div`
1833
+ width: 90%;
1834
+ `,Do=m.div`
1835
+ background: linear-gradient(
1836
+ 0deg,
1837
+ hsla(0, 0%, 100%, 1) 20%,
1838
+ hsla(0, 0%, 100%, 0.5) 100%
1839
+ );
1840
+ width: 90%;
1841
+ `,Qo=m.div`
1842
+ width: 90%;
1843
+ `,No=m.div`
1844
+ display: flex;
1845
+ margin-left: auto !important;
1846
+ margin-right: auto !important;
1864
1847
  cursor: pointer;
1865
- `,Zo=({onChange:e,activeColor:o,defaultColor:n,placeholderColor:a,placeholderText:c,customInputStyle:s,pointsArray:p,setPointsArray:m,value:u,setValue:g,valueForSignatureDrawing:b,setValueForSignatureDrawing:f,imageURL:h,setImageURL:y,id:x,...v})=>{const C=d()||M,[w,S]=l("default"),[k,E]=l(!1),[z,V]=l(!1),I=r(null);i((()=>{z&&(R(),f(I.current))}),[!0===z]);const W=()=>{g(""),f(I.current),I.current&&I.current.clear(),E(!1),V(!1)},R=()=>(m(I.current.toData()),y(I.current.toDataURL("image/png")),[h,p]);return t.createElement(qo,{inBuiltCss:B,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:k,selected:w,activeColor:o,defaultColor:n,theme:C},t.createElement(To,{inBuiltCss:B,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:n,selected:w,isMyInputFocused:k,signIcon:!0,theme:C},t.createElement(Ho,{activeColor:o,defaultColor:n,isMyInputFocused:k,theme:C,penIcon:!0,onClick:()=>{S("default"),W()}},t.createElement(J,{icon:"pen-icon",color:"default"===w?o||C.primary["primary-1"]:C.black})),t.createElement(Ho,{activeColor:o,defaultColor:n,theme:C,isMyInputFocused:k,penIcon:!1,onClick:()=>{S("sign"),W()}},t.createElement(J,{icon:"sign-icon",color:"default"!==w?o||C.primary["primary-1"]:C.black}))),t.createElement(To,{inBuiltCss:B,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:n,theme:C,selected:w,isMyInputFocused:k,signIcon:!1,onTouchStart:()=>{}},"default"===w?t.createElement(jo,{inBuiltCss:B,defaultInputStyle:"signature-input-text",placeholder:c,placeholderColor:a,customInputStyle:s,onBlur:()=>E(!1),onFocus:()=>E(!0),id:x,value:u,defaultColor:n,theme:C,onChange:e=>g(e.target.value)}):t.createElement(Fo,{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),onClick:()=>{V(!0),R()}},t.createElement(A,{ref:I,id:x,redrawOnResize:!0,height:75,options:{minWidth:1,maxWidth:1,penColor:"#444444"}})),(u||z)&&t.createElement(Oo,{selected:w,onClick:()=>W()},t.createElement(J,{icon:"cross-icon",color:n||C.neutral["neutral-3"]}))))};Zo.propTypes={activeColor:e.string,defaultColor:e.string,placeholderColor:e.string,placeholderText:e.string,customInputStyle:e.object,pointsArray:e.any,setPointsArray:e.func,value:e.string,setValue:e.func,imageURL:e.string,setImageURL:e.func,id:e.string},Zo.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const Go=s.div`
1866
- background-color: ${({theme:e})=>e.bgColor};
1867
- //Set the styles from the default styles object
1868
- ${({inBuiltCss:e,defaultWrapperStyle:t})=>I(e,t)}
1869
-
1870
- border: ${({isValid:e,theme:t})=>e?"1px solid "+t.border:"1px solid "+t.variant.error};
1848
+ `,Ko=m.div`
1849
+ display: flex;
1850
+ flex-direction: column;
1851
+ width: 180px;
1852
+ background: #ffffff;
1853
+ box-shadow: 0px 5px 37px rgba(56, 66, 100, 0.15);
1854
+ border-radius: 6px;
1855
+ margin-right: 0.5rem;
1856
+ z-index: 999;
1857
+ `,Yo=m.div`
1858
+ margin: 10.5px 13px;
1859
+ padding: 0;
1860
+ `,$o=m.div`
1861
+ color: #081348;
1862
+ padding: 7.7px 6.5px 7.7px 24px;
1863
+ margin: 2.5px 13px;
1864
+ cursor: pointer;
1865
+ font-size: 12px;
1866
+ line-height: 15px;
1871
1867
 
1872
- .input-icon svg path {
1873
- fill: ${({theme:e})=>e.variant["neutral-1"]};
1868
+ &:last-child {
1869
+ margin-bottom: 1rem;
1874
1870
  }
1875
1871
 
1876
- &:focus-within {
1877
- border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
1878
- outline: none;
1872
+ position: relative;
1879
1873
 
1880
- .input-icon svg path {
1881
- fill: ${({theme:e})=>e.variant["primary-1"]};
1882
- }
1874
+ &:hover {
1875
+ background: #eaeefe;
1876
+ border-radius: 5px;
1883
1877
  }
1884
-
1885
- // custom styles
1886
- ${({textAreaStyle:e})=>e}
1887
- `,Xo=s.textarea`
1888
- //Set the styles from the default styles object
1889
- ${({inBuiltCss:e,defaultInputStyle:t})=>I(e,t)}
1890
- margin: 0;
1891
- overflow: auto;
1892
- resize: vertical // custom styles
1893
- ${({inputStyle:e})=>e};
1894
- `,Jo=p`
1878
+ `,_o=m.div`
1879
+ position: relative;
1895
1880
  display: flex;
1896
- gap: 7px;
1897
- align-items: center;
1898
- `,Uo=s.div`
1899
- ${({labelInline:e})=>e?Jo:null}
1900
- ${({customStylesForm:e})=>{if(e)return{...e}}}
1901
- position: relative;
1902
- .err-text {
1903
- color: ${({theme:e})=>e.variant.error};
1904
- margin-top: 5px;
1905
- font-size: 10px;
1906
- }
1907
- `,Qo=t.forwardRef((({customStylesForm:e,textAreaStyle:o,labelStyle:r,inputStyle:l,errMsg:i,required:n,label:a,labelInline:c,iconBefore:s,iconAfter:p,isValid:m,rows:u,cols:g,id:b,...f},h)=>{const y=d()||M;return t.createElement(Uo,w({labelInline:c,customStylesForm:e,theme:y},f),t.createElement("div",{style:{display:"flex"}},t.createElement(Mt,w({customStyles:r,type:"label-text",labelInline:c,text:a,errMsg:i,style:{display:"flex",marginBottom:""+(c?"":"7px"),paddingBottom:"0px"}},f)),n&&t.createElement("div",{style:{marginLeft:"4px",color:`${y.variant.error}`}},"*")),t.createElement(Go,w({theme:y,required:n,textAreaStyle:o,isValid:m,inBuiltCss:B,defaultWrapperStyle:"textbox-wrapper"},f),t.createElement("div",{className:"input-icon"},s),t.createElement(Xo,w({ref:h,inputStyle:l,defaultInputStyle:"textarea-wrapper",cols:g,rows:u,inBuiltCss:B,id:b},f,{size:"1"})),t.createElement("div",{className:"input-icon"},p)),t.createElement("div",{className:"err-text"},i))}));Qo.propTypes={rows:e.number,label:e.string,required:e.bool,labelInline:e.bool,errMsg:e.string,iconBefore:e.any,iconAfter:e.any,textAreaStyle:e.object,labelStyle:e.object,inputStyle:e.object,id:e.string},Qo.defaultProps={label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textAreaStyle:{},labelStyle:{},inputStyle:{},rows:3,id:""};const Ko=s.div`
1908
- color: #a9b1b8;
1909
- font-size: 21px;
1910
- border: 1px solid
1911
- ${({theme:e,isValid:t})=>t?M.border:e.variant.error};
1912
- border-radius: 4px;
1913
- padding: 5px;
1914
- display: inline-block;
1881
+ width: 100%;
1882
+ column-gap: 18px;
1915
1883
  align-items: center;
1916
- background-color: ${({theme:e})=>e.bgColor};
1917
- &:focus-within {
1918
- border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
1919
- outline: none;
1920
- }
1921
- `,No=s.input`
1922
- border: 0;
1923
- outline: 0;
1924
- color: ${({theme:e})=>e.variant["primary-2"]};
1925
- margin: 0 5px;
1926
- padding: 0;
1927
- font-size: 21px;
1928
- width: 24px;
1929
- text-align:center;
1930
- background-color: ${({theme:e})=>e.bgColor};
1931
- `,Do=p`
1932
- &:after {
1933
- content: ' *';
1934
- color: ${({theme:e})=>e.variant.error};
1884
+ box-sizing: border-box;
1885
+ background: linear-gradient(
1886
+ 0deg,
1887
+ hsla(0, 0%, 100%, 1) 20%,
1888
+ hsla(0, 0%, 100%, 0.5) 100%
1889
+ );
1890
+ border-radius: 6px;
1891
+
1892
+ @media (max-width: 900px) {
1893
+ flex-wrap: wrap;
1894
+ height: fit-content;
1895
+ padding-bottom: 25.5px;
1935
1896
  }
1936
- `,Yo=s.label`
1937
- display: block;
1938
- margin-bottom: ${({labelInline:e,errMsg:t})=>e&&t?"18px":"7px"};
1939
- margin-right: ${({labelInline:e})=>e?"7px":""};
1940
- color: ${({theme:e})=>e.variant["neutral-2"]};
1941
- ${({required:e})=>e?Do:null}
1942
- padding-bottom: 0px;
1943
- `,$o=p`
1944
- display: flex;
1945
- align-items: center;
1946
- `,_o=s.div`
1947
- ${({labelInline:e})=>e?$o:null}
1948
- .err-text {
1949
- color: ${({theme:e})=>e.variant.error};
1950
- margin-top: 5px;
1951
- font-size: 10px;
1897
+
1898
+ @media (max-width: 800px) {
1899
+ flex-direction: column;
1900
+ flex-wrap: nowrap;
1901
+ padding-bottom: 25.5px;
1902
+ align-items: stretch;
1903
+
1904
+ & > div:nth-child(2) {
1905
+ margin-top: 26px;
1906
+ }
1907
+
1908
+ & > span {
1909
+ margin-top: 26px;
1910
+ }
1911
+
1912
+ & > * {
1913
+ flex-basis: unset;
1914
+ }
1952
1915
  }
1953
1916
 
1954
- > div {
1955
- flex: 1 0 auto;
1917
+ @media (max-width: 650px) {
1918
+ padding-top: 35px;
1919
+ padding-right: 39px;
1956
1920
  }
1957
- `,er=s.button`
1958
- border: none;
1959
- outline: none;
1960
- border-radius: 4px;
1961
- background-color: ${({theme:e})=>e.bgColor};
1962
- color: #444;
1963
- padding: 5px 6px;
1964
- font-size: 18px;
1965
- cursor: pointer;
1966
- `,tr=({label:e,errMsg:o,hour:r,minute:l,period:i,onChange:n,id:a,...c})=>{const s=d()||M;return t.createElement(_o,w({theme:s},c),t.createElement(Yo,w({theme:s},c,{errMsg:o}),e),t.createElement("div",null,t.createElement(Ko,w({theme:s,id:a},c),t.createElement(No,{theme:s,value:r,onChange:function(e){const t=e.currentTarget.value>12?12:parseFloat(e.currentTarget.value)||0;n({hour:t,minute:l,period:i})}}),":",t.createElement(No,{theme:s,value:l,onChange:function(e){console.log("minute change",e.currentTarget.value);const t=e.currentTarget.value>59?59:parseFloat(e.currentTarget.value)||0;n({hour:r,minute:t,period:i})}}),t.createElement(er,{theme:s,onClick:function(e){n({hour:r,minute:l,period:"AM"===i?"PM":"AM"})}},i)),t.createElement("div",{className:"err-text"},o)))};tr.propTypes={label:e.string,hour:e.number.isRequired,minute:e.number.isRequired,period:e.string.isRequired,required:e.bool,labelInline:e.bool,isValid:e.bool,errMsg:e.string,id:e.string},tr.defaultProps={label:"",hour:0,minute:0,period:"AM",required:!1,labelInline:!1,isValid:!0,errMsg:"",id:""};const or=s.div`
1967
- ${({inBuiltCss:e,defaultCheckBoxWrapperStyle:t})=>I(e,t)}
1968
- `,rr=s.label`
1969
1921
 
1970
- left: ${({labelPosition:e})=>"right"===e?"initial":"50px"};
1971
- margin-right: ${({labelPosition:e})=>"left"===e?"30px":"0px"};
1922
+ & label {
1923
+ font-size: 14px;
1924
+ padding-bottom: 10px;
1925
+ margin-bottom: 0;
1926
+ }
1972
1927
 
1928
+ & first-child {
1929
+ &::placeholder {
1930
+ color: #a9b1b8;
1931
+ }
1932
+ }
1973
1933
 
1974
- //Set the styles from the default styles object
1975
- ${({inBuiltCss:e,defaultCheckBoxLabelStyle:t})=>I(e,t)}
1976
- background-color: ${({checked:e,backgroundColor:t,disabledColor:o,theme:r})=>e&&t?t:e&&!t?r.primary["primary-1"]:!e&&o?o:e||o?void 0:r.neutral["neutral-2"]};
1977
- // custom styles
1978
- ${({customToggleBoxStyle:e})=>e}
1979
- &:before {
1980
- content: '';
1981
- display: block;
1982
- border-radius: 50%;
1983
- width: 16px;
1984
- height: 16px;
1985
- margin-top: 3px;
1986
- background: ${({switchColor:e,theme:t})=>e||t.bgColor};
1987
- transition: 0.2s;
1988
- margin-left: ${({checked:e})=>e?"4px":"25px"};
1934
+ .single-select {
1935
+ flex-basis: 177px;
1989
1936
 
1990
- // custom styles
1991
- ${({customSwitchStyle:e})=>e}
1937
+ @media (max-width: 800px) {
1938
+ flex-basis: unset;
1939
+ }
1992
1940
  }
1993
- `,lr=s.input.attrs({type:"checkbox"})`
1994
- opacity: 0;
1995
- z-index: 1;
1996
- border-radius: 31px;
1997
- width: 45px;
1998
- height: 22px;
1999
- cursor: pointer;
2000
- position: ${({labelPosition:e})=>"right"===e?"initial":"absolute"};
2001
- left: ${({labelPosition:e})=>"right"===e?"initial":"50px"};
2002
1941
 
1942
+ .selection-side {
1943
+ display: flex;
1944
+ align-items: center;
1945
+ position: absolute;
1946
+ right: 39px;
1947
+ top: 25.5px;
2003
1948
 
2004
- `,ir=s.span`
1949
+ svg {
1950
+ fill: ${({defaultThemeColor:e})=>e.variant["primary-2"]};
2005
1951
 
2006
- margin-right: ${({labelPosition:e})=>"30px"};
1952
+ path {
1953
+ fill: ${({defaultThemeColor:e})=>e.variant["primary-2"]};
1954
+ }
1955
+ }
2007
1956
 
2008
- //Set the styles from the default styles object
2009
- ${({inBuiltCss:e,defaultOptionTextStyle:t})=>I(e,t)}
1957
+ @media (max-width: 800px) {
1958
+ margin-right: 0;
1959
+ margin-top: 0;
1960
+ }
1961
+ }
1962
+ `,er=m.div`
1963
+ display: flex;
1964
+ justify-content: end;
1965
+ `,tr=m.div`
1966
+ display: flex;
1967
+ justify-content: center;
1968
+ flex-direction: row;
1969
+ align-items: flex-start;
1970
+ gap: 20px;
1971
+ `,or=m.div`
1972
+ width: 48;
1973
+ max-width: 48%;
1974
+ min-width: 48%;
1975
+
1976
+ `,rr=m.form`
1977
+ width: 40vw;
1978
+ display: flex;
1979
+ justify-content: center;
1980
+ flex-direction: column;
1981
+ gap: 20px;
1982
+ ${({customStyles:e})=>e}
1983
+ `,lr=({customStyles:e,children:o})=>t.createElement(rr,{customStyles:e},o),ir=m.div`
1984
+ display: ${({vertical:e})=>e?"inline-block":"block"};
1985
+ background: ${({theme:e,borderColor:t})=>t||e.neutral["neutral-5"]};
1986
+ content: '';
1987
+ height: ${({vertical:e,thickness:t,height:o})=>e?o:t};
1988
+ width: ${({vertical:e,thickness:t})=>e?t:null};
1989
+ `,nr=({vertical:e,borderColor:o,thickness:r,height:l,...i})=>{const n=u()||R;return t.createElement(ir,z({theme:n,borderColor:o,thickness:r,vertical:e,height:l},i))};nr.propTypes={thickness:e.string,borderColor:e.string,vertical:e.bool,height:e.string},nr.defaultProps={thickness:"2px",vertical:!1,height:"10px"};const ar=m.div`
1990
+ //Set the styles from the default styles object
1991
+ ${({inBuiltCss:e,type:t,drawerOpen:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(const t in e.common)l[t]=e.common[t];for(const o in e[t])delete e.common[o],l[o]=e[t][o];l=o?{...l,...e["drawer-open"]}:{...l,...e["drawer-close"]}}return{...l,...r}}}}
1992
+ `,cr=({customStyles:e,drawerOpen:o,children:r,...l})=>t.createElement(ar,z({inBuiltCss:L,customStyles:e,type:"drawer",drawerOpen:o},l),r);cr.propTypes={customStyles:e.object,drawerOpen:e.bool};class sr extends a{constructor(e){super(e),this.state={hasError:!1},this.refreshPage=this.refreshPage.bind(this)}componentDidCatch(e,t){this.setState({hasError:!0})}refreshPage(){window.location.reload()}render(){const{hasError:e}=this.state;return e?t.createElement(c,null,t.createElement("h3",null,t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1.12em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 1856 1664"},t.createElement("path",{d:"M1056 1375v-190q0-14-9.5-23.5t-22.5-9.5H832q-13 0-22.5 9.5T800 1185v190q0 14 9.5 23.5t22.5 9.5h192q13 0 22.5-9.5t9.5-23.5zm-2-374l18-459q0-12-10-19q-13-11-24-11H818q-11 0-24 11q-10 7-10 21l17 457q0 10 10 16.5t24 6.5h185q14 0 23.5-6.5t10.5-16.5zm-14-934l768 1408q35 63-2 126q-17 29-46.5 46t-63.5 17H160q-34 0-63.5-17T50 1601q-37-63-2-126L816 67q17-31 47-49t65-18t65 18t47 49z",fill:"currentColor"})),"We have experienced an issue. We generated a support ticket on our end to investigate this issue We are sorry about the inconvenience."),t.createElement(Be,{onClick:()=>this.refreshPage()},"Click to refresh")):this.props.children}}sr.propTypes={children:e.any};const dr=g`
1993
+ color: ${({theme:e})=>e.variant["primary-1"]};
1994
+ border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
1995
+ background: ${({theme:e})=>T(e.primary["primary-1"],.04)};
1996
+ `,pr=m.button`
1997
+ font-size: 14px;
1998
+ color: ${({theme:e})=>e.variant["primary-2"]};
1999
+ background: ${({theme:e})=>T(e.variant["neutral-5"],.7)};
2000
+ border: 1px solid ${({theme:e})=>T(e.variant["neutral-5"],.7)};
2001
+ padding: 4px 24px;
2002
+ border-radius: 999px;
2003
+ outline: none;
2004
+ cursor: pointer;
2010
2005
 
2011
- // custom styles
2012
- ${({optionStyle:e})=>e}
2013
- `,nr=({checked:e,customSwitchStyle:o,customToggleBoxStyle:r,backgroundColor:l,disabledColor:i,switchColor:n,onClick:a,trueLabel:c,falseLabel:s,optionStyle:p,labelPosition:m,id:u,...g})=>{const b=d()||M;return t.createElement(or,w({inBuiltCss:B,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},g),"left"===m&&t.createElement(ir,w({optionStyle:p,inBuiltCss:B,labelPosition:m,defaultOptionTextStyle:"toggle-switch-option-text"},g),e?c:s),t.createElement(lr,w({},g,{labelPosition:m,id:u,inBuiltCss:B,defaultCheckBoxStyle:"toggle-switch-checkbox",onClick:()=>{a(!e)},isChecked:e})),t.createElement(rr,w({},g,{labelPosition:m,htmlFor:u,customToggleBoxStyle:r,customSwitchStyle:o,disabledColor:i,backgroundColor:l,switchColor:n,inBuiltCss:B,defaultCheckBoxLabelStyle:"toggle-switch-checkbox-label",checked:e,theme:b})),"right"===m&&t.createElement(ir,w({optionStyle:p,inBuiltCss:B,labelPosition:m,defaultOptionTextStyle:"toggle-switch-option-text"},g),e?c:s))};nr.propTypes={customToggleBoxStyle:e.object,customSwitchStyle:e.object,backgroundColor:e.string,checked:e.bool,trueLabel:e.string,falseLabel:e.string,id:e.string,labelPosition:e.string},nr.defaultProps={checked:!1,trueLabel:"Yes",falseLabel:"No",customSwitchStyle:{},customToggleBoxStyle:{},id:"",labelPosition:"right"};const ar=s.div`
2006
+ ${({selected:e})=>e?dr:null}
2007
+
2008
+ &:not(:first-child) {
2009
+ margin-left: 8px;
2010
+ }
2011
+ `,mr=({options:e,selected:o,onClick:r,...l})=>{const i=u()||R,n=e.map(((e,l)=>t.createElement(pr,{theme:i,key:`${e.label}_${l}_${e.value}`,selected:o===e.value,onClick:()=>{r(e.value)}},e.label)));return t.createElement(t.Fragment,null,n)};mr.propTypes={options:e.array,selected:e.string,onClick:e.func},mr.defaultProps={options:[],selected:""};const ur=m.footer`
2012
+ //Set the styles from the default styles object
2013
+ ${({theme:e,type:t})=>P(e,t)}
2014
+ // custom styles
2015
+ ${({customStyles:e})=>e}
2016
+ `,gr=o((({theme:e,customStyles:o,...r},l)=>t.createElement(ur,z({ref:l,theme:e,type:"footer",customStyles:o},r),r.children)));gr.propTypes={theme:e.object,customStyles:e.object,type:e.string},ur.defaultProps={theme:e.object},gr.defaultProps={theme:L,customStyles:null};const br=m.div`
2017
+ font-size: 14px;
2018
+ background-color: transparent;
2019
+ display: flex;
2020
+ left: 0;
2021
+ right: 0;
2022
+ justify-content: space-between;
2023
+ align-items: center;
2024
+ color: #929eac;
2025
+ padding: 28px 30.5px 28px 30.5px;
2026
+ font-family: 'Averta', sans-serif;
2027
+ cursor: default;
2028
+ width: inherit;
2029
+ ${({footerWidth:e})=>{if(e<650)return g`
2030
+ flex-direction: column;
2031
+ `}}
2032
+ `,fr=m.div`
2033
+ display: flex;
2034
+ ${({footerWidth:e})=>{if(e<650)return g`
2035
+ margin-bottom: 5px;
2036
+ `}}
2037
+ ${({footerWidth:e})=>{if(e<350)return g`
2038
+ flex-direction: column;
2039
+ align-items: center;
2040
+ margin-bottom: 0;
2041
+ `}}
2042
+ `,hr=m.div`
2043
+ margin-top: inherit;
2044
+ margin-bottom: inherit;
2045
+ ${({footerWidth:e})=>{if(e<350)return g`
2046
+ margin-bottom: 5px;
2047
+ `}}
2048
+ `,yr=m.div`
2049
+ margin: 0 10px;
2050
+ ${({footerWidth:e})=>{if(e<350)return g`
2051
+ display: none;
2052
+ `}}
2053
+ `,xr=({variant:e,textColor:o,size:r,width:l,footerWidth:i,...n})=>{const a=(new Date).getFullYear();return t.createElement(br,z({variant:e,textColor:o,footerWidth:i},n),t.createElement(fr,{footerWidth:i},t.createElement(hr,{footerWidth:i},"Premise HQ"),t.createElement(yr,{footerWidth:i},"|"),t.createElement(hr,{footerWidth:i},"All Rights Restricted ",a," ©")),t.createElement(fr,{footerWidth:i},t.createElement(hr,{footerWidth:i},"Terms of use"),t.createElement(yr,{footerWidth:i},"|"),t.createElement(hr,{footerWidth:i},"Privacy Policy")))},vr=m.header`
2054
+
2055
+ background-color: ${({theme:e})=>e.bgColor};
2056
+ border-bottom: 0.5px solid ${({theme:e})=>e.variant["neutral-3"]};
2057
+ //Set the styles from the default styles object
2058
+ ${({inBuiltCss:e,type:t})=>P(e,t)}
2059
+ // custom styles
2060
+ ${({customStyles:e})=>e}
2061
+ `,Ar=({type:e,customStyles:o,...r})=>{const l=u()||R;return t.createElement(vr,z({theme:l,type:"header",customStyles:o,inBuiltCss:L},r),r.children)};Ar.propTypes={customStyles:e.object,type:e.string},Ar.defaultProps={type:"header",customStyles:null};const Cr=m.div`
2014
2062
  box-sizing: border-box;
2015
2063
  display: flex;
2016
2064
  justify-content: center;
2017
2065
  align-items: center;
2018
2066
  width: auto;
2019
2067
 
2020
- ${({size:e})=>p`height: ${e}px;`}
2021
- `,cr=s.div`
2022
- `,sr=s.div`
2068
+ ${({size:e})=>g`height: ${e}px;`}
2069
+ `,wr=m.div`
2070
+ `,Sr=m.div`
2023
2071
  box-sizing: border-box;
2024
2072
  display: flex;
2025
2073
  justify-content: center;
2026
2074
  align-items: center;
2027
- ${({size:e})=>p`
2075
+ ${({size:e})=>g`
2028
2076
  width: ${e}px;
2029
2077
  height: ${e}px;
2030
2078
  `}
@@ -2033,26 +2081,26 @@ cursor: ${({toggleSet:e})=>e?"pointer":"default"};
2033
2081
  svg {
2034
2082
  fill: black;
2035
2083
 
2036
- ${({size:e})=>e&&p`
2084
+ ${({size:e})=>e&&g`
2037
2085
  width: ${e}px;
2038
2086
  height: ${e}px;
2039
2087
  `}
2040
2088
 
2041
- ${({transform:e})=>e&&p`
2089
+ ${({transform:e})=>e&&g`
2042
2090
  transform: ${e};
2043
2091
  `}
2044
2092
 
2045
2093
  path {
2046
- ${({color:e})=>e&&p`
2094
+ ${({color:e})=>e&&g`
2047
2095
  fill: ${e};
2048
2096
  `}
2049
2097
  }
2050
2098
  }
2051
- `,dr=({theme:e,toggleSet:o,slide:r,color:l,size:i,transform:n,ratingValue:a,starVal:c,hover:s,...d})=>t.createElement(sr,w({theme:e,ratingValue:a,starVal:c,hover:s,toggleSet:o,color:l,size:i,transform:n},d),t.createElement("svg",{width:"24px",height:"24px",viewBox:"0 0 24 24",id:"star_filled","data-name":"star filled",xmlns:"http://www.w3.org/2000/svg"},t.createElement("defs",null,t.createElement("clipPath",{id:"starFilled"},t.createElement("path",{id:"Star",d:"M10,15,4.122,18.09l1.123-6.545L.489,6.91l6.572-.955L10,0l2.939,5.955,6.572.955-4.755,4.635,1.123,6.545Z",transform:"translate(2 3)",stroke:"#000",strokeMiterlimit:"10",strokeWidth:"1.5"}))),t.createElement("rect",{x:"0",y:"0",fill:"rgb(217,217,217)",width:"100%",height:"100%",clipPath:"url(#starFilled)"}),t.createElement("rect",{x:r,y:"0",fill:l,width:"100%",height:"100%",clipPath:"url(#starFilled)"})));function pr(e,t){let o=5*e/t;const r=[],l=o;for(let e=0;e<5;e++){if(o-1>=0)r.push("0");else if(o-1<0&&o-1>-1){const e=(24*o-24).toString();r.push(e)}else r.push("-24");o-=1}return{array:r,value:l}}function mr(e,t){return 100*e/t}const ur=({type:e,customStylesContainer:o,customStylesStar:r,customStylesPercentage:n,color:a,size:c,handleClick:s,transform:p,maxRange:m,value:u,toggleStar:g,toggleSet:b,identifier:f,...h})=>{d();const[y,x]=l(void 0),[A,v]=l(void 0),[C,S]=l(void 0),[k,E]=l(void 0);i((()=>{x(pr(u,m).array),v(pr(u,m).value),S(mr(u,m))}),[u,m]),i((()=>{k?x(pr(k,m).array):(x(pr(u,m).array),v(pr(u,m).value),S(mr(u,m)))}),[k]);const z=t.createElement(t.Fragment,null,y?.map(((e,o)=>{const l=20*(o+1);return t.createElement(dr,{ratingValue:l,starVal:A,hover:k,toggleSet:b,onClick:b?()=>s(l):null,onMouseEnter:b?()=>{E(l)}:null,onMouseLeave:b?()=>{E(null)}:null,slide:e,color:a,className:"star",size:c,transform:p,key:f?.concat(o),customStyles:r})})));return t.createElement(ar,w({customStyles:o,type:e,size:c},h,{className:"container"}),g?z:t.createElement(cr,{type:e,customStyles:n},C,"%"))};ur.propTypes={customStylesContainer:e.object,customStylesStar:e.object,customStylesPercentage:e.object,type:e.string,color:e.string,size:e.number,transform:e.object,handleClick:e.func,maxRange:e.number,value:e.number,toggleStar:e.bool,toggleSet:e.bool,identifier:e.string},ur.defaultProps={customStylesContainer:null,customStylesStar:null,customStylesPercentage:null,type:"star",maxRange:100,value:0,identifier:"ratingKey",toggleStar:!0,toggleSet:!1,color:"#F7B001"};const gr=s.div`
2099
+ `,Er=({theme:e,toggleSet:o,slide:r,color:l,size:i,transform:n,ratingValue:a,starVal:c,hover:s,...d})=>t.createElement(Sr,z({theme:e,ratingValue:a,starVal:c,hover:s,toggleSet:o,color:l,size:i,transform:n},d),t.createElement("svg",{width:"24px",height:"24px",viewBox:"0 0 24 24",id:"star_filled","data-name":"star filled",xmlns:"http://www.w3.org/2000/svg"},t.createElement("defs",null,t.createElement("clipPath",{id:"starFilled"},t.createElement("path",{id:"Star",d:"M10,15,4.122,18.09l1.123-6.545L.489,6.91l6.572-.955L10,0l2.939,5.955,6.572.955-4.755,4.635,1.123,6.545Z",transform:"translate(2 3)",stroke:"#000",strokeMiterlimit:"10",strokeWidth:"1.5"}))),t.createElement("rect",{x:"0",y:"0",fill:"rgb(217,217,217)",width:"100%",height:"100%",clipPath:"url(#starFilled)"}),t.createElement("rect",{x:r,y:"0",fill:l,width:"100%",height:"100%",clipPath:"url(#starFilled)"})));function kr(e,t){let o=5*e/t;const r=[],l=o;for(let e=0;e<5;e++){if(o-1>=0)r.push("0");else if(o-1<0&&o-1>-1){const e=(24*o-24).toString();r.push(e)}else r.push("-24");o-=1}return{array:r,value:l}}function zr(e,t){return 100*e/t}const Vr=({type:e,customStylesContainer:o,customStylesStar:r,customStylesPercentage:n,color:a,size:c,handleClick:s,transform:d,maxRange:p,value:m,toggleStar:g,toggleSet:b,identifier:f,...h})=>{u();const[y,x]=l(void 0),[v,A]=l(void 0),[C,w]=l(void 0),[S,E]=l(void 0);i((()=>{x(kr(m,p).array),A(kr(m,p).value),w(zr(m,p))}),[m,p]),i((()=>{S?x(kr(S,p).array):(x(kr(m,p).array),A(kr(m,p).value),w(zr(m,p)))}),[S]);const k=t.createElement(t.Fragment,null,y?.map(((e,o)=>{const l=20*(o+1);return t.createElement(Er,{ratingValue:l,starVal:v,hover:S,toggleSet:b,onClick:b?()=>s(l):null,onMouseEnter:b?()=>{E(l)}:null,onMouseLeave:b?()=>{E(null)}:null,slide:e,color:a,className:"star",size:c,transform:d,key:f?.concat(o),customStyles:r})})));return t.createElement(Cr,z({customStyles:o,type:e,size:c},h,{className:"container"}),g?k:t.createElement(wr,{type:e,customStyles:n},C,"%"))};Vr.propTypes={customStylesContainer:e.object,customStylesStar:e.object,customStylesPercentage:e.object,type:e.string,color:e.string,size:e.number,transform:e.object,handleClick:e.func,maxRange:e.number,value:e.number,toggleStar:e.bool,toggleSet:e.bool,identifier:e.string},Vr.defaultProps={customStylesContainer:null,customStylesStar:null,customStylesPercentage:null,type:"star",maxRange:100,value:0,identifier:"ratingKey",toggleStar:!0,toggleSet:!1,color:"#F7B001"};const Mr=m.div`
2052
2100
  .form-check-input {
2053
2101
  accent-color: ${({theme:e})=>e.primary["primary-1"]};
2054
2102
  }
2055
- `,br=({customStyles:e,inBuiltCss:o,type:r="table",sortIcon:l,data:i,tableColumns:n,progressPending:a,defaultSortFieldId:c,handleOnSort:s,sortServer:p,progressComponent:m,responsive:u,conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,checkboxColor:h,...y})=>{let x={};if(o&&o[r]&&(x=o[r]),e)for(const t in e)x[t]=e[t];const A=d()||M,C=t.forwardRef((({onClick:e,...o},r)=>t.createElement(gr,{theme:A},t.createElement("input",w({type:"checkbox",className:"form-check-input",ref:r,onClick:e},o)))));return t.createElement(v,w({responsive:u,data:i,columns:n,noHeader:!0,highlightOnHover:!0,sortIcon:l,progressPending:a,customStyles:x,defaultSortFieldId:c,progressComponent:m||void 0,sortServer:p,onSort:(e,t,o)=>{s(e,t,o)},conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,selectableRowsComponent:C},y))};br.propTypes={inBuiltCss:e.object,sortIcon:e.any,data:e.array,tableColumns:e.array,progressPending:e.bool,progressComponent:e.any,defaultSortFieldId:e.number,sortServer:e.bool,handleOnSort:e.any,responsive:e.bool,conditionalRowStyles:e.array,fixedHeader:e.bool,fixedHeaderScrollHeight:e.string,customStyle:e.object},br.defaultProps={inBuiltCss:B,sortIcon:t.createElement(J,{icon:"arrow-down",size:11,color:"#333333",style:{transform:"scaleX(0.7) scaleY(0.7) translate(5px, -3px)"}}),data:[],tableColumns:[],progressPending:!1,defaultSortFieldId:null,handleOnSort:(e,t,o)=>{console.log(e,t,o)},sortServer:null,progressComponent:void 0,responsive:!0,fixedHeader:!0,fixedHeaderScrollHeight:"100vh"};const fr=({title:e,subtitle:o,wrapperStyle:r,imgLink:l,imgStyle:i,iconSize:n})=>{const a=d()||M,c={fontSize:"26px",fontWeight:"bold",color:`${a.textColor}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${a.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return t.createElement("div",{style:r},t.createElement("div",{style:c},l?t.createElement("img",{src:l,alt:"userIcon",srcset:"",style:i}):t.createElement(J,{icon:"user-icon",size:n,color:a.primary["primary-1"]})," ",t.createElement("h4",null,e)),t.createElement("div",{style:s},t.createElement("p",null,o)))};fr.propTypes={size:e.number},fr.defaultProps={iconSize:23};const hr=({formData:e,customStyles:o,...r})=>{const l=e=>{switch(e.type){case"header":return(e=>t.createElement(a,null,t.createElement(zt,w({},e,r),e.children),e))(e);case"label":return(e=>t.createElement(Mt,w({style:{marginBottom:"7px",paddingBottom:"0"}},e,r)))(e);case"text":return(e=>t.createElement(Lo,w({},e,r)))(e);case"textArea":return(e=>t.createElement(Qo,w({},e,r)))(e);case"number":return(e=>t.createElement(yo,w({},e,r)))(e);case"radio":return(e=>t.createElement(Mo,w({key:101*Math.random()|0},e,r)))(e);case"checkBox":return(e=>t.createElement(Pt,w({},e,r)))(e);case"singleSelect":return(e=>t.createElement($t,w({dropdownType:"singleSelect"},e,r)))(e);case"multiSelect":return(e=>t.createElement($t,w({dropdownType:"multiSelect"},e,r)))(e);case"asyncSingleSelect":return(e=>t.createElement($t,w({dropdownType:"asyncSingleSelect"},e,r)))(e);case"asyncMultiSelect":return(e=>t.createElement($t,w({dropdownType:"asyncMultiSelect"},e,r)))(e);case"signature":return(e=>t.createElement(Zo,w({},e,r)))(e);case"fileUpload":return(e=>t.createElement(no,w({},e,r)))(e);case"date":return(e=>t.createElement(Qt,w({},e,r)))(e);case"toggle":return(e=>t.createElement(nr,w({},e,r)))(e);case"rating":return(e=>t.createElement(ur,w({},e,r)))(e);case"buttonPrimary":return(e=>t.createElement(Ee,w({},e,r)))(e);case"buttonSecondary":return(e=>t.createElement(Me,w({},e,r)))(e);case"buttonTiny":return(e=>t.createElement(Ie,w({},e,r)))(e);case"search":return(e=>t.createElement(Po,w({},e,r)))(e);case"table":return(e=>t.createElement(br,w({},e,r)))(e);case"passwordInput":return(e=>t.createElement(wo,w({},e,r)))(e);case"headerComponent":return(e=>t.createElement(fr,w({},e,r)))(e)}};return t.createElement(a,null,t.createElement(it,{defaultThemeColor:M},t.createElement(dt,{onSubmit:()=>{console.log("form submit")},customStyles:o},e.map(((e,o)=>e.length>1?t.createElement(at,null,e.map(((o,r)=>t.createElement(ct,{cols:e.length},l(o))))):l(e[0]))))))},yr=({formData:e,onSubmit:o,onReset:r,style:l,...i})=>{const n=e=>{switch(e.type){case"submit":return(e=>t.createElement(Ee,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>t.createElement(Me,{block:e.block,disabled:i.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return t.createElement(a,null,t.createElement(nt,{style:l},e&&e.map(((e,t)=>e.map(((e,t)=>n(e)))))))};const xr=u`
2103
+ `,Br=({customStyles:e,inBuiltCss:o,type:r="table",sortIcon:l,data:i,tableColumns:n,progressPending:a,defaultSortFieldId:c,handleOnSort:s,sortServer:d,progressComponent:p,responsive:m,conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,checkboxColor:h,...y})=>{let x={};if(o&&o[r]&&(x=o[r]),e)for(const t in e)x[t]=e[t];const v=u()||R,A=t.forwardRef((({onClick:e,...o},r)=>t.createElement(Mr,{theme:v},t.createElement("input",z({type:"checkbox",className:"form-check-input",ref:r,onClick:e},o)))));return t.createElement(S,z({responsive:m,data:i,columns:n,noHeader:!0,highlightOnHover:!0,sortIcon:l,progressPending:a,customStyles:x,defaultSortFieldId:c,progressComponent:p||void 0,sortServer:d,onSort:(e,t,o)=>{s(e,t,o)},conditionalRowStyles:g,fixedHeader:b,fixedHeaderScrollHeight:f,selectableRowsComponent:A},y))};Br.propTypes={inBuiltCss:e.object,sortIcon:e.any,data:e.array,tableColumns:e.array,progressPending:e.bool,progressComponent:e.any,defaultSortFieldId:e.number,sortServer:e.bool,handleOnSort:e.any,responsive:e.bool,conditionalRowStyles:e.array,fixedHeader:e.bool,fixedHeaderScrollHeight:e.string,customStyle:e.object},Br.defaultProps={inBuiltCss:L,sortIcon:t.createElement(N,{icon:"arrow-down",size:11,color:"#333333",style:{transform:"scaleX(0.7) scaleY(0.7) translate(5px, -3px)"}}),data:[],tableColumns:[],progressPending:!1,defaultSortFieldId:null,handleOnSort:(e,t,o)=>{console.log(e,t,o)},sortServer:null,progressComponent:void 0,responsive:!0,fixedHeader:!0,fixedHeaderScrollHeight:"100vh"};const Wr=({title:e,subtitle:o,wrapperStyle:r,imgLink:l,imgStyle:i,iconSize:n})=>{const a=u()||R,c={fontSize:"26px",fontWeight:"bold",color:`${a.textColor}`,lineHeight:"36px",display:"flex",gap:"14px",alignItems:"flex-start",paddingLeft:"25px"},s={fontSize:"13px",color:`${a.neutral["neutral-2"]}`,lineHeight:"24px",paddingLeft:"25px"};return t.createElement("div",{style:r},t.createElement("div",{style:c},l?t.createElement("img",{src:l,alt:"userIcon",srcset:"",style:i}):t.createElement(N,{icon:"user-icon",size:n,color:a.primary["primary-1"]})," ",t.createElement("h4",null,e)),t.createElement("div",{style:s},t.createElement("p",null,o)))};Wr.propTypes={size:e.number},Wr.defaultProps={iconSize:23};const Ir=({formData:e,customStyles:o,...r})=>{const l=e=>{switch(e.type){case"header":return(e=>t.createElement(c,null,t.createElement(Ar,z({},e,r),e.children),e))(e);case"label":return(e=>t.createElement(Ke,z({style:{marginBottom:"7px",paddingBottom:"0"}},e,r)))(e);case"text":return(e=>t.createElement(oo,z({},e,r)))(e);case"textArea":return(e=>t.createElement(fo,z({},e,r)))(e);case"number":return(e=>t.createElement(Ft,z({},e,r)))(e);case"radio":return(e=>t.createElement(Yt,z({key:101*Math.random()|0},e,r)))(e);case"checkBox":return(e=>t.createElement(ot,z({},e,r)))(e);case"singleSelect":return(e=>t.createElement(xt,z({dropdownType:"singleSelect"},e,r)))(e);case"multiSelect":return(e=>t.createElement(xt,z({dropdownType:"multiSelect"},e,r)))(e);case"asyncSingleSelect":return(e=>t.createElement(xt,z({dropdownType:"asyncSingleSelect"},e,r)))(e);case"asyncMultiSelect":return(e=>t.createElement(xt,z({dropdownType:"asyncMultiSelect"},e,r)))(e);case"signature":return(e=>t.createElement(po,z({},e,r)))(e);case"fileUpload":return(e=>t.createElement(Mt,z({},e,r)))(e);case"date":return(e=>t.createElement(gt,z({},e,r)))(e);case"toggle":return(e=>t.createElement(Mo,z({},e,r)))(e);case"rating":return(e=>t.createElement(Vr,z({},e,r)))(e);case"buttonPrimary":return(e=>t.createElement(Be,z({},e,r)))(e);case"buttonSecondary":return(e=>t.createElement(Re,z({},e,r)))(e);case"buttonTiny":return(e=>t.createElement(Pe,z({},e,r)))(e);case"search":return(e=>t.createElement(ro,z({},e,r)))(e);case"table":return(e=>t.createElement(Br,z({},e,r)))(e);case"passwordInput":return(e=>t.createElement(Jt,z({},e,r)))(e);case"headerComponent":return(e=>t.createElement(Wr,z({},e,r)))(e)}};return t.createElement(c,null,t.createElement(_o,{defaultThemeColor:R},t.createElement(lr,{onSubmit:()=>{console.log("form submit")},customStyles:o},e.map(((e,o)=>e.length>1?t.createElement(tr,null,e.map(((o,r)=>t.createElement(or,{cols:e.length},l(o))))):l(e[0]))))))},Rr=({formData:e,onSubmit:o,onReset:r,style:l,...i})=>{const n=e=>{switch(e.type){case"submit":return(e=>t.createElement(Be,{block:e.block,style:e.style,disabled:e.disabled,type:"submit",children:e.children,onClick:()=>{e.onClick()}}))(e);case"reset":case"cancel":return(e=>t.createElement(Re,{block:e.block,disabled:i.disabled,children:e.children,onClick:()=>{e.onClick()}}))(e)}};return t.createElement(c,null,t.createElement(er,{style:l},e&&e.map(((e,t)=>e.map(((e,t)=>n(e)))))))};const Lr=f`
2056
2104
  @font-face {
2057
2105
  font-family: "Averta";
2058
2106
  font-weight: 100;
@@ -2160,7 +2208,7 @@ svg {
2160
2208
  * {
2161
2209
  font-family: "Averta";
2162
2210
  }
2163
- `,Ar=s.span`
2211
+ `,Pr=m.span`
2164
2212
  background: transparent;
2165
2213
  position: relative;
2166
2214
  display: flex;
@@ -2169,12 +2217,12 @@ svg {
2169
2217
  &>span:not(:first-of-type){
2170
2218
  margin-left: -13px;
2171
2219
  }
2172
- `,vr=s.p`
2220
+ `,Tr=m.p`
2173
2221
  color: ${({theme:e,variantQty:t})=>e.variant[t]};
2174
2222
  margin: 0;
2175
2223
  margin-left: 7px;
2176
2224
  font-size: 16px;
2177
- `,Cr=({items:e,block:o,size:r,variantCircle:l,variantName:i,variantQty:n,flagName:a,user:c,colorCircle:s,colorBorderCircle:p,...m})=>{const u=d()||M;return t.createElement(Ar,w({block:o},m),e?.map(((o,n)=>{let a={},c={};return a.backgroundColor=s?`${u.variant[s]}`:`${u.variant[l]}`,0!==n&&(a.border=p?`2px solid ${p}`:`2px solid ${u.variant[l]}`,c.border=p?`2px solid ${p}`:`2px solid ${u.variant[l]}`),1===e.length?t.createElement(ie,{key:o.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${u.variant[{variantName:i}]}`},size:r,toggleName:!0,user:o,customStylesCircle:a,customStylesImage:c}):n<=3?t.createElement(ie,{key:o.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${u.variant[{variantName:i}]}`},size:r,toggleName:!1,user:o,customStylesCircle:a,customStylesImage:c}):null})),e.length-4>0?t.createElement(vr,{theme:u,variantQty:n},"+",e.length-4):null)};Cr.propTypes={variantCircle:e.string,variantName:e.string,size:e.oneOf(["SM","MD","LG"]),user:e.object,theme:e.object,colorCircle:e.string,colorBorderCircle:e.string,variantQty:e.string},Cr.defaultProps={variantCircle:"primary-1",variantName:"primary-2",block:!1,size:"MD",flagName:!1,user:{userName:"1"},colorCircle:null,colorBorderCircle:"#FFFFFF",variantQty:"primary-1"};const wr=s.div`
2225
+ `,Hr=({items:e,block:o,size:r,variantCircle:l,variantName:i,variantQty:n,flagName:a,user:c,colorCircle:s,colorBorderCircle:d,...p})=>{const m=u()||R;return t.createElement(Pr,z({block:o},p),e?.map(((o,n)=>{let a={},c={};return a.backgroundColor=s?`${m.variant[s]}`:`${m.variant[l]}`,0!==n&&(a.border=d?`2px solid ${d}`:`2px solid ${m.variant[l]}`,c.border=d?`2px solid ${d}`:`2px solid ${m.variant[l]}`),1===e.length?t.createElement(se,{key:o.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${m.variant[{variantName:i}]}`},size:r,toggleName:!0,user:o,customStylesCircle:a,customStylesImage:c}):n<=3?t.createElement(se,{key:o.id,customStylesContainer:{width:"auto"},customStylesName:{color:`${m.variant[{variantName:i}]}`},size:r,toggleName:!1,user:o,customStylesCircle:a,customStylesImage:c}):null})),e.length-4>0?t.createElement(Tr,{theme:m,variantQty:n},"+",e.length-4):null)};Hr.propTypes={variantCircle:e.string,variantName:e.string,size:e.oneOf(["SM","MD","LG"]),user:e.object,theme:e.object,colorCircle:e.string,colorBorderCircle:e.string,variantQty:e.string},Hr.defaultProps={variantCircle:"primary-1",variantName:"primary-2",block:!1,size:"MD",flagName:!1,user:{userName:"1"},colorCircle:null,colorBorderCircle:"#FFFFFF",variantQty:"primary-1"};const qr=m.div`
2178
2226
  max-width: inherit;
2179
2227
  width: inherit;
2180
2228
  font-size: 14px;
@@ -2200,7 +2248,7 @@ svg {
2200
2248
  &[data-popper-placement*='top'] .tooltip-arrow::after {
2201
2249
  border-color: ${({theme:e,variantTPbg:t})=>t?e.variant[t]:"#6b747f"} transparent transparent transparent;
2202
2250
  }
2203
- `,Sr=s.div`
2251
+ `,jr=m.div`
2204
2252
  display: flex;
2205
2253
  color: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
2206
2254
  background: ${({theme:e,disabled:t,bgVariant:o,variantBgDisable:r})=>t?e.variant[r]:e.variant[o]};
@@ -2215,24 +2263,24 @@ svg {
2215
2263
  svg path {
2216
2264
  fill: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
2217
2265
  }
2218
- `,kr=s.div`
2266
+ `,Fr=m.div`
2219
2267
  display: flex;
2220
2268
  justify-content: space-evenly;
2221
2269
  flex-grow: 1;
2222
2270
  align-items: stretch;
2223
- `,Er=({label:e,index:o,style:r,items:l,variant:i,borderVariant:n,bgVariant:a,variantDisable:c,variantBgDisable:s,disabled:p,divider:m,indexPrefix:u,onClick:g,icon:f,variantTPtext:h,variantTPbg:y,...x})=>{d();const{getArrowProps:A,getTooltipProps:v,setTooltipRef:C,setTriggerRef:S,visible:k}=b();return t.createElement(t.Fragment,null,t.createElement(kr,{ref:S},t.createElement(Sr,{variant:i,borderVariant:n,bgVariant:a,variantDisable:c,variantBgDisable:s,disabled:p,onClick:p?null:()=>{g(g)}},f),m),k&&t.createElement(wr,w({variantTPtext:h,variantTPbg:y,ref:C},v({className:"tooltip-container"})),e,t.createElement("div",A({className:"tooltip-arrow"}))))};Er.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func,variantTPtext:e.string,variantTPbg:e.string},kr.defaultProps={theme:M},Sr.defaultProps={theme:M},wr.defaultProps={theme:M},Er.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor",variantTPtext:null,variantTPbg:null};const zr=s.div`
2271
+ `,Or=({label:e,index:o,style:r,items:l,variant:i,borderVariant:n,bgVariant:a,variantDisable:c,variantBgDisable:s,disabled:d,divider:p,indexPrefix:m,onClick:g,icon:b,variantTPtext:f,variantTPbg:h,...x})=>{u();const{getArrowProps:v,getTooltipProps:A,setTooltipRef:C,setTriggerRef:w,visible:S}=y();return t.createElement(t.Fragment,null,t.createElement(Fr,{ref:w},t.createElement(jr,{variant:i,borderVariant:n,bgVariant:a,variantDisable:c,variantBgDisable:s,disabled:d,onClick:d?null:()=>{g(g)}},b),p),S&&t.createElement(qr,z({variantTPtext:f,variantTPbg:h,ref:C},A({className:"tooltip-container"})),e,t.createElement("div",v({className:"tooltip-arrow"}))))};Or.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func,variantTPtext:e.string,variantTPbg:e.string},Fr.defaultProps={theme:R},jr.defaultProps={theme:R},qr.defaultProps={theme:R},Or.defaultProps={theme:R,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor",variantTPtext:null,variantTPbg:null};const Zr=m.div`
2224
2272
  display: flex;
2225
2273
  justify-content: space-evenly;
2226
2274
  align-items: stretch;
2227
2275
  height: 42px;
2228
2276
  border: 1px solid ${({theme:e,borderVariant:t})=>e.variant[t]};
2229
2277
  border-radius: 3px;
2230
- `,Vr=s.div`
2278
+ `,Xr=m.div`
2231
2279
  display: flex;
2232
2280
  justify-content: space-evenly;
2233
2281
  flex-grow: 1;
2234
2282
  align-items: stretch;
2235
- `,Mr=s.div`
2283
+ `,Gr=m.div`
2236
2284
  display: flex;
2237
2285
  color: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
2238
2286
  background: ${({theme:e,disabled:t,bgVariant:o,variantBgDisable:r})=>t?e.variant[r]:e.variant[o]};
@@ -2247,19 +2295,19 @@ svg {
2247
2295
  svg path {
2248
2296
  fill: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
2249
2297
  }
2250
- `,Br=({style:e,items:o,variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,allDisabled:c,divider:s,indexPrefix:p,onClick:m,...u})=>(d(),t.createElement(zr,w({variant:r,borderVariant:l},u),o?.map(((e,d)=>t.createElement(Vr,{key:p.concat(d)},t.createElement(Mr,{variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,title:e.label,disabled:c||e.disabled,onClick:c||e.disabled?null:()=>m(e.label)},e.icon),o?.length-1!==d&&s)))));Br.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func},zr.defaultProps={theme:M},Vr.defaultProps={theme:M},Mr.defaultProps={theme:M},Br.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor"};const Ir=s.div`
2298
+ `,Jr=({style:e,items:o,variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,allDisabled:c,divider:s,indexPrefix:d,onClick:p,...m})=>(u(),t.createElement(Zr,z({variant:r,borderVariant:l},m),o?.map(((e,m)=>t.createElement(Xr,{key:d.concat(m)},t.createElement(Gr,{variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,title:e.label,disabled:c||e.disabled,onClick:c||e.disabled?null:()=>p(e.label)},e.icon),o?.length-1!==m&&s)))));Jr.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func},Zr.defaultProps={theme:R},Xr.defaultProps={theme:R},Gr.defaultProps={theme:R},Jr.defaultProps={theme:R,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor"};const Ur=m.div`
2251
2299
  display: flex;
2252
2300
  justify-content: space-evenly;
2253
2301
  align-items: stretch;
2254
2302
  height: 42px;
2255
2303
  border: 1px solid ${({theme:e,borderVariant:t})=>e.variant[t]};
2256
2304
  border-radius: 3px;
2257
- `,Wr=s.div`
2305
+ `,Dr=m.div`
2258
2306
  display: flex;
2259
2307
  justify-content: space-evenly;
2260
2308
  flex-grow: 1;
2261
2309
  align-items: stretch;
2262
- `,Rr=s.div`
2310
+ `,Qr=m.div`
2263
2311
  display: flex;
2264
2312
  color: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
2265
2313
  background: ${({theme:e,disabled:t,bgVariant:o,variantBgDisable:r})=>t?e.variant[r]:e.variant[o]};
@@ -2274,29 +2322,29 @@ svg {
2274
2322
  svg path {
2275
2323
  fill: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
2276
2324
  }
2277
- `,Lr=({style:e,items:o,variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,allDisabled:c,divider:s,indexPrefix:p,onClick:m,variantTPtext:u,variantTPbg:g,...b})=>(d(),t.createElement(Ir,w({variant:r,borderVariant:l},b),o?.map(((e,d)=>t.createElement(Er,{key:p.concat(d),variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,disabled:c||e.disabled,onClick:c||e.disabled?null:()=>{m(e.label)},divider:o?.length-1!==d&&s,icon:e.icon,index:d,label:e.label,variantTPtext:u,variantTPbg:g})))));Lr.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func,variantTPtext:e.string,variantTPbg:e.string},Ir.defaultProps={theme:M},Wr.defaultProps={theme:M},Rr.defaultProps={theme:M},Lr.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor",variantTPtext:null,variantTPbg:null};const Pr=s.div`
2325
+ `,Nr=({style:e,items:o,variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,allDisabled:c,divider:s,indexPrefix:d,onClick:p,variantTPtext:m,variantTPbg:g,...b})=>(u(),t.createElement(Ur,z({variant:r,borderVariant:l},b),o?.map(((e,u)=>t.createElement(Or,{key:d.concat(u),variant:r,borderVariant:l,bgVariant:i,variantDisable:n,variantBgDisable:a,disabled:c||e.disabled,onClick:c||e.disabled?null:()=>{p(e.label)},divider:o?.length-1!==u&&s,icon:e.icon,index:u,label:e.label,variantTPtext:m,variantTPbg:g})))));Nr.propTypes={variant:e.string,borderVariant:e.string,bgVariant:e.string,variantDisable:e.string,variantBgDisable:e.string,indexPrefix:e.string,theme:e.object,items:e.array,allDisabled:e.bool,divider:e.any,onClick:e.func,variantTPtext:e.string,variantTPbg:e.string},Ur.defaultProps={theme:R},Dr.defaultProps={theme:R},Qr.defaultProps={theme:R},Nr.defaultProps={theme:R,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor",variantTPtext:null,variantTPbg:null};const Kr=m.div`
2278
2326
  background: ${({theme:e,variant:t,bgColor:o})=>o||e.variant[t]};
2279
2327
  border: 1.3px solid ${({theme:e,variant:t,borderColor:o})=>o||e.variant[t]};
2280
2328
  border-radius: 50%;
2281
2329
  width: ${({size:e})=>e}px;
2282
2330
  height: ${({size:e})=>e}px;
2283
2331
  box-sizing: border-box;
2284
- `,qr=({variant:e,bgColor:o,borderColor:r,...l})=>(d(),t.createElement(Pr,w({variant:e,borderColor:r,bgColor:o},l)));qr.propTypes={variant:e.string,size:e.number,theme:e.object,borderColor:e.string,bgColor:e.string},Pr.defaultProps={theme:M},qr.defaultProps={theme:M,variant:"primary-1",size:11};const Tr=s.div`
2332
+ `,Yr=({variant:e,bgColor:o,borderColor:r,...l})=>(u(),t.createElement(Kr,z({variant:e,borderColor:r,bgColor:o},l)));Yr.propTypes={variant:e.string,size:e.number,theme:e.object,borderColor:e.string,bgColor:e.string},Kr.defaultProps={theme:R},Yr.defaultProps={theme:R,variant:"primary-1",size:11};const $r=m.div`
2285
2333
  display: inline-flex;
2286
2334
  align-items: center;
2287
2335
  background-color: transparent;
2288
2336
  min-height: 24px;
2289
- `,Hr=s.div`
2337
+ `,_r=m.div`
2290
2338
  display: flex;
2291
2339
  justify-content: space-evenly;
2292
2340
  width: 69px;
2293
- `,jr=s.p`
2341
+ `,el=m.p`
2294
2342
  display: flex;
2295
2343
  color: ${({theme:e,variantText:t,colorText:o})=>o||e.variant[t]};
2296
2344
  font-size: 16px;
2297
2345
  margin: 0 5px;
2298
- `,Fr=({style:e,variantCircle:o,variantText:r,level:l,textArray:i,colorArray:n,indexPrefix:a,colorText:c,...s})=>(d(),t.createElement(Tr,s,t.createElement(Hr,null,[1,2,3,4].map(((e,r)=>{let i="#D4D7E3",c=null,s=null;return l<=0&&(l=0),l>=4&&(l=4),n?l>=e?(c=n[l],i=n[l]):c=n[0]:l>=e?(s=o,i=o):s="#FFFFFF",t.createElement(qr,{key:a.concat(r),variant:s,borderColor:i,bgColor:c,size:11})}))),i&&t.createElement(jr,{variantText:r,colorText:c},i[l])));Fr.propTypes={variantCircle:e.string,variantText:e.string,level:e.number,indexPrefix:e.string,theme:e.object,block:e.bool,textArray:e.array,colorArray:e.array,colorText:e.string},jr.defaultProps={theme:M},Fr.defaultProps={theme:M,variantCircle:"primary-1",variantText:"primary-2",block:!1,level:0,indexPrefix:"circle-group"};const Or={xsm:{fontSize:"12px"},sm:{fontSize:"14px"},md:{fontSize:"16px"},lg:{fontSize:"18px"}},Zr=s.button`
2299
- ${({underlined:e})=>e?null:p`&:hover {text-decoration: underline}`};
2346
+ `,tl=({style:e,variantCircle:o,variantText:r,level:l,textArray:i,colorArray:n,indexPrefix:a,colorText:c,...s})=>(u(),t.createElement($r,s,t.createElement(_r,null,[1,2,3,4].map(((e,r)=>{let i="#D4D7E3",c=null,s=null;return l<=0&&(l=0),l>=4&&(l=4),n?l>=e?(c=n[l],i=n[l]):c=n[0]:l>=e?(s=o,i=o):s="#FFFFFF",t.createElement(Yr,{key:a.concat(r),variant:s,borderColor:i,bgColor:c,size:11})}))),i&&t.createElement(el,{variantText:r,colorText:c},i[l])));tl.propTypes={variantCircle:e.string,variantText:e.string,level:e.number,indexPrefix:e.string,theme:e.object,block:e.bool,textArray:e.array,colorArray:e.array,colorText:e.string},el.defaultProps={theme:R},tl.defaultProps={theme:R,variantCircle:"primary-1",variantText:"primary-2",block:!1,level:0,indexPrefix:"circle-group"};const ol={xsm:{fontSize:"12px"},sm:{fontSize:"14px"},md:{fontSize:"16px"},lg:{fontSize:"18px"}},rl=m.button`
2347
+ ${({underlined:e})=>e?null:g`&:hover {text-decoration: underline}`};
2300
2348
  background: transparent;
2301
2349
  color: ${({theme:e,variant:t})=>e.variant[t]};
2302
2350
  text-decoration: ${({underlined:e})=>e?"underline":"none"};
@@ -2306,7 +2354,7 @@ svg {
2306
2354
  justify-content: start;
2307
2355
  border: none;
2308
2356
  cursor: pointer;
2309
- font-size: ${({size:e})=>Or[e].fontSize};
2357
+ font-size: ${({size:e})=>ol[e].fontSize};
2310
2358
 
2311
2359
  &:disabled {
2312
2360
  color: ${({theme:e})=>e.variant["neutral-3"]};
@@ -2316,7 +2364,7 @@ svg {
2316
2364
  * {
2317
2365
  outline: none;
2318
2366
  }
2319
- `,Gr=({block:e,size:o,style:r,variant:l,disabled:i,underlined:n,...a})=>(d(),t.createElement(Zr,w({block:e,variant:l,type:"button",style:r,size:o,disabled:i,underlined:n},a),a.children));Gr.propTypes={variant:e.string,disabled:e.bool,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,onClick:e.func,theme:e.object,underlined:e.bool},Zr.defaultProps={theme:M},Gr.defaultProps={theme:M,variant:"primary-1",block:!1,disabled:!1,size:"sm",onClick:void 0,label:"Remove",underlined:!1};const Xr=s.div`
2367
+ `,ll=({block:e,size:o,style:r,variant:l,disabled:i,underlined:n,...a})=>(u(),t.createElement(rl,z({block:e,variant:l,type:"button",style:r,size:o,disabled:i,underlined:n},a),a.children));ll.propTypes={variant:e.string,disabled:e.bool,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,onClick:e.func,theme:e.object,underlined:e.bool},rl.defaultProps={theme:R},ll.defaultProps={theme:R,variant:"primary-1",block:!1,disabled:!1,size:"sm",onClick:void 0,label:"Remove",underlined:!1};const il=m.div`
2320
2368
  display: flex;
2321
2369
  justify-content: space-between;
2322
2370
  align-items: start;
@@ -2327,36 +2375,33 @@ svg {
2327
2375
  z-index: 100;
2328
2376
  // custom styles
2329
2377
  ${({customModalHeaderStyle:e})=>e}
2330
- `,Jr=s.div`
2378
+ `,nl=m.div`
2331
2379
  //Set the styles from the default styles object
2332
- ${({inBuiltCss:e,type:t})=>I(e,t)}
2380
+ ${({inBuiltCss:e,type:t})=>P(e,t)}
2333
2381
  // custom styles
2334
2382
  ${({customModalBodyStyle:e})=>e}
2335
- `,Ur=s.div`
2383
+ `,al=m.div`
2336
2384
  max-height: 60vh;
2337
2385
  padding: 0 24px 24px 24px;
2338
2386
  overflow-y: auto;
2339
2387
  ${({contentWrapperStyle:e})=>e}
2340
- `,Qr=s.div`
2388
+ `,cl=m.div`
2341
2389
  padding-top: 16px;
2342
2390
 
2343
2391
  //Set the styles from the default styles object
2344
- ${({inBuiltCss:e,type:t})=>I(e,t)}
2392
+ ${({inBuiltCss:e,type:t})=>P(e,t)}
2345
2393
  // custom styles
2346
2394
  ${({customModalFooterStyle:e})=>e}
2347
- `,Kr=s.div`
2395
+ `,sl=m.div`
2348
2396
  cursor: pointer;
2349
- `;try{C.setAppElement("#root")}catch(e){C.setAppElement("#__next")}const Nr=({modalIsOpen:e,toggleModal:o,closeOnOutsideClick:r,headerContent:l,bodyContent:i,footerContent:n,customModalHeaderStyle:a,customModalBodyStyle:c,customModalFooterStyle:s,customWidth:d,customMinWidth:p,customMaxWidth:m,contentStyle:u,contentWrapperStyle:g,...b})=>{const f={overlay:{zIndex:"999999",backgroundColor:"rgb(51 51 51 / 30%)"},content:{borderColor:M.border,top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",borderRadius:"8px",padding:"0px",transform:"translate(-50%, -50%)",minWidth:p,maxHeight:"85vh",overflow:"hidden",border:"1px solid #EEF1F4",boxShadow:"0px 15px 40px 11px rgba(26, 36, 107, 0.132867)",width:d&&d,maxWidth:m&&m,...u}};return t.createElement(C,w({isOpen:e,onRequestClose:r?o:void 0,style:f,contentLabel:"Modal"},b),t.createElement(Xr,{style:a},l,t.createElement(Kr,{onClick:o},t.createElement(J,{icon:"close-icon",size:18}))),t.createElement(Ur,{contentWrapperStyle:g},t.createElement(Jr,{inBuiltCss:B,style:c},i),t.createElement(Qr,{inBuiltCss:B,style:s},n)))};Nr.propTypes={modalIsOpen:e.bool,toggleModal:e.func,closeOnOutsideClick:e.bool,headerContent:e.any,bodyContent:e.any,footerContent:e.any,customModalHeaderStyle:e.object,customModalBodyStyle:e.object,customModalFooterStyle:e.object,customMinWidth:e.string,contentStyle:e.object,contentWrapperStyle:e.object},Nr.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentStyle:{},contentWrapperStyle:{}};const Dr=s.div`
2397
+ `;try{E.setAppElement("#root")}catch(e){E.setAppElement("#__next")}const dl=({modalIsOpen:e,toggleModal:o,closeOnOutsideClick:r,headerContent:l,bodyContent:i,footerContent:n,customModalHeaderStyle:a,customModalBodyStyle:c,customModalFooterStyle:s,customWidth:d,customMinWidth:p,customMaxWidth:m,contentStyle:u,contentWrapperStyle:g,...b})=>{const f={overlay:{zIndex:"999999",backgroundColor:"rgb(51 51 51 / 30%)"},content:{borderColor:R.border,top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",borderRadius:"8px",padding:"0px",transform:"translate(-50%, -50%)",minWidth:p,maxHeight:"85vh",overflow:"hidden",border:"1px solid #EEF1F4",boxShadow:"0px 15px 40px 11px rgba(26, 36, 107, 0.132867)",width:d&&d,maxWidth:m&&m,...u}};return t.createElement(E,z({isOpen:e,onRequestClose:r?o:void 0,style:f,contentLabel:"Modal"},b),t.createElement(il,{style:a},l,t.createElement(sl,{onClick:o},t.createElement(N,{icon:"close-icon",size:18}))),t.createElement(al,{contentWrapperStyle:g},t.createElement(nl,{inBuiltCss:L,style:c},i),t.createElement(cl,{inBuiltCss:L,style:s},n)))};dl.propTypes={modalIsOpen:e.bool,toggleModal:e.func,closeOnOutsideClick:e.bool,headerContent:e.any,bodyContent:e.any,footerContent:e.any,customModalHeaderStyle:e.object,customModalBodyStyle:e.object,customModalFooterStyle:e.object,customMinWidth:e.string,contentStyle:e.object,contentWrapperStyle:e.object},dl.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentStyle:{},contentWrapperStyle:{}};const pl=m.div`
2350
2398
  ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.common)r[t]=e.common[t];for(const o in e[t])r[o]=e[t][o],delete e.common[o]}return{...r,...o}}}}
2351
2399
  }
2352
- `,Yr=({theme:e,toggleSimple:o,contentTrigger:r,contentOverlay:l,popperOptionsP:i,settingsP:n,customStyles:a,...c})=>{let s={},d={};o?(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d}):(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),s={...s,...i},d={...d,...n};const{getArrowProps:p,getTooltipProps:m,setTooltipRef:u,setTriggerRef:g,visible:f}=b({...d},s);return t.createElement(t.Fragment,null,t.createElement("div",{ref:g,style:{width:"fit-content",height:"fit-content"}},r),f&&t.createElement(Dr,w({type:o?"simple-overlay":"overlay",theme:e,ref:u},m({className:"tooltip-container"}),{customStyles:a}),l))};Yr.propTypes={theme:e.object,contentTrigger:e.any,contentOverlay:e.any,popperOptionsP:e.object,settingsP:e.object,customStyles:e.object,toggleSimple:e.bool},Yr.defaultProps={theme:B,contentTrigger:t.createElement("div",null,"Trigger"),contentOverlay:t.createElement("div",null,"I am the Overlay")};const $r=s.div`
2400
+ `,ml=({theme:e,toggleSimple:o,contentTrigger:r,contentOverlay:l,popperOptionsP:i,settingsP:n,customStyles:a,...c})=>{let s={},d={};o?(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d}):(s={...s,modifiers:[{name:"offset",options:{offset:[0,5]}}],strategy:"absolute"},d={...d,trigger:"click",closeOnOutsideClick:!0,interactive:!0}),s={...s,...i},d={...d,...n};const{getArrowProps:p,getTooltipProps:m,setTooltipRef:u,setTriggerRef:g,visible:b}=y({...d},s);return t.createElement(t.Fragment,null,t.createElement("div",{ref:g,style:{width:"fit-content",height:"fit-content"}},r),b&&t.createElement(pl,z({type:o?"simple-overlay":"overlay",theme:e,ref:u},m({className:"tooltip-container"}),{customStyles:a}),l))};ml.propTypes={theme:e.object,contentTrigger:e.any,contentOverlay:e.any,popperOptionsP:e.object,settingsP:e.object,customStyles:e.object,toggleSimple:e.bool},ml.defaultProps={theme:L,contentTrigger:t.createElement("div",null,"Trigger"),contentOverlay:t.createElement("div",null,"I am the Overlay")};const ul=m.div`
2353
2401
  display: flex;
2354
- align-items: center;
2355
2402
  justify-content: center;
2356
- color: ${({theme:e})=>e.variant["neutral-2"]};
2357
-
2358
- ${({customWrapperStyles:e})=>e}
2359
- `,_r=s.span`
2403
+ ${({customParentStyles:e})=>e}
2404
+ `,gl=m.span`
2360
2405
  background-color: ${({selected:e,theme:t})=>e?t.variant["neutral-5"]:"transparent"};
2361
2406
  color: ${({selected:e,theme:t})=>e?t.variant["primary-2"]:t.variant["neutral-3"]};
2362
2407
  padding: 8px 14px;
@@ -2368,7 +2413,7 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
2368
2413
  font-size: 14px;
2369
2414
 
2370
2415
  ${({customItemStyles:e})=>e}
2371
- `,el=s.div`
2416
+ `,bl=m.div`
2372
2417
  display: flex;
2373
2418
  justify-content: center;
2374
2419
  align-items: center;
@@ -2385,13 +2430,33 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
2385
2430
  }
2386
2431
 
2387
2432
  ${({customIconWrapperStyles:e})=>e}
2388
- `,tl=s.div`
2433
+ `,fl=m.div`
2389
2434
  padding: 0 15px;
2390
- `,ol=({selectedPage:e,setSelectedPage:o,totalPage:r,customItemStyles:i,customWrapperStyles:n,customIconWrapperStyles:a,previousText:c,nextText:s,...p})=>{const m=d()||M,[u,g]=l([1,2,3,4,5]),b=t=>{let l=[];"increase"===t&&u[4]<=r&&e!==u[4]?o(e+1):"increase"===t&&u[4]<r?(u.map((e=>l.push(e+1))),o(e+1),g(l)):"decrease"===t&&u[0]>1?(u.map((e=>l.push(e-1))),o(e-1),g(l)):"decrease"===t&&1!==e&&o(e-1)};return t.createElement($r,w({theme:m,customWrapperStyles:n},p),t.createElement(el,w({onClick:()=>b("decrease"),disabled:1===e,theme:m,customIconWrapperStyles:a},p),t.createElement(J,{icon:"triangle-down",transform:"rotate(90deg)",color:m.variant["neutral-3"]}),t.createElement("span",{className:"prev-text"}," ",c)),t.createElement(tl,p,u.map(((r,l)=>t.createElement(_r,{theme:m,selected:e===r,onClick:()=>o(r),customItemStyles:i},r)))),t.createElement(el,{onClick:()=>b("increase"),disabled:e===r,theme:m,customIconWrapperStyles:a},t.createElement("span",{className:"next-text"}," ",s),t.createElement(J,{icon:"triangle-down",transform:"rotate(-90deg)",color:m.variant["neutral-3"]}))," ")};ol.propTypes={customItemStyles:e.object,selectedPage:e.number,customWrapperStyles:e.object,customIconWrapperStyles:e.object,previousText:e.string,nextText:e.string},ol.defaultProps={selectedPage:1,customItemStyles:{},customWrapperStyles:{},customIconWrapperStyles:{},previousText:"PREVIOUS",nextText:"NEXT"};const rl=s.div`
2435
+ `,hl=m.div`
2436
+ display: flex;
2437
+ align-items: center;
2438
+ justify-content: center;
2439
+ color: ${({theme:e})=>e.variant["neutral-2"]};
2440
+
2441
+ ${({customLeftWrapperStyles:e})=>e}
2442
+ `,yl=m.div`
2443
+ display: flex;
2444
+ margin: 0;
2445
+ align-items: center;
2446
+ margin: 0 8px;
2447
+ line-height: 14px;
2448
+
2449
+ ${({customRightWrapperStyles:e})=>e}
2450
+
2451
+ span {
2452
+ margin: 0 10px;
2453
+ color: ${({theme:e})=>e.variant["neutral-2"]};
2454
+ }
2455
+ `,xl=({selectedPage:e,setSelectedPage:o,totalPage:r,customItemStyles:n,customLeftWrapperStyles:a,customIconWrapperStyles:c,previousText:s,nextText:d,pageToShow:p,totalResults:m,showResultPerPage:g,customParentStyles:b,customRightWrapperStyles:f,...h})=>{const y=u()||R,[x,v]=l([]);let A=p>r?r:p;i((()=>{v(Array.from({length:A},((e,t)=>t+1)))}),[r,p,A]);const C=t=>{let l=[];"increase"===t&&x[A-1]<=r&&e!==x[A-1]?o(e+1):"increase"===t&&x[A-1]<r?(l=Array.from({length:A},((e,t)=>t+x[0]+1)),o(e+1),v(l)):"decrease"===t&&x[0]<=e-1?o(e-1):"decrease"===t&&e>1&&(o(e-1),v(Array.from({length:A},((e,t)=>t+x[0]-1))))};return t.createElement(ul,{customParentStyles:b}," ",t.createElement(hl,z({theme:y,customLeftWrapperStyles:a},h),t.createElement(bl,z({onClick:()=>C("decrease"),disabled:1===e,theme:y,customIconWrapperStyles:c},h),t.createElement(N,{icon:"triangle-down",transform:"rotate(90deg)",color:y.variant["neutral-3"]}),t.createElement("span",{className:"prev-text"}," ",s)),t.createElement(fl,h,x.map(((r,l)=>t.createElement(gl,{key:l,theme:y,selected:e===r,onClick:()=>o(r),customItemStyles:n},r)))),t.createElement(bl,{onClick:()=>C("increase"),disabled:e===r,theme:y,customIconWrapperStyles:c},t.createElement("span",{className:"next-text"}," ",d),t.createElement(N,{icon:"triangle-down",transform:"rotate(-90deg)",color:y.variant["neutral-3"]}))),g&&t.createElement(yl,{theme:y,customRightWrapperStyles:f},t.createElement(xt,{optionArr:[{value:"10",label:"10"},{value:"20",label:"20"},{value:"30",label:"30"}],value:{value:"10",label:"10"},customWrapperStyles:{width:"fit-content"},isDisabled:!0,iconColor:y.variant["neutral-3"]}),t.createElement("p",null,t.createElement("span",null,"OF")," ",m," ",t.createElement("span",null,"RESULTS"))))};xl.propTypes={customItemStyles:e.object,selectedPage:e.number,customLeftWrapperStyles:e.object,customIconWrapperStyles:e.object,previousText:e.string,nextText:e.string,pageToShow:e.number,totalResults:e.number,showResultPerPage:e.bool,customParentStyles:e.object,customRightWrapperStyles:e.object},xl.defaultProps={selectedPage:1,customItemStyles:{},customLeftWrapperStyles:{},customIconWrapperStyles:{},previousText:"PREVIOUS",nextText:"NEXT",pageToShow:5,totalResults:0,showResultPerPage:!1,customParentStyles:{},customRightWrapperStyles:{}};const vl=m.div`
2391
2456
  display: flex;
2392
2457
  align-items: center;
2393
2458
  color: ${({theme:e})=>e.variant["neutral-2"]};
2394
- `,ll=({...e})=>{const o=d()||M;return t.createElement(rl,{theme:o},e.children)},il=s.div`
2459
+ `,Al=({...e})=>{const o=u()||R;return t.createElement(vl,{theme:o},e.children)},Cl=m.div`
2395
2460
  font-size: 14px;
2396
2461
  color: ${({selected:e,theme:t})=>e?t.variant["primary-1"]:null};
2397
2462
 
@@ -2407,31 +2472,36 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
2407
2472
  &:not(:first-child):not(:last-child) {
2408
2473
  margin: 0 22px;
2409
2474
  }
2410
- `;(ll.PageItem=function({selected:e,...o}){const r=d()||M;return t.createElement(il,w({selected:e,theme:r},o),o.children)}).propTypes={selected:e.bool},ll.PageItem.defaultProps={selected:!1};const nl=s.div`
2475
+ `;(Al.PageItem=function({selected:e,...o}){const r=u()||R;return t.createElement(Cl,z({selected:e,theme:r},o),o.children)}).propTypes={selected:e.bool},Al.PageItem.defaultProps={selected:!1};const wl=m.div`
2411
2476
  height: 10px;
2412
2477
  border-radius: 10px;
2413
2478
  margin-top: 13px;
2414
2479
  margin-left: 13px;
2415
2480
  margin-right: 13px;
2416
2481
  width: inherit;
2417
- background-color: ${({color:e,theme:t})=>W(e||t.primary["primary-1"],.5)};
2418
- `,al=s.div`
2482
+ color: ${({theme:e})=>e.bgColor};
2483
+ background-color: ${({color:e,theme:t})=>T(e||t.primary["primary-1"],.5)};
2484
+
2485
+ // custom styles
2486
+ ${({progressWrapStyle:e})=>e}
2487
+ `,Sl=m.div`
2419
2488
  height: inherit;
2420
2489
  width: inherit;
2421
2490
  transition: width 1s ease-in-out;
2422
2491
  border-radius: inherit;
2423
2492
  text-align: right;
2424
-
2493
+ display: inline-block;
2494
+ position: absolute;
2425
2495
  // custom styles
2426
2496
  ${({progressBarStyle:e})=>e}
2427
2497
  width: ${({now:e})=>e+"%"};
2428
2498
  background-color: ${({color:e,theme:t})=>e||t.primary["primary-1"]};
2429
- `,cl=({labelStyle:e,progressBarStyle:o,label:r,now:l,color:i,...n})=>{const a=d()||M;return t.createElement("div",null,t.createElement(Mt,w({inBuiltCss:B,customStyles:e,type:"progressbarLabel",text:r},n)),t.createElement(nl,w({progressBarStyle:o,theme:a,color:i},n),t.createElement(al,w({progressBarStyle:o,now:l,theme:a,color:i},n))))};cl.propTypes={labelStyle:e.object,progressBarStyle:e.object,color:e.string,label:e.string,now:e.number},cl.defaultProps={labelStyle:{},progressBarStyle:{},label:"",now:0};const sl=s.div`
2499
+ `,El=({labelStyle:e,progressBarStyle:o,progressWrapStyle:r,label:l,now:i,color:n,innerContent:a,...c})=>{const s=u()||R;return t.createElement("div",null,t.createElement(Ke,z({inBuiltCss:L,customStyles:e,type:"progressbarLabel",text:l},c)),t.createElement(wl,z({progressBarStyle:o,theme:s,progressWrapStyle:r,color:n},c),t.createElement(Sl,z({progressBarStyle:o,now:i,theme:s,color:n},c)),t.createElement("div",{style:{position:"absolute",zIndex:"1",left:"40%",right:"40%",textAlign:"center",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},a)))};El.propTypes={labelStyle:e.object,progressBarStyle:e.object,progressWrapStyle:e.object,color:e.string,label:e.string,now:e.number,innerContent:e.any},El.defaultProps={labelStyle:{},progressBarStyle:{},innerContent:"",label:"",now:0};const kl=m.div`
2430
2500
  background: transparent;
2431
2501
  display: flex;
2432
2502
  align-items: center;
2433
2503
  width: ${({block:e})=>e?"100%":"fit-content"};
2434
- `,dl=s.div`
2504
+ `,zl=m.div`
2435
2505
  margin: 0;
2436
2506
  color: ${({theme:e,variantOff:t})=>e.variant[t]};
2437
2507
  white-space: nowrap;
@@ -2449,16 +2519,16 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
2449
2519
  &>div:first-of-type{
2450
2520
  color: ${({theme:e,variantOn:t})=>e.variant[t]};
2451
2521
  }
2452
- `,pl=s.div`
2522
+ `,Vl=m.div`
2453
2523
  display: flex;
2454
2524
  margin-left: 20px;
2455
- `,ml=s.div`
2525
+ `,Ml=m.div`
2456
2526
  height: 6px;
2457
2527
  width: ${({widthStep:e})=>e}px;
2458
2528
  margin: 0 3px;
2459
2529
  background-color: ${({theme:e,isActive:t,variantOn:o,variantOff:r})=>t?e.variant[o]:e.variant[r]};
2460
2530
  border-radius: 19px;
2461
- `,ul=({block:e,variantOn:o,variantOff:r,currentStep:l,totalSteps:i,widthStep:n,style:a,...c})=>(d(),t.createElement(sl,w({block:e},c,{style:a}),t.createElement(dl,w({},c,{variantOn:o,variantOff:r}),"Page ",t.createElement("div",null,l)," of ",t.createElement("div",null,i)),t.createElement(pl,c,Array.from(Array(i).keys()).map((e=>t.createElement(ml,{key:"formSteps".concat(e),isActive:l===e+1,variantOn:o,variantOff:r,widthStep:n}))))));ul.propTypes={variantOn:e.string,variantOff:e.string,block:e.bool,theme:e.object,currentStep:e.number,totalSteps:e.number,widthStep:e.number},sl.defaultProps={theme:M},dl.defaultProps={theme:M},pl.defaultProps={theme:M},ml.defaultProps={theme:M},ul.defaultProps={theme:M,variantOn:"primary-1",variantOff:"neutral-2",block:!1,currentStep:1,totalSteps:4,widthStep:43};const gl=s.button`
2531
+ `,Bl=({block:e,variantOn:o,variantOff:r,currentStep:l,totalSteps:i,widthStep:n,style:a,...c})=>(u(),t.createElement(kl,z({block:e},c,{style:a}),t.createElement(zl,z({},c,{variantOn:o,variantOff:r}),"Page ",t.createElement("div",null,l)," of ",t.createElement("div",null,i)),t.createElement(Vl,c,Array.from(Array(i).keys()).map((e=>t.createElement(Ml,{key:"formSteps".concat(e),isActive:l===e+1,variantOn:o,variantOff:r,widthStep:n}))))));Bl.propTypes={variantOn:e.string,variantOff:e.string,block:e.bool,theme:e.object,currentStep:e.number,totalSteps:e.number,widthStep:e.number},kl.defaultProps={theme:R},zl.defaultProps={theme:R},Vl.defaultProps={theme:R},Ml.defaultProps={theme:R},Bl.defaultProps={theme:R,variantOn:"primary-1",variantOff:"neutral-2",block:!1,currentStep:1,totalSteps:4,widthStep:43};const Wl=m.button`
2462
2532
  background: ${({disabled:e,theme:t,bgVariant:o})=>e?"#BBC4CF":t.variant[o]};
2463
2533
  color: ${({theme:e,variant:t})=>e.variant[t]};
2464
2534
  padding: 6px 17px;
@@ -2485,7 +2555,7 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
2485
2555
  * {
2486
2556
  outline: none;
2487
2557
  }
2488
- `,bl=({block:e,style:o,variant:r,bgVariant:l,disabled:i,...n})=>(d(),t.createElement(gl,w({block:e,variant:r,bgVariant:l,type:"button",style:o,disabled:i},n),n.children));bl.propTypes={variant:e.string,bgVariant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object},gl.defaultProps={theme:M},bl.defaultProps={theme:M,variant:"primary-2",bgVariant:"neutral-4",block:!1,disabled:!1,onClick:void 0};const fl=s.button`
2558
+ `,Il=({block:e,style:o,variant:r,bgVariant:l,disabled:i,...n})=>(u(),t.createElement(Wl,z({block:e,variant:r,bgVariant:l,type:"button",style:o,disabled:i},n),n.children));Il.propTypes={variant:e.string,bgVariant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object},Wl.defaultProps={theme:R},Il.defaultProps={theme:R,variant:"primary-2",bgVariant:"neutral-4",block:!1,disabled:!1,onClick:void 0};const Rl=m.button`
2489
2559
  background: ${({disabled:e,theme:t})=>e?"#BBC4CF":t.bgColor};
2490
2560
  color: ${({theme:e,variant:t})=>e.variant[t]};
2491
2561
  padding: 6px 17px;
@@ -2508,7 +2578,7 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
2508
2578
  fill: #929EAC;
2509
2579
  }
2510
2580
  }
2511
- `,hl=({block:e,style:o,variant:r,borderVariant:l,disabled:i,...n})=>(d(),t.createElement(fl,w({block:e,variant:r,borderVariant:l,type:"button",style:o,disabled:i},n),n.children));hl.propTypes={variant:e.string,borderVariant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object},fl.defaultProps={theme:M},hl.defaultProps={theme:M,variant:"primary-2",borderVariant:"neutral-3",block:!1,disabled:!1,onClick:void 0};const yl=s.div`
2581
+ `,Ll=({block:e,style:o,variant:r,borderVariant:l,disabled:i,...n})=>(u(),t.createElement(Rl,z({block:e,variant:r,borderVariant:l,type:"button",style:o,disabled:i},n),n.children));Ll.propTypes={variant:e.string,borderVariant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object},Rl.defaultProps={theme:R},Ll.defaultProps={theme:R,variant:"primary-2",borderVariant:"neutral-3",block:!1,disabled:!1,onClick:void 0};const Pl=m.div`
2512
2582
  min-height: 51px;
2513
2583
  display: flex;
2514
2584
  background-color: ${({theme:e})=>e.primary["primary-1"]};
@@ -2524,13 +2594,18 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
2524
2594
  }
2525
2595
 
2526
2596
  ${({headerStyles:e})=>e}
2527
- `,xl=s.div`
2597
+ `,Tl=m.div`
2528
2598
  display: flex;
2529
2599
  background-color: transparent;
2530
2600
  flex-direction: column;
2531
2601
  align-items: center;
2532
2602
  width: 100%;
2533
- `,Al=s.div`
2603
+
2604
+ @media (max-width: 428px) {
2605
+ display: ${({toggleSideBarOpen:e})=>e?"block":"none"} ;
2606
+ }
2607
+
2608
+ `,Hl=m.div`
2534
2609
  display: flex;
2535
2610
  align-items: center;
2536
2611
  cursor: pointer;
@@ -2552,14 +2627,19 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
2552
2627
  p {
2553
2628
  margin: 8.25px 0px;
2554
2629
  }
2555
- `,vl=s.div`
2630
+ `,ql=m.div`
2556
2631
  display: flex;
2557
2632
  background-color: transparent;
2558
2633
  flex-direction: column;
2559
2634
  align-items: center;
2560
2635
  width: 100%;
2561
2636
  margin-top: auto;
2562
- `,Cl=s.div`
2637
+
2638
+ @media (max-width: 428px) {
2639
+ display: ${({toggleSideBarOpen:e})=>e?"block":"none"} ;
2640
+
2641
+ }
2642
+ `,jl=m.div`
2563
2643
  display: flex;
2564
2644
  align-items: center;
2565
2645
  cursor: pointer;
@@ -2581,54 +2661,54 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
2581
2661
  p {
2582
2662
  margin: 8.25px 31px;
2583
2663
  }
2584
- `,wl=({headerContent:e,bodyContent:o,footerContent:r,selectedApp:i,setApp:n,toggleSideBarOpen:a,headerStyles:c,selectedStyle:s,notSelectedStyle:p,customStylesNameHover:m,listElementStyle:u,customSelectCardColor:g,user:b,firstBottomContent:f,secondBottomContent:h,bottomContent:y,...x})=>{const A=d()||M,[v,C]=l(null),[w,S]=l(null);return t.createElement("div",{onMouseLeave:()=>{C(null),S(null)},style:{display:"flex",flexDirection:"column",height:"98vh"}},t.createElement(yl,{theme:A,headerStyles:c},e),t.createElement(xl,null,o?.map(((e,o)=>t.createElement(K,{key:e.id,index:o,handleClick:e=>{!function(e){S(null),C(e)}(e)},isAccordionOpen:o===v,isSelected:e.userName===i.lev1,customSelectCardColor:g,customStylesAccordionContainer:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"16px","padding-top":"7.5px","padding-bottom":"7.5px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:t.createElement(se,{selectedStyle:s,notSelectedStyle:p,toggleName:a,customStylesName:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",color:"white","font-weight":e.userName===i.lev1?"600":"400"},customStylesNameHover:m,size:"LG",user:e,isSelected:e.userName===i.lev1}),content:t.createElement("div",{style:{margin:"0",padding:"0",paddingLeft:"32px",marginBottom:"18.25px"}},e.subdirectory?.map(((o,r)=>t.createElement(Al,{listElementStyle:u,key:e.id+o,onClick:()=>{n({lev1:`${e.userName}`,lev2:`${o}`})}},t.createElement("span",{style:{visibility:i.lev2===o?"visible":"hidden"}}),t.createElement("p",{style:{marginTop:0===r&&"0px"}},o)))))})))),t.createElement(vl,null,t.createElement(N,{index:0,handleClick:e=>{!function(e){C(null),S(e)}(e)},isAccordionOpen:0===w,customStylesAccordionContainer:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"16px","padding-top":"7.5px","padding-bottom":"7.5px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:t.createElement(se,{selectedStyle:s,notSelectedStyle:p,toggleName:a,customStylesName:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",color:"white","font-weight":"400"},customStylesNameHover:m,size:"LG",user:{fullName:b.fullName||"My Account",userName:b.userName||"My Account",url:b.imgUrl}}),content:t.createElement("div",{style:{margin:"0",padding:"0",paddingLeft:"32px",marginBottom:"18.25px"}},y.map(((e,o)=>t.createElement(Cl,{listElementStyle:u,key:o},e?.value))))})))},Sl=s.div`
2664
+ `,Fl=({headerContent:e,bodyContent:o,footerContent:r,selectedApp:i,setApp:n,toggleSideBarOpen:a,headerStyles:c,selectedStyle:s,notSelectedStyle:d,customStylesNameHover:p,listElementStyle:m,customSelectCardColor:g,user:b,firstBottomContent:f,secondBottomContent:h,bottomContent:y,...x})=>{const v=u()||R,[A,C]=l(null),[w,S]=l(null),[E,k]=l(!1);return t.createElement("div",{onMouseEnter:()=>k(!0),onMouseLeave:()=>{C(null),S(null),k(!1)},style:{display:"flex",flexDirection:"column",height:"98vh"}},t.createElement(Pl,{theme:v,headerStyles:c},e),t.createElement(Tl,{toggleSideBarOpen:a},o?.map(((e,o)=>t.createElement($,{key:e.pageId,index:o,handleClick:e=>{!function(e){S(null),C(e)}(e)},isAccordionOpen:o===A||E&&e.value.toLowerCase()===i.lev1.toLowerCase(),isSelected:e.value.toLowerCase()===i.lev1.toLowerCase(),customSelectCardColor:g,customStylesAccordionContainer:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"16px","padding-top":"7.5px","padding-bottom":"7.5px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:t.createElement(ue,{selectedStyle:s,notSelectedStyle:d,toggleName:a,customStylesName:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",color:"white","font-weight":e.userName===i.lev1?"600":"400"},customStylesNameHover:p,size:"LG",user:{userName:e.label,url:e.logo,fullName:e.label},isSelected:e.value===i.lev1}),content:t.createElement("div",{style:{margin:"0",padding:"0",paddingLeft:"32px",marginBottom:"18.25px"}},e.routes.filter((e=>!0===e.visibleAsMenu)).map(((o,r)=>t.createElement(Hl,{listElementStyle:m,key:e.pageId+o.title,onClick:()=>{n({lev1:`${e.value}`,lev2:`${o.title}`})}},t.createElement("span",{style:{visibility:i.lev2.toLowerCase()===o.title.toLowerCase()?"visible":"hidden"}}),t.createElement("p",{style:{marginTop:0===r&&"0px"}},o.title)))))})))),t.createElement(ql,{toggleSideBarOpen:a,onMouseEnter:()=>k(!1)},t.createElement(_,{index:0,handleClick:e=>{!function(e){C(null),S(e)}(e)},isAccordionOpen:0===w,customStylesAccordionContainer:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent"},customStylesAccordionTogggle:{padding:"0","box-shadow":"none","border-radius":"0px","background-color":"transparent","padding-left":"16px","padding-top":"7.5px","padding-bottom":"7.5px",cursor:"pointer"},customStylesAccordionContent:{transition:"height ease 0.2s",overflow:"hidden",padding:"0","background-color":"transparent",color:"white",position:"relative","box-shadow":"none"},contentToggle:t.createElement(ue,{selectedStyle:s,notSelectedStyle:d,toggleName:a,customStylesName:{"white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",color:"white","font-weight":"400"},customStylesNameHover:p,size:"LG",user:{fullName:b.fullName||"My Account",userName:b.userName||"My Account",url:b.imgUrl}}),content:t.createElement("div",{style:{margin:"0",padding:"0",paddingLeft:"32px",marginBottom:"18.25px"}},y?.map(((e,o)=>t.createElement(jl,{listElementStyle:m,key:o},e?.value))))})))},Ol=m.div`
2585
2665
  background-color: ${({theme:e})=>e.variant["primary-1"]} !important;
2586
2666
  color: ${({theme:e})=>e.bgColor};
2587
2667
  overflow-y: auto;
2588
- ${({inBuiltCss:e,type:t})=>I(e,"sidebar-container")}
2668
+ ${({inBuiltCss:e,type:t})=>P(e,"sidebar-container")}
2589
2669
  ${({customStylesContainer:e})=>e}
2590
2670
 
2591
- ${({isOpen:e,forceOpen:t,inBuiltCss:o,type:r,customStylesContainerOpen:l,customStylesContainerClose:i})=>e||t?{...I(o,"sidebar-container-open"),...l}:{...I(o,"sidebar-container-close"),...i}}
2671
+ ${({isOpen:e,forceOpen:t,inBuiltCss:o,type:r,customStylesContainerOpen:l,customStylesContainerClose:i})=>e||t?{...P(o,"sidebar-container-open"),...l}:{...P(o,"sidebar-container-close"),...i}}
2592
2672
 
2593
2673
  @media (max-width: 980px) {
2594
2674
  ${({isOpen:e,inBuiltCss:t,type:o,customStylesContainerMobileOpen:r,customStylesContainerMobileClose:l})=>{}}
2595
2675
  }
2596
- `,kl=s.div`
2597
- ${({inBuiltCss:e,type:t})=>I(e,"sidebar-pusher")}
2676
+ `,Zl=m.div`
2677
+ ${({inBuiltCss:e,type:t})=>P(e,"sidebar-pusher")}
2598
2678
  ${({customStylesPusher:e})=>e}
2599
2679
 
2600
- ${({forceOpen:e,inBuiltCss:t,type:o,customStylesPusherOpen:r,customStylesPusherClose:l})=>e?{...I(t,"sidebar-pusher-open"),...r}:{...I(t,"sidebar-pusher-close"),...l}}
2680
+ ${({forceOpen:e,inBuiltCss:t,type:o,customStylesPusherOpen:r,customStylesPusherClose:l})=>e?{...P(t,"sidebar-pusher-open"),...r}:{...P(t,"sidebar-pusher-close"),...l}}
2601
2681
 
2602
2682
  @media (max-width: 980px) {
2603
- ${({inBuiltCss:e,type:t,customStylesPusherMobile:o})=>({...I(e,"sidebar-pusher-mobile"),...o})}}
2683
+ ${({inBuiltCss:e,type:t,customStylesPusherMobile:o})=>({...P(e,"sidebar-pusher-mobile"),...o})}}
2604
2684
  }
2605
- `,El=({customStylesContainer:e,customStylesContainerOpen:o,customStylesContainerClose:r,customStylesContainerMobileOpen:l,customStylesContainerMobileClose:i,customStylesPusher:n,customStylesPusherOpen:a,customStylesPusherClose:c,customStylesPusherMobile:s,forceOpen:p,forceClose:m,handleSidebar:u,toggleSideBarOpen:g,pinner:b,...f})=>{function h(e){u(e)}const y=d()||M;return t.createElement(Sl,w({theme:y,inBuiltCss:B,customStyles:e,type:"sidebarContainer",onMouseEnter:()=>{p||h(!0)},onMouseLeave:()=>{h(!1),m()},forceOpen:p,isOpen:g},f),t.createElement(kl,null),f.children,b)};El.propTypes={customStylesContainer:e.object,customStylesContainerOpen:e.object,customStylesContainerClose:e.object,customStylesContainerMobileOpen:e.object,customStylesContainerMobileClose:e.object,customStylesPusher:e.object,customStylesPusherOpen:e.object,customStylesPusherClose:e.object,customStylesPusherMobile:e.object,forceOpen:e.bool,forceClose:e.func,handleSidebar:e.func,toggleSideBarOpen:e.bool,pinner:e.any},El.defaultProps={forceClose:()=>{},forceOpen:!1};const zl={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},Vl=s.div`
2685
+ `,Xl=({customStylesContainer:e,customStylesContainerOpen:o,customStylesContainerClose:r,customStylesContainerMobileOpen:l,customStylesContainerMobileClose:i,customStylesPusher:n,customStylesPusherOpen:a,customStylesPusherClose:c,customStylesPusherMobile:s,forceOpen:d,forceClose:p,handleSidebar:m,toggleSideBarOpen:g,pinner:b,...f})=>{function h(e){m(e)}const y=u()||R;return t.createElement(Ol,z({theme:y,inBuiltCss:L,customStyles:e,type:"sidebarContainer",onMouseEnter:()=>{d||h(!0)},onMouseLeave:()=>{h(!1),p()},forceOpen:d,isOpen:g},f),t.createElement(Zl,null),f.children,b)};Xl.propTypes={customStylesContainer:e.object,customStylesContainerOpen:e.object,customStylesContainerClose:e.object,customStylesContainerMobileOpen:e.object,customStylesContainerMobileClose:e.object,customStylesPusher:e.object,customStylesPusherOpen:e.object,customStylesPusherClose:e.object,customStylesPusherMobile:e.object,forceOpen:e.bool,forceClose:e.func,handleSidebar:e.func,toggleSideBarOpen:e.bool,pinner:e.any},Xl.defaultProps={forceClose:()=>{},forceOpen:!1};const Gl={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},Jl=m.div`
2606
2686
  background: ${({theme:e,variant:t})=>e.variant[t]};
2607
2687
  color: ${({theme:e})=>e.bgColor};
2608
- padding: ${({size:e})=>zl[e].padding};
2688
+ padding: ${({size:e})=>Gl[e].padding};
2609
2689
  border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
2610
2690
  border-radius: 42px;
2611
- font-size: ${({size:e})=>zl[e].fontSize};
2691
+ font-size: ${({size:e})=>Gl[e].fontSize};
2612
2692
  font-weight: 600;
2613
2693
  display: flex;
2614
2694
  align-items: center;
2615
2695
  width: ${({block:e})=>e?"auto":"fit-content"};
2616
2696
  box-sizing: border-box;
2617
2697
 
2618
- `,Ml=({block:e,style:o,variant:r,...l})=>(d(),t.createElement(Vl,w({block:e,variant:r,style:o},l),l.children));Ml.propTypes={variant:e.string,block:e.bool,theme:e.object},Vl.defaultProps={theme:M},Ml.defaultProps={theme:M,variant:"primary-1",block:!1};const Bl={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},Il=s.div`
2698
+ `,Ul=({block:e,style:o,variant:r,...l})=>(u(),t.createElement(Jl,z({block:e,variant:r,style:o},l),l.children));Ul.propTypes={variant:e.string,block:e.bool,theme:e.object},Jl.defaultProps={theme:R},Ul.defaultProps={theme:R,variant:"primary-1",block:!1};const Dl={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},Ql=m.div`
2619
2699
  color: ${({theme:e,variant:t})=>e.variant[t]};
2620
2700
  background: ${({theme:e})=>e.bgColor};
2621
- padding: ${({size:e})=>Bl[e].padding};
2701
+ padding: ${({size:e})=>Dl[e].padding};
2622
2702
  border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
2623
2703
  border-radius: 42px;
2624
- font-size: ${({size:e})=>Bl[e].fontSize};
2704
+ font-size: ${({size:e})=>Dl[e].fontSize};
2625
2705
  font-weight: 600;
2626
2706
  display: flex;
2627
2707
  align-items: center;
2628
2708
  width: ${({block:e})=>e?"auto":"fit-content"};
2629
2709
  box-sizing: border-box;
2630
2710
 
2631
- `,Wl=({block:e,style:o,variant:r,...l})=>(d(),t.createElement(Il,w({block:e,variant:r,style:o},l),l.children));Wl.propTypes={variant:e.string,block:e.bool,theme:e.object},Il.defaultProps={theme:M},Wl.defaultProps={theme:M,variant:"primary-1",block:!1};const Rl={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},Ll=s.div`
2711
+ `,Nl=({block:e,style:o,variant:r,...l})=>(u(),t.createElement(Ql,z({block:e,variant:r,style:o},l),l.children));Nl.propTypes={variant:e.string,block:e.bool,theme:e.object},Ql.defaultProps={theme:R},Nl.defaultProps={theme:R,variant:"primary-1",block:!1};const Kl={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},Yl=m.div`
2632
2712
  background: ${({theme:e,variant:t,bgColor:o})=>o||e.variant[t]};
2633
2713
  color: ${({theme:e,textColor:t})=>t||e.bgColor};
2634
2714
  border-radius: 13.5px;
@@ -2636,11 +2716,11 @@ font-size: 14px;
2636
2716
  display: flex;
2637
2717
  align-items: center;
2638
2718
  justify-content: center;
2639
- width: ${({block:e,size:t})=>e?"auto":Rl[t].width};
2719
+ width: ${({block:e,size:t})=>e?"auto":Kl[t].width};
2640
2720
  height: 28px;
2641
2721
  box-sizing: border-box;
2642
2722
  overflow: hidden;
2643
- `,Pl=({block:e,style:o,variant:r,textColor:l,bgColor:i,...n})=>(d(),t.createElement(Ll,w({block:e,variant:r,textColor:l,bgColor:i,style:o},n),n.children));Pl.propTypes={variant:e.string,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,theme:e.object,textColor:e.string,bgColor:e.string},Ll.defaultProps={theme:M},Pl.defaultProps={theme:M,variant:"primary-1",block:!1,size:"sm"};const ql={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},Tl=s.div`
2723
+ `,$l=({block:e,style:o,variant:r,textColor:l,bgColor:i,...n})=>(u(),t.createElement(Yl,z({block:e,variant:r,textColor:l,bgColor:i,style:o},n),n.children));$l.propTypes={variant:e.string,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,theme:e.object,textColor:e.string,bgColor:e.string},Yl.defaultProps={theme:R},$l.defaultProps={theme:R,variant:"primary-1",block:!1,size:"sm"};const _l={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},ei=m.div`
2644
2724
  background: ${({theme:e})=>e.bgColor};
2645
2725
  color: ${({theme:e,variant:t,textColor:o})=>o||e.variant[t]};
2646
2726
  border: 1px solid ${({theme:e,variant:t,borderColor:o})=>o||e.variant[t]};
@@ -2649,13 +2729,133 @@ font-size: 14px;
2649
2729
  display: flex;
2650
2730
  align-items: center;
2651
2731
  justify-content: center;
2652
- width: ${({block:e,size:t})=>e?"auto":ql[t].width};
2732
+ width: ${({block:e,size:t})=>e?"auto":_l[t].width};
2653
2733
  height: 27px;
2654
2734
  box-sizing: border-box;
2655
2735
  overflow: hidden;
2656
- `,Hl=({block:e,style:o,variant:r,textColor:l,borderColor:i,...n})=>(d(),t.createElement(Tl,w({block:e,variant:r,textColor:l,borderColor:i,style:o},n),n.children));Hl.propTypes={variant:e.string,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,theme:e.object,textColor:e.string,borderColor:e.string},Tl.defaultProps={theme:M},Hl.defaultProps={theme:M,variant:"primary-1",block:!1,size:"sm"};const jl={xs:{fontSize:"12px",lineHeight:"120%"},sm:{fontSize:"14px",lineHeight:"120%"},md:{fontSize:"16px",lineHeight:"140%"},lg:{fontSize:"18px",lineHeight:"120%"}},Fl=s.div`
2736
+ `,ti=({block:e,style:o,variant:r,textColor:l,borderColor:i,...n})=>(u(),t.createElement(ei,z({block:e,variant:r,textColor:l,borderColor:i,style:o},n),n.children));ti.propTypes={variant:e.string,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,theme:e.object,textColor:e.string,borderColor:e.string},ei.defaultProps={theme:R},ti.defaultProps={theme:R,variant:"primary-1",block:!1,size:"sm"};const oi=m.div`
2737
+ .notification {
2738
+ background: ${({theme:e})=>e.bgColor};
2739
+ transition: 0.3s ease;
2740
+ position: relative;
2741
+ pointer-events: auto;
2742
+ overflow: hidden;
2743
+ background-position: 15px;
2744
+ background-repeat: no-repeat;
2745
+ margin-bottom: 8px;
2746
+ width: 100%;
2747
+ box-shadow: 0px 0px 9px 1px rgb(26 36 107 / 13%);
2748
+ border-radius: 6px 6px 3px 3px;
2749
+ border-bottom: 2px solid
2750
+ ${({theme:e,type:t})=>"success"===t?e.variant.success:"error"===t?e.variant.error:"#F8AB4B"};
2751
+ color: ${({theme:e})=>e.black};
2752
+ opacity: 0.9;
2753
+ padding: 16px 24px;
2754
+
2755
+ display: flex;
2756
+ justify-content: space-between;
2757
+ align-items: center;
2758
+ }
2759
+
2760
+ .notification:hover {
2761
+ opacity: 1;
2762
+ }
2763
+
2764
+ .notification-message {
2765
+ margin: 0;
2766
+ overflow: hidden;
2767
+ text-overflow: ellipsis;
2768
+ white-space: wrap;
2769
+ word-break: break-word;
2770
+ width: 300px;
2771
+ border-left: 1px solid #e5e7f0;
2772
+ padding: 2px;
2773
+ padding-left: 16px;
2774
+ }
2775
+
2776
+ .notification-icon {
2777
+ margin-right: 16px;
2778
+ background-color: ${({theme:e,type:t})=>"success"===t?e.variant.success:"error"===t?e.variant.error:"#F8AB4B"};
2779
+ height: 20px;
2780
+ width: 20px;
2781
+ border-radius: 50%;
2782
+ display: flex;
2783
+ justify-content: center;
2784
+ align-items: center;
2785
+ }
2786
+
2787
+ .toast {
2788
+ height: 100%;
2789
+ min-height: 50px;
2790
+ width: 412px;
2791
+ color: black;
2792
+ }
2793
+
2794
+ .leftSide {
2795
+ display: flex;
2796
+ justify-content: start;
2797
+ align-items: center;
2798
+ }
2799
+ .close-icon {
2800
+
2801
+ cursor: pointer;
2802
+ }
2803
+ `,ri=({close:e,children:o,type:l,position:n,timeout:a})=>{((e,t)=>{const o=r(e);i((()=>{o.current=e}),[e]),i((()=>{if(null===t)return;const e=setTimeout((()=>o.current()),t);return()=>clearTimeout(e)}),[t])})(e,a||5e3);const c=u()||R;let s=null;switch(l){case"success":s=t.createElement(N,{icon:"check-icon",color:"white",size:13,customStyles:{display:"flex",justifyContent:"center",alignItems:"center"}});break;case"warning":s=t.createElement(N,{icon:"info-icon",color:"white",size:11,customStyles:{display:"flex",justifyContent:"center",alignItems:"center"}});break;case"error":s=t.createElement(N,{icon:"close-white",size:10,customStyles:{display:"flex",justifyContent:"center",alignItems:"center"}})}return t.createElement(oi,{theme:c,type:l},t.createElement("div",{className:`notification toast ${n}`},t.createElement("div",{className:"leftSide"},t.createElement("div",{className:"notification-icon"},s),t.createElement("div",null,t.createElement("p",{className:"notification-message"},o))),t.createElement("div",{className:"close-icon",onClick:e},t.createElement(N,{icon:"close-icon",color:c.variant["neutral-2"]}))))},li=s(),ii=m.div`
2804
+ .notification-container {
2805
+ font-size: 14px;
2806
+ box-sizing: border-box;
2807
+ position: fixed;
2808
+ z-index: 9999999;
2809
+ }
2810
+
2811
+ .top-right {
2812
+ top: 12px;
2813
+ right: 12px;
2814
+ transition: transform 0.6s ease-in-out;
2815
+ animation: toast-in-right 0.7s;
2816
+ }
2817
+
2818
+ .bottom-right {
2819
+ bottom: 12px;
2820
+ right: 12px;
2821
+ transition: transform 0.6s ease-in-out;
2822
+ animation: toast-in-right 0.7s;
2823
+ }
2824
+
2825
+ .top-left {
2826
+ top: 12px;
2827
+ left: 12px;
2828
+ transition: transform 0.6s ease-in;
2829
+ animation: toast-in-left 0.7s;
2830
+ }
2831
+
2832
+ .bottom-left {
2833
+ bottom: 12px;
2834
+ left: 12px;
2835
+ transition: transform 0.6s ease-in;
2836
+ animation: toast-in-left 0.7s;
2837
+ }
2838
+
2839
+ @keyframes toast-in-right {
2840
+ from {
2841
+ transform: translateX(100%);
2842
+ }
2843
+ to {
2844
+ transform: translateX(0);
2845
+ }
2846
+ }
2847
+
2848
+ @keyframes toast-in-left {
2849
+ from {
2850
+ transform: translateX(-100%);
2851
+ }
2852
+ to {
2853
+ transform: translateX(0);
2854
+ }
2855
+ }
2856
+ `;function ni(){let e=46656*Math.random()|0,t=46656*Math.random()|0;return e=("000"+e.toString(36)).slice(-3),t=("000"+t.toString(36)).slice(-3),e+t}const ai=e=>{console.log(e);const[o,r]=l([]),i=(e,t)=>{r((o=>[...o,{id:ni(),content:t,type:e}]))},n=d((()=>({open:i})),[]);return t.createElement(li.Provider,{value:n},e.children,k(t.createElement(ii,null,t.createElement("div",{className:`notification-container ${e.position}`},o.map((o=>t.createElement(ri,{key:o.id,type:o.type,position:e.position,timeout:e.timeout,close:()=>{return e=o.id,r((t=>t.filter((t=>t.id!==e))));var e}},o.content))))),document.body))},ci=()=>p(li),si={xs:{fontSize:"12px",lineHeight:"120%"},sm:{fontSize:"14px",lineHeight:"120%"},md:{fontSize:"16px",lineHeight:"140%"},lg:{fontSize:"18px",lineHeight:"120%"}},di=m.div`
2657
2857
  color: ${({theme:e,text:t})=>t?e.variant[t]:e.textColor};
2658
2858
  // background: ${({theme:e,bg:t})=>t?e.variant[t]:e.bgColor};
2659
- font-size: ${({size:e})=>jl[e].fontSize};
2660
- line-height: ${({size:e})=>jl[e].lineHeight};
2661
- `,Ol=({size:e,children:o,bg:r,text:l,...i})=>{const n=d()||M;return t.createElement(Fl,w({theme:n,bg:r,text:l,size:e},i),t.createElement(xr,{theme:n}),o)};Ol.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},Ol.defaultProps={size:"md"};export{Q as Accordion,K as AccordionSB,N as AccordionSBfooter,tt as ActionContainer,lt as ActionItem,_ as ArrowBar,ie as Avatar,se as AvatarSB,ue as AvatarSBfooter,fe as Banner,Xe as Breadcrumb,Er as ButtonPopup,L as Card,q as CardRef,Pt as CheckBoxInput,Ht as ColorInput,Ue as Content,bl as DarkSecondaryLink,Qt as DateSelect,mt as Divider,O as DocumentCard,gt as Drawer,$t as DropdownSelect,no as DropzoneInput,bt as ErrorBoundary,yt as FilterChip,At as Footer,kt as FooterContent,hr as FormComponent,it as FormContainer,dt as FormWrapper,Cr as GroupAvatars,Br as GroupButtons,Lr as GroupButtonsPopup,Fr as GroupStatusCircle,zt as Header,fr as HeaderComponent,Gr as HyperLink,J as Icon,te as Image,mo as ImageUploader,Mt as Label,hl as LightSecondaryLink,Ce as LinkButton,xe as Loader,Nr as ModalComp,ct as MultiColumnDiv,at as MultiColumnWrapper,wl as Navbar,yo as NumericInput,Yr as Overlay,ot as OverlayOptionContainer,rt as OverlayOptionItemLabel,Qe as PageContent,ol as Pagination,ll as PaginationDefault,wo as PasswordInput,Ee as PrimaryButton,Ml as PrimaryStatusChip,cl as ProgressBar,ul as ProgressSteps,Mo as RadioInput,ur as Rating,Po as SearchInput,Me as SecondaryButton,Wl as SecondaryStatusChip,El as Sidebar,Zo as SignatureInput,Pl as SlimPrimaryStatusChip,Hl as SlimSecondaryStatusChip,qr as StatusCircle,De as StyledCentralBar,Ne as StyledClearSearch,$e as StyledCreateRow,_e as StyledRow,Ke as StyledRowSearch,et as StyledSearchRow,Ye as StyledWarning,nt as SubmitButtonContainer,yr as SubmitComponent,br as Table,Qo as TextArea,Lo as TextInput,tr as TimeInput,Ie as TinyButton,nr as ToggleSwitch,je as Tooltip,Ol as Typography,B as defaultStyles,M as defaultThemeColor,I as getDefaultStyles,V as graphColor,W as hexToRGB,E as neutralColor,S as primaryColor,z as shadeColor,k as uiColor};
2859
+ font-size: ${({size:e})=>si[e].fontSize};
2860
+ line-height: ${({size:e})=>si[e].lineHeight};
2861
+ `,pi=({size:e,children:o,bg:r,text:l,...i})=>{const n=u()||R;return t.createElement(di,z({theme:n,bg:r,text:l,size:e},i),t.createElement(Lr,{theme:n}),o)};pi.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},pi.defaultProps={size:"md"};export{Y as Accordion,$ as AccordionSB,_ as AccordionSBfooter,No as ActionContainer,$o as ActionItem,re as ArrowBar,se as Avatar,ue as AvatarSB,he as AvatarSBfooter,ve as Banner,Qe as Breadcrumb,Or as ButtonPopup,q as Card,F as CardRef,ot as CheckBoxInput,it as ColorInput,qo as Comment,Fo as Content,Il as DarkSecondaryLink,gt as DateSelect,nr as Divider,J as DocumentCard,cr as Drawer,xt as DropdownSelect,Mt as DropzoneInput,sr as ErrorBoundary,mr as FilterChip,gr as Footer,xr as FooterContent,Ir as FormComponent,_o as FormContainer,lr as FormWrapper,Hr as GroupAvatars,Jr as GroupButtons,Nr as GroupButtonsPopup,tl as GroupStatusCircle,Ar as Header,Wr as HeaderComponent,ll as HyperLink,N as Icon,ie as Image,Lt as ImageUploader,Ke as Label,Ll as LightSecondaryLink,ke as LinkButton,we as Loader,dl as ModalComp,or as MultiColumnDiv,tr as MultiColumnWrapper,Fl as Navbar,Ft as NumericInput,ml as Overlay,Ko as OverlayOptionContainer,Yo as OverlayOptionItemLabel,Oo as PageContent,xl as Pagination,Al as PaginationDefault,Jt as PasswordInput,Be as PrimaryButton,Ul as PrimaryStatusChip,El as ProgressBar,Bl as ProgressSteps,Yt as RadioInput,Vr as Rating,ro as SearchInput,Re as SecondaryButton,Nl as SecondaryStatusChip,Xl as Sidebar,po as SignatureInput,$l as SlimPrimaryStatusChip,ti as SlimSecondaryStatusChip,Yr as StatusCircle,Go as StyledCentralBar,Xo as StyledClearSearch,Uo as StyledCreateRow,Do as StyledRow,Zo as StyledRowSearch,Qo as StyledSearchRow,Jo as StyledWarning,er as SubmitButtonContainer,Rr as SubmitComponent,Br as Table,fo as TextArea,oo as TextInput,So as TimeInput,Pe as TinyButton,ai as ToastProvider,Mo as ToggleSwitch,Xe as Tooltip,pi as Typography,L as defaultStyles,R as defaultThemeColor,P as getDefaultStyles,I as graphColor,T as hexToRGB,B as neutralColor,V as primaryColor,W as shadeColor,M as uiColor,ci as useToast};