groundfloor-react-ui 1.2.25 → 1.2.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +1327 -1253
- package/dist/index.js +1335 -1261
- 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}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 S(){return S=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},S.apply(this,arguments)}const w={"primary-1":"#2E56F4","primary-2":"#081348"},E={error:"#DD0000",success:"#00B904 "},k={"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:{...w},ui:{...E},neutral:{...k},shade:{...z},graph:{...V},variant:{...w,...E,...k,...z,...V},textColor:w["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:"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:`${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"}},W=(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 I(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+")"}I("#FF0000",.5);const R=s.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,
|
|
16
|
+
`,L=({type:e,header:o,content:r,...l})=>{const i=d()||M;return t.createElement(R,S({activeTheme:i},l),o,r)};L.propTypes={header:e.any,content:e.any};const P=s.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
|
-
`,
|
|
35
|
+
`,T=o((({type:e,header:o,content:r,...l},i)=>{const n=d()||M;return t.createElement(P,S({inBuiltCss:B,activeTheme:n},l,{ref:i}),o,r)}));T.propTypes={type:e.string,header:e.any,content:e.any};const q={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
36
|
${({trimFileName:e})=>e?p`
|
|
37
|
-
height: ${({size:e})=>
|
|
37
|
+
height: ${({size:e})=>q[e].cardMinHeight};
|
|
38
38
|
`:p`
|
|
39
|
-
min-height: ${({size:e})=>
|
|
39
|
+
min-height: ${({size:e})=>q[e].cardMinHeight};
|
|
40
40
|
`}
|
|
41
|
-
width: ${({size:e})=>
|
|
42
|
-
border-radius: ${({size:e})=>
|
|
43
|
-
border: ${({size:e})=>
|
|
41
|
+
width: ${({size:e})=>q[e].cardWidth};
|
|
42
|
+
border-radius: ${({size:e})=>q[e].borderRadius};
|
|
43
|
+
border: ${({size:e})=>q[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})=>
|
|
48
|
+
border: ${({size:e})=>q[e].border} solid
|
|
49
49
|
${({theme:e,variantBorderHover:t})=>e.variant[t]};
|
|
50
50
|
button {
|
|
51
51
|
&:hover {
|
|
@@ -57,12 +57,12 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
|
|
|
57
57
|
display: flex;
|
|
58
58
|
justify-content: ${({buttons:e})=>"11"!==e?"center":"space-between"};
|
|
59
59
|
align-items: center;
|
|
60
|
-
height: ${({size:e})=>
|
|
60
|
+
height: ${({size:e})=>q[e].bodyHeight};
|
|
61
61
|
margin: 0;
|
|
62
|
-
padding: ${({size:e})=>
|
|
62
|
+
padding: ${({size:e})=>q[e].bodyPadding};
|
|
63
63
|
border: none;
|
|
64
|
-
border-top-left-radius: ${({size:e})=>
|
|
65
|
-
border-top-right-radius: ${({size:e})=>
|
|
64
|
+
border-top-left-radius: ${({size:e})=>q[e].borderRadius};
|
|
65
|
+
border-top-right-radius: ${({size:e})=>q[e].borderRadius};
|
|
66
66
|
background-color: ${({theme:e,variantBgBody:t})=>e.variant[t]};
|
|
67
67
|
background: linear-gradient(
|
|
68
68
|
0deg,
|
|
@@ -77,23 +77,23 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
|
|
|
77
77
|
white-space: nowrap;
|
|
78
78
|
overflow: hidden;
|
|
79
79
|
text-overflow: ellipsis;
|
|
80
|
-
height: ${({size:e})=>
|
|
80
|
+
height: ${({size:e})=>q[e].footerMinHeight};
|
|
81
81
|
`:p`
|
|
82
82
|
display: flex;
|
|
83
83
|
align-items: center;
|
|
84
|
-
min-height: ${({size:e})=>
|
|
84
|
+
min-height: ${({size:e})=>q[e].footerMinHeight};
|
|
85
85
|
overflow-wrap: anywhere;
|
|
86
86
|
hyphens: auto;
|
|
87
87
|
`}
|
|
88
|
-
font-size: ${({size:e})=>
|
|
89
|
-
padding: ${({size:e})=>
|
|
88
|
+
font-size: ${({size:e})=>q[e].footerFontSize};
|
|
89
|
+
padding: ${({size:e})=>q[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})=>
|
|
93
|
+
line-height: ${({size:e})=>q[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
|
+
`,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,S({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)`
|
|
97
97
|
div {
|
|
98
98
|
${({size:e})=>e&&p`
|
|
99
99
|
width: ${e}px;
|
|
@@ -125,7 +125,7 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
|
|
|
125
125
|
}
|
|
126
126
|
vertical-align: initial;
|
|
127
127
|
}
|
|
128
|
-
`,J=({icon:e,color:o,size:r,transform:l,...i})=>t.createElement(X,
|
|
128
|
+
`,J=({icon:e,color:o,size:r,transform:l,...i})=>t.createElement(X,S({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
129
|
display: flex;
|
|
130
130
|
justify-content: center;
|
|
131
131
|
align-items: center;
|
|
@@ -136,7 +136,7 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
|
|
|
136
136
|
font-size: 12px;
|
|
137
137
|
color: ${({theme:e})=>e.neutral["neutral-3"]};
|
|
138
138
|
}
|
|
139
|
-
`,
|
|
139
|
+
`,D=({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,S({customStyles:e,type:"accordionContainer"},f,{header:t.createElement(L,S({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(T,S({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}))}))};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,toggleState:e.func,id:e.string},D.defaultProps={contentToggle:"Toggle",content:"Content",toggleIconAnimation:!0,toggleState:()=>{},id:""};const Q=({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),[w,E]=l({}),[k,z]=l({}),V=d()||M;return i((()=>{u?(E((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"})))):(E({}),z({}))}),[u]),i((()=>{v(!!f)}),[f]),t.createElement(L,S({customStyles:{...e,...w},type:"accordionContainer"},x,{header:t.createElement(L,S({customStyles:{...o,...k},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(T,S({customStyles:a,type:"accordionContent",ref:C},x,{style:A?{height:C.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:h,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,id:e.string},Q.defaultProps={contentToggle:"Toggle",content:"Content",id:""};const K=({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,w]=l({}),[E,k]=l({});return i((()=>{m?(w((e=>({...e,backgroundColor:"#2444d8",marginBottom:"15.5px",marginTop:0!==u?"15.5px":"0px"}))),k((e=>({...e,backgroundColor:"#2444d8",paddingTop:"14px",paddingBottom:"14px",paddingLeft:"14px"})))):(w({}),k({}))}),[m]),i((()=>{A(!!b)}),[b]),t.createElement(L,S({customStyles:{...e,...C},type:"accordionContainer"},y,{header:t.createElement(L,S({customStyles:{...o,...E},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(T,S({customStyles:a,type:"accordionContent",ref:v},y,{style:x?{height:v.current.scrollHeight+"px"}:{height:"0px",borderBottom:"none"},id:h,content:d}))}))};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=s.div`
|
|
140
140
|
color: ${({theme:e,variant:t})=>t?e.variant[t]:"white"};
|
|
141
141
|
${({scroll:e})=>e?p`
|
|
142
142
|
display: flex;
|
|
@@ -231,10 +231,10 @@ import e from"prop-types";import t,{forwardRef as o,useRef as r,useState as l,us
|
|
|
231
231
|
`:void 0}
|
|
232
232
|
};
|
|
233
233
|
`}}
|
|
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(
|
|
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(N,{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
235
|
//Set the styles from the default styles object
|
|
236
236
|
${({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,
|
|
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,S({},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
238
|
${({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
239
|
`,re=s.div`
|
|
240
240
|
|
|
@@ -246,7 +246,7 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
|
|
|
246
246
|
color:${({theme:e})=>e.textColor};
|
|
247
247
|
|
|
248
248
|
${({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,
|
|
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,S({inBuiltCss:B,border:s,theme:g,customStyles:e,type:"avatarContainer"},p),c?.url&&t.createElement(te,S({},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,S({},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,S({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
250
|
${({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
251
|
width: auto;
|
|
252
252
|
`,ae=s.div`
|
|
@@ -269,7 +269,7 @@ ${({inBuiltCss:e,type:t,size:o,customStyles:r})=>{if(e){let l={};if(e[t]){for(co
|
|
|
269
269
|
&:hover {
|
|
270
270
|
${({inBuiltCss:e,type:t,size:o,customStylesHover:r})=>{if(e){return{...{},...r}}}}
|
|
271
271
|
}
|
|
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,
|
|
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,S({border:p,inBuiltCss:B,customStyles:e,type:"avatarContainer"},b),s?.url&&t.createElement(te,S({},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,S({},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,S({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
273
|
|
|
274
274
|
${({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
275
|
width: auto;
|
|
@@ -298,7 +298,7 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
|
|
|
298
298
|
&:hover {
|
|
299
299
|
${({inBuiltCss:e,type:t,size:o,customStylesHover:r})=>{if(e){return{...{},...r}}}}
|
|
300
300
|
}
|
|
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,
|
|
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,S({border:m,theme:y,inBuiltCss:B,customStyles:o,type:"avatarContainer"},h),p?.url&&t.createElement(te,S({},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,S({},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,S({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
302
|
color: ${({theme:e})=>e.textColor};
|
|
303
303
|
display: flex;
|
|
304
304
|
background-color: ${({backgroundColor:e,theme:t})=>e||t.variant["insight-purple"]};
|
|
@@ -314,7 +314,7 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
|
|
|
314
314
|
font-size: 16px;
|
|
315
315
|
text-align: left;
|
|
316
316
|
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,
|
|
317
|
+
`,fe=({backgroundColor:e,borderColor:o,variant:r,children:l,...i})=>{const n=d()||M;return t.createElement(t.Fragment,null,t.createElement(ge,S({theme:n,backgroundColor:e,borderColor:o},i),t.createElement(be,S({theme:n},i),l)))};fe.propTypes={backgroundColor:e.string,borderColor:e.string,children:e.any},fe.defaultProps={children:""};const he=m`
|
|
318
318
|
0% {
|
|
319
319
|
opacity: 1;
|
|
320
320
|
}
|
|
@@ -435,17 +435,17 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
|
|
|
435
435
|
}
|
|
436
436
|
|
|
437
437
|
//Set the styles from the default styles object
|
|
438
|
-
${({theme:e,defaultStyle:t})=>
|
|
438
|
+
${({theme:e,defaultStyle:t})=>W(e,t)}
|
|
439
439
|
|
|
440
440
|
// custom styles
|
|
441
441
|
${({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,
|
|
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,S({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 Se={sm:{fontSize:"14px",padding:"5px 15px"},md:{fontSize:"16px",padding:"5.5px 15px"},lg:{fontSize:"18px",padding:"8px 20px"}},we=({theme:e,variant:t})=>I(e.variant[t],.6),Ee=s.button`
|
|
443
443
|
background: ${({theme:e,variant:t})=>e.variant[t]};
|
|
444
444
|
color: ${({theme:e})=>e.bgColor};
|
|
445
|
-
padding: ${({size:e})=>
|
|
445
|
+
padding: ${({size:e})=>Se[e].padding};
|
|
446
446
|
border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
|
|
447
447
|
border-radius: 5px;
|
|
448
|
-
font-size: ${({size:e})=>
|
|
448
|
+
font-size: ${({size:e})=>Se[e].fontSize};
|
|
449
449
|
display: flex;
|
|
450
450
|
align-items: center;
|
|
451
451
|
width: ${({block:e})=>e?"100%":"auto"};
|
|
@@ -454,17 +454,17 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
|
|
|
454
454
|
outline: none;
|
|
455
455
|
&:disabled {
|
|
456
456
|
color: ${({theme:e})=>e.bgColor};
|
|
457
|
-
background: ${
|
|
458
|
-
border: 1px solid ${
|
|
457
|
+
background: ${we};
|
|
458
|
+
border: 1px solid ${we};
|
|
459
459
|
cursor: not-allowed;
|
|
460
460
|
}
|
|
461
461
|
|
|
462
462
|
//Set the styles from the default styles object
|
|
463
|
-
${({theme:e,defaultStyle:t})=>
|
|
463
|
+
${({theme:e,defaultStyle:t})=>W(e,t)}
|
|
464
464
|
|
|
465
465
|
// custom styles
|
|
466
466
|
${({btnStyle:e})=>e}
|
|
467
|
-
`,
|
|
467
|
+
`,ke=({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(Ee,S({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)};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:"14",padding:"5px 15px"},md:{fontSize:"16",padding:"5.5px 15px"},lg:{fontSize:"18",padding:"8px 20px"}},Ve=s.button`
|
|
468
468
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
469
469
|
background: ${({theme:e})=>e.bgColor};
|
|
470
470
|
padding: ${({size:e})=>ze[e].padding};
|
|
@@ -484,10 +484,10 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
|
|
|
484
484
|
}
|
|
485
485
|
|
|
486
486
|
//Set the styles from the default styles object
|
|
487
|
-
${({theme:e,defaultStyle:t})=>
|
|
487
|
+
${({theme:e,defaultStyle:t})=>W(e,t)}
|
|
488
488
|
// custom styles
|
|
489
489
|
${({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,
|
|
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,S({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
491
|
background: ${({disabled:e,theme:t,variant:o})=>e?"#BBC4CF":t.variant[o]};
|
|
492
492
|
color: ${({theme:e})=>e.bgColor};
|
|
493
493
|
padding: 3px 14px;
|
|
@@ -509,8 +509,8 @@ ${({inBuiltCss:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t i
|
|
|
509
509
|
}
|
|
510
510
|
|
|
511
511
|
//Set the styles from the default styles object
|
|
512
|
-
${({theme:e,defaultStyle:t})=>
|
|
513
|
-
`,
|
|
512
|
+
${({theme:e,defaultStyle:t})=>W(e,t)}
|
|
513
|
+
`,We=({block:e,style:o,variant:r,disabled:l,type:i,id:n,...a})=>(d(),t.createElement(Be,S({id:n,block:e,variant:r,defaultStyle:"button",type:i,style:o,disabled:l},a),a.children));We.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},We.defaultProps={theme:M,variant:"primary-1",block:!1,disabled:!1,onClick:void 0,id:""};const Ie=s.div`
|
|
514
514
|
background-color: ${({theme:e})=>e.bgColor};
|
|
515
515
|
border: 1px solid ${({theme:e})=>e.bgColor};
|
|
516
516
|
color: ${({theme:e})=>e.black},
|
|
@@ -569,23 +569,23 @@ ${({inBuiltCss:e,type:t,customStylesTPArrow:o})=>{if(e){let t={};if(e["tooltip-a
|
|
|
569
569
|
`,Le=s.div`
|
|
570
570
|
|
|
571
571
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
572
|
-
${({inBuiltCss:e,defaultTooltipContentStyle:t})=>
|
|
572
|
+
${({inBuiltCss:e,defaultTooltipContentStyle:t})=>W(e,t)}
|
|
573
573
|
// custom styles
|
|
574
574
|
${({customContentStyle:e})=>e}
|
|
575
575
|
`,Pe=s.div`
|
|
576
|
-
${({inBuiltCss:e,defaultTooltipHeaderStyle:t})=>
|
|
576
|
+
${({inBuiltCss:e,defaultTooltipHeaderStyle:t})=>W(e,t)}
|
|
577
577
|
// custom styles
|
|
578
578
|
${({customHeaderStyle:e})=>e}
|
|
579
|
-
`,
|
|
580
|
-
${({inBuiltCss:e,defaultTooltipBodyStyle:t})=>
|
|
579
|
+
`,Te=s.div`
|
|
580
|
+
${({inBuiltCss:e,defaultTooltipBodyStyle:t})=>W(e,t)}
|
|
581
581
|
// custom styles
|
|
582
582
|
${({customBodyStyle:e})=>e}
|
|
583
|
-
`,
|
|
583
|
+
`,qe=s.div`
|
|
584
584
|
`,He=s.div`
|
|
585
|
-
${({inBuiltCss:e,defaultTooltipTriggerStyle:t})=>
|
|
585
|
+
${({inBuiltCss:e,defaultTooltipTriggerStyle:t})=>W(e,t)}
|
|
586
586
|
// custom styles
|
|
587
587
|
${({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:
|
|
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:w,customTooltipContentStyle:E,customContentStyle:k,customHeaderStyle:z,customBodyStyle:V,customTriggerStyle:W,headerTooltip:I,footerTooltip:R,...L})=>{const P=d()||M,T={modifiers:[{name:"offset",options:{offset:[0,23]}}],strategy:"absolute",...l},{getArrowProps:q,getTooltipProps:H,setTooltipRef:j,setTriggerRef:F,visible:O}=b({interactive:!0,...i},T);return t.createElement(t.Fragment,null,t.createElement(He,{ref:F,inBuiltCss:B,customTriggerStyle:W,style:{width:"fit-content",height:"fit-content",display:"inline-block"}},o),O&&t.createElement(Ie,S({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,S({inBuiltCss:B},q({className:"tooltip-arrow"}),{customStylesTPArrow:v,customStylesTPAbefore:C,customStylesTPAafter:w})),t.createElement(Le,S({defaultTooltipContentStyle:"popOver-Content",theme:P,inBuiltCss:B},L,{customContentStyle:k}),t.createElement(Pe,S({defaultTooltipHeaderStyle:"popOver-header",theme:P,inBuiltCss:B},L,{customHeaderStyle:z}),I),t.createElement(Te,S({defaultTooltipBodyStyle:"popOver-body",theme:P,inBuiltCss:B},L,{customBodyStyle:V}),r),t.createElement(qe,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
589
|
background: transparent;
|
|
590
590
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
591
591
|
font-size: ${({isPrimary:e})=>e?"16px":"14px"};
|
|
@@ -659,1034 +659,672 @@ ${({customTriggerStyle:e})=>e}
|
|
|
659
659
|
display: flex;
|
|
660
660
|
margin-bottom: 15px;
|
|
661
661
|
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
|
|
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(),console.log(m)}),[m]),i((()=>{if(!e)return window.addEventListener("resize",C),()=>window.removeEventListener("resize",C)}),[]),m.length;const w=m.map(((e,o)=>t.createElement(Oe,{key:o},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,m.length-3).map(((e,o)=>t.createElement(Ge,{key:o},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)))),k=m?1==b?m.length<=4?w:t.createElement(t.Fragment,null,t.createElement(Oe,{key:0},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.length-3},t.createElement("div",{className:"breadcrumb-icon-separator"},p),t.createElement(Ze,{id:m[m.length-3].id,theme:y,onClick:()=>{m[m.length-3].href&&u(m[m.length-3].href)},variant:a,href:m[m.length-3].href,"data-title":m[m.length-3].label},m[m.length-3].label)),t.createElement(Oe,{key:m.length-2},t.createElement("div",{className:"breadcrumb-icon-separator"},p),t.createElement(Ze,{id:m[m.length-2].id,theme:y,onClick:()=>{m[m.length-2].href&&u(m[m.length-2].href)},variant:a,href:m[m.length-2].href,"data-title":m[m.length-2].label},m[m.length-2].label)),t.createElement(Oe,{key:m.length-1},t.createElement("div",{className:"breadcrumb-icon-separator"},p),t.createElement(Ze,{id:m[m.length-1].id,theme:y,onClick:()=>{m[m.length-1].href&&u(m[m.length-1].href)},variant:a,href:m[m.length-1].href,"data-title":m[m.length-1].label},m[m.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(Fe,S({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),k)))};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.label`
|
|
663
663
|
//Set the styles from the default styles object
|
|
664
|
-
${({theme:e,type:t})=>
|
|
665
|
-
|
|
666
|
-
margin-left: 0px;
|
|
667
|
-
}
|
|
664
|
+
${({theme:e,type:t})=>W(e,t)}
|
|
665
|
+
|
|
668
666
|
// custom styles
|
|
669
667
|
${({customStyles:e})=>e}
|
|
670
|
-
`,Ue=({
|
|
671
|
-
|
|
668
|
+
`,Ue=({customStyles:e,text:o,className:r,required:l,...i})=>{const n=B;return t.createElement(Je,S({required:l,theme:n,customStyles:e,type:"label"},i),o,l&&t.createElement("div",{style:{marginLeft:"4px",color:`${M.variant.error}`}},"*"))};Ue.propTypes={customStyles:e.object,text:e.string},Ue.defaultProps={text:""};const De=s.div`
|
|
669
|
+
box-sizing: initial;
|
|
670
|
+
|
|
671
|
+
//Set the styles from the default styles object
|
|
672
|
+
${({inBuiltCss:e,defaultCheckBoxOuterStyle:t})=>W(e,t)}
|
|
673
|
+
|
|
674
|
+
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}
|
|
675
|
+
};
|
|
676
|
+
|
|
677
|
+
// custom styles
|
|
678
|
+
${({checkBoxOuterStyle:e})=>e}
|
|
679
|
+
`;De.defaultProps={theme:M};const Qe=s.div`
|
|
680
|
+
box-sizing: initial;
|
|
681
|
+
|
|
682
|
+
//Set the styles from the default styles object
|
|
683
|
+
${({inBuiltCss:e,defaultCheckBoxInnerStyle:t})=>W(e,t)}
|
|
684
|
+
|
|
685
|
+
// background-image: url(${({signCheck:e})=>e});
|
|
686
|
+
background-color: ${({checked:e,checkedCheckBoxColor:t,theme:o})=>e&&t?t:e&&!t?o.primary["primary-1"]:e?void 0:o.bgColor};
|
|
687
|
+
border: 2px solid
|
|
688
|
+
${({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
689
|
display: flex;
|
|
673
|
-
|
|
690
|
+
justify-content: center;
|
|
674
691
|
align-items: center;
|
|
675
|
-
|
|
692
|
+
// custom styles
|
|
693
|
+
${({checkBoxInnerStyle:e})=>e}
|
|
694
|
+
`;Qe.defaultProps={theme:M};const Ke=s.span`
|
|
695
|
+
word-break: break-all;
|
|
676
696
|
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
697
|
+
//Set the styles from the default styles object
|
|
698
|
+
${({inBuiltCss:e,type:t})=>W(e,t)}
|
|
699
|
+
|
|
700
|
+
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"]};
|
|
701
|
+
|
|
702
|
+
margin-right: ${({inline:e})=>e?"30px":"10px"};
|
|
703
|
+
|
|
704
|
+
// custom styles
|
|
705
|
+
${({optionTextStyle:e})=>e}
|
|
706
|
+
`;Ke.defaultProps={theme:M};const Ne=s.label`
|
|
707
|
+
width: fit-content;
|
|
708
|
+
margin-bottom: ${({inline:e})=>e?"":"18px !important"};
|
|
709
|
+
cursor: pointer;
|
|
684
710
|
display: flex;
|
|
685
|
-
|
|
686
|
-
|
|
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;
|
|
711
|
+
gap: 10px;
|
|
712
|
+
align-items: start;
|
|
696
713
|
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
}
|
|
714
|
+
// custom styles
|
|
715
|
+
${({wrapperStyles:e})=>e}
|
|
716
|
+
`,Ye=s.div`
|
|
717
|
+
flex-direction: ${({inline:e})=>e?"row":"column"};
|
|
718
|
+
width: ${({inline:e})=>e?"initial":"auto"};
|
|
719
|
+
`,$e=({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",S({style:C},x),t.createElement("div",{style:{display:"flex"}},t.createElement(Ue,S({customStyles:p,type:"check-label",text:m},x)),y&&t.createElement("div",{style:{marginLeft:"4px",color:`${A.variant.error}`}},"*")),t.createElement(Ye,S({style:{display:"flex",flexWrap:"wrap"},inline:f},x),u?.map(((e,i)=>t.createElement(Ne,S({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(Qe,S({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(De,S({inBuiltCss:B,defaultCheckBoxOuterStyle:"checkBox-outer",checkBoxOuterStyle:{...o,cursor:e?.disabled?"not-allowed ":" pointer",borderColor:e?.disabledColor},defaultBorderColor:n,theme:A},x)),t.createElement(Ke,{theme:A,inline:f,optionTextStyle:{...l,cursor:e?.disabled?"not-allowed ":" pointer",color:e?.disabledColor},checked:e.checked,defaultTextColor:a,checkedTextColor:c},e.label))))))};$e.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},$e.defaultProps={label:"",inline:!1,options:[],setOptions:()=>{},getCheckedArr:()=>{},labelStyle:{},checkBoxOuterStyle:{},checkBoxInnerStyle:{},isRequired:!0,wrapperStyles:{}};const _e=s.div`
|
|
720
|
+
border: 1px solid ${({theme:e})=>e.variant["neutral-4"]};
|
|
721
|
+
background-color: ${({theme:e})=>e.bgColor};
|
|
702
722
|
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
align-items: stretch;
|
|
723
|
+
&:focus-within {
|
|
724
|
+
border: 1px solid ${({theme:e})=>e.primary["primary-1"]};
|
|
725
|
+
}
|
|
707
726
|
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
727
|
+
${({inBuiltCss:e,defaultColorWrapperStyle:t})=>W(e,t)}
|
|
728
|
+
// custom styles
|
|
729
|
+
${({customColorWrapperStyle:e})=>e}
|
|
711
730
|
|
|
712
|
-
|
|
713
|
-
margin-top: 26px;
|
|
714
|
-
}
|
|
731
|
+
`,et=s.input`
|
|
715
732
|
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
733
|
+
border: 0.5px solid ${({theme:e})=>e.variant["neutral-4"]};
|
|
734
|
+
box-shadow: 0px 5px 37px rgba(56, 66, 100, 0.0880136);
|
|
735
|
+
-webkit-appearance: none;
|
|
736
|
+
padding: 0;
|
|
720
737
|
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
738
|
+
&::-webkit-color-swatch-wrapper {
|
|
739
|
+
padding: 0;
|
|
740
|
+
border-radius: 4px;
|
|
741
|
+
|
|
742
|
+
}
|
|
743
|
+
&::-webkit-color-swatch {
|
|
744
|
+
border: none;
|
|
745
|
+
border-radius: 4px;
|
|
746
|
+
|
|
747
|
+
}
|
|
748
|
+
|
|
749
|
+
${({inBuiltCss:e,defaultInputColorStyle:t})=>W(e,t)}
|
|
750
|
+
// custom styles
|
|
751
|
+
${({customInputColorStyle:e})=>e}
|
|
752
|
+
`,tt=({label:e,labelStyle:o,value:r,setValue:l,customInputColorStyle:i,customColorWrapperStyle:n,id:a,...c})=>{const s=d()||M;return t.createElement(_e,S({customColorWrapperStyle:n,defaultColorWrapperStyle:"ColorWrapper",theme:s,inBuiltCss:B},c),t.createElement(et,S({id:a,customInputColorStyle:i,defaultInputColorStyle:"input-color",inBuiltCss:B,theme:s},c,{type:"color",value:r,onChange:e=>{l(e.target.value)}})),t.createElement(Ue,S({themeColor:M,customStyles:o,type:"label-text",text:e,style:{display:"flex",paddingBottom:"0px",paddingLeft:"10px"}},c)))};tt.propTypes={label:e.string,labelStyle:e.object,value:e.string,setValue:e.func,customInputColorStyle:e.object,customColorWrapperStyle:e.object,id:e.string},tt.defaultProps={label:"",labelStyle:{},customInputColorStyle:{},customColorWrapperStyle:{},value:"#FFFFFF",setValue:()=>{},id:""};const ot=s.div`
|
|
753
|
+
display: flex;
|
|
754
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
755
|
+
|
|
756
|
+
.react-datepicker-wrapper {
|
|
757
|
+
display: flex;
|
|
724
758
|
}
|
|
725
759
|
|
|
726
|
-
|
|
760
|
+
.react-datepicker {
|
|
727
761
|
font-size: 14px;
|
|
728
|
-
|
|
729
|
-
|
|
762
|
+
background-color: ${({theme:e})=>e.bgColor};
|
|
763
|
+
color: #444444;
|
|
764
|
+
border: 1px solid ${({theme:e})=>e.neutral["neutral-5"]};
|
|
765
|
+
border-radius: 6.6px;
|
|
766
|
+
display: flex;
|
|
767
|
+
flex-direction: column;
|
|
768
|
+
position: relative;
|
|
730
769
|
}
|
|
731
770
|
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
771
|
+
.react-datepicker__input-container {
|
|
772
|
+
border: 1px solid ${({theme:e})=>e.border};
|
|
773
|
+
border-radius: 4px;
|
|
774
|
+
padding: 5.5px 12px;
|
|
775
|
+
display: flex;
|
|
776
|
+
align-items: center;
|
|
777
|
+
background-color: ${({theme:e})=>e.bgColor};
|
|
778
|
+
|
|
779
|
+
&:focus-within {
|
|
780
|
+
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
781
|
+
outline: none;
|
|
735
782
|
}
|
|
736
|
-
}
|
|
737
783
|
|
|
738
|
-
|
|
739
|
-
|
|
784
|
+
input {
|
|
785
|
+
border: none;
|
|
786
|
+
outline: none;
|
|
787
|
+
width: 100%;
|
|
788
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"text"};
|
|
789
|
+
}
|
|
790
|
+
}
|
|
740
791
|
|
|
741
|
-
|
|
742
|
-
|
|
792
|
+
.react-datepicker__triangle {
|
|
793
|
+
::before,
|
|
794
|
+
::after {
|
|
795
|
+
display: none;
|
|
743
796
|
}
|
|
744
797
|
}
|
|
745
798
|
|
|
746
|
-
.
|
|
799
|
+
.react-datepicker__month-container {
|
|
747
800
|
display: flex;
|
|
801
|
+
flex-direction: column;
|
|
802
|
+
flex-wrap: wrap;
|
|
803
|
+
align-content: center;
|
|
804
|
+
justify-content: center;
|
|
748
805
|
align-items: center;
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
806
|
+
}
|
|
807
|
+
.react-datepicker__month-select {
|
|
808
|
+
font-size: 16px;
|
|
809
|
+
border: none;
|
|
810
|
+
}
|
|
811
|
+
.react-datepicker__current-month,
|
|
812
|
+
.react-datepicker-time__header,
|
|
813
|
+
.react-datepicker-year-header,
|
|
814
|
+
.react-datepicker__navigation {
|
|
815
|
+
display: none;
|
|
816
|
+
}
|
|
817
|
+
.react-datepicker__day--outside-month {
|
|
818
|
+
color: #a9b1b8 !important;
|
|
819
|
+
}
|
|
820
|
+
.react-datepicker__header__dropdown,
|
|
821
|
+
.react-datepicker__header__dropdown--select {
|
|
822
|
+
margin-top: 16px;
|
|
823
|
+
margin-bottom: 30px;
|
|
824
|
+
border: none;
|
|
825
|
+
}
|
|
826
|
+
.react-datepicker__header {
|
|
827
|
+
text-align: center;
|
|
828
|
+
border-bottom: none;
|
|
829
|
+
border-top-left-radius: 6.6px;
|
|
830
|
+
border-top-right-radius: 6.6px;
|
|
831
|
+
padding: 0;
|
|
832
|
+
position: relative;
|
|
833
|
+
background-color: ${({theme:e})=>e.bgColor};
|
|
834
|
+
}
|
|
835
|
+
.react-datepicker__year-select {
|
|
836
|
+
border: none;
|
|
752
837
|
|
|
753
|
-
|
|
754
|
-
|
|
838
|
+
&::focus-visible {
|
|
839
|
+
border: none;
|
|
840
|
+
}
|
|
841
|
+
}
|
|
842
|
+
.react-datepicker__day {
|
|
843
|
+
cursor: pointer;
|
|
844
|
+
padding: 3px;
|
|
845
|
+
color: ${({theme:e})=>e.textColor};
|
|
846
|
+
}
|
|
847
|
+
.react-datepicker__day--selected,
|
|
848
|
+
.react-datepicker__day--keyboard-selected {
|
|
849
|
+
background: ${({theme:e})=>e.variant["primary-1"]};
|
|
850
|
+
border-radius: 2.4px;
|
|
851
|
+
color: ${({theme:e})=>e.bgColor};
|
|
852
|
+
}
|
|
853
|
+
.react-datepicker__day-names,
|
|
854
|
+
.react-datepicker__day-name {
|
|
855
|
+
color: #9d9d9d;
|
|
856
|
+
padding: 3px;
|
|
857
|
+
text-transform: uppercase;
|
|
858
|
+
font-size: 12px !important;
|
|
859
|
+
}
|
|
755
860
|
|
|
756
|
-
|
|
757
|
-
|
|
861
|
+
.react-datepicker__day-names {
|
|
862
|
+
margin-bottom: -14px;
|
|
863
|
+
}
|
|
864
|
+
|
|
865
|
+
.calender-year {
|
|
866
|
+
select {
|
|
867
|
+
border: none;
|
|
868
|
+
cursor: pointer;
|
|
869
|
+
outline: none;
|
|
870
|
+
font-size: 16px;
|
|
871
|
+
font-weight: bold;
|
|
872
|
+
&:focus {
|
|
873
|
+
outline: none;
|
|
874
|
+
border: none;
|
|
758
875
|
}
|
|
759
876
|
}
|
|
877
|
+
}
|
|
878
|
+
.react-datepicker__day-name,
|
|
879
|
+
.react-datepicker__day,
|
|
880
|
+
.react-datepicker__time-name {
|
|
881
|
+
width: 30.2px;
|
|
882
|
+
line-height: 27.2px;
|
|
883
|
+
text-align: center;
|
|
884
|
+
margin: 2.656px;
|
|
885
|
+
}
|
|
760
886
|
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
}
|
|
887
|
+
.react-datepicker::before,
|
|
888
|
+
.react-datepicker::after {
|
|
889
|
+
box-sizing: initial !important;
|
|
765
890
|
}
|
|
766
|
-
|
|
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`
|
|
891
|
+
`;ot.defaultProps={theme:M};const rt=s.div`
|
|
777
892
|
display: flex;
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
`,
|
|
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;
|
|
893
|
+
align-items: flex-start;
|
|
894
|
+
justify-content: center;
|
|
895
|
+
font-size: 16px;
|
|
896
|
+
padding-top: 12px;
|
|
897
|
+
padding-bottom: 15px;
|
|
898
|
+
`,lt=s.div`
|
|
791
899
|
display: flex;
|
|
792
|
-
align-items: center;
|
|
793
900
|
justify-content: center;
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
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`
|
|
901
|
+
margin-left: 6px;
|
|
902
|
+
`,it=s("div")`
|
|
903
|
+
width: inherit;
|
|
904
|
+
`,nt=s("div")`
|
|
812
905
|
display: flex;
|
|
813
|
-
|
|
814
|
-
margin-right: auto !important;
|
|
906
|
+
flex-direction: row;
|
|
815
907
|
cursor: pointer;
|
|
816
|
-
`,
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
908
|
+
`,at=s("div")`
|
|
909
|
+
margin-top: 8px;
|
|
910
|
+
position: absolute;
|
|
911
|
+
z-index: 100;
|
|
912
|
+
width: inherit;
|
|
913
|
+
margin-left: -20px;
|
|
914
|
+
overflow-y: hidden;
|
|
915
|
+
overflow-x: hidden;
|
|
916
|
+
background: white;
|
|
917
|
+
box-shadow: 0px 6px 20px rgb(56 66 100 / 15%);
|
|
918
|
+
border-radius: 4px;
|
|
919
|
+
`,ct=s("ul")`
|
|
920
|
+
list-style: none;
|
|
827
921
|
padding: 0;
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
padding:
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
922
|
+
margin: 12px;
|
|
923
|
+
margin-right: 8px;
|
|
924
|
+
padding-bottom: 10px;
|
|
925
|
+
width: 132px;
|
|
926
|
+
height: 178px;
|
|
927
|
+
overflow-y: scroll;
|
|
928
|
+
overflow-x: hidden;
|
|
835
929
|
|
|
836
|
-
|
|
837
|
-
|
|
930
|
+
::-webkit-scrollbar {
|
|
931
|
+
width: 6px;
|
|
838
932
|
}
|
|
839
933
|
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
background:
|
|
844
|
-
border-radius: 5px;
|
|
934
|
+
::-webkit-scrollbar-thumb {
|
|
935
|
+
background-clip: padding-box;
|
|
936
|
+
border-radius: 10px;
|
|
937
|
+
background-color: ${({theme:e})=>e.neutral["neutral-3"]};
|
|
845
938
|
}
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
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;
|
|
939
|
+
|
|
940
|
+
/* Track */
|
|
941
|
+
::-webkit-scrollbar-track {
|
|
942
|
+
// margin: 5px;
|
|
943
|
+
background-color: ${({theme:e})=>e.neutral["neutral-4"]};
|
|
944
|
+
border-radius: 10px;
|
|
864
945
|
}
|
|
946
|
+
`;ct.defaultProps={theme:M};const st=s("li")`
|
|
947
|
+
text-align: left;
|
|
948
|
+
font-style: normal;
|
|
949
|
+
font-weight: normal;
|
|
950
|
+
font-size: 14px;
|
|
951
|
+
line-height: 17px;
|
|
952
|
+
padding-left: 12px;
|
|
953
|
+
padding-bottom: 12px;
|
|
954
|
+
cursor: pointer;
|
|
955
|
+
`,dt=({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),[w,E]=l(!1),[k,z]=l(e.getFullYear()),[V,B]=l(p[e.getMonth()]);i((()=>{B(p[e.getMonth()]),z(e.getFullYear())}),[e]),i((()=>(document.addEventListener("click",W,!0),()=>{document.removeEventListener("click",W,!0)})),[]);const W=e=>{g.current&&!g.current.contains(e.target)&&y(!1)},I=e=>{b.current&&!b.current.contains(e.target)&&A(!1)};return i((()=>(document.addEventListener("click",I,!0),()=>{document.removeEventListener("click",I,!0)})),[]),t.createElement(ot,S({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(rt,null,t.createElement("div",{style:{display:"flex"}},t.createElement(it,{ref:g},t.createElement(nt,{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(lt,null,t.createElement(J,{icon:"triangle-down",color:v?s.variant["primary-1"]:s.textColor,size:7}))),h&&t.createElement(at,null,t.createElement(ct,{theme:a,onMouseEnter:()=>C(!0)},p.map(((e,o)=>t.createElement(st,{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(it,{ref:b},t.createElement(nt,{style:{marginLeft:"28px"},onClick:()=>{A(!x),y(!1)}},t.createElement("span",{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),style:{color:`${w?s.variant["primary-1"]:s.textColor}`}},e.getFullYear()),t.createElement(lt,null,t.createElement(J,{icon:"triangle-down",color:w?s.variant["primary-1"]:s.textColor,size:7}))),x&&t.createElement(at,null,t.createElement(ct,{onMouseEnter:()=>E(!0)},m.map(((e,r)=>t.createElement(st,{onClick:()=>{E(!1),o(e),z(e),A(!1)},key:Math.random()},t.createElement("span",{style:{color:`${k===e?s.variant["primary-1"]:s.textColor}`}},e)))))))))}))};dt.propTypes={startDate:e.any,setStartDate:e.func,disabled:e.bool,theme:e.object},dt.defaultProps={theme:M,startDate:"",setStartDate:()=>{},disabled:!1};const pt=s.div`
|
|
956
|
+
.master-dropdown,
|
|
957
|
+
.new-select {
|
|
958
|
+
.master-dropdown__menu,
|
|
959
|
+
.new-select__menu {
|
|
960
|
+
margin: 0 0 0;
|
|
961
|
+
padding: 0;
|
|
962
|
+
border: 0;
|
|
963
|
+
box-shadow: 0px 8px 40px rgba(56, 66, 100, 0.228174);
|
|
964
|
+
border-bottom-left-radius: 4.32px;
|
|
965
|
+
border-bottom-right-radius: 4.32px;
|
|
966
|
+
border-top-left-radius: 0;
|
|
967
|
+
border-top-right-radius: 0;
|
|
968
|
+
width: 100%;
|
|
969
|
+
}
|
|
865
970
|
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
padding-bottom: 25.5px;
|
|
870
|
-
align-items: stretch;
|
|
971
|
+
.new-select__dropdown-indicator {
|
|
972
|
+
padding-top: 0px;
|
|
973
|
+
}
|
|
871
974
|
|
|
872
|
-
|
|
873
|
-
|
|
975
|
+
.master-dropdown__single-value {
|
|
976
|
+
.input-label {
|
|
977
|
+
max-width: 250px;
|
|
978
|
+
overflow: hidden;
|
|
979
|
+
text-overflow: ellipsis;
|
|
980
|
+
|
|
981
|
+
&:hover {
|
|
982
|
+
max-width: 100%;
|
|
983
|
+
overflow: visible;
|
|
984
|
+
}
|
|
985
|
+
}
|
|
874
986
|
}
|
|
875
987
|
|
|
876
|
-
|
|
877
|
-
|
|
988
|
+
.master-dropdown__menu-list,
|
|
989
|
+
.new-select__menu-list {
|
|
990
|
+
margin: 0;
|
|
991
|
+
padding: 0;
|
|
878
992
|
}
|
|
879
993
|
|
|
880
|
-
|
|
881
|
-
|
|
994
|
+
.master-dropdown__menu-list {
|
|
995
|
+
max-height: 110px;
|
|
882
996
|
}
|
|
883
|
-
}
|
|
884
997
|
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
998
|
+
.master-dropdown__option,
|
|
999
|
+
.new-select__option {
|
|
1000
|
+
color: ${({theme:e})=>e.textColor};
|
|
1001
|
+
padding-top: 3px;
|
|
1002
|
+
padding-bottom: 3px;
|
|
1003
|
+
margin: 8px 0;
|
|
1004
|
+
}
|
|
889
1005
|
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
margin-bottom: 0;
|
|
894
|
-
}
|
|
1006
|
+
.get-selection__option:first-child {
|
|
1007
|
+
margin-top: -113px;
|
|
1008
|
+
}
|
|
895
1009
|
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
1010
|
+
.master-dropdown__option--is-focused,
|
|
1011
|
+
.master-dropdown__option:hover,
|
|
1012
|
+
.new-select__option--is-focused,
|
|
1013
|
+
.new-select__option:hover {
|
|
1014
|
+
background-color: ${({theme:e})=>e.neutral["neutral-5"]};
|
|
1015
|
+
cursor: pointer;
|
|
899
1016
|
}
|
|
900
|
-
}
|
|
901
1017
|
|
|
902
|
-
|
|
903
|
-
|
|
1018
|
+
.new-select__control:hover,
|
|
1019
|
+
.new-select__control--is-focused {
|
|
1020
|
+
box-shadow: none;
|
|
1021
|
+
}
|
|
904
1022
|
|
|
905
|
-
|
|
906
|
-
|
|
1023
|
+
.master-dropdown__option--is-selected,
|
|
1024
|
+
.new-select__option--is-selected {
|
|
1025
|
+
background: transparent;
|
|
1026
|
+
}
|
|
1027
|
+
|
|
1028
|
+
.master-dropdown__value-container,
|
|
1029
|
+
.new-select__value-container {
|
|
1030
|
+
padding: 0.375rem 0.75rem 0.5rem;
|
|
907
1031
|
}
|
|
908
1032
|
}
|
|
909
1033
|
|
|
910
|
-
.
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
right: 39px;
|
|
915
|
-
top: 25.5px;
|
|
1034
|
+
.default-select {
|
|
1035
|
+
.default-select__control {
|
|
1036
|
+
height: 39px;
|
|
1037
|
+
}
|
|
916
1038
|
|
|
917
|
-
|
|
918
|
-
|
|
1039
|
+
.default-select__value-container--has-value {
|
|
1040
|
+
padding: 0 8px 4px 8px;
|
|
1041
|
+
}
|
|
919
1042
|
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
1043
|
+
.default-select__indicator {
|
|
1044
|
+
padding: 0 8px 0 8px;
|
|
1045
|
+
padding-top: 0px;
|
|
923
1046
|
}
|
|
924
1047
|
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
margin-top: 0;
|
|
1048
|
+
.default-select__control--is-focused {
|
|
1049
|
+
outline: none;
|
|
928
1050
|
}
|
|
929
1051
|
}
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
1052
|
+
|
|
1053
|
+
.text-main-alt {
|
|
1054
|
+
color: ${({theme:e})=>e.textColor} !important;
|
|
1055
|
+
margin-right: 0px;
|
|
1056
|
+
}
|
|
1057
|
+
.text-main-alt-value {
|
|
1058
|
+
color: ${({theme:e})=>e.textColor} !important;
|
|
1059
|
+
white-space: nowrap;
|
|
1060
|
+
overflow: hidden;
|
|
1061
|
+
text-overflow: ellipsis;
|
|
1062
|
+
// width: 57%;
|
|
1063
|
+
max-width: 55%;
|
|
1064
|
+
}
|
|
1065
|
+
.text-more-alt {
|
|
1066
|
+
font-size: 12px;
|
|
1067
|
+
color: ${({theme:e})=>e.neutral["neutral-2"]};
|
|
1068
|
+
padding-right: 0px;
|
|
1069
|
+
}
|
|
1070
|
+
.css-mohuvp-dummyInput-DummyInput {
|
|
1071
|
+
height: 0px;
|
|
1072
|
+
}
|
|
1073
|
+
|
|
1074
|
+
.css-6j8wv5-Input {
|
|
1075
|
+
margin: 0px;
|
|
1076
|
+
padding-top: 0px;
|
|
1077
|
+
}
|
|
1078
|
+
.new-select__menu {
|
|
1079
|
+
z-index: 2;
|
|
1080
|
+
}
|
|
1081
|
+
|
|
1082
|
+
.new-select__input-container {
|
|
1083
|
+
margin: 0px;
|
|
1084
|
+
padding: 0px;
|
|
1085
|
+
}
|
|
1086
|
+
.new-select__input {
|
|
1087
|
+
margin: 0px;
|
|
1088
|
+
padding: 0px;
|
|
1089
|
+
}
|
|
1090
|
+
.new-select__control:hover,
|
|
1091
|
+
.new-select__control--is-focused {
|
|
1092
|
+
border: 1px solid ${({theme:e})=>e.primary["primary-1"]};
|
|
1093
|
+
}
|
|
1094
|
+
|
|
1095
|
+
// .css-ry76bm-singleValue {
|
|
1096
|
+
// margin-right: 5px;
|
|
1097
|
+
// max-width: 80%;
|
|
1098
|
+
// }
|
|
1099
|
+
`;pt.defaultProps={theme:M};const mt=s.div`
|
|
1100
|
+
// Default style
|
|
946
1101
|
display: flex;
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
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;
|
|
1102
|
+
|
|
1103
|
+
//Set the styles from the default styles object
|
|
1104
|
+
${({inBuiltCss:e,labelWrapperStyle:t})=>W(e,t)}
|
|
1105
|
+
// custom styles
|
|
1106
|
+
${({customLabelStyles:e})=>e}
|
|
1107
|
+
`,ut=s.div`
|
|
1108
|
+
margin-left: 6px;
|
|
1109
|
+
margin-top: -14px;
|
|
972
1110
|
cursor: pointer;
|
|
1111
|
+
`,gt=({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"))},bt=({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:h,dropdownType:x,isDisabled:A,isLoading:v,id:C,iconName:w,iconColor:E,iconSize:k,showIndicator:z,leftIcon:V,leftIconColor:W,leftIconSize:I,...R})=>{const L=d()||M,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??L.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)))},T=({index:e,...o})=>{const r=o?.data?.label||"Select";return!e&&t.createElement("span",{className:"text-main-alt-value"},r)},q={control:(e,t)=>({...e,border:c?"1px solid "+L.border:"1px solid "+L.ui.error,minWidth:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px",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",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: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:"singleSelect"===x||"asyncSingleSelect"===x?"120px":"185px"}),singleValue:e=>({...e,fontSize:p+"px",marginLeft:"0px",width:"auto",maxWidth:"89%",marginRight:0}),multiValue:e=>({...e,marginLeft:"0px",width:"auto"}),input:e=>({...e,fontSize:p+"px"}),option:(e,t)=>({...e,backgroundColor:t.isSelected||t.isFocused?L.neutral["neutral-5"]:L.bgColor,padding:"10px",cursor:"pointer",color:"#081348",width:"inherit"}),...R.styles},H={DropdownIndicator:e=>{const o=t.createElement(y.DropdownIndicator,e,t.createElement(ut,null,t.createElement(J,{icon:w,color:E,size:k})));return!0===z?o:null},ValueContainer:gt,IndicatorSeparator:()=>null,ClearIndicator:e=>t.createElement(y.ClearIndicator,e,a?t.createElement(ut,{onClick:()=>{g(),e.clearValue()}},t.createElement(J,{icon:"cross-icon",color:"black",size:8})):null)};let j=null;switch(x){case"multiSelect":j=t.createElement(ft,S({type:"multiSelect",MultiValue:T,Option:P,value:l,CommonRenderedComponent:H,optionArr:r,placeHolder:n,isDisabled:A,stylesComp:q,setSelectedValue:i,isLoading:v,id:C,isClearable:a},R));break;case"asyncSingleSelect":j=t.createElement(ht,S({CommonRenderedComponent:H,loadOptions:m,onInputChange:u,styles:q,placeholder:n,onChange:i,isLoading:v,isDisabled:A,id:C,value:l,isClearable:a},R));break;case"asyncMultiSelect":j=t.createElement(ht,S({type:"asyncMultiSelect",CommonRenderedComponent:H,MultiValue:T,Option:P,onChange:i,placeholder:n,styles:q,isDisabled:A,isLoading:v,loadOptions:m,onInputChange:u,id:C,isClearable:a},R));break;default:j=t.createElement(ft,S({type:"singleSelect",value:{value:l?l.value:"",label:l?l.label:""},CommonRenderedComponent:H,optionArr:r,placeHolder:n,isDisabled:A,stylesComp:q,setSelectedValue:i,isLoading:v,id:C,isClearable:a},R))}return t.createElement(pt,{style:b,isValid:c,fontSize:p,theme:L},e&&t.createElement(mt,{inBuiltCss:B,labelWrapperStyle:"selectComp-label-wrapper",style:f},t.createElement(Ue,{customStyles:o,type:"label-text",text:e,style:{marginBottom:"7px",paddingBottom:"0px"}}),h&&t.createElement("div",{style:{marginLeft:"4px",color:`${L.ui.error}`}},"*")),j)},ft=({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(h,S({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))},ht=({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(x,S({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))};bt.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},bt.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 yt=s.div`
|
|
1112
|
+
//Set the styles from the default styles object
|
|
1113
|
+
${({inBuiltCss:e,defaultStyles:t})=>W(e,t)}
|
|
973
1114
|
|
|
974
|
-
|
|
1115
|
+
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?I(l.primary["primary-1"],.05):void 0:"rgba(215, 0, 0, 0.05)"}
|
|
1116
|
+
|
|
1117
|
+
};
|
|
1118
|
+
border: 1px
|
|
1119
|
+
${({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
1120
|
|
|
976
|
-
&:
|
|
977
|
-
|
|
1121
|
+
&:hover {
|
|
1122
|
+
cursor: pointer;
|
|
978
1123
|
}
|
|
979
|
-
|
|
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;
|
|
1124
|
+
transition: all 500ms linear;
|
|
1037
1125
|
|
|
1126
|
+
// custom styles
|
|
1127
|
+
${({customDropzoneStyles:e})=>e}
|
|
1128
|
+
`,xt=s.div`
|
|
1038
1129
|
//Set the styles from the default styles object
|
|
1039
|
-
${({inBuiltCss:e,
|
|
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
|
-
};
|
|
1130
|
+
${({inBuiltCss:e,defaultStyles:t})=>W(e,t)}
|
|
1043
1131
|
|
|
1044
1132
|
// custom styles
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1133
|
+
${({customFileStyles:e})=>e}
|
|
1134
|
+
`,At=s.input`
|
|
1135
|
+
display: none;
|
|
1136
|
+
`,vt=s.div`
|
|
1137
|
+
//Set the styles from the default styles object
|
|
1138
|
+
${({inBuiltCss:e,defaultStyles:t})=>W(e,t)}
|
|
1048
1139
|
|
|
1140
|
+
// custom styles
|
|
1141
|
+
${({customTextStyles:e})=>e}
|
|
1142
|
+
`;s.span`
|
|
1049
1143
|
//Set the styles from the default styles object
|
|
1050
|
-
${({inBuiltCss:e,
|
|
1144
|
+
${({inBuiltCss:e,type:t})=>W(e,t)}
|
|
1051
1145
|
|
|
1052
|
-
//
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1146
|
+
// custom styles
|
|
1147
|
+
${({customFileNameStyles:e})=>e}
|
|
1148
|
+
`;const Ct=s.div`
|
|
1149
|
+
cursor: pointer;
|
|
1150
|
+
padding-left: 1px;
|
|
1151
|
+
margin-left: auto;
|
|
1152
|
+
margin-right: 10px;
|
|
1153
|
+
display: flex;
|
|
1154
|
+
justify-content: center;
|
|
1155
|
+
`,St=s.div`
|
|
1156
|
+
margin-left: 11px;
|
|
1157
|
+
padding-left: 2px;
|
|
1158
|
+
display: flex;
|
|
1159
|
+
justify-content: center;
|
|
1160
|
+
`,wt=s.div`
|
|
1161
|
+
color: #494949;
|
|
1162
|
+
margin-left: 11px;
|
|
1163
|
+
padding-left: 2px;
|
|
1164
|
+
`;s.p`
|
|
1165
|
+
color: #494949;
|
|
1056
1166
|
display: flex;
|
|
1057
1167
|
justify-content: center;
|
|
1058
1168
|
align-items: center;
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
`;
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
//Set the styles from the default styles object
|
|
1065
|
-
${({inBuiltCss:e,type:t})=>I(e,t)}
|
|
1169
|
+
margin: 20px 0px;
|
|
1170
|
+
font-size: 14px;
|
|
1171
|
+
`;const Et=({label:e,labelStyle:o,labelInline:r,required:i,message:a,fileArr:c,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:w,fileSizeNamingConvention:E,errorMessages:k,suggesionMessage:z,MessagelabelStyle:V,dropValid:W,setDropValid:I,id:R,...L})=>{const P=d()||M,[T,q]=l(!1),H=n(),[j,F]=l(W),[O,Z]=l("");let G;var X=A,U=!1,D=x?"That file type is not supported.":"",Q=(z=x?"Only Supported: "+JSON.stringify(X):"","");1==h&&(C=1,v=1);var K="Please upload (min."+C+" to max."+v+")files",N=e=>{Q="";var t=0,o=c.length;if(o+1<C||o+1>v){var r="The file size is not uploaded";Q=O?.amount,Q=void 0!==Q?Q:r}for(const e of c)t+=e.size;if(""==Q)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"==E||"GB"==E||"TB"==E)&&(i*=1024);var n=Math.round(t/i);if(0==U){Q=k?.format,Q=Q?Q+D:D;break}if(n>w&&U){U=!1;r="The file must be under "+w+" "+E;Q=k?.size,Q=null!=Q?Q:r;break}}return 0==U?(I(!1),F(W),Z(Q),console.log(W)):(I(!0),F(W),Z("")),U};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=N(o);return s(r?o:[]),q(!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),p(e)}(e)}return t.createElement("div",null,t.createElement("div",{style:{display:"flex",width:"inherit"}},t.createElement(Ue,S({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(yt,{theme:P,inBuiltCss:B,defaultStyles:"dropzone-parent",backgroundColor:f,customDropzoneStyles:m,onDragLeave:function(e){Y(e),q(!1)},onDragOver:function(e){Y(e),q(!0)},onDrop:function(e){Y(e);const{files:t}=e.dataTransfer;q(!0),L.onFilesAdded($(t,h))},onClick:function(){H.current.click()},hover:T,dropValid:W,fileArr:c},t.createElement(At,S({ref:H,type:"file",id:R,multiple:1!=h,onChange:function(e){const{files:t}=e.target;q(!1),N(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)),W&&j?t.createElement(J,{icon:"file-upload",color:T?P.bgColor:P.primary["primary-1"],size:24}):null,t.createElement(vt,{dropValid:W,valid:j,hover:T,customTextStyles:g,inBuiltCss:B,defaultStyles:"dropzone-text-div"},W?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===D?t.createElement(Ue,S({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(Ue,S({themeColor:M,customStyles:V,type:"label-text",labelInline:r,text:K,style:{display:"flex",paddingTop:"10px",paddingBottom:""+(r?"":"16.64px")}},L)):"",c?.map(((e,o)=>t.createElement(xt,{inBuiltCss:B,defaultStyles:"dropzone-file-div",key:`${e}-${o}`,customFileStyles:u},t.createElement(St,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(wt,null,e?.otherInfo),t.createElement(Ct,{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}))))))};Et.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},Et.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 kt=s.div`
|
|
1172
|
+
display: contents;
|
|
1173
|
+
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
1066
1174
|
|
|
1067
|
-
|
|
1175
|
+
${({WrapperDivStyle:e})=>e}
|
|
1176
|
+
`,zt=s.input`
|
|
1177
|
+
display: none;
|
|
1178
|
+
min-height: 100vh;
|
|
1179
|
+
padding: 0 0.5rem;
|
|
1180
|
+
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
1068
1181
|
|
|
1069
|
-
|
|
1182
|
+
`,Vt=s.div`
|
|
1183
|
+
height: 49px;
|
|
1184
|
+
width: 49px;
|
|
1185
|
+
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor};
|
|
1186
|
+
display: flex;
|
|
1187
|
+
justify-content: center;
|
|
1188
|
+
align-items: center;
|
|
1189
|
+
border-radius: 50%;
|
|
1190
|
+
opacity: 0.8;
|
|
1191
|
+
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
1070
1192
|
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1193
|
+
${({IconWrapperStyle:e})=>e}
|
|
1194
|
+
`,Mt=s.div`
|
|
1195
|
+
// background-color: ${({theme:e})=>e.bgColor};
|
|
1196
|
+
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor};
|
|
1197
|
+
width: 134px;
|
|
1198
|
+
height: 134px;
|
|
1199
|
+
border-radius: 50%;
|
|
1076
1200
|
cursor: pointer;
|
|
1201
|
+
font-size: 18px;
|
|
1202
|
+
border: none;
|
|
1203
|
+
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
|
|
1077
1204
|
display: flex;
|
|
1078
|
-
|
|
1079
|
-
align-items:
|
|
1205
|
+
justify-content: center;
|
|
1206
|
+
align-items: center;
|
|
1207
|
+
background-position: center;
|
|
1208
|
+
background-size: cover;
|
|
1209
|
+
background-repeat: no-repeat;
|
|
1210
|
+
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
1080
1211
|
|
|
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
1212
|
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
}
|
|
1213
|
+
.icon-on-preview {
|
|
1214
|
+
display: none;
|
|
1215
|
+
}
|
|
1216
|
+
.icon-on-not-preview {
|
|
1217
|
+
display: block;
|
|
1218
|
+
}
|
|
1093
1219
|
|
|
1094
|
-
|
|
1095
|
-
//
|
|
1096
|
-
${({
|
|
1220
|
+
&:hover {
|
|
1221
|
+
// background-color: rgb(51 51 51 / 30%);
|
|
1222
|
+
background-color: ${({isDisabled:e})=>!e&&" rgb(51 51 51 / 30%)"};
|
|
1097
1223
|
|
|
1098
|
-
`,Tt=s.input`
|
|
1099
1224
|
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
-webkit-appearance: none;
|
|
1103
|
-
padding: 0;
|
|
1225
|
+
.icon-on-preview {
|
|
1226
|
+
display: ${({isDisabled:e})=>!e&&"block"};
|
|
1104
1227
|
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
}
|
|
1110
|
-
&::-webkit-color-swatch {
|
|
1111
|
-
border: none;
|
|
1112
|
-
border-radius: 4px;
|
|
1113
|
-
|
|
1114
|
-
}
|
|
1228
|
+
}
|
|
1229
|
+
.icon-on-not-preview {
|
|
1230
|
+
// display: none;
|
|
1231
|
+
display: ${({isDisabled:e})=>!e&&"none"};
|
|
1115
1232
|
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
${({
|
|
1119
|
-
`,
|
|
1233
|
+
}
|
|
1234
|
+
}
|
|
1235
|
+
${({MainDivStyle:e})=>e};
|
|
1236
|
+
`,Bt=({image:e,setImage:o,WrapperDivStyle:n,MainDivStyle:a,IconWrapperStyle:c,iconSize:s,iconColor:p,isDisabled:m,id:u})=>{const[g,b]=l(),f=r(),h=d()||M,[y,x]=l(),[A,v]=l(!1);function C(e){e.preventDefault(),e.stopPropagation()}i((()=>{if(e&&A){const t=new FileReader;t.onloadend=()=>{b(t.result)},t.readAsDataURL(e)}else b(e)}),[e]);const S=e=>{e&&"image"===e.type.substr(0,5)?(v(!0),o(e)):v(!1)};return t.createElement(kt,{onDragLeave:function(e){C(e),x(!1)},onDragOver:function(e){C(e),x(!0)},onDrop:function(e){C(e);const{files:t}=e.dataTransfer;S(t[0])},WrapperDivStyle:n,isDisabled:m},t.createElement(Mt,{isDisabled:m,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(Vt,{IconWrapperStyle:c,theme:h,isDisabled:m},t.createElement("img",{src:Z,alt:"",height:"40px",width:"48px"}))),t.createElement("div",{className:"icon-on-preview"},t.createElement(Vt,{IconWrapperStyle:c,isDisabled:m,theme:h},t.createElement(J,{icon:"camera-icon",size:s,color:p||h.variant["primary-1"]})))),t.createElement(zt,{id:u,type:"file",ref:f,accept:"image/jpg, image/jpeg, image/png",onChange:e=>{v(!0),o(e.target.files[0])},disabled:m,isDisabled:m}))};Bt.propTypes={image:e.any,setImage:e.func,WrapperDivStyle:e.object,MainDivStyle:e.object,IconWrapperStyle:e.object,iconSize:e.number},Bt.defaultProps={image:null,setImage:()=>{},WrapperDivStyle:{},MainDivStyle:{},IconWrapperStyle:{},iconSize:28,id:"",isDisabled:!1};const Wt=s.div`
|
|
1237
|
+
border: 1px solid
|
|
1238
|
+
${({theme:e})=>e.border};
|
|
1239
|
+
border-radius: 4px;
|
|
1240
|
+
padding: 5.5px 12px;
|
|
1120
1241
|
display: flex;
|
|
1121
|
-
|
|
1242
|
+
align-items: center;
|
|
1243
|
+
background-color: ${({theme:e})=>e.bgColor};
|
|
1244
|
+
.input-icon svg path {
|
|
1245
|
+
fill: ${({theme:e})=>e.variant["neutral-1"]};
|
|
1246
|
+
}
|
|
1122
1247
|
|
|
1123
|
-
|
|
1124
|
-
|
|
1248
|
+
&:focus-within {
|
|
1249
|
+
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
1250
|
+
outline: none;
|
|
1251
|
+
|
|
1252
|
+
.input-icon svg path {
|
|
1253
|
+
fill: ${({theme:e})=>e.variant["primary-1"]};
|
|
1254
|
+
}
|
|
1125
1255
|
}
|
|
1256
|
+
`;Wt.defaultProps={theme:M};const It=s.input`
|
|
1257
|
+
width: 85%;
|
|
1258
|
+
border: 0;
|
|
1259
|
+
outline: 0;
|
|
1260
|
+
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
1261
|
+
margin: 0px;
|
|
1262
|
+
padding: 0;
|
|
1263
|
+
font-size: 14px;
|
|
1264
|
+
flex-grow: 1;
|
|
1265
|
+
flex-shrink: 0;
|
|
1126
1266
|
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
display: flex;
|
|
1134
|
-
flex-direction: column;
|
|
1135
|
-
position: relative;
|
|
1267
|
+
// custom styles
|
|
1268
|
+
${({inputStyle:e})=>e}
|
|
1269
|
+
`;It.defaultProps={theme:M},p`
|
|
1270
|
+
&:after {
|
|
1271
|
+
content: ' *';
|
|
1272
|
+
color: ${({theme:e})=>e.variant.error};
|
|
1136
1273
|
}
|
|
1274
|
+
`;const Rt=s.label`
|
|
1275
|
+
display: flex;
|
|
1276
|
+
margin-right: 10px;
|
|
1277
|
+
align-content: center;
|
|
1278
|
+
align-items: center;
|
|
1279
|
+
justify-content: center;
|
|
1280
|
+
display: block;
|
|
1281
|
+
margin-bottom: ${({labelInline:e})=>e?"0":"7px"};
|
|
1282
|
+
margin-right: ${({labelInline:e})=>e?"7px":""};
|
|
1283
|
+
padding-bottom: 0px;
|
|
1284
|
+
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
1137
1285
|
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
background-color: ${({theme:e})=>e.bgColor};
|
|
1286
|
+
${({labelStyle:e})=>e}
|
|
1287
|
+
`;Rt.defaultProps={theme:M};const Lt=p`
|
|
1288
|
+
display: flex;
|
|
1289
|
+
align-items: center;
|
|
1290
|
+
`,Pt=s.div`
|
|
1291
|
+
${({labelInline:e})=>e?Lt:null}
|
|
1145
1292
|
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1293
|
+
> div {
|
|
1294
|
+
flex: 1 0 auto;
|
|
1295
|
+
}
|
|
1296
|
+
`;Pt.defaultProps={theme:M};const Tt=({label:e,inputValue:o,inputStyle:r,iconBefore:l,iconAfter:i,onChange:n,theme:a,id:c,labelStyle:s,...d})=>t.createElement(Pt,d,e.length>0&&t.createElement(Rt,{labelStyle:s},e),t.createElement("div",null,t.createElement(Wt,d,t.createElement("div",{className:"input-icon"},l),t.createElement(It,S({},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))));Tt.propTypes={theme:e.object,label:e.string,labelInline:e.bool,inputValue:e.any,inputStyle:e.object,id:e.string,labelStyle:e.object},Tt.defaultProps={theme:M,label:"",labelInline:!1,inputStyle:{},inputValue:null,id:"",labelStyle:{}};const qt=s.div`
|
|
1297
|
+
background-color: ${({theme:e})=>e.bgColor};
|
|
1150
1298
|
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1299
|
+
//Set the styles from the default styles object
|
|
1300
|
+
${({inBuiltCss:e,defaultWrapperStyle:t})=>W(e,t)}
|
|
1301
|
+
|
|
1302
|
+
border: ${({isValid:e,theme:t})=>e?"1px solid "+t.border:"1px solid "+t.variant.error};
|
|
1303
|
+
|
|
1304
|
+
.input-icon svg path {
|
|
1305
|
+
fill: ${({theme:e})=>e.variant["neutral-1"]};
|
|
1306
|
+
}
|
|
1307
|
+
.input-icon {
|
|
1308
|
+
cursor: pointer;
|
|
1157
1309
|
}
|
|
1158
1310
|
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
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;
|
|
1173
|
-
}
|
|
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`
|
|
1259
|
-
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;
|
|
1312
|
-
}
|
|
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
|
-
}
|
|
1356
|
-
|
|
1357
|
-
.master-dropdown__menu-list,
|
|
1358
|
-
.new-select__menu-list {
|
|
1359
|
-
margin: 0;
|
|
1360
|
-
padding: 0;
|
|
1361
|
-
}
|
|
1362
|
-
|
|
1363
|
-
.master-dropdown__menu-list {
|
|
1364
|
-
max-height: 110px;
|
|
1365
|
-
}
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
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
|
-
}
|
|
1376
|
-
|
|
1377
|
-
.get-selection__option:first-child {
|
|
1378
|
-
margin-top: -113px;
|
|
1379
|
-
}
|
|
1380
|
-
|
|
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
|
-
|
|
1395
|
-
|
|
1396
|
-
.master-dropdown__option--is-selected,
|
|
1397
|
-
.new-select__option--is-selected {
|
|
1398
|
-
background: transparent;
|
|
1399
|
-
}
|
|
1400
|
-
|
|
1401
|
-
.master-dropdown__value-container,
|
|
1402
|
-
.new-select__value-container {
|
|
1403
|
-
padding: 0.375rem 0.75rem 0.5rem;
|
|
1404
|
-
}
|
|
1405
|
-
}
|
|
1406
|
-
|
|
1407
|
-
.default-select {
|
|
1408
|
-
.default-select__control {
|
|
1409
|
-
height: 39px;
|
|
1410
|
-
}
|
|
1411
|
-
|
|
1412
|
-
.default-select__value-container--has-value {
|
|
1413
|
-
padding: 0 8px 4px 8px;
|
|
1414
|
-
}
|
|
1415
|
-
|
|
1416
|
-
.default-select__indicator {
|
|
1417
|
-
padding: 0 8px 0 8px;
|
|
1418
|
-
padding-top: 0px;
|
|
1419
|
-
}
|
|
1420
|
-
|
|
1421
|
-
.default-select__control--is-focused {
|
|
1422
|
-
outline: none;
|
|
1423
|
-
}
|
|
1424
|
-
}
|
|
1425
|
-
|
|
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
|
-
// 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`
|
|
1488
|
-
//Set the styles from the default styles object
|
|
1489
|
-
${({inBuiltCss:e,defaultStyles:t})=>I(e,t)}
|
|
1490
|
-
|
|
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};
|
|
1496
|
-
|
|
1497
|
-
&:hover {
|
|
1498
|
-
cursor: pointer;
|
|
1499
|
-
}
|
|
1500
|
-
transition: all 500ms linear;
|
|
1501
|
-
|
|
1502
|
-
// custom styles
|
|
1503
|
-
${({customDropzoneStyles:e})=>e}
|
|
1504
|
-
`,eo=s.div`
|
|
1505
|
-
//Set the styles from the default styles object
|
|
1506
|
-
${({inBuiltCss:e,defaultStyles:t})=>I(e,t)}
|
|
1507
|
-
|
|
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)}
|
|
1515
|
-
|
|
1516
|
-
// custom styles
|
|
1517
|
-
${({customTextStyles:e})=>e}
|
|
1518
|
-
`;s.span`
|
|
1519
|
-
//Set the styles from the default styles object
|
|
1520
|
-
${({inBuiltCss:e,type:t})=>I(e,t)}
|
|
1521
|
-
|
|
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;
|
|
1558
|
-
display: flex;
|
|
1559
|
-
justify-content: center;
|
|
1560
|
-
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%;
|
|
1569
|
-
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;
|
|
1579
|
-
|
|
1580
|
-
.icon-on-preview {
|
|
1581
|
-
display: none;
|
|
1582
|
-
}
|
|
1583
|
-
.icon-on-not-preview {
|
|
1584
|
-
display: block;
|
|
1585
|
-
}
|
|
1586
|
-
|
|
1587
|
-
&:hover {
|
|
1588
|
-
background-color: rgb(51 51 51 / 30%);
|
|
1589
|
-
|
|
1590
|
-
.icon-on-preview {
|
|
1591
|
-
display: block;
|
|
1592
|
-
}
|
|
1593
|
-
.icon-on-not-preview {
|
|
1594
|
-
display: none;
|
|
1595
|
-
}
|
|
1596
|
-
}
|
|
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;
|
|
1603
|
-
display: flex;
|
|
1604
|
-
align-items: center;
|
|
1605
|
-
background-color: ${({theme:e})=>e.bgColor};
|
|
1606
|
-
.input-icon svg path {
|
|
1607
|
-
fill: ${({theme:e})=>e.variant["neutral-1"]};
|
|
1608
|
-
}
|
|
1609
|
-
|
|
1610
|
-
&:focus-within {
|
|
1611
|
-
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
1612
|
-
outline: none;
|
|
1613
|
-
|
|
1614
|
-
.input-icon svg path {
|
|
1615
|
-
fill: ${({theme:e})=>e.variant["primary-1"]};
|
|
1616
|
-
}
|
|
1617
|
-
}
|
|
1618
|
-
`;uo.defaultProps={theme:M};const go=s.input`
|
|
1619
|
-
width: 85%;
|
|
1620
|
-
border: 0;
|
|
1621
|
-
outline: 0;
|
|
1622
|
-
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
1623
|
-
margin: 0px;
|
|
1624
|
-
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`
|
|
1632
|
-
&:after {
|
|
1633
|
-
content: ' *';
|
|
1634
|
-
color: ${({theme:e})=>e.variant.error};
|
|
1635
|
-
}
|
|
1636
|
-
`;const bo=s.label`
|
|
1637
|
-
display: flex;
|
|
1638
|
-
margin-right: 10px;
|
|
1639
|
-
align-content: center;
|
|
1640
|
-
align-items: center;
|
|
1641
|
-
justify-content: center;
|
|
1642
|
-
display: block;
|
|
1643
|
-
margin-bottom: ${({labelInline:e})=>e?"0":"7px"};
|
|
1644
|
-
margin-right: ${({labelInline:e})=>e?"7px":""};
|
|
1645
|
-
padding-bottom: 0px;
|
|
1646
|
-
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
1647
|
-
|
|
1648
|
-
${({labelStyle:e})=>e}
|
|
1649
|
-
`;bo.defaultProps={theme:M};const fo=p`
|
|
1650
|
-
display: flex;
|
|
1651
|
-
align-items: center;
|
|
1652
|
-
`,ho=s.div`
|
|
1653
|
-
${({labelInline:e})=>e?fo:null}
|
|
1654
|
-
|
|
1655
|
-
> div {
|
|
1656
|
-
flex: 1 0 auto;
|
|
1657
|
-
}
|
|
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`
|
|
1659
|
-
background-color: ${({theme:e})=>e.bgColor};
|
|
1660
|
-
|
|
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"]};
|
|
1311
|
+
&:focus-within {
|
|
1312
|
+
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
1313
|
+
outline: none;
|
|
1314
|
+
|
|
1315
|
+
.input-icon svg path {
|
|
1316
|
+
fill: ${({theme:e})=>e.variant["primary-1"]};
|
|
1679
1317
|
}
|
|
1680
1318
|
}
|
|
1681
1319
|
|
|
1682
1320
|
// custom styles
|
|
1683
1321
|
${({textBoxStyle:e})=>e}
|
|
1684
|
-
`;
|
|
1322
|
+
`;qt.defaultProps={theme:M};const Ht=s.input`
|
|
1685
1323
|
width: 85%;
|
|
1686
1324
|
-webkit-text-security: ${({showEye:e})=>e?"none":"disc"};
|
|
1687
1325
|
|
|
1688
1326
|
//Set the styles from the default styles object
|
|
1689
|
-
${({inBuiltCss:e,defaultInputStyle:t})=>
|
|
1327
|
+
${({inBuiltCss:e,defaultInputStyle:t})=>W(e,t)}
|
|
1690
1328
|
|
|
1691
1329
|
// custom styles
|
|
1692
1330
|
${({inputStyle:e})=>e}
|
|
@@ -1694,32 +1332,32 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1694
1332
|
.sc-furwcr bxRAoq {
|
|
1695
1333
|
color: ${({theme:e})=>e.variant["neutral-3"]};
|
|
1696
1334
|
}
|
|
1697
|
-
`;
|
|
1335
|
+
`;Ht.defaultProps={theme:M};const jt=p`
|
|
1698
1336
|
display: flex;
|
|
1699
1337
|
gap: 7px;
|
|
1700
1338
|
align-items: start;
|
|
1701
|
-
`,
|
|
1702
|
-
${({labelInline:e})=>e?
|
|
1339
|
+
`,Ft=s.div`
|
|
1340
|
+
${({labelInline:e})=>e?jt:null}
|
|
1703
1341
|
.err-text {
|
|
1704
1342
|
color: ${({errMsgColor:e,theme:t})=>e||t.variant.error};
|
|
1705
1343
|
margin-top: 5px;
|
|
1706
1344
|
font-size: 10px;
|
|
1707
1345
|
}
|
|
1708
|
-
`;
|
|
1346
|
+
`;Ft.defaultProps={theme:M};const Ot=({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(Ft,S({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(Ue,S({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(qt,S({required:a,theme:x,textBoxStyle:o,isValid:p,defaultWrapperStyle:"textbox-wrapper",inBuiltCss:B},f),t.createElement(Ht,S({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):""))};Ot.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},Ot.defaultProps={inBuiltCss:B,label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",textBoxStyle:{},labelStyle:{},inputStyle:{},passwordRules:"",rulesStyle:{},id:"",showHideIcon:!0};const Zt=s.div`
|
|
1709
1347
|
box-sizing: initial;
|
|
1710
1348
|
|
|
1711
1349
|
//Set the styles from the default styles object
|
|
1712
|
-
${({inBuiltCss:e,defaultRadioOuterCircleStyle:t})=>
|
|
1350
|
+
${({inBuiltCss:e,defaultRadioOuterCircleStyle:t})=>W(e,t)}
|
|
1713
1351
|
|
|
1714
1352
|
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};
|
|
1715
1353
|
|
|
1716
1354
|
// custom styles
|
|
1717
1355
|
${({radioOuterCircleStyle:e})=>e}
|
|
1718
|
-
`;
|
|
1356
|
+
`;Zt.defaultProps={theme:M};const Gt=s.div`
|
|
1719
1357
|
box-sizing: initial;
|
|
1720
1358
|
|
|
1721
1359
|
//Set the styles from the default styles object
|
|
1722
|
-
${({inBuiltCss:e,defaultRadioInnerCircleStyle:t})=>
|
|
1360
|
+
${({inBuiltCss:e,defaultRadioInnerCircleStyle:t})=>W(e,t)}
|
|
1723
1361
|
|
|
1724
1362
|
width: ${({value:e,selected:t,width:o})=>e===t?o:0};
|
|
1725
1363
|
height: ${({value:e,selected:t,height:o})=>e===t?o:0};
|
|
@@ -1727,15 +1365,15 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1727
1365
|
|
|
1728
1366
|
// custom styles
|
|
1729
1367
|
${({radioInnerCircleStyle:e})=>e}
|
|
1730
|
-
`;
|
|
1368
|
+
`;Gt.defaultProps={theme:M};const Xt=s.div`
|
|
1731
1369
|
//Set the styles from the default styles object
|
|
1732
|
-
${({inBuiltCss:e,defaultOptionStyle:t})=>
|
|
1370
|
+
${({inBuiltCss:e,defaultOptionStyle:t})=>W(e,t)}
|
|
1733
1371
|
margin-right: ${({inline:e})=>e?"":"30px"};
|
|
1734
1372
|
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"]};
|
|
1735
1373
|
|
|
1736
1374
|
// custom styles
|
|
1737
1375
|
${({optionStyle:e})=>e}
|
|
1738
|
-
`;
|
|
1376
|
+
`;Xt.defaultProps={theme:M};const Jt=s.div`
|
|
1739
1377
|
margin-bottom: ${({inline:e})=>e?"":"14px"};
|
|
1740
1378
|
cursor: pointer;
|
|
1741
1379
|
align-items: center;
|
|
@@ -1744,273 +1382,682 @@ ${({customInputColorStyle:e})=>e}
|
|
|
1744
1382
|
|
|
1745
1383
|
// custom styles
|
|
1746
1384
|
${({WrapperDivStyle:e})=>e}
|
|
1747
|
-
`,
|
|
1385
|
+
`,Ut=s.div`
|
|
1748
1386
|
display: ${({inline:e})=>e?"flex":"inline-block"};
|
|
1749
1387
|
width: max-content;
|
|
1750
1388
|
margin: 0;
|
|
1751
|
-
`,
|
|
1389
|
+
`,Dt=({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(Ue,{customStyles:r,type:"radio-label",text:l}),t.createElement(Ut,{inline:g},n.map(((r,l)=>t.createElement(Jt,{WrapperDivStyle:h,key:l+101*Math.random(),id:r.id,inline:g,onClick:()=>{!r?.disabled&&s(r.value)}},t.createElement(Zt,{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(Gt,{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(Xt,{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))))))};Dt.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},Dt.defaultProps={label:"",labelStyle:{},inline:!1,options:[],optionStyle:{},selected:"one",onChange:()=>{},radioOuterCircleStyle:{},radioInnerCircleStyle:{},width:"14px",height:"14px",WrapperDivStyle:{}};const Qt=s.div`
|
|
1752
1390
|
background-color: ${({theme:e})=>e.bgColor};
|
|
1753
1391
|
|
|
1754
1392
|
//Set the styles from the default styles object
|
|
1755
|
-
${({inBuiltCss:e,defaultWrapperStyle:t})=>
|
|
1393
|
+
${({inBuiltCss:e,defaultWrapperStyle:t})=>W(e,t)}
|
|
1394
|
+
|
|
1395
|
+
border: ${({isValid:e,theme:t})=>e?"1px solid "+t.border:"1px solid "+t.variant.error};
|
|
1396
|
+
|
|
1397
|
+
&:focus-within {
|
|
1398
|
+
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
1399
|
+
outline: none;
|
|
1400
|
+
|
|
1401
|
+
.input-icon svg path {
|
|
1402
|
+
fill: ${({theme:e,iconColorOnFocus:t})=>t||e.variant["primary-1"]};
|
|
1403
|
+
}
|
|
1404
|
+
}
|
|
1405
|
+
|
|
1406
|
+
// custom styles
|
|
1407
|
+
${({textBoxStyle:e})=>e}
|
|
1408
|
+
|
|
1409
|
+
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor}
|
|
1410
|
+
`,Kt=s.input`
|
|
1411
|
+
color: ${({theme:e})=>e.black};
|
|
1412
|
+
width: 85%;
|
|
1413
|
+
white-space: nowrap;
|
|
1414
|
+
overflow: hidden;
|
|
1415
|
+
text-overflow: ellipsis;
|
|
1416
|
+
//Set the styles from the default styles object
|
|
1417
|
+
${({inBuiltCss:e,defaultInputStyle:t})=>W(e,t)}
|
|
1418
|
+
|
|
1419
|
+
// custom styles
|
|
1420
|
+
${({inputStyle:e})=>e}
|
|
1421
|
+
|
|
1422
|
+
.sc-furwcr bxRAoq {
|
|
1423
|
+
color: ${M.variant["neutral-3"]};
|
|
1424
|
+
}
|
|
1425
|
+
background-color: ${({isDisabled:e,theme:t})=>e?t.variant["neutral-5"]:t.bgColor}};
|
|
1426
|
+
`,Nt=p`
|
|
1427
|
+
display: flex;
|
|
1428
|
+
gap: 7px;
|
|
1429
|
+
align-items: center;
|
|
1430
|
+
`,Yt=s.div`
|
|
1431
|
+
${({labelInline:e})=>e?Nt:null}
|
|
1432
|
+
.err-text {
|
|
1433
|
+
color: ${({errMsgColor:e,theme:t})=>e||t.variant.error};
|
|
1434
|
+
margin-top: 5px;
|
|
1435
|
+
font-size: 10px;
|
|
1436
|
+
}
|
|
1437
|
+
`,$t=({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(Yt,S({labelInline:a,theme:C,errMsgColor:b},v),t.createElement("div",{style:{display:"flex"}},t.createElement(Ue,S({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(Qt,S({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(Kt,S({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))};$t.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},$t.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 _t=({label:e,placeholder:o,handleSearch:r,searchInput:l,customStylesForm:i,customStyleObject:n,textBoxStyle:a,id:c,...s})=>t.createElement($t,S({iconAfter:t.createElement(J,{icon:"magnifier-icon"}),label:e,textBoxStyle:a,placeholder:o,ref:l,onChange:r,id:c},s)),eo=s.div`
|
|
1438
|
+
//Set the styles from the default styles object
|
|
1439
|
+
${({inBuiltCss:e,defaultParentDivStyle:t})=>W(e,t)}
|
|
1440
|
+
|
|
1441
|
+
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"]};
|
|
1442
|
+
|
|
1443
|
+
&:focus-within {
|
|
1444
|
+
border-color: ${({activeColor:e,theme:t})=>e||t.primary["primary-1"]};
|
|
1445
|
+
}
|
|
1446
|
+
`,to=s.div`
|
|
1447
|
+
//Set the styles from the default styles object
|
|
1448
|
+
${({inBuiltCss:e,defaultWrapperDivStyle:t})=>W(e,t)}
|
|
1449
|
+
|
|
1450
|
+
flex-direction: ${({signIcon:e})=>e?"column":"initial"};
|
|
1451
|
+
width: ${({signIcon:e})=>e?"min-content":"calc(100% - 50px) !important"};
|
|
1452
|
+
max-width: ${({signIcon:e})=>e?"42px":"490px"};
|
|
1453
|
+
border-right: 1px solid
|
|
1454
|
+
${({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"]};
|
|
1455
|
+
border-left: ${({signIcon:e})=>e?"":"none"};
|
|
1456
|
+
margin-left: ${({signIcon:e})=>e?"":"42px"};
|
|
1457
|
+
position: ${({signIcon:e})=>e?"absolute":""};
|
|
1458
|
+
`,oo=s.div`
|
|
1459
|
+
width: 39px;
|
|
1460
|
+
height: 44px;
|
|
1461
|
+
display: flex;
|
|
1462
|
+
flex-direction: row;
|
|
1463
|
+
justify-content: center;
|
|
1464
|
+
align-items: center;
|
|
1465
|
+
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"]}`:""};
|
|
1466
|
+
background-color: rgba(255, 255, 255, 0.05);
|
|
1467
|
+
cursor: pointer;
|
|
1468
|
+
`,ro=s.input`
|
|
1469
|
+
${({inBuiltCss:e,defaultInputStyle:t})=>W(e,t)}
|
|
1470
|
+
|
|
1471
|
+
border-bottom: ${({value:e,defaultColor:t,theme:o})=>e.length>0?"none":t};
|
|
1472
|
+
|
|
1473
|
+
&::placeholder {
|
|
1474
|
+
font-size: 17px;
|
|
1475
|
+
text-align: center;
|
|
1476
|
+
color: ${({placeholderColor:e,theme:t})=>e||t.neutral["neutral-3"]};
|
|
1477
|
+
font-family: 'Averta';
|
|
1478
|
+
font-style: normal;
|
|
1479
|
+
font-weight: normal;
|
|
1480
|
+
line-height: 22px;
|
|
1481
|
+
}
|
|
1482
|
+
&: focus-within {
|
|
1483
|
+
border: none;
|
|
1484
|
+
outline: none;
|
|
1485
|
+
|
|
1486
|
+
::placeholder {
|
|
1487
|
+
color: transparent;
|
|
1488
|
+
}
|
|
1489
|
+
}
|
|
1490
|
+
|
|
1491
|
+
// custom styles
|
|
1492
|
+
${({customInputStyle:e})=>e}
|
|
1493
|
+
`,lo=s.div`
|
|
1494
|
+
position: relative;
|
|
1495
|
+
width: inherit;
|
|
1496
|
+
display: flex;
|
|
1497
|
+
margin: 4px;
|
|
1498
|
+
`,io=s.div`
|
|
1499
|
+
padding-left: 2px;
|
|
1500
|
+
display: flex;
|
|
1501
|
+
justify-content: center;
|
|
1502
|
+
cursor: pointer;
|
|
1503
|
+
`,no=({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,[S,w]=l("default"),[E,k]=l(!1),[z,V]=l(!1),W=r(null);i((()=>{z&&(R(),f(W.current))}),[!0===z]);const I=()=>{g(""),f(W.current),W.current&&W.current.clear(),k(!1),V(!1)},R=()=>(m(W.current.toData()),y(W.current.toDataURL("image/png")),[h,p]);return t.createElement(eo,{inBuiltCss:B,defaultParentDivStyle:"signature-parent-div",isMyInputFocused:E,selected:S,activeColor:o,defaultColor:n,theme:C},t.createElement(to,{inBuiltCss:B,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:n,selected:S,isMyInputFocused:E,signIcon:!0,theme:C},t.createElement(oo,{activeColor:o,defaultColor:n,isMyInputFocused:E,theme:C,penIcon:!0,onClick:()=>{w("default"),I()}},t.createElement(J,{icon:"pen-icon",color:"default"===S?o||C.primary["primary-1"]:C.black})),t.createElement(oo,{activeColor:o,defaultColor:n,theme:C,isMyInputFocused:E,penIcon:!1,onClick:()=>{w("sign"),I()}},t.createElement(J,{icon:"sign-icon",color:"default"!==S?o||C.primary["primary-1"]:C.black}))),t.createElement(to,{inBuiltCss:B,defaultWrapperDivStyle:"signature-wrapper-div",activeColor:o,defaultColor:n,theme:C,selected:S,isMyInputFocused:E,signIcon:!1,onTouchStart:()=>{}},"default"===S?t.createElement(ro,{inBuiltCss:B,defaultInputStyle:"signature-input-text",placeholder:c,placeholderColor:a,customInputStyle:s,onBlur:()=>k(!1),onFocus:()=>k(!0),id:x,value:u,defaultColor:n,theme:C,onChange:e=>g(e.target.value)}):t.createElement(lo,{onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),onClick:()=>{V(!0),R()}},t.createElement(A,{ref:W,id:x,redrawOnResize:!0,height:75,options:{minWidth:1,maxWidth:1,penColor:"#444444"}})),(u||z)&&t.createElement(io,{selected:S,onClick:()=>I()},t.createElement(J,{icon:"cross-icon",color:n||C.neutral["neutral-3"]}))))};no.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},no.defaultProps={customInputStyle:{},placeholderText:"Type your signature here",pointsArray:null,setPointsArray:()=>{},value:"",setValue:()=>{},imageURL:"",setImageURL:()=>{},setValueForSignatureDrawing:()=>{},id:""};const ao=s.div`
|
|
1504
|
+
background-color: ${({theme:e})=>e.bgColor};
|
|
1505
|
+
//Set the styles from the default styles object
|
|
1506
|
+
${({inBuiltCss:e,defaultWrapperStyle:t})=>W(e,t)}
|
|
1756
1507
|
|
|
1757
1508
|
border: ${({isValid:e,theme:t})=>e?"1px solid "+t.border:"1px solid "+t.variant.error};
|
|
1758
1509
|
|
|
1510
|
+
.input-icon svg path {
|
|
1511
|
+
fill: ${({theme:e})=>e.variant["neutral-1"]};
|
|
1512
|
+
}
|
|
1513
|
+
|
|
1514
|
+
&:focus-within {
|
|
1515
|
+
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
1516
|
+
outline: none;
|
|
1517
|
+
|
|
1518
|
+
.input-icon svg path {
|
|
1519
|
+
fill: ${({theme:e})=>e.variant["primary-1"]};
|
|
1520
|
+
}
|
|
1521
|
+
}
|
|
1522
|
+
|
|
1523
|
+
// custom styles
|
|
1524
|
+
${({textAreaStyle:e})=>e}
|
|
1525
|
+
`,co=s.textarea`
|
|
1526
|
+
//Set the styles from the default styles object
|
|
1527
|
+
${({inBuiltCss:e,defaultInputStyle:t})=>W(e,t)}
|
|
1528
|
+
margin: 0;
|
|
1529
|
+
overflow: auto;
|
|
1530
|
+
resize: vertical // custom styles
|
|
1531
|
+
${({inputStyle:e})=>e};
|
|
1532
|
+
`,so=p`
|
|
1533
|
+
display: flex;
|
|
1534
|
+
gap: 7px;
|
|
1535
|
+
align-items: center;
|
|
1536
|
+
`,po=s.div`
|
|
1537
|
+
${({labelInline:e})=>e?so:null}
|
|
1538
|
+
${({customStylesForm:e})=>{if(e)return{...e}}}
|
|
1539
|
+
position: relative;
|
|
1540
|
+
.err-text {
|
|
1541
|
+
color: ${({theme:e})=>e.variant.error};
|
|
1542
|
+
margin-top: 5px;
|
|
1543
|
+
font-size: 10px;
|
|
1544
|
+
}
|
|
1545
|
+
`,mo=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(po,S({labelInline:c,customStylesForm:e,theme:y},f),t.createElement("div",{style:{display:"flex"}},t.createElement(Ue,S({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(ao,S({theme:y,required:n,textAreaStyle:o,isValid:m,inBuiltCss:B,defaultWrapperStyle:"textbox-wrapper"},f),t.createElement("div",{className:"input-icon"},s),t.createElement(co,S({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))}));mo.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},mo.defaultProps={label:"",required:!1,isValid:!0,labelInline:!1,errMsg:"",iconBefore:null,iconAfter:null,textAreaStyle:{},labelStyle:{},inputStyle:{},rows:3,id:""};const uo=s.div`
|
|
1546
|
+
color: #a9b1b8;
|
|
1547
|
+
font-size: 21px;
|
|
1548
|
+
border: 1px solid
|
|
1549
|
+
${({theme:e,isValid:t})=>t?M.border:e.variant.error};
|
|
1550
|
+
border-radius: 4px;
|
|
1551
|
+
padding: 5px;
|
|
1552
|
+
display: inline-block;
|
|
1553
|
+
align-items: center;
|
|
1554
|
+
background-color: ${({theme:e})=>e.bgColor};
|
|
1759
1555
|
&:focus-within {
|
|
1760
1556
|
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
1761
1557
|
outline: none;
|
|
1558
|
+
}
|
|
1559
|
+
`,go=s.input`
|
|
1560
|
+
border: 0;
|
|
1561
|
+
outline: 0;
|
|
1562
|
+
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
1563
|
+
margin: 0 5px;
|
|
1564
|
+
padding: 0;
|
|
1565
|
+
font-size: 21px;
|
|
1566
|
+
width: 24px;
|
|
1567
|
+
text-align:center;
|
|
1568
|
+
background-color: ${({theme:e})=>e.bgColor};
|
|
1569
|
+
`,bo=p`
|
|
1570
|
+
&:after {
|
|
1571
|
+
content: ' *';
|
|
1572
|
+
color: ${({theme:e})=>e.variant.error};
|
|
1573
|
+
}
|
|
1574
|
+
`,fo=s.label`
|
|
1575
|
+
display: block;
|
|
1576
|
+
margin-bottom: ${({labelInline:e,errMsg:t})=>e&&t?"18px":"7px"};
|
|
1577
|
+
margin-right: ${({labelInline:e})=>e?"7px":""};
|
|
1578
|
+
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
1579
|
+
${({required:e})=>e?bo:null}
|
|
1580
|
+
padding-bottom: 0px;
|
|
1581
|
+
`,ho=p`
|
|
1582
|
+
display: flex;
|
|
1583
|
+
align-items: center;
|
|
1584
|
+
`,yo=s.div`
|
|
1585
|
+
${({labelInline:e})=>e?ho:null}
|
|
1586
|
+
.err-text {
|
|
1587
|
+
color: ${({theme:e})=>e.variant.error};
|
|
1588
|
+
margin-top: 5px;
|
|
1589
|
+
font-size: 10px;
|
|
1590
|
+
}
|
|
1591
|
+
|
|
1592
|
+
> div {
|
|
1593
|
+
flex: 1 0 auto;
|
|
1594
|
+
}
|
|
1595
|
+
`,xo=s.button`
|
|
1596
|
+
border: none;
|
|
1597
|
+
outline: none;
|
|
1598
|
+
border-radius: 4px;
|
|
1599
|
+
background-color: ${({theme:e})=>e.bgColor};
|
|
1600
|
+
color: #444;
|
|
1601
|
+
padding: 5px 6px;
|
|
1602
|
+
font-size: 18px;
|
|
1603
|
+
cursor: pointer;
|
|
1604
|
+
`,Ao=({label:e,errMsg:o,hour:r,minute:l,period:i,onChange:n,id:a,...c})=>{const s=d()||M;return t.createElement(yo,S({theme:s},c),t.createElement(fo,S({theme:s},c,{errMsg:o}),e),t.createElement("div",null,t.createElement(uo,S({theme:s,id:a},c),t.createElement(go,{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(go,{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(xo,{theme:s,onClick:function(e){n({hour:r,minute:l,period:"AM"===i?"PM":"AM"})}},i)),t.createElement("div",{className:"err-text"},o)))};Ao.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},Ao.defaultProps={label:"",hour:0,minute:0,period:"AM",required:!1,labelInline:!1,isValid:!0,errMsg:"",id:""};const vo=s.div`
|
|
1605
|
+
${({inBuiltCss:e,defaultCheckBoxWrapperStyle:t})=>W(e,t)}
|
|
1606
|
+
`,Co=s.label`
|
|
1607
|
+
|
|
1608
|
+
left: ${({labelPosition:e})=>"right"===e?"initial":"50px"};
|
|
1609
|
+
margin-right: ${({labelPosition:e})=>"left"===e?"30px":"0px"};
|
|
1610
|
+
|
|
1611
|
+
|
|
1612
|
+
//Set the styles from the default styles object
|
|
1613
|
+
${({inBuiltCss:e,defaultCheckBoxLabelStyle:t})=>W(e,t)}
|
|
1614
|
+
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"]};
|
|
1615
|
+
// custom styles
|
|
1616
|
+
${({customToggleBoxStyle:e})=>e}
|
|
1617
|
+
&:before {
|
|
1618
|
+
content: '';
|
|
1619
|
+
display: block;
|
|
1620
|
+
border-radius: 50%;
|
|
1621
|
+
width: 16px;
|
|
1622
|
+
height: 16px;
|
|
1623
|
+
margin-top: 3px;
|
|
1624
|
+
background: ${({switchColor:e,theme:t})=>e||t.bgColor};
|
|
1625
|
+
transition: 0.2s;
|
|
1626
|
+
margin-left: ${({checked:e})=>e?"4px":"25px"};
|
|
1627
|
+
|
|
1628
|
+
// custom styles
|
|
1629
|
+
${({customSwitchStyle:e})=>e}
|
|
1630
|
+
}
|
|
1631
|
+
`,So=s.input.attrs({type:"checkbox"})`
|
|
1632
|
+
opacity: 0;
|
|
1633
|
+
z-index: 1;
|
|
1634
|
+
border-radius: 31px;
|
|
1635
|
+
width: 45px;
|
|
1636
|
+
height: 22px;
|
|
1637
|
+
cursor: pointer;
|
|
1638
|
+
position: ${({labelPosition:e})=>"right"===e?"initial":"absolute"};
|
|
1639
|
+
left: ${({labelPosition:e})=>"right"===e?"initial":"50px"};
|
|
1762
1640
|
|
|
1763
|
-
.input-icon svg path {
|
|
1764
|
-
fill: ${({theme:e,iconColorOnFocus:t})=>t||e.variant["primary-1"]};
|
|
1765
|
-
}
|
|
1766
|
-
}
|
|
1767
1641
|
|
|
1768
|
-
|
|
1769
|
-
|
|
1642
|
+
`,wo=s.span`
|
|
1643
|
+
|
|
1644
|
+
margin-right: ${({labelPosition:e})=>"30px"};
|
|
1770
1645
|
|
|
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
1646
|
//Set the styles from the default styles object
|
|
1779
|
-
${({inBuiltCss:e,
|
|
1647
|
+
${({inBuiltCss:e,defaultOptionTextStyle:t})=>W(e,t)}
|
|
1780
1648
|
|
|
1781
1649
|
// custom styles
|
|
1782
|
-
${({
|
|
1650
|
+
${({optionStyle:e})=>e}
|
|
1651
|
+
`,Eo=({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(vo,S({inBuiltCss:B,defaultCheckBoxWrapperStyle:"toggle-switch-wrapper"},g),"left"===m&&t.createElement(wo,S({optionStyle:p,inBuiltCss:B,labelPosition:m,defaultOptionTextStyle:"toggle-switch-option-text"},g),e?c:s),t.createElement(So,S({},g,{labelPosition:m,id:u,inBuiltCss:B,defaultCheckBoxStyle:"toggle-switch-checkbox",onClick:()=>{a(!e)},isChecked:e})),t.createElement(Co,S({},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(wo,S({optionStyle:p,inBuiltCss:B,labelPosition:m,defaultOptionTextStyle:"toggle-switch-option-text"},g),e?c:s))};Eo.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},Eo.defaultProps={checked:!1,trueLabel:"Yes",falseLabel:"No",customSwitchStyle:{},customToggleBoxStyle:{},id:"",labelPosition:"right"};const ko=s.div`
|
|
1652
|
+
background-color: ${({theme:e})=>e.bgColor};
|
|
1653
|
+
padding: 24px 8px;
|
|
1654
|
+
${({commentBodyStyle:e})=>e};
|
|
1655
|
+
`,zo=s.div`
|
|
1656
|
+
display: flex;
|
|
1657
|
+
flex-direction: column;
|
|
1658
|
+
margin-bottom: 24px;
|
|
1659
|
+
${({commentWrapperStyle:e})=>e};
|
|
1660
|
+
`,Vo=s.div`
|
|
1661
|
+
display: flex;
|
|
1662
|
+
flex-direction: row;
|
|
1663
|
+
width: 100%;
|
|
1664
|
+
justify-content: flex-start;
|
|
1665
|
+
align-items: center;
|
|
1666
|
+
${({commentHeadStyle:e})=>e};
|
|
1667
|
+
`,Mo=s.span`
|
|
1668
|
+
margin-left: 24px;
|
|
1669
|
+
font-size: 14px;
|
|
1670
|
+
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
1671
|
+
font-weight: 400;
|
|
1672
|
+
${({dateTimeStyle:e})=>e};
|
|
1673
|
+
`,Bo=s.span`
|
|
1674
|
+
margin: 0.75rem 0 0 3rem;
|
|
1675
|
+
font-size: 16px;
|
|
1676
|
+
color: ${M.variant["graph-6"]};
|
|
1677
|
+
${({commentDivStyle:e})=>e};
|
|
1678
|
+
`,Wo=s.div`
|
|
1679
|
+
display: flex;
|
|
1680
|
+
justify-content: flex-start;
|
|
1681
|
+
align-items: start;
|
|
1682
|
+
flex-direction: row;
|
|
1683
|
+
background-color: ${({theme:e})=>e.variant["neutral-4"]};
|
|
1684
|
+
padding: 16px 24px;
|
|
1685
|
+
border-radius: 0px 0px 4px 4px;
|
|
1686
|
+
${({inputWrapperStyle:e})=>e};
|
|
1687
|
+
`,Io=s.div`
|
|
1688
|
+
display: inline-flex;
|
|
1689
|
+
margin-top: 16px;
|
|
1690
|
+
`,Ro=s.div`
|
|
1691
|
+
width: 100%;
|
|
1692
|
+
margin-left: 16px;
|
|
1693
|
+
`,Lo=({inputValue:e,setInputValue:o,commentArray:r,commentBodyStyle:i,commentWrapperStyle:n,commentHeadStyle:a,dateTimeStyle:c,commentDivStyle:s,inputWrapperStyle:p,onSave:m,myInfo:u,placeholder:g,...b})=>{const f=d()||M,[h,y]=l(!1);return t.createElement(ko,{commentBodyStyle:i,theme:f},r.map(((e,o)=>{const{name:r,date:l,comment:i,image:d}=e;return t.createElement(zo,{key:o,commentWrapperStyle:n},t.createElement(Vo,{commentHeadStyle:a},t.createElement(ie,S({user:{fullName:r,userName:r,url:d},toggleName:!0,size:"LG"},b)),t.createElement(Mo,{dateTimeStyle:c,theme:f},l)),t.createElement(Bo,{commentDivStyle:s},i))})),t.createElement(Wo,{theme:f,inputWrapperStyle:p},t.createElement(ie,{user:{fullName:u?.fullName,userName:u?.userName,url:u?.url},toggleName:!1,customStylesImage:{height:"36px",width:"36px"},customStylesContainer:{marginTop:"7px"}}),t.createElement(Ro,null,t.createElement($t,{value:e,onChange:e=>o(e.target.value),placeholder:g,isValid:!0,inputStyle:{height:"23px"},onFocus:e=>y(!0)}),h&&t.createElement(Io,null,t.createElement(ke,S({size:"sm",onClick:m},b),"Save"),t.createElement(Ce,{size:"sm",btnStyle:{color:f.variant["neutral-1"]},onClick:e=>y(!1)},"Cancel")))))};Lo.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},Lo.defaultProps={commentBodyStyle:{},commentWrapperStyle:{},commentHeadStyle:{},dateTimeStyle:{},commentDivStyle:{},inputWrapperStyle:{},onSave:()=>{},commentArray:[],inputValue:"",setInputValue:()=>{},myInfo:{},placeholder:""};const Po=s.div`
|
|
1694
|
+
//Set the styles from the default styles object
|
|
1695
|
+
${({theme:e,type:t})=>W(e,t)}
|
|
1696
|
+
@media (max-width: 980px) {
|
|
1697
|
+
margin-left: 0px;
|
|
1698
|
+
}
|
|
1699
|
+
// custom styles
|
|
1700
|
+
${({customStyles:e})=>e}
|
|
1701
|
+
`,To=({theme:e,type:o,customStyles:r,...l})=>t.createElement(Po,S({theme:e,customStyles:r,type:o},l),l.children);To.propTypes={theme:e.object,customStyles:e.object,type:e.string},To.defaultProps={theme:B,customStyles:null,type:"content"};const qo=s.div`
|
|
1702
|
+
width: 100%;
|
|
1703
|
+
display: flex;
|
|
1704
|
+
flex-direction: column;
|
|
1705
|
+
align-items: center;
|
|
1706
|
+
min-height: calc(100vh - 130px);
|
|
1783
1707
|
|
|
1784
|
-
|
|
1785
|
-
|
|
1708
|
+
button:hover,
|
|
1709
|
+
button:active,
|
|
1710
|
+
button:focus {
|
|
1711
|
+
outline: none;
|
|
1786
1712
|
}
|
|
1787
|
-
|
|
1788
|
-
|
|
1713
|
+
`,Ho=s.div`
|
|
1714
|
+
position: relative;
|
|
1789
1715
|
display: flex;
|
|
1790
|
-
|
|
1716
|
+
width: 100%;
|
|
1717
|
+
padding: 25px;
|
|
1718
|
+
column-gap: 18px;
|
|
1791
1719
|
align-items: center;
|
|
1792
|
-
|
|
1793
|
-
|
|
1794
|
-
|
|
1795
|
-
|
|
1796
|
-
|
|
1797
|
-
|
|
1720
|
+
box-sizing: border-box;
|
|
1721
|
+
background: linear-gradient(
|
|
1722
|
+
0deg,
|
|
1723
|
+
hsla(0, 0%, 100%, 1) 20%,
|
|
1724
|
+
hsla(0, 0%, 100%, 0.5) 100%
|
|
1725
|
+
);
|
|
1726
|
+
border-radius: 6px;
|
|
1727
|
+
|
|
1728
|
+
@media (max-width: 900px) {
|
|
1729
|
+
flex-wrap: wrap;
|
|
1730
|
+
height: fit-content;
|
|
1731
|
+
padding-bottom: 25.5px;
|
|
1798
1732
|
}
|
|
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
1733
|
|
|
1803
|
-
|
|
1734
|
+
@media (max-width: 800px) {
|
|
1735
|
+
flex-wrap: nowrap;
|
|
1736
|
+
padding-bottom: 25.5px;
|
|
1737
|
+
align-items: stretch;
|
|
1804
1738
|
|
|
1805
|
-
|
|
1806
|
-
|
|
1739
|
+
& > div:nth-child(2) {
|
|
1740
|
+
margin-top: 26px;
|
|
1741
|
+
}
|
|
1742
|
+
|
|
1743
|
+
& > span {
|
|
1744
|
+
margin-top: 26px;
|
|
1745
|
+
}
|
|
1746
|
+
|
|
1747
|
+
& > * {
|
|
1748
|
+
flex-basis: unset;
|
|
1749
|
+
}
|
|
1807
1750
|
}
|
|
1808
|
-
`,To=s.div`
|
|
1809
|
-
//Set the styles from the default styles object
|
|
1810
|
-
${({inBuiltCss:e,defaultWrapperDivStyle:t})=>I(e,t)}
|
|
1811
1751
|
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
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)}
|
|
1752
|
+
@media (max-width: 650px) {
|
|
1753
|
+
padding-top: 35px;
|
|
1754
|
+
padding-right: 39px;
|
|
1755
|
+
}
|
|
1832
1756
|
|
|
1833
|
-
|
|
1757
|
+
& label {
|
|
1758
|
+
font-size: 14px;
|
|
1759
|
+
padding-bottom: 10px;
|
|
1760
|
+
margin-bottom: 0;
|
|
1761
|
+
}
|
|
1834
1762
|
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
font-family: 'Averta';
|
|
1840
|
-
font-style: normal;
|
|
1841
|
-
font-weight: normal;
|
|
1842
|
-
line-height: 22px;
|
|
1763
|
+
& first-child {
|
|
1764
|
+
&::placeholder {
|
|
1765
|
+
color: #a9b1b8;
|
|
1766
|
+
}
|
|
1843
1767
|
}
|
|
1844
|
-
&: focus-within {
|
|
1845
|
-
border: none;
|
|
1846
|
-
outline: none;
|
|
1847
1768
|
|
|
1848
|
-
|
|
1849
|
-
|
|
1769
|
+
.single-select {
|
|
1770
|
+
flex-basis: 177px;
|
|
1771
|
+
|
|
1772
|
+
@media (max-width: 800px) {
|
|
1773
|
+
flex-basis: unset;
|
|
1850
1774
|
}
|
|
1851
1775
|
}
|
|
1852
1776
|
|
|
1853
|
-
|
|
1854
|
-
|
|
1777
|
+
.selection-side {
|
|
1778
|
+
display: flex;
|
|
1779
|
+
align-items: center;
|
|
1780
|
+
position: absolute;
|
|
1781
|
+
right: 39px;
|
|
1782
|
+
top: 25.5px;
|
|
1783
|
+
|
|
1784
|
+
svg {
|
|
1785
|
+
fill: ${({defaultThemeColor:e})=>e.variant["primary-2"]};
|
|
1786
|
+
|
|
1787
|
+
path {
|
|
1788
|
+
fill: ${({defaultThemeColor:e})=>e.variant["primary-2"]};
|
|
1789
|
+
}
|
|
1790
|
+
}
|
|
1791
|
+
|
|
1792
|
+
@media (max-width: 800px) {
|
|
1793
|
+
margin-right: 0;
|
|
1794
|
+
margin-top: 0;
|
|
1795
|
+
}
|
|
1796
|
+
}
|
|
1797
|
+
`,jo=s.span`
|
|
1798
|
+
color: #2e56f4;
|
|
1799
|
+
font-style: normal;
|
|
1800
|
+
font-weight: normal;
|
|
1801
|
+
font-size: 14px;
|
|
1802
|
+
line-height: 17px;
|
|
1803
|
+
cursor: pointer;
|
|
1804
|
+
margin-top: 37px;
|
|
1805
|
+
margin-right: 65px;
|
|
1806
|
+
white-space: nowrap;
|
|
1855
1807
|
`,Fo=s.div`
|
|
1856
|
-
position: relative;
|
|
1857
|
-
width: inherit;
|
|
1858
1808
|
display: flex;
|
|
1859
|
-
|
|
1809
|
+
flex-direction: column;
|
|
1810
|
+
${""}
|
|
1811
|
+
max-width: 1340px;
|
|
1812
|
+
width: 100%;
|
|
1813
|
+
align-items: center;
|
|
1860
1814
|
`,Oo=s.div`
|
|
1861
|
-
|
|
1815
|
+
position: absolute;
|
|
1816
|
+
font-size: 12px;
|
|
1817
|
+
border-radius: 50%;
|
|
1818
|
+
right: 0;
|
|
1819
|
+
background-color: red;
|
|
1820
|
+
min-width: 20px;
|
|
1821
|
+
min-height: 20px;
|
|
1862
1822
|
display: flex;
|
|
1823
|
+
align-items: center;
|
|
1863
1824
|
justify-content: center;
|
|
1825
|
+
width: 4ch;
|
|
1826
|
+
height: 4ch;
|
|
1827
|
+
padding: 0px;
|
|
1828
|
+
transform: translate(30%, -30%);
|
|
1829
|
+
color: white;
|
|
1830
|
+
font-weight: 600;
|
|
1831
|
+
`,Zo=s.div`
|
|
1832
|
+
width: 90%;
|
|
1833
|
+
`,Go=s.div`
|
|
1834
|
+
background: linear-gradient(
|
|
1835
|
+
0deg,
|
|
1836
|
+
hsla(0, 0%, 100%, 1) 20%,
|
|
1837
|
+
hsla(0, 0%, 100%, 0.5) 100%
|
|
1838
|
+
);
|
|
1839
|
+
width: 90%;
|
|
1840
|
+
`,Xo=s.div`
|
|
1841
|
+
width: 90%;
|
|
1842
|
+
`,Jo=s.div`
|
|
1843
|
+
display: flex;
|
|
1844
|
+
margin-left: auto !important;
|
|
1845
|
+
margin-right: auto !important;
|
|
1864
1846
|
cursor: pointer;
|
|
1865
|
-
`,
|
|
1866
|
-
|
|
1867
|
-
|
|
1868
|
-
|
|
1847
|
+
`,Uo=s.div`
|
|
1848
|
+
display: flex;
|
|
1849
|
+
flex-direction: column;
|
|
1850
|
+
width: 180px;
|
|
1851
|
+
background: #ffffff;
|
|
1852
|
+
box-shadow: 0px 5px 37px rgba(56, 66, 100, 0.15);
|
|
1853
|
+
border-radius: 6px;
|
|
1854
|
+
margin-right: 0.5rem;
|
|
1855
|
+
z-index: 999;
|
|
1856
|
+
`,Do=s.div`
|
|
1857
|
+
margin: 10.5px 13px;
|
|
1858
|
+
padding: 0;
|
|
1859
|
+
`,Qo=s.div`
|
|
1860
|
+
color: #081348;
|
|
1861
|
+
padding: 7.7px 6.5px 7.7px 24px;
|
|
1862
|
+
margin: 2.5px 13px;
|
|
1863
|
+
cursor: pointer;
|
|
1864
|
+
font-size: 12px;
|
|
1865
|
+
line-height: 15px;
|
|
1869
1866
|
|
|
1870
|
-
|
|
1867
|
+
&:last-child {
|
|
1868
|
+
margin-bottom: 1rem;
|
|
1869
|
+
}
|
|
1871
1870
|
|
|
1872
|
-
|
|
1873
|
-
|
|
1871
|
+
position: relative;
|
|
1872
|
+
|
|
1873
|
+
&:hover {
|
|
1874
|
+
background: #eaeefe;
|
|
1875
|
+
border-radius: 5px;
|
|
1876
|
+
}
|
|
1877
|
+
`,Ko=s.div`
|
|
1878
|
+
position: relative;
|
|
1879
|
+
display: flex;
|
|
1880
|
+
width: 100%;
|
|
1881
|
+
column-gap: 18px;
|
|
1882
|
+
align-items: center;
|
|
1883
|
+
box-sizing: border-box;
|
|
1884
|
+
background: linear-gradient(
|
|
1885
|
+
0deg,
|
|
1886
|
+
hsla(0, 0%, 100%, 1) 20%,
|
|
1887
|
+
hsla(0, 0%, 100%, 0.5) 100%
|
|
1888
|
+
);
|
|
1889
|
+
border-radius: 6px;
|
|
1890
|
+
|
|
1891
|
+
@media (max-width: 900px) {
|
|
1892
|
+
flex-wrap: wrap;
|
|
1893
|
+
height: fit-content;
|
|
1894
|
+
padding-bottom: 25.5px;
|
|
1874
1895
|
}
|
|
1875
1896
|
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
|
|
1897
|
+
@media (max-width: 800px) {
|
|
1898
|
+
flex-direction: column;
|
|
1899
|
+
flex-wrap: nowrap;
|
|
1900
|
+
padding-bottom: 25.5px;
|
|
1901
|
+
align-items: stretch;
|
|
1879
1902
|
|
|
1880
|
-
|
|
1881
|
-
|
|
1903
|
+
& > div:nth-child(2) {
|
|
1904
|
+
margin-top: 26px;
|
|
1882
1905
|
}
|
|
1883
|
-
}
|
|
1884
1906
|
|
|
1885
|
-
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
|
|
1889
|
-
|
|
1890
|
-
|
|
1891
|
-
|
|
1892
|
-
resize: vertical // custom styles
|
|
1893
|
-
${({inputStyle:e})=>e};
|
|
1894
|
-
`,Jo=p`
|
|
1895
|
-
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;
|
|
1907
|
+
& > span {
|
|
1908
|
+
margin-top: 26px;
|
|
1909
|
+
}
|
|
1910
|
+
|
|
1911
|
+
& > * {
|
|
1912
|
+
flex-basis: unset;
|
|
1913
|
+
}
|
|
1906
1914
|
}
|
|
1907
|
-
|
|
1908
|
-
|
|
1909
|
-
|
|
1910
|
-
|
|
1911
|
-
${({theme:e,isValid:t})=>t?M.border:e.variant.error};
|
|
1912
|
-
border-radius: 4px;
|
|
1913
|
-
padding: 5px;
|
|
1914
|
-
display: inline-block;
|
|
1915
|
-
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;
|
|
1915
|
+
|
|
1916
|
+
@media (max-width: 650px) {
|
|
1917
|
+
padding-top: 35px;
|
|
1918
|
+
padding-right: 39px;
|
|
1920
1919
|
}
|
|
1921
|
-
|
|
1922
|
-
|
|
1923
|
-
|
|
1924
|
-
|
|
1925
|
-
|
|
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};
|
|
1920
|
+
|
|
1921
|
+
& label {
|
|
1922
|
+
font-size: 14px;
|
|
1923
|
+
padding-bottom: 10px;
|
|
1924
|
+
margin-bottom: 0;
|
|
1935
1925
|
}
|
|
1936
|
-
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
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;
|
|
1926
|
+
|
|
1927
|
+
& first-child {
|
|
1928
|
+
&::placeholder {
|
|
1929
|
+
color: #a9b1b8;
|
|
1930
|
+
}
|
|
1952
1931
|
}
|
|
1953
1932
|
|
|
1954
|
-
|
|
1955
|
-
flex:
|
|
1933
|
+
.single-select {
|
|
1934
|
+
flex-basis: 177px;
|
|
1935
|
+
|
|
1936
|
+
@media (max-width: 800px) {
|
|
1937
|
+
flex-basis: unset;
|
|
1938
|
+
}
|
|
1956
1939
|
}
|
|
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
1940
|
|
|
1970
|
-
|
|
1971
|
-
|
|
1941
|
+
.selection-side {
|
|
1942
|
+
display: flex;
|
|
1943
|
+
align-items: center;
|
|
1944
|
+
position: absolute;
|
|
1945
|
+
right: 39px;
|
|
1946
|
+
top: 25.5px;
|
|
1972
1947
|
|
|
1948
|
+
svg {
|
|
1949
|
+
fill: ${({defaultThemeColor:e})=>e.variant["primary-2"]};
|
|
1973
1950
|
|
|
1974
|
-
|
|
1975
|
-
|
|
1976
|
-
|
|
1977
|
-
|
|
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"};
|
|
1951
|
+
path {
|
|
1952
|
+
fill: ${({defaultThemeColor:e})=>e.variant["primary-2"]};
|
|
1953
|
+
}
|
|
1954
|
+
}
|
|
1989
1955
|
|
|
1990
|
-
|
|
1991
|
-
|
|
1956
|
+
@media (max-width: 800px) {
|
|
1957
|
+
margin-right: 0;
|
|
1958
|
+
margin-top: 0;
|
|
1959
|
+
}
|
|
1992
1960
|
}
|
|
1993
|
-
`,
|
|
1994
|
-
|
|
1995
|
-
|
|
1996
|
-
|
|
1997
|
-
|
|
1998
|
-
|
|
1961
|
+
`,No=s.div`
|
|
1962
|
+
display: flex;
|
|
1963
|
+
justify-content: end;
|
|
1964
|
+
`,Yo=s.div`
|
|
1965
|
+
display: flex;
|
|
1966
|
+
justify-content: center;
|
|
1967
|
+
flex-direction: row;
|
|
1968
|
+
align-items: flex-start;
|
|
1969
|
+
gap: 20px;
|
|
1970
|
+
`,$o=s.div`
|
|
1971
|
+
width: 48;
|
|
1972
|
+
max-width: 48%;
|
|
1973
|
+
min-width: 48%;
|
|
1974
|
+
|
|
1975
|
+
`,_o=s.form`
|
|
1976
|
+
width: 40vw;
|
|
1977
|
+
display: flex;
|
|
1978
|
+
justify-content: center;
|
|
1979
|
+
flex-direction: column;
|
|
1980
|
+
gap: 20px;
|
|
1981
|
+
${({customStyles:e})=>e}
|
|
1982
|
+
`,er=({customStyles:e,children:o})=>t.createElement(_o,{customStyles:e},o),tr=s.div`
|
|
1983
|
+
display: ${({vertical:e})=>e?"inline-block":"block"};
|
|
1984
|
+
background: ${({theme:e,borderColor:t})=>t||e.neutral["neutral-5"]};
|
|
1985
|
+
content: '';
|
|
1986
|
+
height: ${({vertical:e,thickness:t,height:o})=>e?o:t};
|
|
1987
|
+
width: ${({vertical:e,thickness:t})=>e?t:null};
|
|
1988
|
+
`,or=({vertical:e,borderColor:o,thickness:r,height:l,...i})=>{const n=d()||M;return t.createElement(tr,S({theme:n,borderColor:o,thickness:r,vertical:e,height:l},i))};or.propTypes={thickness:e.string,borderColor:e.string,vertical:e.bool,height:e.string},or.defaultProps={thickness:"2px",vertical:!1,height:"10px"};const rr=s.div`
|
|
1989
|
+
//Set the styles from the default styles object
|
|
1990
|
+
${({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}}}}
|
|
1991
|
+
`,lr=({customStyles:e,drawerOpen:o,children:r,...l})=>t.createElement(rr,S({inBuiltCss:B,customStyles:e,type:"drawer",drawerOpen:o},l),r);lr.propTypes={customStyles:e.object,drawerOpen:e.bool};class ir 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(ke,{onClick:()=>this.refreshPage()},"Click to refresh")):this.props.children}}ir.propTypes={children:e.any};const nr=p`
|
|
1992
|
+
color: ${({theme:e})=>e.variant["primary-1"]};
|
|
1993
|
+
border: 1px solid ${({theme:e})=>e.variant["primary-1"]};
|
|
1994
|
+
background: ${({theme:e})=>I(e.primary["primary-1"],.04)};
|
|
1995
|
+
`,ar=s.button`
|
|
1996
|
+
font-size: 14px;
|
|
1997
|
+
color: ${({theme:e})=>e.variant["primary-2"]};
|
|
1998
|
+
background: ${({theme:e})=>I(e.variant["neutral-5"],.7)};
|
|
1999
|
+
border: 1px solid ${({theme:e})=>I(e.variant["neutral-5"],.7)};
|
|
2000
|
+
padding: 4px 24px;
|
|
2001
|
+
border-radius: 999px;
|
|
2002
|
+
outline: none;
|
|
1999
2003
|
cursor: pointer;
|
|
2000
|
-
position: ${({labelPosition:e})=>"right"===e?"initial":"absolute"};
|
|
2001
|
-
left: ${({labelPosition:e})=>"right"===e?"initial":"50px"};
|
|
2002
|
-
|
|
2003
2004
|
|
|
2004
|
-
|
|
2005
|
+
${({selected:e})=>e?nr:null}
|
|
2005
2006
|
|
|
2006
|
-
|
|
2007
|
-
|
|
2008
|
-
|
|
2009
|
-
|
|
2010
|
-
|
|
2011
|
-
|
|
2012
|
-
|
|
2013
|
-
|
|
2007
|
+
&:not(:first-child) {
|
|
2008
|
+
margin-left: 8px;
|
|
2009
|
+
}
|
|
2010
|
+
`,cr=({options:e,selected:o,onClick:r,...l})=>{const i=d()||M,n=e.map(((e,l)=>t.createElement(ar,{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)};cr.propTypes={options:e.array,selected:e.string,onClick:e.func},cr.defaultProps={options:[],selected:""};const sr=s.footer`
|
|
2011
|
+
//Set the styles from the default styles object
|
|
2012
|
+
${({theme:e,type:t})=>W(e,t)}
|
|
2013
|
+
// custom styles
|
|
2014
|
+
${({customStyles:e})=>e}
|
|
2015
|
+
`,dr=o((({theme:e,customStyles:o,...r},l)=>t.createElement(sr,S({ref:l,theme:e,type:"footer",customStyles:o},r),r.children)));dr.propTypes={theme:e.object,customStyles:e.object,type:e.string},sr.defaultProps={theme:e.object},dr.defaultProps={theme:B,customStyles:null};const pr=s.div`
|
|
2016
|
+
font-size: 14px;
|
|
2017
|
+
background-color: transparent;
|
|
2018
|
+
display: flex;
|
|
2019
|
+
left: 0;
|
|
2020
|
+
right: 0;
|
|
2021
|
+
justify-content: space-between;
|
|
2022
|
+
align-items: center;
|
|
2023
|
+
color: #929eac;
|
|
2024
|
+
padding: 28px 30.5px 28px 30.5px;
|
|
2025
|
+
font-family: 'Averta', sans-serif;
|
|
2026
|
+
cursor: default;
|
|
2027
|
+
width: inherit;
|
|
2028
|
+
${({footerWidth:e})=>{if(e<650)return p`
|
|
2029
|
+
flex-direction: column;
|
|
2030
|
+
`}}
|
|
2031
|
+
`,mr=s.div`
|
|
2032
|
+
display: flex;
|
|
2033
|
+
${({footerWidth:e})=>{if(e<650)return p`
|
|
2034
|
+
margin-bottom: 5px;
|
|
2035
|
+
`}}
|
|
2036
|
+
${({footerWidth:e})=>{if(e<350)return p`
|
|
2037
|
+
flex-direction: column;
|
|
2038
|
+
align-items: center;
|
|
2039
|
+
margin-bottom: 0;
|
|
2040
|
+
`}}
|
|
2041
|
+
`,ur=s.div`
|
|
2042
|
+
margin-top: inherit;
|
|
2043
|
+
margin-bottom: inherit;
|
|
2044
|
+
${({footerWidth:e})=>{if(e<350)return p`
|
|
2045
|
+
margin-bottom: 5px;
|
|
2046
|
+
`}}
|
|
2047
|
+
`,gr=s.div`
|
|
2048
|
+
margin: 0 10px;
|
|
2049
|
+
${({footerWidth:e})=>{if(e<350)return p`
|
|
2050
|
+
display: none;
|
|
2051
|
+
`}}
|
|
2052
|
+
`,br=({variant:e,textColor:o,size:r,width:l,footerWidth:i,...n})=>{const a=(new Date).getFullYear();return t.createElement(pr,S({variant:e,textColor:o,footerWidth:i},n),t.createElement(mr,{footerWidth:i},t.createElement(ur,{footerWidth:i},"Premise HQ"),t.createElement(gr,{footerWidth:i},"|"),t.createElement(ur,{footerWidth:i},"All Rights Restricted ",a," ©")),t.createElement(mr,{footerWidth:i},t.createElement(ur,{footerWidth:i},"Terms of use"),t.createElement(gr,{footerWidth:i},"|"),t.createElement(ur,{footerWidth:i},"Privacy Policy")))},fr=s.header`
|
|
2053
|
+
|
|
2054
|
+
background-color: ${({theme:e})=>e.bgColor};
|
|
2055
|
+
border-bottom: 0.5px solid ${({theme:e})=>e.variant["neutral-3"]};
|
|
2056
|
+
//Set the styles from the default styles object
|
|
2057
|
+
${({inBuiltCss:e,type:t})=>W(e,t)}
|
|
2058
|
+
// custom styles
|
|
2059
|
+
${({customStyles:e})=>e}
|
|
2060
|
+
`,hr=({type:e,customStyles:o,...r})=>{const l=d()||M;return t.createElement(fr,S({theme:l,type:"header",customStyles:o,inBuiltCss:B},r),r.children)};hr.propTypes={customStyles:e.object,type:e.string},hr.defaultProps={type:"header",customStyles:null};const yr=s.div`
|
|
2014
2061
|
box-sizing: border-box;
|
|
2015
2062
|
display: flex;
|
|
2016
2063
|
justify-content: center;
|
|
@@ -2018,8 +2065,8 @@ ${({customInputColorStyle:e})=>e}
|
|
|
2018
2065
|
width: auto;
|
|
2019
2066
|
|
|
2020
2067
|
${({size:e})=>p`height: ${e}px;`}
|
|
2021
|
-
`,
|
|
2022
|
-
`,
|
|
2068
|
+
`,xr=s.div`
|
|
2069
|
+
`,Ar=s.div`
|
|
2023
2070
|
box-sizing: border-box;
|
|
2024
2071
|
display: flex;
|
|
2025
2072
|
justify-content: center;
|
|
@@ -2048,11 +2095,11 @@ svg {
|
|
|
2048
2095
|
`}
|
|
2049
2096
|
}
|
|
2050
2097
|
}
|
|
2051
|
-
`,
|
|
2098
|
+
`,vr=({theme:e,toggleSet:o,slide:r,color:l,size:i,transform:n,ratingValue:a,starVal:c,hover:s,...d})=>t.createElement(Ar,S({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 Cr(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 Sr(e,t){return 100*e/t}const wr=({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,w]=l(void 0),[E,k]=l(void 0);i((()=>{x(Cr(u,m).array),v(Cr(u,m).value),w(Sr(u,m))}),[u,m]),i((()=>{E?x(Cr(E,m).array):(x(Cr(u,m).array),v(Cr(u,m).value),w(Sr(u,m)))}),[E]);const z=t.createElement(t.Fragment,null,y?.map(((e,o)=>{const l=20*(o+1);return t.createElement(vr,{ratingValue:l,starVal:A,hover:E,toggleSet:b,onClick:b?()=>s(l):null,onMouseEnter:b?()=>{k(l)}:null,onMouseLeave:b?()=>{k(null)}:null,slide:e,color:a,className:"star",size:c,transform:p,key:f?.concat(o),customStyles:r})})));return t.createElement(yr,S({customStyles:o,type:e,size:c},h,{className:"container"}),g?z:t.createElement(xr,{type:e,customStyles:n},C,"%"))};wr.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},wr.defaultProps={customStylesContainer:null,customStylesStar:null,customStylesPercentage:null,type:"star",maxRange:100,value:0,identifier:"ratingKey",toggleStar:!0,toggleSet:!1,color:"#F7B001"};const Er=s.div`
|
|
2052
2099
|
.form-check-input {
|
|
2053
2100
|
accent-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
2054
2101
|
}
|
|
2055
|
-
`,
|
|
2102
|
+
`,kr=({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(Er,{theme:A},t.createElement("input",S({type:"checkbox",className:"form-check-input",ref:r,onClick:e},o)))));return t.createElement(v,S({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))};kr.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},kr.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 zr=({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)))};zr.propTypes={size:e.number},zr.defaultProps={iconSize:23};const Vr=({formData:e,customStyles:o,...r})=>{const l=e=>{switch(e.type){case"header":return(e=>t.createElement(c,null,t.createElement(hr,S({},e,r),e.children),e))(e);case"label":return(e=>t.createElement(Ue,S({style:{marginBottom:"7px",paddingBottom:"0"}},e,r)))(e);case"text":return(e=>t.createElement($t,S({},e,r)))(e);case"textArea":return(e=>t.createElement(mo,S({},e,r)))(e);case"number":return(e=>t.createElement(Tt,S({},e,r)))(e);case"radio":return(e=>t.createElement(Dt,S({key:101*Math.random()|0},e,r)))(e);case"checkBox":return(e=>t.createElement($e,S({},e,r)))(e);case"singleSelect":return(e=>t.createElement(bt,S({dropdownType:"singleSelect"},e,r)))(e);case"multiSelect":return(e=>t.createElement(bt,S({dropdownType:"multiSelect"},e,r)))(e);case"asyncSingleSelect":return(e=>t.createElement(bt,S({dropdownType:"asyncSingleSelect"},e,r)))(e);case"asyncMultiSelect":return(e=>t.createElement(bt,S({dropdownType:"asyncMultiSelect"},e,r)))(e);case"signature":return(e=>t.createElement(no,S({},e,r)))(e);case"fileUpload":return(e=>t.createElement(Et,S({},e,r)))(e);case"date":return(e=>t.createElement(dt,S({},e,r)))(e);case"toggle":return(e=>t.createElement(Eo,S({},e,r)))(e);case"rating":return(e=>t.createElement(wr,S({},e,r)))(e);case"buttonPrimary":return(e=>t.createElement(ke,S({},e,r)))(e);case"buttonSecondary":return(e=>t.createElement(Me,S({},e,r)))(e);case"buttonTiny":return(e=>t.createElement(We,S({},e,r)))(e);case"search":return(e=>t.createElement(_t,S({},e,r)))(e);case"table":return(e=>t.createElement(kr,S({},e,r)))(e);case"passwordInput":return(e=>t.createElement(Ot,S({},e,r)))(e);case"headerComponent":return(e=>t.createElement(zr,S({},e,r)))(e)}};return t.createElement(c,null,t.createElement(Ko,{defaultThemeColor:M},t.createElement(er,{onSubmit:()=>{console.log("form submit")},customStyles:o},e.map(((e,o)=>e.length>1?t.createElement(Yo,null,e.map(((o,r)=>t.createElement($o,{cols:e.length},l(o))))):l(e[0]))))))},Mr=({formData:e,onSubmit:o,onReset:r,style:l,...i})=>{const n=e=>{switch(e.type){case"submit":return(e=>t.createElement(ke,{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(c,null,t.createElement(No,{style:l},e&&e.map(((e,t)=>e.map(((e,t)=>n(e)))))))};const Br=u`
|
|
2056
2103
|
@font-face {
|
|
2057
2104
|
font-family: "Averta";
|
|
2058
2105
|
font-weight: 100;
|
|
@@ -2160,7 +2207,7 @@ svg {
|
|
|
2160
2207
|
* {
|
|
2161
2208
|
font-family: "Averta";
|
|
2162
2209
|
}
|
|
2163
|
-
`,
|
|
2210
|
+
`,Wr=s.span`
|
|
2164
2211
|
background: transparent;
|
|
2165
2212
|
position: relative;
|
|
2166
2213
|
display: flex;
|
|
@@ -2169,12 +2216,12 @@ svg {
|
|
|
2169
2216
|
&>span:not(:first-of-type){
|
|
2170
2217
|
margin-left: -13px;
|
|
2171
2218
|
}
|
|
2172
|
-
`,
|
|
2219
|
+
`,Ir=s.p`
|
|
2173
2220
|
color: ${({theme:e,variantQty:t})=>e.variant[t]};
|
|
2174
2221
|
margin: 0;
|
|
2175
2222
|
margin-left: 7px;
|
|
2176
2223
|
font-size: 16px;
|
|
2177
|
-
`,
|
|
2224
|
+
`,Rr=({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(Wr,S({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(Ir,{theme:u,variantQty:n},"+",e.length-4):null)};Rr.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},Rr.defaultProps={variantCircle:"primary-1",variantName:"primary-2",block:!1,size:"MD",flagName:!1,user:{userName:"1"},colorCircle:null,colorBorderCircle:"#FFFFFF",variantQty:"primary-1"};const Lr=s.div`
|
|
2178
2225
|
max-width: inherit;
|
|
2179
2226
|
width: inherit;
|
|
2180
2227
|
font-size: 14px;
|
|
@@ -2200,7 +2247,7 @@ svg {
|
|
|
2200
2247
|
&[data-popper-placement*='top'] .tooltip-arrow::after {
|
|
2201
2248
|
border-color: ${({theme:e,variantTPbg:t})=>t?e.variant[t]:"#6b747f"} transparent transparent transparent;
|
|
2202
2249
|
}
|
|
2203
|
-
`,
|
|
2250
|
+
`,Pr=s.div`
|
|
2204
2251
|
display: flex;
|
|
2205
2252
|
color: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2206
2253
|
background: ${({theme:e,disabled:t,bgVariant:o,variantBgDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
@@ -2215,24 +2262,24 @@ svg {
|
|
|
2215
2262
|
svg path {
|
|
2216
2263
|
fill: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2217
2264
|
}
|
|
2218
|
-
`,
|
|
2265
|
+
`,Tr=s.div`
|
|
2219
2266
|
display: flex;
|
|
2220
2267
|
justify-content: space-evenly;
|
|
2221
2268
|
flex-grow: 1;
|
|
2222
2269
|
align-items: stretch;
|
|
2223
|
-
`,
|
|
2270
|
+
`,qr=({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:w,visible:E}=b();return t.createElement(t.Fragment,null,t.createElement(Tr,{ref:w},t.createElement(Pr,{variant:i,borderVariant:n,bgVariant:a,variantDisable:c,variantBgDisable:s,disabled:p,onClick:p?null:()=>{g(g)}},f),m),E&&t.createElement(Lr,S({variantTPtext:h,variantTPbg:y,ref:C},v({className:"tooltip-container"})),e,t.createElement("div",A({className:"tooltip-arrow"}))))};qr.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},Tr.defaultProps={theme:M},Pr.defaultProps={theme:M},Lr.defaultProps={theme:M},qr.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor",variantTPtext:null,variantTPbg:null};const Hr=s.div`
|
|
2224
2271
|
display: flex;
|
|
2225
2272
|
justify-content: space-evenly;
|
|
2226
2273
|
align-items: stretch;
|
|
2227
2274
|
height: 42px;
|
|
2228
2275
|
border: 1px solid ${({theme:e,borderVariant:t})=>e.variant[t]};
|
|
2229
2276
|
border-radius: 3px;
|
|
2230
|
-
`,
|
|
2277
|
+
`,jr=s.div`
|
|
2231
2278
|
display: flex;
|
|
2232
2279
|
justify-content: space-evenly;
|
|
2233
2280
|
flex-grow: 1;
|
|
2234
2281
|
align-items: stretch;
|
|
2235
|
-
`,
|
|
2282
|
+
`,Fr=s.div`
|
|
2236
2283
|
display: flex;
|
|
2237
2284
|
color: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2238
2285
|
background: ${({theme:e,disabled:t,bgVariant:o,variantBgDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
@@ -2247,19 +2294,19 @@ svg {
|
|
|
2247
2294
|
svg path {
|
|
2248
2295
|
fill: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2249
2296
|
}
|
|
2250
|
-
`,
|
|
2297
|
+
`,Or=({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(Hr,S({variant:r,borderVariant:l},u),o?.map(((e,d)=>t.createElement(jr,{key:p.concat(d)},t.createElement(Fr,{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)))));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},Hr.defaultProps={theme:M},jr.defaultProps={theme:M},Fr.defaultProps={theme:M},Or.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor"};const Zr=s.div`
|
|
2251
2298
|
display: flex;
|
|
2252
2299
|
justify-content: space-evenly;
|
|
2253
2300
|
align-items: stretch;
|
|
2254
2301
|
height: 42px;
|
|
2255
2302
|
border: 1px solid ${({theme:e,borderVariant:t})=>e.variant[t]};
|
|
2256
2303
|
border-radius: 3px;
|
|
2257
|
-
`,
|
|
2304
|
+
`,Gr=s.div`
|
|
2258
2305
|
display: flex;
|
|
2259
2306
|
justify-content: space-evenly;
|
|
2260
2307
|
flex-grow: 1;
|
|
2261
2308
|
align-items: stretch;
|
|
2262
|
-
`,
|
|
2309
|
+
`,Xr=s.div`
|
|
2263
2310
|
display: flex;
|
|
2264
2311
|
color: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2265
2312
|
background: ${({theme:e,disabled:t,bgVariant:o,variantBgDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
@@ -2274,28 +2321,28 @@ svg {
|
|
|
2274
2321
|
svg path {
|
|
2275
2322
|
fill: ${({theme:e,disabled:t,variant:o,variantDisable:r})=>t?e.variant[r]:e.variant[o]};
|
|
2276
2323
|
}
|
|
2277
|
-
`,
|
|
2324
|
+
`,Jr=({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(Zr,S({variant:r,borderVariant:l},b),o?.map(((e,d)=>t.createElement(qr,{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})))));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,variantTPtext:e.string,variantTPbg:e.string},Zr.defaultProps={theme:M},Gr.defaultProps={theme:M},Xr.defaultProps={theme:M},Jr.defaultProps={theme:M,indexPrefix:"btn-group",borderVariant:"neutral-4",bgVariant:"bgColor",variantDisable:"neutral-2",variantBgDisable:"bgColor",variantTPtext:null,variantTPbg:null};const Ur=s.div`
|
|
2278
2325
|
background: ${({theme:e,variant:t,bgColor:o})=>o||e.variant[t]};
|
|
2279
2326
|
border: 1.3px solid ${({theme:e,variant:t,borderColor:o})=>o||e.variant[t]};
|
|
2280
2327
|
border-radius: 50%;
|
|
2281
2328
|
width: ${({size:e})=>e}px;
|
|
2282
2329
|
height: ${({size:e})=>e}px;
|
|
2283
2330
|
box-sizing: border-box;
|
|
2284
|
-
`,
|
|
2331
|
+
`,Dr=({variant:e,bgColor:o,borderColor:r,...l})=>(d(),t.createElement(Ur,S({variant:e,borderColor:r,bgColor:o},l)));Dr.propTypes={variant:e.string,size:e.number,theme:e.object,borderColor:e.string,bgColor:e.string},Ur.defaultProps={theme:M},Dr.defaultProps={theme:M,variant:"primary-1",size:11};const Qr=s.div`
|
|
2285
2332
|
display: inline-flex;
|
|
2286
2333
|
align-items: center;
|
|
2287
2334
|
background-color: transparent;
|
|
2288
2335
|
min-height: 24px;
|
|
2289
|
-
`,
|
|
2336
|
+
`,Kr=s.div`
|
|
2290
2337
|
display: flex;
|
|
2291
2338
|
justify-content: space-evenly;
|
|
2292
2339
|
width: 69px;
|
|
2293
|
-
`,
|
|
2340
|
+
`,Nr=s.p`
|
|
2294
2341
|
display: flex;
|
|
2295
2342
|
color: ${({theme:e,variantText:t,colorText:o})=>o||e.variant[t]};
|
|
2296
2343
|
font-size: 16px;
|
|
2297
2344
|
margin: 0 5px;
|
|
2298
|
-
`,
|
|
2345
|
+
`,Yr=({style:e,variantCircle:o,variantText:r,level:l,textArray:i,colorArray:n,indexPrefix:a,colorText:c,...s})=>(d(),t.createElement(Qr,s,t.createElement(Kr,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(Dr,{key:a.concat(r),variant:s,borderColor:i,bgColor:c,size:11})}))),i&&t.createElement(Nr,{variantText:r,colorText:c},i[l])));Yr.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},Nr.defaultProps={theme:M},Yr.defaultProps={theme:M,variantCircle:"primary-1",variantText:"primary-2",block:!1,level:0,indexPrefix:"circle-group"};const $r={xsm:{fontSize:"12px"},sm:{fontSize:"14px"},md:{fontSize:"16px"},lg:{fontSize:"18px"}},_r=s.button`
|
|
2299
2346
|
${({underlined:e})=>e?null:p`&:hover {text-decoration: underline}`};
|
|
2300
2347
|
background: transparent;
|
|
2301
2348
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
@@ -2306,7 +2353,7 @@ svg {
|
|
|
2306
2353
|
justify-content: start;
|
|
2307
2354
|
border: none;
|
|
2308
2355
|
cursor: pointer;
|
|
2309
|
-
font-size: ${({size:e})
|
|
2356
|
+
font-size: ${({size:e})=>$r[e].fontSize};
|
|
2310
2357
|
|
|
2311
2358
|
&:disabled {
|
|
2312
2359
|
color: ${({theme:e})=>e.variant["neutral-3"]};
|
|
@@ -2316,7 +2363,7 @@ svg {
|
|
|
2316
2363
|
* {
|
|
2317
2364
|
outline: none;
|
|
2318
2365
|
}
|
|
2319
|
-
`,
|
|
2366
|
+
`,el=({block:e,size:o,style:r,variant:l,disabled:i,underlined:n,...a})=>(d(),t.createElement(_r,S({block:e,variant:l,type:"button",style:r,size:o,disabled:i,underlined:n},a),a.children));el.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},_r.defaultProps={theme:M},el.defaultProps={theme:M,variant:"primary-1",block:!1,disabled:!1,size:"sm",onClick:void 0,label:"Remove",underlined:!1};const tl=s.div`
|
|
2320
2367
|
display: flex;
|
|
2321
2368
|
justify-content: space-between;
|
|
2322
2369
|
align-items: start;
|
|
@@ -2327,36 +2374,33 @@ svg {
|
|
|
2327
2374
|
z-index: 100;
|
|
2328
2375
|
// custom styles
|
|
2329
2376
|
${({customModalHeaderStyle:e})=>e}
|
|
2330
|
-
`,
|
|
2377
|
+
`,ol=s.div`
|
|
2331
2378
|
//Set the styles from the default styles object
|
|
2332
|
-
${({inBuiltCss:e,type:t})=>
|
|
2379
|
+
${({inBuiltCss:e,type:t})=>W(e,t)}
|
|
2333
2380
|
// custom styles
|
|
2334
2381
|
${({customModalBodyStyle:e})=>e}
|
|
2335
|
-
`,
|
|
2382
|
+
`,rl=s.div`
|
|
2336
2383
|
max-height: 60vh;
|
|
2337
2384
|
padding: 0 24px 24px 24px;
|
|
2338
2385
|
overflow-y: auto;
|
|
2339
2386
|
${({contentWrapperStyle:e})=>e}
|
|
2340
|
-
`,
|
|
2387
|
+
`,ll=s.div`
|
|
2341
2388
|
padding-top: 16px;
|
|
2342
2389
|
|
|
2343
2390
|
//Set the styles from the default styles object
|
|
2344
|
-
${({inBuiltCss:e,type:t})=>
|
|
2391
|
+
${({inBuiltCss:e,type:t})=>W(e,t)}
|
|
2345
2392
|
// custom styles
|
|
2346
2393
|
${({customModalFooterStyle:e})=>e}
|
|
2347
|
-
`,
|
|
2394
|
+
`,il=s.div`
|
|
2348
2395
|
cursor: pointer;
|
|
2349
|
-
`;try{C.setAppElement("#root")}catch(e){C.setAppElement("#__next")}const
|
|
2396
|
+
`;try{C.setAppElement("#root")}catch(e){C.setAppElement("#__next")}const nl=({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,S({isOpen:e,onRequestClose:r?o:void 0,style:f,contentLabel:"Modal"},b),t.createElement(tl,{style:a},l,t.createElement(il,{onClick:o},t.createElement(J,{icon:"close-icon",size:18}))),t.createElement(rl,{contentWrapperStyle:g},t.createElement(ol,{inBuiltCss:B,style:c},i),t.createElement(ll,{inBuiltCss:B,style:s},n)))};nl.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},nl.defaultProps={modalIsOpen:!1,toggleModal:()=>{},closeOnOutsideClick:!1,headerContent:"",bodyContent:"",footerContent:"",customModalHeaderStyle:{},customModalBodyStyle:{},customModalFooterStyle:{},customMinWidth:"40vw",customWidth:"",customMaxWidth:"",contentStyle:{},contentWrapperStyle:{}};const al=s.div`
|
|
2350
2397
|
${({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
2398
|
}
|
|
2352
|
-
`,
|
|
2399
|
+
`,cl=({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(al,S({type:o?"simple-overlay":"overlay",theme:e,ref:u},m({className:"tooltip-container"}),{customStyles:a}),l))};cl.propTypes={theme:e.object,contentTrigger:e.any,contentOverlay:e.any,popperOptionsP:e.object,settingsP:e.object,customStyles:e.object,toggleSimple:e.bool},cl.defaultProps={theme:B,contentTrigger:t.createElement("div",null,"Trigger"),contentOverlay:t.createElement("div",null,"I am the Overlay")};const sl=s.div`
|
|
2353
2400
|
display: flex;
|
|
2354
|
-
align-items: center;
|
|
2355
2401
|
justify-content: center;
|
|
2356
|
-
|
|
2357
|
-
|
|
2358
|
-
${({customWrapperStyles:e})=>e}
|
|
2359
|
-
`,_r=s.span`
|
|
2402
|
+
${({customParentStyles:e})=>e}
|
|
2403
|
+
`,dl=s.span`
|
|
2360
2404
|
background-color: ${({selected:e,theme:t})=>e?t.variant["neutral-5"]:"transparent"};
|
|
2361
2405
|
color: ${({selected:e,theme:t})=>e?t.variant["primary-2"]:t.variant["neutral-3"]};
|
|
2362
2406
|
padding: 8px 14px;
|
|
@@ -2368,7 +2412,7 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2368
2412
|
font-size: 14px;
|
|
2369
2413
|
|
|
2370
2414
|
${({customItemStyles:e})=>e}
|
|
2371
|
-
`,
|
|
2415
|
+
`,pl=s.div`
|
|
2372
2416
|
display: flex;
|
|
2373
2417
|
justify-content: center;
|
|
2374
2418
|
align-items: center;
|
|
@@ -2385,13 +2429,33 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2385
2429
|
}
|
|
2386
2430
|
|
|
2387
2431
|
${({customIconWrapperStyles:e})=>e}
|
|
2388
|
-
`,
|
|
2432
|
+
`,ml=s.div`
|
|
2389
2433
|
padding: 0 15px;
|
|
2390
|
-
`,
|
|
2434
|
+
`,ul=s.div`
|
|
2435
|
+
display: flex;
|
|
2436
|
+
align-items: center;
|
|
2437
|
+
justify-content: center;
|
|
2438
|
+
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
2439
|
+
|
|
2440
|
+
${({customLeftWrapperStyles:e})=>e}
|
|
2441
|
+
`,gl=s.div`
|
|
2442
|
+
display: flex;
|
|
2443
|
+
margin: 0;
|
|
2444
|
+
align-items: center;
|
|
2445
|
+
margin: 0 8px;
|
|
2446
|
+
line-height: 14px;
|
|
2447
|
+
|
|
2448
|
+
${({customRightWrapperStyles:e})=>e}
|
|
2449
|
+
|
|
2450
|
+
span {
|
|
2451
|
+
margin: 0 10px;
|
|
2452
|
+
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
2453
|
+
}
|
|
2454
|
+
`,bl=({selectedPage:e,setSelectedPage:o,totalPage:r,customItemStyles:n,customLeftWrapperStyles:a,customIconWrapperStyles:c,previousText:s,nextText:p,pageToShow:m,totalResults:u,showResultPerPage:g,customParentStyles:b,customRightWrapperStyles:f,...h})=>{const y=d()||M,[x,A]=l([]);let v=m>r?r:m;i((()=>{A(Array.from({length:v},((e,t)=>t+1)))}),[r,m,v]);const C=t=>{let l=[];"increase"===t&&x[v-1]<=r&&e!==x[v-1]?o(e+1):"increase"===t&&x[v-1]<r?(l=Array.from({length:v},((e,t)=>t+x[0]+1)),o(e+1),A(l)):"decrease"===t&&x[0]<=e-1?o(e-1):"decrease"===t&&e>1&&(o(e-1),A(Array.from({length:v},((e,t)=>t+x[0]-1))))};return t.createElement(sl,{customParentStyles:b}," ",t.createElement(ul,S({theme:y,customLeftWrapperStyles:a},h),t.createElement(pl,S({onClick:()=>C("decrease"),disabled:1===e,theme:y,customIconWrapperStyles:c},h),t.createElement(J,{icon:"triangle-down",transform:"rotate(90deg)",color:y.variant["neutral-3"]}),t.createElement("span",{className:"prev-text"}," ",s)),t.createElement(ml,h,x.map(((r,l)=>t.createElement(dl,{key:l,theme:y,selected:e===r,onClick:()=>o(r),customItemStyles:n},r)))),t.createElement(pl,{onClick:()=>C("increase"),disabled:e===r,theme:y,customIconWrapperStyles:c},t.createElement("span",{className:"next-text"}," ",p),t.createElement(J,{icon:"triangle-down",transform:"rotate(-90deg)",color:y.variant["neutral-3"]}))),g&&t.createElement(gl,{theme:y,customRightWrapperStyles:f},t.createElement(bt,{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")," ",u," ",t.createElement("span",null,"RESULTS"))))};bl.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},bl.defaultProps={selectedPage:1,customItemStyles:{},customLeftWrapperStyles:{},customIconWrapperStyles:{},previousText:"PREVIOUS",nextText:"NEXT",pageToShow:5,totalResults:0,showResultPerPage:!1,customParentStyles:{},customRightWrapperStyles:{}};const fl=s.div`
|
|
2391
2455
|
display: flex;
|
|
2392
2456
|
align-items: center;
|
|
2393
2457
|
color: ${({theme:e})=>e.variant["neutral-2"]};
|
|
2394
|
-
`,
|
|
2458
|
+
`,hl=({...e})=>{const o=d()||M;return t.createElement(fl,{theme:o},e.children)},yl=s.div`
|
|
2395
2459
|
font-size: 14px;
|
|
2396
2460
|
color: ${({selected:e,theme:t})=>e?t.variant["primary-1"]:null};
|
|
2397
2461
|
|
|
@@ -2407,15 +2471,15 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2407
2471
|
&:not(:first-child):not(:last-child) {
|
|
2408
2472
|
margin: 0 22px;
|
|
2409
2473
|
}
|
|
2410
|
-
`;(
|
|
2474
|
+
`;(hl.PageItem=function({selected:e,...o}){const r=d()||M;return t.createElement(yl,S({selected:e,theme:r},o),o.children)}).propTypes={selected:e.bool},hl.PageItem.defaultProps={selected:!1};const xl=s.div`
|
|
2411
2475
|
height: 10px;
|
|
2412
2476
|
border-radius: 10px;
|
|
2413
2477
|
margin-top: 13px;
|
|
2414
2478
|
margin-left: 13px;
|
|
2415
2479
|
margin-right: 13px;
|
|
2416
2480
|
width: inherit;
|
|
2417
|
-
background-color: ${({color:e,theme:t})=>
|
|
2418
|
-
`,
|
|
2481
|
+
background-color: ${({color:e,theme:t})=>I(e||t.primary["primary-1"],.5)};
|
|
2482
|
+
`,Al=s.div`
|
|
2419
2483
|
height: inherit;
|
|
2420
2484
|
width: inherit;
|
|
2421
2485
|
transition: width 1s ease-in-out;
|
|
@@ -2426,12 +2490,12 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2426
2490
|
${({progressBarStyle:e})=>e}
|
|
2427
2491
|
width: ${({now:e})=>e+"%"};
|
|
2428
2492
|
background-color: ${({color:e,theme:t})=>e||t.primary["primary-1"]};
|
|
2429
|
-
`,
|
|
2493
|
+
`,vl=({labelStyle:e,progressBarStyle:o,label:r,now:l,color:i,...n})=>{const a=d()||M;return t.createElement("div",null,t.createElement(Ue,S({inBuiltCss:B,customStyles:e,type:"progressbarLabel",text:r},n)),t.createElement(xl,S({progressBarStyle:o,theme:a,color:i},n),t.createElement(Al,S({progressBarStyle:o,now:l,theme:a,color:i},n))))};vl.propTypes={labelStyle:e.object,progressBarStyle:e.object,color:e.string,label:e.string,now:e.number},vl.defaultProps={labelStyle:{},progressBarStyle:{},label:"",now:0};const Cl=s.div`
|
|
2430
2494
|
background: transparent;
|
|
2431
2495
|
display: flex;
|
|
2432
2496
|
align-items: center;
|
|
2433
2497
|
width: ${({block:e})=>e?"100%":"fit-content"};
|
|
2434
|
-
`,
|
|
2498
|
+
`,Sl=s.div`
|
|
2435
2499
|
margin: 0;
|
|
2436
2500
|
color: ${({theme:e,variantOff:t})=>e.variant[t]};
|
|
2437
2501
|
white-space: nowrap;
|
|
@@ -2449,16 +2513,16 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2449
2513
|
&>div:first-of-type{
|
|
2450
2514
|
color: ${({theme:e,variantOn:t})=>e.variant[t]};
|
|
2451
2515
|
}
|
|
2452
|
-
`,
|
|
2516
|
+
`,wl=s.div`
|
|
2453
2517
|
display: flex;
|
|
2454
2518
|
margin-left: 20px;
|
|
2455
|
-
`,
|
|
2519
|
+
`,El=s.div`
|
|
2456
2520
|
height: 6px;
|
|
2457
2521
|
width: ${({widthStep:e})=>e}px;
|
|
2458
2522
|
margin: 0 3px;
|
|
2459
2523
|
background-color: ${({theme:e,isActive:t,variantOn:o,variantOff:r})=>t?e.variant[o]:e.variant[r]};
|
|
2460
2524
|
border-radius: 19px;
|
|
2461
|
-
`,
|
|
2525
|
+
`,kl=({block:e,variantOn:o,variantOff:r,currentStep:l,totalSteps:i,widthStep:n,style:a,...c})=>(d(),t.createElement(Cl,S({block:e},c,{style:a}),t.createElement(Sl,S({},c,{variantOn:o,variantOff:r}),"Page ",t.createElement("div",null,l)," of ",t.createElement("div",null,i)),t.createElement(wl,c,Array.from(Array(i).keys()).map((e=>t.createElement(El,{key:"formSteps".concat(e),isActive:l===e+1,variantOn:o,variantOff:r,widthStep:n}))))));kl.propTypes={variantOn:e.string,variantOff:e.string,block:e.bool,theme:e.object,currentStep:e.number,totalSteps:e.number,widthStep:e.number},Cl.defaultProps={theme:M},Sl.defaultProps={theme:M},wl.defaultProps={theme:M},El.defaultProps={theme:M},kl.defaultProps={theme:M,variantOn:"primary-1",variantOff:"neutral-2",block:!1,currentStep:1,totalSteps:4,widthStep:43};const zl=s.button`
|
|
2462
2526
|
background: ${({disabled:e,theme:t,bgVariant:o})=>e?"#BBC4CF":t.variant[o]};
|
|
2463
2527
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2464
2528
|
padding: 6px 17px;
|
|
@@ -2485,7 +2549,7 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2485
2549
|
* {
|
|
2486
2550
|
outline: none;
|
|
2487
2551
|
}
|
|
2488
|
-
`,
|
|
2552
|
+
`,Vl=({block:e,style:o,variant:r,bgVariant:l,disabled:i,...n})=>(d(),t.createElement(zl,S({block:e,variant:r,bgVariant:l,type:"button",style:o,disabled:i},n),n.children));Vl.propTypes={variant:e.string,bgVariant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object},zl.defaultProps={theme:M},Vl.defaultProps={theme:M,variant:"primary-2",bgVariant:"neutral-4",block:!1,disabled:!1,onClick:void 0};const Ml=s.button`
|
|
2489
2553
|
background: ${({disabled:e,theme:t})=>e?"#BBC4CF":t.bgColor};
|
|
2490
2554
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2491
2555
|
padding: 6px 17px;
|
|
@@ -2508,7 +2572,7 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2508
2572
|
fill: #929EAC;
|
|
2509
2573
|
}
|
|
2510
2574
|
}
|
|
2511
|
-
`,
|
|
2575
|
+
`,Bl=({block:e,style:o,variant:r,borderVariant:l,disabled:i,...n})=>(d(),t.createElement(Ml,S({block:e,variant:r,borderVariant:l,type:"button",style:o,disabled:i},n),n.children));Bl.propTypes={variant:e.string,borderVariant:e.string,disabled:e.bool,block:e.bool,onClick:e.func,theme:e.object},Ml.defaultProps={theme:M},Bl.defaultProps={theme:M,variant:"primary-2",borderVariant:"neutral-3",block:!1,disabled:!1,onClick:void 0};const Wl=s.div`
|
|
2512
2576
|
min-height: 51px;
|
|
2513
2577
|
display: flex;
|
|
2514
2578
|
background-color: ${({theme:e})=>e.primary["primary-1"]};
|
|
@@ -2524,13 +2588,18 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2524
2588
|
}
|
|
2525
2589
|
|
|
2526
2590
|
${({headerStyles:e})=>e}
|
|
2527
|
-
`,
|
|
2591
|
+
`,Il=s.div`
|
|
2528
2592
|
display: flex;
|
|
2529
2593
|
background-color: transparent;
|
|
2530
2594
|
flex-direction: column;
|
|
2531
2595
|
align-items: center;
|
|
2532
2596
|
width: 100%;
|
|
2533
|
-
|
|
2597
|
+
|
|
2598
|
+
@media (max-width: 428px) {
|
|
2599
|
+
display: ${({toggleSideBarOpen:e})=>e?"block":"none"} ;
|
|
2600
|
+
}
|
|
2601
|
+
|
|
2602
|
+
`,Rl=s.div`
|
|
2534
2603
|
display: flex;
|
|
2535
2604
|
align-items: center;
|
|
2536
2605
|
cursor: pointer;
|
|
@@ -2552,14 +2621,19 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2552
2621
|
p {
|
|
2553
2622
|
margin: 8.25px 0px;
|
|
2554
2623
|
}
|
|
2555
|
-
`,
|
|
2624
|
+
`,Ll=s.div`
|
|
2556
2625
|
display: flex;
|
|
2557
2626
|
background-color: transparent;
|
|
2558
2627
|
flex-direction: column;
|
|
2559
2628
|
align-items: center;
|
|
2560
2629
|
width: 100%;
|
|
2561
2630
|
margin-top: auto;
|
|
2562
|
-
|
|
2631
|
+
|
|
2632
|
+
@media (max-width: 428px) {
|
|
2633
|
+
display: ${({toggleSideBarOpen:e})=>e?"block":"none"} ;
|
|
2634
|
+
|
|
2635
|
+
}
|
|
2636
|
+
`,Pl=s.div`
|
|
2563
2637
|
display: flex;
|
|
2564
2638
|
align-items: center;
|
|
2565
2639
|
cursor: pointer;
|
|
@@ -2581,54 +2655,54 @@ ${({theme:e,type:t,customStyles:o})=>{if(e){let r={};if(e[t]){for(const t in e.c
|
|
|
2581
2655
|
p {
|
|
2582
2656
|
margin: 8.25px 31px;
|
|
2583
2657
|
}
|
|
2584
|
-
`,
|
|
2658
|
+
`,Tl=({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),[S,w]=l(null),[E,k]=l(!1);return t.createElement("div",{onMouseEnter:()=>k(!0),onMouseLeave:()=>{C(null),w(null),k(!1)},style:{display:"flex",flexDirection:"column",height:"98vh"}},t.createElement(Wl,{theme:A,headerStyles:c},e),t.createElement(Il,{toggleSideBarOpen:a},o?.map(((e,o)=>t.createElement(Q,{key:e.pageId,index:o,handleClick:e=>{!function(e){w(null),C(e)}(e)},isAccordionOpen:o===v||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(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:{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(Rl,{listElementStyle:u,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(Ll,{toggleSideBarOpen:a},t.createElement(K,{index:0,handleClick:e=>{!function(e){C(null),w(e)}(e)},isAccordionOpen:0===S,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(Pl,{listElementStyle:u,key:o},e?.value))))})))},ql=s.div`
|
|
2585
2659
|
background-color: ${({theme:e})=>e.variant["primary-1"]} !important;
|
|
2586
2660
|
color: ${({theme:e})=>e.bgColor};
|
|
2587
2661
|
overflow-y: auto;
|
|
2588
|
-
${({inBuiltCss:e,type:t})=>
|
|
2662
|
+
${({inBuiltCss:e,type:t})=>W(e,"sidebar-container")}
|
|
2589
2663
|
${({customStylesContainer:e})=>e}
|
|
2590
2664
|
|
|
2591
|
-
${({isOpen:e,forceOpen:t,inBuiltCss:o,type:r,customStylesContainerOpen:l,customStylesContainerClose:i})=>e||t?{...
|
|
2665
|
+
${({isOpen:e,forceOpen:t,inBuiltCss:o,type:r,customStylesContainerOpen:l,customStylesContainerClose:i})=>e||t?{...W(o,"sidebar-container-open"),...l}:{...W(o,"sidebar-container-close"),...i}}
|
|
2592
2666
|
|
|
2593
2667
|
@media (max-width: 980px) {
|
|
2594
2668
|
${({isOpen:e,inBuiltCss:t,type:o,customStylesContainerMobileOpen:r,customStylesContainerMobileClose:l})=>{}}
|
|
2595
2669
|
}
|
|
2596
|
-
`,
|
|
2597
|
-
${({inBuiltCss:e,type:t})=>
|
|
2670
|
+
`,Hl=s.div`
|
|
2671
|
+
${({inBuiltCss:e,type:t})=>W(e,"sidebar-pusher")}
|
|
2598
2672
|
${({customStylesPusher:e})=>e}
|
|
2599
2673
|
|
|
2600
|
-
${({forceOpen:e,inBuiltCss:t,type:o,customStylesPusherOpen:r,customStylesPusherClose:l})=>e?{...
|
|
2674
|
+
${({forceOpen:e,inBuiltCss:t,type:o,customStylesPusherOpen:r,customStylesPusherClose:l})=>e?{...W(t,"sidebar-pusher-open"),...r}:{...W(t,"sidebar-pusher-close"),...l}}
|
|
2601
2675
|
|
|
2602
2676
|
@media (max-width: 980px) {
|
|
2603
|
-
${({inBuiltCss:e,type:t,customStylesPusherMobile:o})=>({...
|
|
2677
|
+
${({inBuiltCss:e,type:t,customStylesPusherMobile:o})=>({...W(e,"sidebar-pusher-mobile"),...o})}}
|
|
2604
2678
|
}
|
|
2605
|
-
`,
|
|
2679
|
+
`,jl=({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(ql,S({theme:y,inBuiltCss:B,customStyles:e,type:"sidebarContainer",onMouseEnter:()=>{p||h(!0)},onMouseLeave:()=>{h(!1),m()},forceOpen:p,isOpen:g},f),t.createElement(Hl,null),f.children,b)};jl.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},jl.defaultProps={forceClose:()=>{},forceOpen:!1};const Fl={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},Ol=s.div`
|
|
2606
2680
|
background: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2607
2681
|
color: ${({theme:e})=>e.bgColor};
|
|
2608
|
-
padding: ${({size:e})=>
|
|
2682
|
+
padding: ${({size:e})=>Fl[e].padding};
|
|
2609
2683
|
border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
|
|
2610
2684
|
border-radius: 42px;
|
|
2611
|
-
font-size: ${({size:e})=>
|
|
2685
|
+
font-size: ${({size:e})=>Fl[e].fontSize};
|
|
2612
2686
|
font-weight: 600;
|
|
2613
2687
|
display: flex;
|
|
2614
2688
|
align-items: center;
|
|
2615
2689
|
width: ${({block:e})=>e?"auto":"fit-content"};
|
|
2616
2690
|
box-sizing: border-box;
|
|
2617
2691
|
|
|
2618
|
-
`,
|
|
2692
|
+
`,Zl=({block:e,style:o,variant:r,...l})=>(d(),t.createElement(Ol,S({block:e,variant:r,style:o},l),l.children));Zl.propTypes={variant:e.string,block:e.bool,theme:e.object},Ol.defaultProps={theme:M},Zl.defaultProps={theme:M,variant:"primary-1",block:!1};const Gl={sm:{fontSize:"14px",padding:"11px 36px"},md:{fontSize:"16px",padding:"10px 24px"},lg:{fontSize:"22px",padding:"6px 29px"}},Xl=s.div`
|
|
2619
2693
|
color: ${({theme:e,variant:t})=>e.variant[t]};
|
|
2620
2694
|
background: ${({theme:e})=>e.bgColor};
|
|
2621
|
-
padding: ${({size:e})=>
|
|
2695
|
+
padding: ${({size:e})=>Gl[e].padding};
|
|
2622
2696
|
border: 1px solid ${({theme:e,variant:t})=>e.variant[t]};
|
|
2623
2697
|
border-radius: 42px;
|
|
2624
|
-
font-size: ${({size:e})=>
|
|
2698
|
+
font-size: ${({size:e})=>Gl[e].fontSize};
|
|
2625
2699
|
font-weight: 600;
|
|
2626
2700
|
display: flex;
|
|
2627
2701
|
align-items: center;
|
|
2628
2702
|
width: ${({block:e})=>e?"auto":"fit-content"};
|
|
2629
2703
|
box-sizing: border-box;
|
|
2630
2704
|
|
|
2631
|
-
`,
|
|
2705
|
+
`,Jl=({block:e,style:o,variant:r,...l})=>(d(),t.createElement(Xl,S({block:e,variant:r,style:o},l),l.children));Jl.propTypes={variant:e.string,block:e.bool,theme:e.object},Xl.defaultProps={theme:M},Jl.defaultProps={theme:M,variant:"primary-1",block:!1};const Ul={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},Dl=s.div`
|
|
2632
2706
|
background: ${({theme:e,variant:t,bgColor:o})=>o||e.variant[t]};
|
|
2633
2707
|
color: ${({theme:e,textColor:t})=>t||e.bgColor};
|
|
2634
2708
|
border-radius: 13.5px;
|
|
@@ -2636,11 +2710,11 @@ font-size: 14px;
|
|
|
2636
2710
|
display: flex;
|
|
2637
2711
|
align-items: center;
|
|
2638
2712
|
justify-content: center;
|
|
2639
|
-
width: ${({block:e,size:t})=>e?"auto":
|
|
2713
|
+
width: ${({block:e,size:t})=>e?"auto":Ul[t].width};
|
|
2640
2714
|
height: 28px;
|
|
2641
2715
|
box-sizing: border-box;
|
|
2642
2716
|
overflow: hidden;
|
|
2643
|
-
`,
|
|
2717
|
+
`,Ql=({block:e,style:o,variant:r,textColor:l,bgColor:i,...n})=>(d(),t.createElement(Dl,S({block:e,variant:r,textColor:l,bgColor:i,style:o},n),n.children));Ql.propTypes={variant:e.string,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,theme:e.object,textColor:e.string,bgColor:e.string},Dl.defaultProps={theme:M},Ql.defaultProps={theme:M,variant:"primary-1",block:!1,size:"sm"};const Kl={xsm:{width:"88px"},sm:{width:"93px"},md:{width:"111px"},lg:{width:"129px"}},Nl=s.div`
|
|
2644
2718
|
background: ${({theme:e})=>e.bgColor};
|
|
2645
2719
|
color: ${({theme:e,variant:t,textColor:o})=>o||e.variant[t]};
|
|
2646
2720
|
border: 1px solid ${({theme:e,variant:t,borderColor:o})=>o||e.variant[t]};
|
|
@@ -2649,13 +2723,13 @@ font-size: 14px;
|
|
|
2649
2723
|
display: flex;
|
|
2650
2724
|
align-items: center;
|
|
2651
2725
|
justify-content: center;
|
|
2652
|
-
width: ${({block:e,size:t})=>e?"auto":
|
|
2726
|
+
width: ${({block:e,size:t})=>e?"auto":Kl[t].width};
|
|
2653
2727
|
height: 27px;
|
|
2654
2728
|
box-sizing: border-box;
|
|
2655
2729
|
overflow: hidden;
|
|
2656
|
-
`,
|
|
2730
|
+
`,Yl=({block:e,style:o,variant:r,textColor:l,borderColor:i,...n})=>(d(),t.createElement(Nl,S({block:e,variant:r,textColor:l,borderColor:i,style:o},n),n.children));Yl.propTypes={variant:e.string,size:e.oneOf(["xsm","sm","md","lg"]),block:e.bool,theme:e.object,textColor:e.string,borderColor:e.string},Nl.defaultProps={theme:M},Yl.defaultProps={theme:M,variant:"primary-1",block:!1,size:"sm"};const $l={xs:{fontSize:"12px",lineHeight:"120%"},sm:{fontSize:"14px",lineHeight:"120%"},md:{fontSize:"16px",lineHeight:"140%"},lg:{fontSize:"18px",lineHeight:"120%"}},_l=s.div`
|
|
2657
2731
|
color: ${({theme:e,text:t})=>t?e.variant[t]:e.textColor};
|
|
2658
2732
|
// background: ${({theme:e,bg:t})=>t?e.variant[t]:e.bgColor};
|
|
2659
|
-
font-size: ${({size:e})
|
|
2660
|
-
line-height: ${({size:e})
|
|
2661
|
-
`,
|
|
2733
|
+
font-size: ${({size:e})=>$l[e].fontSize};
|
|
2734
|
+
line-height: ${({size:e})=>$l[e].lineHeight};
|
|
2735
|
+
`,ei=({size:e,children:o,bg:r,text:l,...i})=>{const n=d()||M;return t.createElement(_l,S({theme:n,bg:r,text:l,size:e},i),t.createElement(Br,{theme:n}),o)};ei.propTypes={size:e.oneOf(["xs","sm","md","lg"]),text:e.string,bg:e.string,children:e.any,theme:e.object},ei.defaultProps={size:"md"};export{D as Accordion,Q as AccordionSB,K as AccordionSBfooter,Jo as ActionContainer,Qo as ActionItem,_ as ArrowBar,ie as Avatar,se as AvatarSB,ue as AvatarSBfooter,fe as Banner,Xe as Breadcrumb,qr as ButtonPopup,L as Card,T as CardRef,$e as CheckBoxInput,tt as ColorInput,Lo as Comment,To as Content,Vl as DarkSecondaryLink,dt as DateSelect,or as Divider,O as DocumentCard,lr as Drawer,bt as DropdownSelect,Et as DropzoneInput,ir as ErrorBoundary,cr as FilterChip,dr as Footer,br as FooterContent,Vr as FormComponent,Ko as FormContainer,er as FormWrapper,Rr as GroupAvatars,Or as GroupButtons,Jr as GroupButtonsPopup,Yr as GroupStatusCircle,hr as Header,zr as HeaderComponent,el as HyperLink,J as Icon,te as Image,Bt as ImageUploader,Ue as Label,Bl as LightSecondaryLink,Ce as LinkButton,xe as Loader,nl as ModalComp,$o as MultiColumnDiv,Yo as MultiColumnWrapper,Tl as Navbar,Tt as NumericInput,cl as Overlay,Uo as OverlayOptionContainer,Do as OverlayOptionItemLabel,qo as PageContent,bl as Pagination,hl as PaginationDefault,Ot as PasswordInput,ke as PrimaryButton,Zl as PrimaryStatusChip,vl as ProgressBar,kl as ProgressSteps,Dt as RadioInput,wr as Rating,_t as SearchInput,Me as SecondaryButton,Jl as SecondaryStatusChip,jl as Sidebar,no as SignatureInput,Ql as SlimPrimaryStatusChip,Yl as SlimSecondaryStatusChip,Dr as StatusCircle,Fo as StyledCentralBar,jo as StyledClearSearch,Zo as StyledCreateRow,Go as StyledRow,Ho as StyledRowSearch,Xo as StyledSearchRow,Oo as StyledWarning,No as SubmitButtonContainer,Mr as SubmitComponent,kr as Table,mo as TextArea,$t as TextInput,Ao as TimeInput,We as TinyButton,Eo as ToggleSwitch,je as Tooltip,ei as Typography,B as defaultStyles,M as defaultThemeColor,W as getDefaultStyles,V as graphColor,I as hexToRGB,k as neutralColor,w as primaryColor,z as shadeColor,E as uiColor};
|