@moderntribe/wme
Version:
Components and hooks to build the best UX/UI admin wizards
1 lines • 63 kB
JavaScript
import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{Button as n,ToggleButtonGroup as o,ButtonGroup as a,MenuItem as i,Paper as l,MenuList as c,Popper as u,Grow as s,ClickAwayListener as d,CardContent as p,createTheme as m,Box as h,Typography as f,CardActionArea as g,styled as v,FormHelperText as y,FormControlLabel as b,Link as C,Chip as x,LinearProgress as W,Tooltip as S,ToggleButton as k,alpha as w,CardMedia as N,DialogContent as I,Dialog as F,Stepper as R,StepButton as T,Step as P,Checkbox as M,Select as B,useTheme as E,OutlinedInput as O,InputBase as A,InputAdornment as L,IconButton as j,InputLabel as z,Switch as D}from"@mui/material";import{styled as H,createTheme as V,ThemeProvider as U}from"@mui/material/styles";import*as G from"react";import _,{useRef as $,useState as q,forwardRef as Y,useEffect as J,useContext as K,createContext as X,useCallback as Q,useMemo as Z,createElement as ee,useLayoutEffect as te}from"react";import re from"@mui/icons-material/ArrowDropDown";import ne from"@mui/material/Card";import oe from"@mui/material/CardHeader";import{ChevronRight as ae,ArrowBack as ie,Logout as le}from"@mui/icons-material";import ce from"@mui/material/List";import{useFormControlUnstyledContext as ue}from"@mui/base/FormControlUnstyled";import{visuallyHidden as se}from"@mui/utils";import de from"@mui/icons-material/Check";import{LoadingButton as pe}from"@mui/lab";import{useFormControlUnstyledContext as me,FormControlUnstyled as he}from"@mui/base";import fe from"@mui/icons-material/Add";import ge from"@mui/icons-material/Delete";import ve from"@mui/icons-material/FileCopy";import ye from"@mui/base/ButtonUnstyled";import be from"@mui/material/styles/styled";import Ce from"@mui/icons-material/Visibility";import xe from"@mui/icons-material/VisibilityOff";import We from"@mui/material/RadioGroup";var Se=function(){return Se=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},Se.apply(this,arguments)};function ke(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}var we=H(n,{name:"WmeButton",slot:"Root"})((function(e){var t=e.theme;return{textTransform:"none",padding:"6px 12px",boxShadow:"none","&:hover":{boxShadow:"none"},"&.MuiButton-contained&.Mui-disabled":{backgroundColor:t.palette.text.placeholder,color:t.palette.text.white},"&.MuiButton-text":{color:t.palette.text.primary,"&:focus, &:hover":{backgroundColor:t.palette.background.hover}},"&.MuiButton-text&.Mui-disabled":{backgroundColor:"transparent",color:t.palette.text.placeholder},"&.MuiButton-outlined&.Mui-disabled":{backgroundColor:"transparent",color:t.palette.text.placeholder},"&.MuiButton-outlinedPrimary":{"&:focus, &:hover":{backgroundColor:t.palette.primary.main,color:t.palette.text.white}}}})),Ne=function(t){return e(we,Se({className:"WmeButton-root"},t))},Ie=H(o,{shouldForwardProp:function(e){return"numOfButtons"!==e},name:"WmeToggleButtonGroup",slot:"Root"})((function(e){var t=e.theme;return{".MuiToggleButton-root":{border:"1px solid ".concat(t.palette.text.primary),color:t.palette.text.primary,textTransform:"none",padding:"6px 12px","&.Mui-selected":{backgroundColor:t.palette.primary.main,color:t.palette.text.white,"&:hover, &:focus":{backgroundColor:t.palette.primary.main,color:t.palette.text.white}}}}})),Fe=function(t){var r=t.children,n=t.ariaLabel,o=ke(t,["children","ariaLabel"]);return e(Ie,Se({exclusive:!0,"aria-label":n,className:"WmeToggleButtonGroup-root"},o,{children:r}))},Re=H(a,{name:"WmeButtonGroup",slot:"Root"})((function(e){return{"& .MuiButtonGroup-grouped":{"&:not(:last-of-type)":{borderColor:e.theme.palette.text.white}}}})),Te=H(i,{name:"WmeMenuItem",slot:"Root"})((function(e){var t=e.theme;return{"&.Mui-selected":{backgroundColor:t.palette.primary.main,color:t.palette.text.white,"&:hover, &:focus":{backgroundColor:t.palette.primary.main,color:t.palette.text.white}},"&:hover":{backgroundColor:t.palette.background.hover}}})),Pe=H(l,{name:"WmePaper",slot:"Root"})((function(){return{borderRadius:0,boxShadow:"0px 0px 32px 0px #0000001A;"}})),Me=H(c,{name:"WmeMenuList",slot:"Root"})((function(){return{paddingTop:0,paddingBottom:0}})),Be=function(n){var o=$(null),a=q(!1),i=a[0],l=a[1],c=n.options,p=n.handleClick,m=n.ariaLabelGroup,h=n.selectedIndex,f=n.handleIndexChange,g=ke(n,["options","handleClick","ariaLabelGroup","selectedIndex","handleIndexChange"]),v=function(e){o.current&&o.current.contains(e.target)||l(!1)};return t(r,{children:[t(Re,Se({variant:"contained",ref:o,"aria-label":m,className:"WmeButtonGroup-root"},g,{children:[e(Ne,Se({onClick:p},{children:c[h]})),e(Ne,Se({onClick:function(){l((function(e){return!e}))},"aria-controls":i?"split-button-menu":void 0,"aria-expanded":i?"true":void 0,"aria-label":c[h],"aria-haspopup":"menu"},{children:e(re,{})}))]})),e(u,Se({open:i,anchorEl:o.current,role:void 0,transition:!0,disablePortal:!0,placement:"bottom-start"},{children:function(t){var r=t.TransitionProps;return e(s,Se({},r,{children:e(Pe,Se({className:"WmePaper-root"},{children:e(d,Se({onClickAway:v},{children:e(Me,Se({className:"WmeMenuList-root",id:"split-button-menu",autoFocusItem:!0},{children:c.map((function(t,r){return e(Te,Se({selected:r===h,className:"WmeMenuItem-root",onClick:function(e){return function(e,t){f(t),l(!1)}(0,r)}},{children:t}),t)}))}))}))}))}))}}))]})},Ee=H(ne,{name:"WmeSetupCard",slot:"Root"})((function(e){var t=e.theme;return{marginTop:t.spacing(4),marginRight:"auto",marginBottom:t.spacing(4),marginLeft:"auto",maxWidth:t.spacing(100),boxShadow:"0 0 32px rgba(0, 0, 0, 0.1)","& .MuiCardContent-root":{marginTop:t.spacing(4),paddingTop:0,paddingRight:t.spacing(4),paddingBottom:t.spacing(4),paddingLeft:t.spacing(4)}}}));function Oe(t){return e(Ee,Se({className:"WmeSetupCard-root"},t))}var Ae=H(oe)((function(e){var t=e.theme;return{paddingTop:t.spacing(4),paddingRight:t.spacing(4),paddingBottom:0,paddingLeft:t.spacing(4),"& .MuiCardHeader-title":{marginBottom:t.spacing(1)}}}));function Le(t){return e(Ae,Se({className:"WmeSetupCardHeader-root"},t))}Ae.defaultProps={titleTypographyProps:{variant:"h3"},subheaderTypographyProps:{variant:"body2"}};var je=H(p,{name:"WmeSetupCardContent",slot:"Root",overridesResolver:function(e,t){return[t.root]}})({}),ze=function(t){var r=t.children,n=ke(t,["children"]);return e(je,Se({className:"WmeSetupCardContent-root"},n,{children:r}))},De=m().typography.pxToRem,He=function(e){var t=e.condition,r=e.wrapper,n=e.children;return t?r(n):n},Ve=function(e){return"string"!=typeof e?"":e.charAt(0).toUpperCase()+e.slice(1)},Ue=H(h,{name:"WmeTask",slot:"Root"})((function(e){var t,r=e.variant,n=e.theme;return Se(Se({display:"flex",justifyContent:"flex-start",alignItems:"center",marginTop:n.spacing(3),marginBottom:n.spacing(3),"&:first-of-type":{marginTop:0},"&:last-of-type":{marginBottom:0},"& .MuiAvatar-root":{position:"relative",zIndex:1,marginRight:n.spacing(2),width:64,height:64,backgroundColor:n.palette.grey[100],transition:null===(t=null==n?void 0:n.transitions)||void 0===t?void 0:t.create(["background-color"],{duration:n.transitions.duration.standard})}},"action"===r&&{"& .MuiButtonGroup-root, & .WmeButtonGroupRoot, & .MuiButton-root, & .WmeButtonRoot":{marginLeft:"auto",flex:"0 0 auto","&:hover":{color:n.palette.common.white}}}),"task"===r&&{marginTop:n.spacing(2.5),marginBottom:n.spacing(-1.5),marginRight:n.spacing(-1.5),marginLeft:n.spacing(-1.5),"& > button, & > a":{display:"flex",padding:n.spacing(1.5),justifyContent:"flex-start",alignItems:"center",borderRadius:n.shape.borderRadius},"& > button:hover .MuiAvatar-root, & > a:hover .MuiAvatar-root":{backgroundColor:n.palette.common.white},"& > a:focus":{outline:"none"}})})),Ge=H(h,{name:"WmeTaskCta",slot:"Root"})((function(e){return{display:"flex",alignItems:"center",marginLeft:"auto",flex:"0 0 auto",color:e.theme.palette.text.primary}})),_e=H(f,{name:"WmeTaskCta",slot:"Action"})((function(){return{fontWeight:600,letterSpacing:"-0.25px",lineHeight:De(26),opacity:0,transform:"translateX(-10px)",transition:"all 0.3s ease-in-out",".MuiButtonBase-root:hover &, .Mui-focusVisible &":{opacity:1,transform:"translateX(0)"}}})),$e=H(g)((function(e){return{"&.Mui-focusVisible":{boxShadow:"none",outline:"none"},"& .MuiCardActionArea-focusHighlight":{backgroundColor:e.theme.palette.grey[600]}}})),qe=function(r){var n=r.taskCta;return t(Ge,Se({className:"WmeTaskCta-root"},{children:[e(_e,Se({className:"WmeTaskCta-action",variant:"body2"},{children:n})),e(ae,{})]}))},Ye=function(r){var n=r.href,o=void 0===n?"":n,a=r.title,i=r.intro,l=r.button,c=r.avatar,u=r.variant,s=r.taskCta,d=r.onClick,p=r.children,m=r.disabled,g=void 0!==m&&m,v=G.isValidElement(l)&&"action"===u?"action":"task",y=l&&g?G.cloneElement(l,{disabled:!0}):l,b=(y||{}).props;return y=(y=y&&"object"==typeof b&&!("onClick"in b)?G.cloneElement(y,{onClick:d}):y)&&o.length&&"object"==typeof b&&!("href"in b)?G.cloneElement(y,{href:o}):y,e(Ue,Se({className:"WmeTask-root",variant:v},{children:t(He,Se({condition:"task"===v,wrapper:function(t){return e($e,Se({className:"WmeTaskActionArea-root",onClick:d,disabled:g,href:o},{children:t}))}},{children:[c,t(h,Se({sx:{mr:2}},{children:[a&&e(f,Se({component:"h3",variant:"taskTitle",mb:1},{children:a})),i&&e(f,Se({variant:"body2"},{children:i})),p]})),"action"===v?y:e(qe,{taskCta:s})]}))}))},Je=v(n,{name:"WmeSetupCardTaskCta",slot:"root"})((function(e){var t=e.theme;return{textAlign:"center",paddingTop:t.spacing(1.5),paddingBottom:t.spacing(1.5),paddingLeft:t.spacing(2),paddingRight:t.spacing(2),borderRadius:t.shape.borderRadius,borderStyle:"dashed"}})),Ke=function(t){return e(Je,Se({className:"WmeSetupCardTaskCta-root"},t,{fullWidth:!0,variant:"outlined"}))},Xe=v(f,{name:"WmeCardInfoRow",slot:"Primary"})((function(e){return e.theme,{}})),Qe=v(f,{name:"WmeCardInfoRow",slot:"Secondary"})((function(){return{marginLeft:"auto"}})),Ze=v(h,{name:"WmeSetupCardInfoRow",slot:"root",shouldForwardProp:function(e){return"hasIcon"!==e}})((function(e){var t=e.theme,r=e.hasIcon;return Se({display:"flex",alignItems:"center",marginTop:t.spacing(4),paddingTop:t.spacing(1.5),paddingBottom:t.spacing(1.5),paddingLeft:t.spacing(2),paddingRight:t.spacing(2),backgroundColor:t.palette.action.hover,borderRadius:t.shape.borderRadius},r&&{"& .MuiSvgIcon-root":{marginRight:t.spacing(1),fontSize:"1rem"}})})),et=function(r){r.className;var n=r.children,o=r.icon,a=r.primary,i=r.secondary,l=ke(r,["className","children","icon","primary","secondary"]),c=null!=a?a:n,u=i;return null!=c&&c.type!==f&&(c=e(Xe,Se({variant:"body2"},{children:c}))),null!=u&&(null==u?void 0:u.type)!==f&&(u=e(Qe,Se({variant:"body2"},{children:u}))),t(Ze,Se({className:"WmeSetupCardInfoRow-root",hasIcon:!!o},l,{children:[o,c,u]}))},tt=H(h,{name:"WmeSetupCardFooter",slot:"Root",overridesResolver:function(e,t){return[t.root]}})((function(e){var t=e.theme;return{borderTop:"1px dashed ".concat(t.palette.border.ui),paddingTop:t.spacing(3),paddingRight:t.spacing(4),paddingLeft:t.spacing(4),paddingBottom:t.spacing(3),fontSize:t.typography.pxToRem(14),"& .MuiAccordion-root":{boxShadow:"none"},"& .MuiAccordionSummary-root":{padding:0,minHeight:0,"&.Mui-expanded":{minHeight:0},"& .MuiAccordionSummary-content":{margin:0}},"& .MuiAccordionDetails-root":{paddingTop:t.spacing(3),paddingRight:0,paddingLeft:0}}})),rt=function(t){var r=t.children;return e(tt,Se({className:"WmeSetupCardFooter-root"},{children:r}))},nt=H(ce,{name:"WmeSetupCardList",slot:"Root"})((function(){return{"& .MuiListItem-root":{padding:0}}}));function ot(t){return nt.displayName,e(nt,Se({className:"WmeSetupCardList-root",dense:!0,disablePadding:!0},t))}var at=H(i,{name:"WmeMenuItem",slot:"Root"})((function(e){var t=e.theme;return{height:t.globalStyles.menuListItemHeight,"& .WmeMenuItem-icon":{marginLeft:"auto","& .MuiSvgIcon-root":{fill:t.palette.primary.main}},"&.Mui-selected":{backgroundColor:t.palette.background.hover,"&:hover":{backgroundColor:t.palette.background.hover}}}})),it=function(r){var n=r.children,o=r.icon;return at.displayName,t(at,Se({className:"WmeMenuItem-root"},r,{children:[n,o&&e("span",Se({className:"WmeMenuItem-icon"},{children:o}))]}))},lt=H(f,{name:"WmeInputTitle",slot:"Root"})((function(e){return{fontWeight:"600",fontSize:14,marginBottom:5,color:e.theme.palette.text.primary,textAlign:"left"}})),ct=function(t){var r=t.children;return lt.displayName,e(lt,Se({className:"WmeInputTitle-root"},{children:r}))},ut=H(y,{name:"WmeFormHelperText",slot:"Root"})({fontSize:10,marginLeft:0}),st=function(t){var r=t.children;return ut.displayName,e(ut,Se({className:"WmeFormHelperText-root"},t,{children:r}))},dt=H(b,{name:"WmeFormControlLabel",slot:"Root"})((function(){return{"& .MuiTypography-root":{fontSize:14,textAlign:"left"}}})),pt=function(t){var r=t.children,n=ke(t,["children"]);return dt.displayName,e(dt,Se({className:"WmeFormControlLabel-root"},n,{children:r}))},mt=H("div",{name:"WmeSetupCardListItem",slot:"WmeIconWrapper"})((function(e){return{display:"flex",minWidth:e.theme.spacing(3.5),"& svg":{fontSize:"1.5em"}}})),ht=H("div",{name:"WmeSetupCardListItem",slot:"WmeTextWrapper"})((function(e){var t=e.theme;return{marginTop:t.spacing(.5),marginBottom:t.spacing(.5)}})),ft=H("li",{name:"WmeSetupCardListItem",slot:"Root",shouldForwardProp:function(e){return"linkProps"!==e&&"icon"!==e&&"title"!==e&&"href"!==e}})((function(e){var t=e.theme;return{"& .MuiLink-root":{display:"flex",alignItems:"center",color:t.palette.text.primary,'&[href]:not([href=""]):hover':{color:t.palette.text.link}}}}));function gt(r){var n=r.icon,o=void 0!==n&&n,a=r.title,i=r.href,l=r.target,c=void 0===l?"_self":l,u=r.linkProps;return e(ft,Se({},r,{children:t(C,Se({href:i,target:c,variant:"body1",underline:"none",className:"WmeSetupCardListItem-root"},void 0===u?{}:u,{children:[o&&e(mt,Se({className:"WmeSetupCardListItem-wmeIconWrapper"},{children:o})),e(ht,Se({className:"WmeSetupCardListItem-wmeTextWrapper"},{children:a}))]}))}))}var vt=H(x)((function(e){var t=e.color,r=e.size,n=e.theme;return Se(Se({flexDirection:"row-reverse",backgroundColor:n.palette.info.light,color:n.palette.info.dark,"& .MuiChip-icon":{marginRight:n.spacing(.5),marginLeft:n.spacing(-.5)}},"small"===r&&{"& .MuiChip-icon":{marginRight:n.spacing(.25),marginLeft:n.spacing(-.25)}}),"success"===t&&{backgroundColor:n.palette.success.light,color:n.palette.success.dark})}));function yt(t){return e(vt,Se({className:"WmeChip-root"},t))}var bt=H("div",{name:"WmeProgressBar",slot:"Root"})((function(){return{display:"flex",flexWrap:"wrap",alignItems:"center"}})),Ct=H(W,{name:"WmeProgressBar",slot:"Progress",shouldForwardProp:function(e){return"statusMessage"!==e}})((function(){return{flexGrow:1}})),xt=H(f,{name:"WmeProgressBar",slot:"Percentage"})((function(e){var t=e.theme;return{minWidth:t.spacing(3),marginLeft:t.spacing(1),textAlign:"right"}})),Wt=H(f,{name:"WmeProgressBar",slot:"Status"})((function(e){return{flex:"0 0 100%",color:e.theme.palette.text.secondary}}));function St(r){var n=r.value,o=r.statusMessage,a=void 0!==n?Math.round(n):0;return t(bt,Se({className:"WmeProgressBar-root"},{children:[e(Ct,Se({"aria-label":"progress bar",variant:"determinate",className:"WmeProgressBar-progress"},r)),e(xt,Se({variant:"caption",className:"WmeProgressBar-percentage"},{children:"".concat(a,"%")})),o&&e(Wt,Se({className:"WmeProgressBar-status",variant:"caption"},{children:o}))]}))}var kt=H(S,{name:"WmeTooltip",slot:"Root"})((function(){return{padding:"2px 4px"}})),wt=function(t){var r=t.children,n=ke(t,["children"]);return e(kt,Se({className:"WmeTooltip-root",arrow:!0},n,{children:r}))},Nt=v(h,{name:"WmeFileUpload",slot:"Root"})({}),It=v(h,{name:"WmeFileUploadBody",slot:"Root"})((function(e){var t=e.error,r=e.theme;return{alignItems:"center",border:t?"1px dashed ".concat(r.palette.error.main):"1px dashed #C4C4C4",borderRadius:4,display:"flex",flexDirection:"column",justifyContent:"center",minHeight:106,"& .MuiInputBase-input":se}})),Ft=function(r){var n=r.action;r.actionProps;var o=r.alert,a=r.error,i=r.header,l=r.headerProps,c=r.uploaded,u=r.preview,s=r.previewProps,d=r.removeProps,p=r.select,m=r.selectProps,h=r.showActions,f=ke(r,["action","actionProps","alert","error","header","headerProps","uploaded","preview","previewProps","removeProps","select","selectProps","showActions"]),g=ue();n||(n=e(dn,Se({},d))),i||(i=e(gn,Se({showButton:c},l))),u||(u=e(mn,Se({},s))),p||(p=e(un,Se({},m)));var v=h?n:u;return t(Nt,Se({className:"WmeFileUpload-root"},f,{children:[i,t(It,Se({error:a||(null==g?void 0:g.error)},{children:[o,a||!c?p:v]}))]}))},Rt=H(f,{name:"WmeErrorText",slot:"Root"})((function(e){return{color:e.theme.palette.error.main,fontSize:10,marginTop:8}})),Tt=function(t){var r=t.children;return Rt.displayName,e(Rt,Se({className:"WmeErrorText-root"},t,{children:r}))};function Pt(e,t){var r;if(0===e.length)return{};if("number"==typeof e)return{gridTemplateColumns:"repeat(".concat(e,", 1fr)")};var n=null===(r=null==t?void 0:t.breakpoints)||void 0===r?void 0:r.keys.map((function(r){var n;return r in e&&"number"==typeof e[r]?((n={})[t.breakpoints.up(r)]={gridTemplateColumns:"repeat(".concat(e[r],", 1fr)")},n):null}));return Object.assign.apply(Object,function(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}([{}],n.filter((function(e){return e&&"object"==typeof e})),!1))}var Mt=v(o,{name:"WmeCardSelectGroup",slot:"Root",shouldForwardProp:function(e){return"cardPadding"!==e&&"cardSpacing"!==e&&"cardColumns"!==e}})((function(e){var t=e.orientation,r=void 0===t?"horizontal":t,n=e.theme,o=e.cardSpacing,a=void 0===o?2:o,i=e.cardPadding,l=void 0===i?"sm":i,c=e.cardColumns,u=void 0===c?1:c;return Se(Se(Se({display:"grid",gap:n.spacing(Number(a)),"& .MuiToggleButtonGroup-grouped:not(:first-of-type)":{marginLeft:0},"& .MuiToggleButtonGroup-groupedHorizontal":{flexDirection:"column"},"& .WmeCardSelectItem-footer":{textAlign:"center"},"& .MuiButtonBase-root.WmeCardSelectItem-root + .MuiButtonBase-root.WmeCardSelectItem-root.Mui-selected":{borderColor:n.palette.primary.light,borderWidth:1,borderStyle:"solid"}},Pt(u,n)),"vertical"===r&&{gridTemplateColumns:"1","& .WmeCardSelectItem-icon":{marginRight:n.spacing(2)},"& .MuiToggleButtonGroup-grouped":{flexDirection:"row",justifyContent:"flex-start"},"& .WmeCardSelectItem-contentInner":{textAlign:"left"},"& .WmeCardSelectItem-footer":{textAlign:"left"},"& .WmeCardSelectItem-completeContainer":{top:"50%",transform:"translateY(-50%)"}}),{"& .WmeCardSelectItem-root":{padding:"md"===l?n.spacing(4):n.spacing(2)}})}));function Bt(t){return e(Mt,Se({className:"WmeCardSelectGroup-root"},t))}var Et=v(k,{shouldForwardProp:function(e){return"hasFooter"!==e&&"completedIcon"!==e&&"cardPadding"!==e}})((function(e){var t,r=e.theme,n=e.disabled,o=e.hasFooter;return Se({position:"relative",transition:null===(t=null==r?void 0:r.transitions)||void 0===t?void 0:t.create(["border-color"],{duration:r.transitions.duration.standard}),"&.MuiButtonBase-root.Mui-selected":{backgroundColor:"transparent",borderColor:r.palette.primary.light,borderWidth:1,borderStyle:"solid"},"&.MuiButtonBase-root.WmeCardSelectItem-root":Se({display:"flex",textTransform:"none",borderRadius:r.spacing(.5),border:"1px solid ".concat(r.palette.border.ui),"& + .MuiButtonBase-root.WmeCardSelectItem-root":{borderRadius:r.spacing(.5),border:"1px solid ".concat(r.palette.border.ui)},"&:hover, &:focus":{borderColor:r.palette.primary.main,backgroundColor:"transparent"},"& + .MuiButtonBase-root.WmeCardSelectItem-root.Mui-selected":{backgroundColor:"transparent",borderColor:r.palette.primary.light,borderWidth:1,borderStyle:"solid"}},o&&{paddingBottom:r.spacing(2)}),"& .MuiTouchRipple-root":{opacity:"0.25"}},n&&{backgroundColor:r.palette.background.hover,"& .WmeCardSelectItem-icon":{backgroundColor:r.palette.common.white}})})),Ot=v("div",{name:"WmeCardSelectItem",slot:"CompleteContainer"})((function(e){var t=e.theme;return{position:"absolute",top:t.spacing(1),right:t.spacing(1)}})),At=v("div",{name:"WmeCardSelectItem",slot:"CompleteIcon"})((function(e){var t=e.theme;return{width:t.spacing(2.75),height:t.spacing(2.75),borderRadius:"50%",backgroundColor:w(t.palette.primary.light,.2),display:"flex",alignItems:"center",justifyContent:"center","& .MuiSvgIcon-root":{color:t.palette.primary.main,fontSize:"1.4em"}}})),Lt=v("div",{name:"WmeCardSelectItem",slot:"Icon",shouldForwardProp:function(e){return"icon"!==e}})((function(e){var t=e.theme;return{width:t.spacing(7),height:t.spacing(7),marginBottom:t.spacing(2),borderRadius:"50%",backgroundColor:t.palette.grey[100],display:"flex",flexShrink:0,alignItems:"center",justifyContent:"center",overflow:"hidden","& img, & svg":{width:t.spacing(3),height:"auto"}}})),jt=v(h,{name:"WmeCardSelectItem",slot:"ContentOuter",shouldForwardProp:function(e){return"icon"!==e}})((function(){return{display:"flex",flexDirection:"column",flexGrow:1}})),zt=v(h,{name:"WmeCardSelectItem",slot:"ContentInner",shouldForwardProp:function(e){return"icon"!==e}})((function(){return{flexGrow:1}})),Dt=v(h,{name:"WmeCardSelectItem",slot:"Footer",shouldForwardProp:function(e){return"icon"!==e}})((function(e){var t=e.theme;return{fontSize:10,textTransform:"initial",color:t.palette.text.primary,lineHeight:1.6,marginTop:t.spacing(2)}})),Ht=v(f,{name:"WmeCardSelectItem",slot:"Primary"})((function(e){var t=e.theme;return{display:"block",fontWeight:600,color:t.palette.text.primary,marginBottom:t.spacing(1)}})),Vt=v(f,{name:"WmeCardSelectItem",slot:"Secondary"})((function(e){return{display:"block",color:e.theme.palette.text.primary}})),Ut=function(){return e(At,{children:e(de,{})})};function Gt(r){var n=r.className,o=r.children,a=r.icon,i=void 0===a?"":a,l=r.defaultIcon,c=r.completedIcon,u=r.primary,s=r.secondary,d=r.footer,p=ke(r,["className","children","icon","defaultIcon","completedIcon","primary","secondary","footer"]),m=r.selected,g=null!=u?u:o,v=s,y=d;null!=g&&g.type!==f&&(g=e(Ht,Se({variant:"body1"},{children:g}))),null!=v&&(null==v?void 0:v.type)!==f&&(v=e(Vt,Se({variant:"body2"},{children:v}))),null!=y&&(null==y?void 0:y.type)!==f&&(y=e(Dt,Se({className:"WmeCardSelectItem-footer"},{children:y})));var b=null!=y;return t(Et,Se({className:"".concat(n," WmeCardSelectItem-root")},p,{hasFooter:b},{children:[m&&e(Ot,Se({className:"WmeCardSelectItem-completeContainer"},{children:c||e(Ut,{})})),l&&!m&&e(Ot,Se({className:"WmeCardSelectItem-completeContainer"},{children:l})),i&&t(Lt,Se({className:"WmeCardSelectItem-icon"},{children:["object"==typeof i&&i,"string"==typeof i&&e(h,{component:"img",src:i,alt:""})]})),t(jt,Se({className:"WmeCardSelectItem-contentOuter"},{children:[t(zt,Se({className:"WmeCardSelectItem-contentInner"},{children:[g,v]})),y]}))]}))}var _t=H(h,{name:"WmeVideoEmbed",slot:"Root"})((function(){return{overflow:"hidden",paddingBottom:"56.25%",position:"relative",height:0}})),$t=H(N,{name:"WmeVideoEmbed",slot:"Media",shouldForwardProp:function(e){return"width"!==e&&"height"!==e}})((function(e){var t=e.width;return{position:"absolute",top:0,left:0,height:e.height||"100%",width:t||"100%"}})),qt=function(t){var r=Se({frameBorder:0,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",component:"iframe"},t);return e(_t,Se({className:"WmeVideoEmbed-root"},{children:e($t,Se({className:"WmeVideoEmbed-media"},r))}))},Yt=H(I,{name:"WmeWizard",slot:"DialogContent"})((function(){return{padding:"16px 32px",overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column",height:"100%"}})),Jt=Y((function(t,r){return e(l,Se({ref:r},t))})),Kt=Y((function(t,r){var n=t.children,o=t.bgStyles;t.logoSrc,t.logoAlt,t.exit;var a=ke(t,["children","bgStyles","logoSrc","logoAlt","exit"]);return e(F,Se({fullScreen:!0,fullWidth:!0},a,{PaperComponent:Jt,PaperProps:{ref:r}},{children:e(h,Se({sx:Se({},o)},{children:e(Yt,Se({className:"WmeWizard-dialogContent"},{children:n}))}))}))})),Xt=H(h,{name:"WmeWizardHeader",slot:"Root"})((function(e){return{display:"flex",marginBottom:e.theme.spacing(2),justifyContent:"space-between",alignItems:"center",position:"relative",zIndex:1}})),Qt=function(t){var r=t.children;return e(Xt,Se({className:"WmeWizardHeader-root"},{children:r}))},Zt=H(h,{name:"WmeWizardSectionTitle",slot:"Root",shouldForwardProp:function(e){return"bookend"!==e}})((function(e){var t=e.width,r=e.bookend;return{width:t||"auto",margin:r?"0px auto":0,textAlign:r?"center":"inherit"}})),er=H(f,{name:"WmeWizardSectionTitle",slot:"Heading"})((function(e){var t=e.theme;return{marginBottom:t.spacing(2),color:t.palette.text.primary}})),tr=H(f,{name:"WmeWizardSectionTitle",slot:"Copy"})((function(){return{lineHeight:De(24)}})),rr=H(h,{name:"WmeWizardSectionTitle",slot:"IconContainer"})((function(e){return{marginBottom:e.theme.spacing(3)}})),nr=function(r){var n=r.heading,o=r.headingComponent,a=r.headingVariant,i=r.copy,l=r.copyAlign,c=r.copyVariant,u=r.iconSrc,s=r.iconAlt,d=r.iconWidth,p=void 0===d?"auto":d,m=r.width,h=r.bookend,f=ke(r,["heading","headingComponent","headingVariant","copy","copyAlign","copyVariant","iconSrc","iconAlt","iconWidth","width","bookend"]);return t(Zt,Se({className:"WmeWizardSectionTitle-root",width:m,bookend:h},f,{children:[u&&e(rr,Se({className:"WmeWizardSectionTitle-iconContainer"},{children:e("img",{src:u,alt:s,width:p})})),n&&e(er,Se({className:"WmeWizardSectionTitle-heading",component:o||"h2",variant:a},{children:n})),i&&e(tr,Se({align:l&&!h?l:"inherit",className:"WmeWizardSectionTitle-copy",variant:c||"body1"},{children:i}))]}))};var or={encode:function(e){return null==e?e:String(e)},decode:function(e){var t=function(e,t){if(null==e)return e;if(0===e.length&&(!t||t&&""!==e))return null;var r=e instanceof Array?e[0]:e;return null==r||t||""!==r?r:null}(e,!0);return null==t?t:String(t)}},ar={},ir=e=>encodeURIComponent(e).replace(/[!'()*]/g,(e=>`%${e.charCodeAt(0).toString(16).toUpperCase()}`)),lr=new RegExp("%[a-f0-9]{2}","gi"),cr=new RegExp("(%[a-f0-9]{2})+","gi");function ur(e,t){try{return decodeURIComponent(e.join(""))}catch(e){}if(1===e.length)return e;t=t||1;var r=e.slice(0,t),n=e.slice(t);return Array.prototype.concat.call([],ur(r),ur(n))}function sr(e){try{return decodeURIComponent(e)}catch(n){for(var t=e.match(lr),r=1;r<t.length;r++)t=(e=ur(t,r).join("")).match(lr);return e}}var dr=function(e){if("string"!=typeof e)throw new TypeError("Expected `encodedURI` to be of type `string`, got `"+typeof e+"`");try{return e=e.replace(/\+/g," "),decodeURIComponent(e)}catch(t){return function(e){for(var t={"%FE%FF":"��","%FF%FE":"��"},r=cr.exec(e);r;){try{t[r[0]]=decodeURIComponent(r[0])}catch(e){var n=sr(r[0]);n!==r[0]&&(t[r[0]]=n)}r=cr.exec(e)}t["%C2"]="�";for(var o=Object.keys(t),a=0;a<o.length;a++){var i=o[a];e=e.replace(new RegExp(i,"g"),t[i])}return e}(e)}},pr=(e,t)=>{if("string"!=typeof e||"string"!=typeof t)throw new TypeError("Expected the arguments to be of type `string`");if(""===t)return[e];const r=e.indexOf(t);return-1===r?[e]:[e.slice(0,r),e.slice(r+t.length)]},mr=function(e,t){for(var r={},n=Object.keys(e),o=Array.isArray(t),a=0;a<n.length;a++){var i=n[a],l=e[i];(o?-1!==t.indexOf(i):t(i,l,e))&&(r[i]=l)}return r};!function(e){const t=ir,r=dr,n=pr,o=mr,a=Symbol("encodeFragmentIdentifier");function i(e){if("string"!=typeof e||1!==e.length)throw new TypeError("arrayFormatSeparator must be single character string")}function l(e,r){return r.encode?r.strict?t(e):encodeURIComponent(e):e}function c(e,t){return t.decode?r(e):e}function u(e){return Array.isArray(e)?e.sort():"object"==typeof e?u(Object.keys(e)).sort(((e,t)=>Number(e)-Number(t))).map((t=>e[t])):e}function s(e){const t=e.indexOf("#");return-1!==t&&(e=e.slice(0,t)),e}function d(e){const t=(e=s(e)).indexOf("?");return-1===t?"":e.slice(t+1)}function p(e,t){return t.parseNumbers&&!Number.isNaN(Number(e))&&"string"==typeof e&&""!==e.trim()?e=Number(e):!t.parseBooleans||null===e||"true"!==e.toLowerCase()&&"false"!==e.toLowerCase()||(e="true"===e.toLowerCase()),e}function m(e,t){i((t=Object.assign({decode:!0,sort:!0,arrayFormat:"none",arrayFormatSeparator:",",parseNumbers:!1,parseBooleans:!1},t)).arrayFormatSeparator);const r=function(e){let t;switch(e.arrayFormat){case"index":return(e,r,n)=>{t=/\[(\d*)\]$/.exec(e),e=e.replace(/\[\d*\]$/,""),t?(void 0===n[e]&&(n[e]={}),n[e][t[1]]=r):n[e]=r};case"bracket":return(e,r,n)=>{t=/(\[\])$/.exec(e),e=e.replace(/\[\]$/,""),t?void 0!==n[e]?n[e]=[].concat(n[e],r):n[e]=[r]:n[e]=r};case"colon-list-separator":return(e,r,n)=>{t=/(:list)$/.exec(e),e=e.replace(/:list$/,""),t?void 0!==n[e]?n[e]=[].concat(n[e],r):n[e]=[r]:n[e]=r};case"comma":case"separator":return(t,r,n)=>{const o="string"==typeof r&&r.includes(e.arrayFormatSeparator),a="string"==typeof r&&!o&&c(r,e).includes(e.arrayFormatSeparator);r=a?c(r,e):r;const i=o||a?r.split(e.arrayFormatSeparator).map((t=>c(t,e))):null===r?r:c(r,e);n[t]=i};case"bracket-separator":return(t,r,n)=>{const o=/(\[\])$/.test(t);if(t=t.replace(/\[\]$/,""),!o)return void(n[t]=r?c(r,e):r);const a=null===r?[]:r.split(e.arrayFormatSeparator).map((t=>c(t,e)));void 0!==n[t]?n[t]=[].concat(n[t],a):n[t]=a};default:return(e,t,r)=>{void 0!==r[e]?r[e]=[].concat(r[e],t):r[e]=t}}}(t),o=Object.create(null);if("string"!=typeof e)return o;if(!(e=e.trim().replace(/^[?#&]/,"")))return o;for(const a of e.split("&")){if(""===a)continue;let[e,i]=n(t.decode?a.replace(/\+/g," "):a,"=");i=void 0===i?null:["comma","separator","bracket-separator"].includes(t.arrayFormat)?i:c(i,t),r(c(e,t),i,o)}for(const e of Object.keys(o)){const r=o[e];if("object"==typeof r&&null!==r)for(const e of Object.keys(r))r[e]=p(r[e],t);else o[e]=p(r,t)}return!1===t.sort?o:(!0===t.sort?Object.keys(o).sort():Object.keys(o).sort(t.sort)).reduce(((e,t)=>{const r=o[t];return Boolean(r)&&"object"==typeof r&&!Array.isArray(r)?e[t]=u(r):e[t]=r,e}),Object.create(null))}e.extract=d,e.parse=m,e.stringify=(e,t)=>{if(!e)return"";i((t=Object.assign({encode:!0,strict:!0,arrayFormat:"none",arrayFormatSeparator:","},t)).arrayFormatSeparator);const r=r=>t.skipNull&&null==e[r]||t.skipEmptyString&&""===e[r],n=function(e){switch(e.arrayFormat){case"index":return t=>(r,n)=>{const o=r.length;return void 0===n||e.skipNull&&null===n||e.skipEmptyString&&""===n?r:null===n?[...r,[l(t,e),"[",o,"]"].join("")]:[...r,[l(t,e),"[",l(o,e),"]=",l(n,e)].join("")]};case"bracket":return t=>(r,n)=>void 0===n||e.skipNull&&null===n||e.skipEmptyString&&""===n?r:null===n?[...r,[l(t,e),"[]"].join("")]:[...r,[l(t,e),"[]=",l(n,e)].join("")];case"colon-list-separator":return t=>(r,n)=>void 0===n||e.skipNull&&null===n||e.skipEmptyString&&""===n?r:null===n?[...r,[l(t,e),":list="].join("")]:[...r,[l(t,e),":list=",l(n,e)].join("")];case"comma":case"separator":case"bracket-separator":{const t="bracket-separator"===e.arrayFormat?"[]=":"=";return r=>(n,o)=>void 0===o||e.skipNull&&null===o||e.skipEmptyString&&""===o?n:(o=null===o?"":o,0===n.length?[[l(r,e),t,l(o,e)].join("")]:[[n,l(o,e)].join(e.arrayFormatSeparator)])}default:return t=>(r,n)=>void 0===n||e.skipNull&&null===n||e.skipEmptyString&&""===n?r:null===n?[...r,l(t,e)]:[...r,[l(t,e),"=",l(n,e)].join("")]}}(t),o={};for(const t of Object.keys(e))r(t)||(o[t]=e[t]);const a=Object.keys(o);return!1!==t.sort&&a.sort(t.sort),a.map((r=>{const o=e[r];return void 0===o?"":null===o?l(r,t):Array.isArray(o)?0===o.length&&"bracket-separator"===t.arrayFormat?l(r,t)+"[]":o.reduce(n(r),[]).join("&"):l(r,t)+"="+l(o,t)})).filter((e=>e.length>0)).join("&")},e.parseUrl=(e,t)=>{t=Object.assign({decode:!0},t);const[r,o]=n(e,"#");return Object.assign({url:r.split("?")[0]||"",query:m(d(e),t)},t&&t.parseFragmentIdentifier&&o?{fragmentIdentifier:c(o,t)}:{})},e.stringifyUrl=(t,r)=>{r=Object.assign({encode:!0,strict:!0,[a]:!0},r);const n=s(t.url).split("?")[0]||"",o=e.extract(t.url),i=e.parse(o,{sort:!1}),c=Object.assign(i,t.query);let u=e.stringify(c,r);u&&(u=`?${u}`);let d=function(e){let t="";const r=e.indexOf("#");return-1!==r&&(t=e.slice(r)),t}(t.url);return t.fragmentIdentifier&&(d=`#${r[a]?l(t.fragmentIdentifier,r):t.fragmentIdentifier}`),`${n}${u}${d}`},e.pick=(t,r,n)=>{n=Object.assign({parseFragmentIdentifier:!0,[a]:!1},n);const{url:i,query:l,fragmentIdentifier:c}=e.parseUrl(t,n);return e.stringifyUrl({url:i,query:o(l,r),fragmentIdentifier:c},n)},e.exclude=(t,r,n)=>{const o=Array.isArray(r)?e=>!r.includes(e):(e,t)=>!r(e,t);return e.pick(t,o,n)}}(ar);var hr=function(){return hr=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},hr.apply(this,arguments)};function fr(e,t,r){var n=ar.stringify(e,r);r&&r.transformSearchString&&(n=r.transformSearchString(n));var o=n.length?"?"+n:"",a=ar.parseUrl(t.href||"").url+o;return hr(hr({},t),{key:""+Date.now(),href:a,search:o,query:e})}'{}[],":'.split("").map((function(e){return[e,encodeURIComponent(e)]}));var gr=Object.prototype.hasOwnProperty;function vr(e,t){return e===t?0!==e||0!==t||1/e==1/t:e!=e&&t!=t}function yr(e,t,r){var n,o;if(vr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;for(var l=0;l<a.length;l++){var c=null!==(o=null===(n=null==r?void 0:r[a[l]])||void 0===n?void 0:n.equals)&&void 0!==o?o:vr;if(!gr.call(t,a[l])||!c(e[a[l]],t[a[l]]))return!1}return!0}function br(e,t,r){void 0===r&&(r=yr);var n=(null==e.current||null==t)&&e.current===t||!r(e.current,t);G.useEffect((function(){n&&(e.current=t)}),[e,t,n])}function Cr(e){return"object"==typeof e?"undefined"!=typeof window?e.search:ar.extract(""+e.pathname+(e.search?e.search:"")):""}function xr(e,t,r,n){switch(void 0===r&&(r="pushIn"),r){case"replace":case"push":return fr(e,t,n);default:return function(e,t,r){var n=ar.parse(t.search,{parseNumbers:!1});return fr(hr(hr({},n),e),t,r)}(e,t,n)}}var Wr={location:{},getLocation:function(){return{}},setLocation:function(){}},Sr=G.createContext(Wr);function kr(e){var t=e.history,r=e.location,n=e.children,o=e.stringifyOptions,a=G.useRef(r);G.useEffect((function(){a.current=r}),[r]);var i=G.useCallback((function(){return a.current}),[a]),l=G.useCallback((function(e,r){a.current=xr(e,null==t||null==t.location?a.current:t.location,r,o),t&&function(e,t,r){switch(void 0===r&&(r="pushIn"),r){case"pushIn":case"push":e.push(t);break;default:e.replace(t)}}(t,a.current,r)}),[t,o]);return G.createElement(Sr.Provider,{value:{location:r,getLocation:i,setLocation:l}},n)}var wr,Nr,Ir,Fr=(Nr=wr,Ir=ar.parse(Nr||""),function(e){return Nr!==e&&(Nr=e,Ir=ar.parse(Nr)),Ir});function Rr(e,t,r,n,o,a){var i,l=!yr(n.current,r),c=null!==(i=r.equals)&&void 0!==i?i:yr,u=Fr(Cr(e)),s=!yr(o.current,u[t]),d=s?u[t]:o.current;if(!s&&!l&&void 0!==a.current)return a.current;var p=r.decode(d);return(null==a.current||null==p)&&a.current===p||!c(a.current,p)?p:a.current}var Tr,Pr,Mr,Br,Er=function(e,t){void 0===t&&(t=or);var r=function(){var e=G.useContext(Sr);if("production"!==process.env.NODE_ENV&&(void 0===e||e===Wr))throw new Error("useQueryParams must be used within a QueryParamProvider");return e}(),n=r.location,o=r.getLocation,a=r.setLocation,i=Fr(Cr(n)),l=G.useRef(),c=G.useRef(t),u=G.useRef(),s=Rr(n,e,t,c,l,u);br(l,i[e]),br(c,t),br(u,s,t.equals);var d={paramConfig:t,name:e,setLocation:a,getLocation:o},p=G.useRef(d);p.current=d;var m=G.useCallback((function(e,t){var r,n,o=p.current;if("function"==typeof e){var a=Rr(o.getLocation(),o.name,o.paramConfig,c,l,u);u.current=a,n=o.paramConfig.encode(e(a))}else n=o.paramConfig.encode(e);o.setLocation(((r={})[o.name]=n,r),t)}),[]);return[s,m]},Or=function(){return Or=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},Or.apply(this,arguments)};function Ar(e){if(e===Mr&&null!=Br)return Br;var t={replace:function(t){e.navigate(t.protocol+"//"+t.host+t.pathname+t.search,{replace:!0})},push:function(t){e.navigate(t.protocol+"//"+t.host+t.pathname+t.search,{replace:!1})},get location(){return e.location}};return Mr=e,Br=t,t}function Lr(e){var t=void 0===e?{}:e,r=t.history,n=t.location;if("undefined"!=typeof window&&(r||(r=function(e){if(e===Tr&&null!=Pr)return Pr;var t={replace:function(t){e.replaceState(t.state,"",t.protocol+"//"+t.host+t.pathname+t.search)},push:function(t){e.pushState(t.state,"",t.protocol+"//"+t.host+t.pathname+t.search)},get location(){return window.location}};return Tr=e,Pr=t,t}(window.history)),n||(n=window.location)),!n)throw new Error("\n Could not read the location. Is the router wired up correctly?\n ");return{history:r,location:n}}function jr(e){var t=e.children,r=e.ReactRouterRoute,n=e.reachHistory,o=e.history,a=e.location,i=e.stringifyOptions,l=G.useRef(i),c=!yr(l.current,i)?i:l.current;return G.useEffect((function(){l.current=c}),[c]),r?G.createElement(r,null,(function(e){return G.createElement(kr,Or({stringifyOptions:c},Lr(e)),t)})):n?G.createElement(kr,Or({stringifyOptions:c},Lr({history:Ar(n),location:a})),t):G.createElement(kr,Or({stringifyOptions:c},Lr({history:o,location:a})),t)}var zr="wizard";function Dr(e){var t=Er("wizard",or),r=t[0],n=t[1],o=q(!1),a=o[0],i=o[1],l=function(){i(!1),n(null)};if(!e)return{currentWizard:r,forceClose:l};var c=r===e,u=function(){a?n(null):i(!0)};return{currentWizard:r,open:function(){n(e)},close:u,isVisible:c,forceClose:l,modalProps:{open:c,onClose:u,closeWarning:a,setCloseWarning:i}}}function Hr(e){void 0===e&&(e=-1);var t=q(-1),r=t[0],n=t[1];return J((function(){e>r&&n(e)}),[r,e]),{maxActiveStep:r}}var Vr,Ur=H(h,{name:"WmeWizardFooter",slot:"Root"})((function(e){var t=e.theme;return{display:"flex",alignItems:"center",marginTop:"auto",position:"absolute",justifyContent:"center",left:t.spacing(2),right:t.spacing(2),bottom:0,padding:"".concat(t.spacing(2)," ").concat(t.spacing(2)),backgroundColor:t.palette.background.primary,borderTop:"1px solid ".concat(t.palette.border.layout)}})),Gr=H(h,{name:"WmeWizardFooter",slot:"Prev"})((function(){return{display:"flex",alignItems:"center",flex:1}})),_r=H(h,{name:"WmeWizardFooter",slot:"Nav"})((function(){return{flex:1,maxWidth:"500px"}})),$r=H(h,{name:"WmeWizardFooter",slot:"Skip"})((function(e){return{marginRight:e.theme.spacing(1)}})),qr=H(h,{name:"WmeWizardFooter",slot:"Next"})((function(){return{display:"flex",flex:1,justifyContent:"flex-end",alignItems:"center"}})),Yr=H(R,{name:"WmeStepper",slot:"Root"})((function(){return{justifyContent:"center"}})),Jr=H(T,{name:"WmeStepButton",slot:"Root"})((function(){return{"& .MuiStepLabel-root":{"& .MuiStepLabel-iconContainer":{"& .MuiSvgIcon-root":{width:"18px",height:"18px"}}}}})),Kr=function(r){var n=r.backText,o=r.onBack,a=r.nextText,i=r.onNext,l=r.skipText,c=r.onSkip,u=r.activeStep,s=r.steps,d=r.onClickStep,p=r.disableNext,m=void 0!==p&&p,h=r.isLoading,f=void 0!==h&&h,g=r.loadingText,v=r.save,y=r.hideFooter,b=r.disableAll,C=r.isLastStep,x=void 0!==C&&C,W=ke(r,["backText","onBack","nextText","onNext","skipText","onSkip","activeStep","steps","onClickStep","disableNext","isLoading","loadingText","save","hideFooter","disableAll","isLastStep"]),S=Hr(u).maxActiveStep,k=s[u],w=b||(null==k?void 0:k.disableAll),N="WmeWizardFooterNextButton";return x&&(N+=" isLastStep"),y?null:t(Ur,Se({className:"WmeWizardFooter-root"},W,{children:[e(Gr,Se({className:"WmeWizardFooter-prev"},{children:!(null==k?void 0:k.hideBack)&&e(Ne,Se({startIcon:e(ie,{}),onClick:o,disabled:w},{children:n}))})),e(_r,Se({className:"WmeWizardFooter-nav"},{children:e(Yr,Se({activeStep:S,connector:null,className:"WmeStepper-root"},{children:null==s?void 0:s.map((function(t){if(t.id>s.length||t.hidePagination)return null;var r=t.id===u,n=t.id<=S;return e(P,Se({active:n,completed:n&&!r},{children:e(Jr,Se({className:"WmeStepButton-root",disabled:w||t.disable,onClick:function(){return null==d?void 0:d(t)},sx:{"&:hover":{textDecoration:n?"underline":"none"}}},{children:t.label}))}),t.id)}))}))})),!(null==k?void 0:k.hideNext)&&t(qr,Se({className:"WmeWizardFooter-next"},{children:[!(null==k?void 0:k.hideSkip)&&e($r,Se({className:"WmeWizardFooter-skip"},{children:e(Ne,Se({onClick:c,disabled:w},{children:l}))})),f?e(pe,Se({loading:!0,variant:"contained",loadingPosition:"start",startIcon:e(ae,{})},{children:g})):e(Ne,Se({variant:"contained",color:"primary",onClick:x?v:i,disabled:m||(null==k?void 0:k.disableNext)||w,className:N,endIcon:e(ae,{})},{children:a}))]}))]}))},Xr=v(h,{name:"WmeForm",slot:"Root"})({}),Qr=function(t){var r=t.children,n=ke(t,["children"]);return e(Xr,Se({autoComplete:"off",className:"WmeForm-root",component:"form",noValidate:!0},n,{children:r}))},Zr=v(M,{name:"WmeCheckboxInput",slot:"Root"})((function(e){var t=e.theme;return{"&.Mui-checked":{"& .MuiSvgIcon-root":{fill:t.palette.primary.main}},"&:focus, &:hover":{"& .MuiSvgIcon-root":{fill:t.palette.primary.dark}},"& .MuiSvgIcon-root":{fill:t.palette.text.disabled},"&:hover":{backgroundColor:"transparent"}}})),en=function(t){return e(Zr,Se({className:"WmeCheckboxInput-root"},t))},tn=v(b,{name:"WmeInputLabel",slot:"Root"})((function(e){return{"& .MuiTypography-root":{color:e.theme.palette.text.primary,fontSize:14,textAlign:"left"}}})),rn=function(t){return e(tn,Se({className:"WmeInputLabel-root"},t))},nn=v(B,{name:"WmeSelectInput",slot:"Root"})((function(e){var t=e.theme;return{color:t.palette.text.disabled,height:t.globalStyles.menuListItemHeight,"& .MuiSelect-select":{"& .Wme-selected-text":{color:t.palette.text.primary}},"&.Mui-focused":{"& .MuiOutlinedInput-notchedOutline":{borderColor:t.palette.text.primary,borderWidth:1}},"&.Mui-error":{"& .MuiOutlinedInput-notchedOutline":{borderColor:t.palette.error.main}}}})),on=function(t){var r=t.children,n=t.placeholder,o=t.value,a=t.width,i=ke(t,["children","placeholder","value","width"]),l=me(),c=E(),u={PaperProps:{style:{maxHeight:4.5*c.globalStyles.menuListItemHeight+c.globalStyles.menuListItemPadding,top:96,width:a||c.globalStyles.menuPaperWidth}}},s=Array.isArray(r)&&Array.isArray(o)?null==r?void 0:r.map((function(t){return t&&o.includes(t.props.value)?_.cloneElement(t,{icon:e(de,{})}):t})):r;return e(nn,Se({className:"WmeSelectInput-root",displayEmpty:!0,error:null==l?void 0:l.error,input:e(O,{}),MenuProps:u,renderValue:function(t){return t&&0!==t.length?e("span",Se({className:"Wme-selected-text"},{children:"string"==typeof t?t:t.join(", ")})):n},value:o},i,{children:s}))},an=v(A,{name:"WmeFileInput",slot:"Root"})({}),ln=function(t){return e(an,Se({type:"file",className:"WmeFileInput-root"},t))},cn=v(h,{name:"WmeFileUploadSelect",slot:"Root"})({alignItems:"center",display:"flex",flexDirection:"column",justifyContent:"center","& .MuiInputBase-input":se}),un=function(r){var n=r.buttonText,o=r.buttonProps,a=r.helperText,i=r.inputProps,l=ke(r,["buttonText","buttonProps","helperText","inputProps"]);return t(cn,Se({className:"WmeFileUploadSelect-root"},l,{children:[t("label",Se({htmlFor:null==i?void 0:i.id},{children:[e(ln,Se({},i)),e(Ne,Se({color:"primary",startIcon:e(fe,{}),variant:"contained"},o,{children:n||"Add File"}))]})),a&&e(st,{children:a})]}))},sn=v(h,{name:"WmeFileUploadRemove",slot:"Root"})({alignItems:"center",display:"flex",justifyContent:"center"}),dn=function(r){var n=r.buttonText,o=r.cancelText,a=r.onCancel,i=r.onRemove,l=ke(r,["buttonText","cancelText","onCancel","onRemove"]);return t(sn,Se({className:"WmeFileUploadRemove-root"},l,{children:[e(Ne,Se({color:"error",onClick:i,startIcon:e(ge,{}),variant:"contained"},{children:n||"Delete"})),o&&e(Ne,Se({onClick:a,sx:{color:"text.primary",ml:1}},{children:o}))]}))},pn=v(h,{name:"WmeFilePreview",slot:"Root"})({}),mn=function(t){var r=t.filePath,n=t.imagePath,o=t.imageAlt,a=ke(t,["filePath","imagePath","imageAlt"]);return e(pn,Se({className:"WmeFilePreview-root"},a,{children:n?e("img",{src:n,alt:o}):e(Ne,Se({color:"info",disabled:!0,startIcon:e(ve,{}),variant:"contained"},{children:r}))}))},hn=v(h,{name:"WmeFileUploadHeader",slot:"Root"})({alignItems:"center",display:"flex",justifyContent:"space-between","& .WmeErrorText":{cursor:"pointer",marginLeft:"auto"}}),fn=v(ye,{name:"WmeFileUploadHeaderButton",slot:"Root"})((function(e){return{background:"none",border:"none",color:e.theme.palette.error.main,cursor:"pointer",margin:0,padding:0}})),gn=function(r){var n=r.button,o=r.buttonText,a=r.labelText,i=r.onRemove,l=r.showButton,c=ke(r,["button","buttonText","labelText","onRemove","showButton"]);return t(hn,Se({className:"WmeFileUploadHeader-root"},c,{children:[a&&e(ct,{children:a}),l&&(n||e(fn,Se({onClick:i},{children:o})))]}))},vn=v(y,{name:"WmeInputHelperText",slot:"Root"})({fontSize:10,marginLeft:0}),yn=function(t){var r=t.children,n=ke(t,["children"]);return e(vn,Se({className:"WmeInputHelperText-root"},n,{children:r}))},bn=be(he,{name:"WmeFormFieldControl",slot:"Root"})({}),Cn=function(t){var r=t.children,n=ke(t,["children"]);return e(bn,Se({className:"WmeFormFieldControl-root"},n,{children:r}))},xn=v(f,{name:"WmeInputError",slot:"Root"})((function(e){return{color:e.theme.palette.error.main,fontSize:10,marginTop:8}})),Wn=function(t){var r=t.children,n=ke(t,["children"]),o=me();return(null==o?void 0:o.error)?e(xn,Se({className:"WmeInputError-root"},n,{children:r})):null},Sn=v(A,{name:"WmeTextInput",slot:"Root"})((function(e){var t=e.theme;return{"&.MuiInputBase-root":{"& .MuiInputAdornment-root":{position:"absolute",right:15}},"& .MuiInputBase-input":{border:"1px solid ".concat(t.palette.text.disabled),borderRadius:4,padding:"5px 6px",paddingRight:"35px",position:"relative",width:"100%","&:focus":{borderColor:t.palette.text.primary}},"&.Mui-error":{color:t.palette.error.main,"& .MuiInputBase-input":{borderColor:t.palette.error.main},"& .MuiInputAdornment-root":{"& .MuiSvgIcon-root":{color:t.palette.error.main}}},"&.Mui-disabled":{backgroundColor:t.palette.background.disabled}}})),kn=function(t){var r=me();return e(Sn,Se({className:"WmeTextInput-root",error:null==r?void 0:r.error},t))},wn=v(x,{name:"WmePasswordInputChip",slot:"Root"})((function(e){var t=e.theme;return{height:26,"&.MuiChip-filledSuccess":{backgroundColor:t.palette.success,color:t.palette.text.white},"&.MuiChip-filledWarning":{backgroundColor:t.palette.warning,color:t.palette.text.white},"&.MuiChip-filledError":{backgroundColor:t.palette.error,color:t.palette.text.white}}})),Nn=function(t){var r=t.color,n=t.label,o=ke(t,["color","label"]);return e(wn,Se({className:"WmePasswordInputChip-root",color:r,label:n},o))},In=v(L,{name:"WmePasswordInputAdornment",slot:"Root"})({position:"absolute",right:15}),Fn=function(r){var n=r.chip,o=r.onClickAdornment,a=r.visible,i=ke(r,["chip","onClickAdornment","visible"]);return t(In,Se({className:"WmePasswordInputAdornment-root"},i,{children:[n,e(j,Se({"aria-label":"toggle password visibility",edge:"end",onClick:o,onMouseDown:function(e){return e.preventDefault()}},{children:e(a?xe:Ce,{})}))]}))},Rn=v(kn,{name:"WmePasswordInput",slot:"Root"})({}),Tn=function(t){var r=t.chipColor,n=t.chipLabel;t.onClick,t.type;var o=t.value,a=ke(t,["chipColor","chipLabel","onClick","type","value"]),i=me(),l=q(!1),c=l[0],u=l[1];return e(Rn,Se({className:"WmePasswordInput-root",endAdornment:e(Fn,{chip:n?e(Nn,{color:r,label:n}):void 0,onClickAdornment:function(){u(!c)},position:"end",visible:c}),error:null==i?void 0:i.error,type:c?"text":"password",value:o},a))},Pn=H(We,{name:"WmeRadioGroup",slot:"Root"})((function(e){return{"& .MuiRadio-root":{"&:focus, &:hover":{backgroundColor:"transparent",color:e.theme.palette.primary.dark}}}})),Mn=function(t){var r=t.ariaLabelledby,n=t.children,o=ke(t,["ariaLabelledby","children"]);return e(Pn,Se({"aria-labelledby":r,className:"WmeRadioGroup-root"},o,{children:n}))},Bn=function(r){var n=r.children,o=r.errorMessage,a=r.field,i=r.helperText;r.id;var l=r.label,c=ke(r,["children","errorMessage","field","helperText","id","label"]);return t(Cn,Se({className:"WmeFormFieldControl-root"},c,{children:[l&&e(On,{children:l}),a,o&&e(Wn,{children:o}),i&&e(yn,{children:i}),n]}))},En=v(z,{name:"WmeFormFieldLabel",slot:"Root"})((function(e){return{color:e.theme.palette.text.primary,fontSize:14,fontWeight:"600",marginBottom:5,textAlign:"left"}})),On=function(t){var r=t.children,n=ke(t,["children"]);return e(En,Se({className:"WmeFormFieldLabel-root"},n,{children:r}))},An=H(h,{name:"WmeLogoContainer",slot:"Root"})((function(){return{margin:0,"& img":{width:"100%"},"& svg":{width:"100%",height:"auto"}}})),Ln=function(r){var n=r.logoSrc,o=r.logoAlt,a=r.width;return t(An,Se({className:"WmeLogoContainer-root",width:a},{children:["object"==typeof n&&n,"string"==typeof n&&e("img",{src:n,alt:o})]}))},jn=H(h,{name:"WmeExitButton",slot:"Root"})((function(){return{margin:0,"& .MuiButton-text":{fontWeight:"600"}}})),zn=function(r){var n=r.children,o=r.onClick,a=ke(r,["children","onClick"]);return e(jn,Se({className:"WmeExitButton-root"},a,{children:t(Ne,Se({onClick:o},{children:[n,e(le,{sx:{ml:1}})]}))}))},Dn=H(h,{name:"WmeDeviceSelectionContainer",slot:"Root"})((function(e){return e.theme,{display:"flex",alignItems:"center"}})),Hn={active:{color:"primary.dark",mx:"5px"},default:{color:"#BFBFBF",cursor:"pointer",mx:"5px"}},Vn=function(t){var r=t.devices;return e(Dn,Se({className:"WmeDeviceSelectionContainer-root"},{children:r.map((function(t,n){var o=r[n].icon;return e(o,{sx:t.active?Hn.active:Hn.default,onClick:t.onClick},n)}))}))},Un=v(D,{name:"WmeSwitch",slot:"Root"})((function(e){var t=e.theme;return{"& .MuiSwitch-switchBase":{"&:hover":{backgroundColor:"transparent"},"& .MuiSwitch-thumb":{border:"1px solid ".concat(t.palette.text.disabled)},"+ .MuiSwitch-track":{backgroundColor:t.palette.text.disabled,opacity:1},"&.Mui-checked":{"& .MuiSwitch-thumb":{backgroundColor:t.palette.background.prim