@moderntribe/wme-ui
Version:
Components and hooks to build the best UX/UI admin wizards
42 lines • 66.1 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@mui/material"),require("@mui/material/styles"),require("@mui/icons-material/ArrowDropDown"),require("@mui/material/Card"),require("@mui/icons-material/ExpandMore"),require("@mui/icons-material/CheckCircle"),require("@mui/system"),require("@mui/icons-material"),require("@mui/material/List"),require("@mui/base/FormControlUnstyled"),require("@mui/utils"),require("@mui/icons-material/Check"),require("@mui/icons-material/ArrowBack"),require("@mui/lab"),require("@mui/base"),require("@mui/icons-material/Add"),require("@mui/icons-material/Delete"),require("@mui/icons-material/FileCopy"),require("@mui/base/ButtonUnstyled"),require("@mui/material/styles/styled"),require("@mui/icons-material/Visibility"),require("@mui/icons-material/VisibilityOff"),require("@mui/material/RadioGroup"),require("@mui/icons-material/ChevronRight"),require("@mui/material/IconButton"),require("@mui/icons-material/AddShoppingCart"),require("@mui/icons-material/NotInterested"),require("use-query-params")):"function"==typeof define&&define.amd?define(["exports","react","@mui/material","@mui/material/styles","@mui/icons-material/ArrowDropDown","@mui/material/Card","@mui/icons-material/ExpandMore","@mui/icons-material/CheckCircle","@mui/system","@mui/icons-material","@mui/material/List","@mui/base/FormControlUnstyled","@mui/utils","@mui/icons-material/Check","@mui/icons-material/ArrowBack","@mui/lab","@mui/base","@mui/icons-material/Add","@mui/icons-material/Delete","@mui/icons-material/FileCopy","@mui/base/ButtonUnstyled","@mui/material/styles/styled","@mui/icons-material/Visibility","@mui/icons-material/VisibilityOff","@mui/material/RadioGroup","@mui/icons-material/ChevronRight","@mui/material/IconButton","@mui/icons-material/AddShoppingCart","@mui/icons-material/NotInterested","use-query-params"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Wme={},e.React,e.material,e.styles,e.ArrowDropDownIcon,e.Card,e.ExpandMoreIcon,e.CheckCircleIcon,e.system,e.iconsMaterial,e.List,e.FormControlUnstyled,e.utils,e.CheckIcon,e.ArrowBack,e.lab,e.base,e.AddIcon,e.DeleteIcon,e.FileCopyIcon,e.ButtonUnstyled,e.styled,e.Visibility,e.VisibilityOff,e.MuiRadioGroup,e.ChevronRight,e.IconButton,e.AddShoppingCartIcon,e.NotInterestedIcon,e.useQueryParams)}(this,(function(e,t,o,r,n,a,i,l,s,c,d,p,m,u,h,x,g,y,f,b,C,W,S,j,k,v,I,w,M,B){"use strict";function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function R(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var F,P,N,A=T(t),L=R(t),z=T(n),E=T(a),O=T(i),D=T(l),H=T(d),U=T(u),G=T(h),$=T(y),q=T(f),V=T(b),_=T(C),Y=T(W),Q=T(S),J=T(j),X=T(k),K=T(v),Z=T(I),ee=T(w),te=T(M),oe={exports:{}},re={};function ne(){if(N)return re;N=1,function(){if(P)return F;P=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable;function r(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}F=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},o=0;o<10;o++)t["_"+String.fromCharCode(o)]=o;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(n,a){for(var i,l,s=r(n),c=1;c<arguments.length;c++){for(var d in i=Object(arguments[c]))t.call(i,d)&&(s[d]=i[d]);if(e){l=e(i);for(var p=0;p<l.length;p++)o.call(i,l[p])&&(s[l[p]]=i[l[p]])}}return s}}
/** @license React v17.0.2
* react-jsx-runtime.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/();var e=A.default,t=60103;if(re.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var o=Symbol.for;t=o("react.element"),re.Fragment=o("react.fragment")}var r=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,n=Object.prototype.hasOwnProperty,a={key:!0,ref:!0,__self:!0,__source:!0};function i(e,o,i){var l,s={},c=null,d=null;for(l in void 0!==i&&(c=""+i),void 0!==o.key&&(c=""+o.key),void 0!==o.ref&&(d=o.ref),o)n.call(o,l)&&!a.hasOwnProperty(l)&&(s[l]=o[l]);if(e&&e.defaultProps)for(l in o=e.defaultProps)void 0===s[l]&&(s[l]=o[l]);return{$$typeof:t,type:e,key:c,ref:d,props:s,_owner:r.current}}return re.jsx=i,re.jsxs=i,re}!function(e){e.exports=ne()}(oe);const ae=o.styled(o.Autocomplete,{name:"WmeAutocomplete",slot:"Root"})((({theme:e})=>({"& input::placeholder":{color:e.palette.text.disabled,opacity:1},"& .MuiAutocomplete":{"& .Wme-selected-text":{color:e.palette.text.primary}},"&.Mui-focused":{"& fieldset.MuiOutlinedInput-notchedOutline":{borderColor:e.palette.text.primary,borderWidth:1}},"& .MuiAutocomplete-inputRoot":{height:40,padding:"3px 12px","& .MuiAutocomplete-input":{padding:0}}}))),ie=e=>oe.exports.jsx(o.Paper,{...e,sx:{boxShadow:"0px 5px 5px -3px rgb(0 0 0 / 20%), 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%)"}}),le=e=>{const{autocompleteProps:t}=e;return oe.exports.jsx(ae,{...t})},se=r.styled(o.Button,{name:"WmeButton",slot:"Root"})((({theme:e})=>({textTransform:"none",padding:"6px 12px",boxShadow:"none","&:hover":{boxShadow:"none"},"&.MuiButton-contained&.Mui-disabled":{backgroundColor:e.palette.text.placeholder,color:e.palette.text.white},"&.MuiButton-text":{color:e.palette.text.primary,"&:focus, &:hover":{backgroundColor:e.palette.background.hover}},"&.MuiButton-text&.Mui-disabled":{backgroundColor:"transparent",color:e.palette.text.placeholder},"&.MuiButton-outlined&.Mui-disabled":{backgroundColor:"transparent",color:e.palette.text.placeholder},"&.MuiButton-outlinedPrimary":{"&:focus, &:hover":{backgroundColor:e.palette.primary.main,color:e.palette.text.white}}}))),ce=e=>oe.exports.jsx(se,{className:"WmeButton-root",...e}),de=r.styled(o.ToggleButtonGroup,{shouldForwardProp:e=>"numOfButtons"!==e,name:"WmeToggleButtonGroup",slot:"Root"})((({theme:e})=>({".MuiToggleButton-root":{border:`1px solid ${e.palette.text.primary}`,color:e.palette.text.primary,textTransform:"none",padding:"6px 12px","&.Mui-selected":{backgroundColor:e.palette.primary.main,color:e.palette.text.white,"&:hover, &:focus":{backgroundColor:e.palette.primary.main,color:e.palette.text.white}}}}))),pe=r.styled(o.ButtonGroup,{name:"WmeButtonGroup",slot:"Root"})((({theme:e})=>({"& .MuiButtonGroup-grouped":{"&:not(:last-of-type)":{borderColor:e.palette.text.white}}}))),me=r.styled(o.MenuItem,{name:"WmeMenuItem",slot:"Root"})((({theme:e})=>({"&.Mui-selected":{backgroundColor:e.palette.primary.main,color:e.palette.text.white,"&:hover, &:focus":{backgroundColor:e.palette.primary.main,color:e.palette.text.white}},"&:hover":{backgroundColor:e.palette.background.hover}}))),ue=r.styled(o.Paper,{name:"WmePaper",slot:"Root"})((()=>({borderRadius:0,boxShadow:"0px 0px 32px 0px #0000001A;"}))),he=r.styled(o.MenuList,{name:"WmeMenuList",slot:"Root"})((()=>({paddingTop:0,paddingBottom:0}))),xe=r.styled(E.default,{name:"WmeSetupCard",slot:"Root"})((({theme:e})=>({margin:`${e.spacing(2)} auto`,maxWidth:e.spacing(100),boxShadow:"0 0 8px rgba(0, 0, 0, 0.05)"})));function ge(e){return oe.exports.jsx(xe,{className:"WmeSetupCard-root",...e})}const ye=r.styled(o.Accordion,{name:"WmeSetupCardAccordion",slot:"Root"})((({theme:e})=>({"& .MuiAccordionSummary-root":{padding:0,"&.Mui-focusVisible":{backgroundColor:"transparent",outline:"auto",outlineColor:e.palette.primary},"& .MuiAccordionSummary-contentGutters":{margin:0}},"& .MuiAccordionSummary-expandIconWrapper":{marginRight:30,"& .MuiSvgIcon-root":{color:e.palette.text.primary}},"& .MuiAccordionDetails-root":{padding:0}})));const fe=r.styled(o.Accordion,{name:"WmeContentAccordion",slot:"Root"})((({theme:e})=>({"& .MuiAccordionSummary-root.Mui-focusVisible":{backgroundColor:"transparent",outline:"auto",outlineColor:e.palette.primary}}))),{typography:{pxToRem:be}}=o.createTheme(),Ce=be,We=(e,t)=>{const o=Object.keys(e).filter((t=>e[t]));o.length>0&&console.error(`WME Error: You are using a deprecated prop for the ${t}: ${o.join(",")}`)},Se=r.styled(o.Box,{name:"WmeCardHeader",slot:"Root"})((({theme:e})=>({padding:e.spacing(3),"& .WmeCardHeader-titleRow":{display:"flex",alignItems:"center",marginBottom:e.spacing(1)},"& .WmeCardTitle":{fontWeight:500,marginRight:5},"& .MweCardSubHeader":{fontSize:"0.875rem",color:e.palette.text.disabled}}))),je=r.styled(D.default,{name:"WmeCheckmark",slot:"Root"})((({theme:e})=>({marginTop:1,height:"1.25rem",width:"1.25rem",color:e.palette.success.main})));function ke(e){const{isComplete:t,chipText:o,chipBackground:r}=e;return t?oe.exports.jsx(je,{}):!t&&o?oe.exports.jsx(Je,{size:"small",label:o,color:r||"info"}):null}function ve(e){const{title:t,subheader:r,action:n}=e;return We({action:n},"Setup Card Header"),oe.exports.jsx(Se,{className:"WmeCardHeader-root",children:oe.exports.jsxs(o.Box,{sx:{mr:2},children:[oe.exports.jsxs(o.Box,{className:"WmeCardHeader-titleRow",children:[oe.exports.jsx(o.Typography,{className:"WmeCardTitle",component:"h3",variant:"h3",children:t}),oe.exports.jsx(ke,{...e})]}),oe.exports.jsx(o.Typography,{className:"MweCardSubHeader",variant:"body1",children:r})]})})}const Ie=r.styled(o.CardContent,{name:"WmeSetupCardContent",slot:"Root"})((({theme:e})=>({padding:`${e.spacing(2)} 0 ${e.spacing(3)} 0`,margin:`0 ${e.spacing(3)}`,borderTop:"1px solid",borderColor:e.palette.border.ui}))),we=e=>{const{onClick:t,href:r,target:n,button:a,children:i,disabled:l}=e;return a?oe.exports.jsx(o.Box,{className:"WmeTask-content-wrapper",children:i}):oe.exports.jsx(o.CardActionArea,{...r?{href:r}:{},...n?{target:n}:{},...t?{onClick:t}:{},disabled:l,className:"WmeTask-content-wrapper",children:i})},Me=s.styled(o.Box,{name:"WmeTaskCta",slot:"Root"})((()=>({display:"flex",alignItems:"center",marginLeft:"auto",flex:"0 0 auto"}))),Be=s.styled(o.Typography,{name:"WmeTaskAction",slot:"Action"})((({theme:e})=>({fontWeight:600,letterSpacing:"-0.25px",lineHeight:"1.625rem",opacity:0,transform:"translateX(-10px)",transition:"all 0.3s ease-in-out",color:e.palette.text.primary,".MuiButtonBase-root:hover &, .Mui-focusVisible &":{opacity:1,transform:"translateX(0)"}}))),Te=s.styled(c.CheckCircle,{name:"WmeCheckmark",slot:"Root"})((({theme:e})=>({marginTop:1,height:"1.25rem",width:"1.25rem",color:e.palette.success.main}))),Re=e=>{const{button:t,target:o,taskCta:r,isComplete:n}=e;return n?oe.exports.jsx(Me,{children:oe.exports.jsx(Te,{})}):t||("_blank"===o?oe.exports.jsx(Me,{children:oe.exports.jsx(c.Launch,{sx:{fontSize:"1rem"}})}):oe.exports.jsxs(Me,{children:[oe.exports.jsx(Be,{variant:"body2",children:r}),oe.exports.jsx(c.ChevronRight,{})]}))},Fe=r.styled(o.Box,{name:"WmeTask",slot:"Root"})((({theme:e})=>({display:"flex",alignItems:"center",flexWrap:"nowrap",cursor:"default","& .MuiCardActionArea-root":{padding:`${e.spacing(3)} ${e.spacing(1)}`},"& .WmeTask-content":{display:"flex",alignItems:"center"},"& .WmeTask-content-wrapper":{width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",padding:e.spacing(1.5),"&.MuiCardActionArea-root:hover .WmeTaskIcon-wrapper":{backgroundColor:e.palette.background.primary}},"& .MuiTypography-body1":{color:e.palette.text.disabled,fontSize:"0.875rem"}}))),Pe=r.styled(o.Box,{name:"WmeTaskIcon",slot:"Root"})((({theme:e})=>({position:"relative",display:"flex",justifyContent:"center",alignItems:"center",zIndex:1,marginRight:e.spacing(2),width:50,height:50,backgroundColor:e.palette.grey[100],borderRadius:"50%",transition:e?.transitions?.create(["background-color"],{duration:e.transitions.duration.standard}),"& .MuiSvgIcon-root":{height:"1.25rem",width:"1.25rem"}}))),Ne=o.styled(o.Button,{name:"WmeSetupCardTaskCta",slot:"root"})((({theme:e})=>({textAlign:"center",paddingTop:e.spacing(1.5),paddingBottom:e.spacing(1.5),paddingLeft:e.spacing(2),paddingRight:e.spacing(2),borderRadius:e.shape.borderRadius,borderStyle:"dashed"}))),Ae=o.styled(o.Typography,{name:"WmeCardInfoRow",slot:"Primary"})((()=>({}))),Le=o.styled(o.Typography,{name:"WmeCardInfoRow",slot:"Secondary"})((()=>({marginLeft:"auto"}))),ze=o.styled(o.Box,{name:"WmeSetupCardInfoRow",slot:"root",shouldForwardProp:e=>"hasIcon"!==e})((({theme:e,hasIcon:t})=>({display:"flex",alignItems:"center",paddingTop:e.spacing(1.5),paddingBottom:e.spacing(1.5),paddingLeft:e.spacing(2),paddingRight:e.spacing(2),backgroundColor:e.palette.action.hover,borderRadius:e.shape.borderRadius,...t&&{"& .MuiSvgIcon-root":{marginRight:e.spacing(1),fontSize:"1rem"}}}))),Ee=r.styled(o.Box,{name:"WmeSetupCardFooter",slot:"Root",overridesResolver:(e,t)=>[t.root]})((({theme:e})=>({borderTop:`1px dashed ${e.palette.border.ui}`,paddingTop:e.spacing(3),paddingRight:e.spacing(4),paddingLeft:e.spacing(4),paddingBottom:e.spacing(3),fontSize:e.typography.pxToRem(14),"& .MuiAccordion-root":{boxShadow:"none"},"& .MuiAccordionSummary-root":{padding:0,minHeight:0,"&.Mui-expanded":{minHeight:0},"& .MuiAccordionSummary-content":{margin:0}},"& .MuiAccordionDetails-root":{paddingTop:e.spacing(3),paddingRight:0,paddingLeft:0},"& .MuiTypography-body1":{fontSize:e.typography.pxToRem(14)}}))),Oe=r.styled(H.default,{name:"WmeSetupCardList",slot:"Root"})((()=>({"& .MuiListItem-root":{padding:0}})));const De=r.styled(o.MenuItem,{name:"WmeMenuItem",slot:"Root"})((({theme:e})=>({height:e.globalStyles.menuListItemHeight,"& .WmeMenuItem-icon":{marginLeft:"auto","& .MuiSvgIcon-root":{fill:e.palette.primary.main}},"&.Mui-selected":{backgroundColor:e.palette.background.hover,"&:hover":{backgroundColor:e.palette.background.hover}}}))),He=r.styled(o.Typography,{name:"WmeInputTitle",slot:"Root"})((({theme:e})=>({fontWeight:"600",fontSize:14,marginBottom:5,color:e.palette.text.primary,textAlign:"left"}))),Ue=e=>{const{children:t}=e;return oe.exports.jsx(He,{className:"WmeInputTitle-root",children:t})},Ge=r.styled(o.FormHelperText,{name:"WmeFormHelperText",slot:"Root"})({fontSize:10,marginLeft:0}),$e=e=>{const{children:t}=e;return oe.exports.jsx(Ge,{className:"WmeFormHelperText-root",...e,children:t})},qe=r.styled(o.FormControlLabel,{name:"WmeFormControlLabel",slot:"Root"})((()=>({"& .MuiTypography-root":{fontSize:14,textAlign:"left"}}))),Ve=r.styled("div",{name:"WmeSetupCardListItem",slot:"WmeIconWrapper"})((({theme:e})=>({display:"flex",minWidth:e.spacing(3.5),"& svg":{fontSize:"1.5em"}}))),_e=r.styled("div",{name:"WmeSetupCardListItem",slot:"WmeTextWrapper"})((({theme:e})=>({marginTop:e.spacing(.5),marginBottom:e.spacing(.5)}))),Ye=r.styled("li",{name:"WmeSetupCardListItem",slot:"Root",shouldForwardProp:e=>"linkProps"!==e&&"icon"!==e&&"title"!==e&&"href"!==e})((({theme:e})=>({"& .MuiLink-root":{display:"flex",alignItems:"center",color:e.palette.text.primary,'&[href]:not([href=""]):hover':{color:e.palette.primary.main}}})));const Qe=r.styled(o.Chip)((({size:e,theme:t})=>({backgroundColor:t.palette.info.light,color:t.palette.info.dark,"&.Mui-disabled":{opacity:1,backgroundColor:t.palette.background.grey,color:t.palette.text.disabled},"& .MuiChip-icon":{marginRight:t.spacing(.5),marginLeft:t.spacing(-.5)},"&.MuiChip-colorSuccess":{backgroundColor:t.palette.success.main,color:t.palette.text.white},"&.MuiChip-colorPrimary":{backgroundColor:t.palette.primary.dark,color:t.palette.text.white},"&.MuiChip-colorWarning":{backgroundColor:t.palette.warning.light,color:t.palette.warning.dark},"&.MuiChip-colorError":{backgroundColor:t.palette.error.main,color:t.palette.text.white},"&.MuiChip-colorSecondary":{backgroundColor:t.palette.secondary.light,color:t.palette.text.white},..."small"===e&&{"& .MuiChip-icon":{marginRight:t.spacing(.25),marginLeft:t.spacing(-.25)}}})));function Je(e){return oe.exports.jsx(Qe,{className:"WmeChip-root",...e})}const Xe=r.styled(o.Chip,{name:"WmePill",slot:"Root"})((({theme:e})=>({backgroundColor:e.palette.background.grey,color:e.palette.text.primary,cursor:"pointer",marginBottom:e.spacing(1),"&.MuiChip-filledSecondary":{backgroundColor:e.palette.background.dark,color:e.palette.text.white}})));function Ke(e){const{active:o,label:r,onClick:n}=e,[a,i]=A.default.useState(o);t.useEffect((()=>{void 0!==o&&i(o)}),[o]);return oe.exports.jsx(Xe,{className:"WmePill-root",label:r,color:a?"secondary":void 0,onClick:()=>{const e=!a;i(e),n&&n(r||"",e)}})}const Ze=r.styled(o.Box,{name:"WmePillGroup",slot:"Root"})((({theme:e})=>({display:"flex",flexDirection:"column","& .WmeFormFieldLabel-root":{marginBottom:e.spacing(3)}}))),et=r.styled(o.Stack,{name:"WmePillGroupWrapper",slot:"Root"})((()=>({display:"flex",flexWrap:"wrap","& > .MuiChip-root:last-of-type":{marginLeft:0}})));const tt=r.styled("div",{name:"WmeProgressBar",slot:"Root"})((()=>({display:"flex",flexWrap:"wrap",alignItems:"center"}))),ot=r.styled(o.LinearProgress,{name:"WmeProgressBar",slot:"Progress",shouldForwardProp:e=>"statusMessage"!==e})((()=>({flexGrow:1}))),rt=r.styled(o.Typography,{name:"WmeProgressBar",slot:"Percentage"})((({theme:e})=>({minWidth:e.spacing(3),marginLeft:e.spacing(1),textAlign:"right"}))),nt=r.styled(o.Typography,{name:"WmeProgressBar",slot:"Status"})((({theme:e})=>({flex:"0 0 100%",color:e.palette.text.secondary})));const at=r.styled(o.Tooltip,{name:"WmeTooltip",slot:"Root"})((()=>({padding:"2px 4px"}))),it=o.styled(o.Box,{name:"WmeFileUpload",slot:"Root"})({}),lt=o.styled(o.Box,{name:"WmeFileUploadBody",slot:"Root"})((({error:e,theme:t})=>({alignItems:"center",border:e?`1px dashed ${t.palette.error.main}`:"1px dashed #C4C4C4",borderRadius:4,display:"flex",flexDirection:"column",justifyContent:"center",minHeight:106,"& .MuiInputBase-input":m.visuallyHidden}))),st=r.styled(o.Typography,{name:"WmeErrorText",slot:"Root"})((({theme:e})=>({color:e.palette.error.main,fontSize:10,marginTop:8})));function ct(e,t){if(0===e.length)return{};if("number"==typeof e)return{gridTemplateColumns:`repeat(${e}, 1fr)`};const o=t?.breakpoints?.keys.map((o=>o in e&&"number"==typeof e[o]?{[t.breakpoints.up(o)]:{gridTemplateColumns:`repeat(${e[o]}, 1fr)`}}:null));return Object.assign({},...o.filter((e=>e&&"object"==typeof e)))}const dt=o.styled(o.ToggleButtonGroup,{name:"WmeCardSelectGroup",slot:"Root",shouldForwardProp:e=>"cardPadding"!==e&&"cardSpacing"!==e&&"cardColumns"!==e})((({orientation:e="horizontal",theme:t,cardSpacing:o=2,cardPadding:r="sm",cardColumns:n=1})=>({display:"grid",gap:t.spacing(Number(o)),"& .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:t.palette.secondary.main,borderWidth:1,borderStyle:"solid"},...ct(n,t),..."vertical"===e&&{gridTemplateColumns:"1","& .WmeCardSelectItem-icon":{marginRight:t.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"===r?t.spacing(4):t.spacing(2)}})));const pt=o.styled(o.ToggleButton,{shouldForwardProp:e=>"hasFooter"!==e&&"completedIcon"!==e&&"cardPadding"!==e})((({theme:e,disabled:t,hasFooter:o})=>({position:"relative",transition:e?.transitions?.create(["border-color"],{duration:e.transitions.duration.standard}),"&.MuiButtonBase-root.MuiToggleButton-root.Mui-selected":{backgroundColor:"transparent",borderColor:e.palette.secondary.main,borderWidth:1,borderStyle:"solid"},"&.MuiButtonBase-root.WmeCardSelectItem-root":{display:"flex",textTransform:"none",borderRadius:e.spacing(.5),border:`1px solid ${e.palette.border.ui}`,"& + .MuiButtonBase-root.WmeCardSelectItem-root":{borderRadius:e.spacing(.5),border:`1px solid ${e.palette.border.ui}`},"&:hover, &:focus":{borderColor:e.palette.secondary.dark,backgroundColor:"transparent"},"& + .MuiButtonBase-root.WmeCardSelectItem-root.Mui-selected":{backgroundColor:"transparent",borderColor:e.palette.secondary.main,borderWidth:1,borderStyle:"solid"},...o&&{paddingBottom:e.spacing(2)}},"& .MuiTouchRipple-root":{opacity:"0.25"},...t&&{backgroundColor:e.palette.background.hover,"& .WmeCardSelectItem-icon":{backgroundColor:e.palette.common.white}}}))),mt=o.styled("div",{name:"WmeCardSelectItem",slot:"CompleteContainer"})((({theme:e})=>({position:"absolute",top:e.spacing(1),right:e.spacing(1)}))),ut=o.styled("div",{name:"WmeCardSelectItem",slot:"CompleteIcon"})((({theme:e})=>({width:e.spacing(2.75),height:e.spacing(2.75),borderRadius:"50%",backgroundColor:e.palette.secondary.main,display:"flex",alignItems:"center",justifyContent:"center","& .MuiSvgIcon-root":{color:e.palette.text.white,fontSize:"1.4em"}}))),ht=o.styled("div",{name:"WmeCardSelectItem",slot:"Icon",shouldForwardProp:e=>"icon"!==e})((({theme:e})=>({width:e.spacing(7),height:e.spacing(7),borderRadius:"50%",backgroundColor:e.palette.grey[100],display:"flex",flexShrink:0,alignItems:"center",justifyContent:"center",overflow:"hidden","& img, & svg":{width:e.spacing(3),height:"auto"}}))),xt=o.styled(o.Box,{name:"WmeCardSelectItem",slot:"ContentOuter",shouldForwardProp:e=>"icon"!==e})((()=>({display:"flex",flexDirection:"column",flexGrow:1}))),gt=o.styled(o.Box,{name:"WmeCardSelectItem",slot:"ContentInner",shouldForwardProp:e=>"icon"!==e})((()=>({flexGrow:1}))),yt=o.styled(o.Box,{name:"WmeCardSelectItem",slot:"Footer",shouldForwardProp:e=>"icon"!==e})((({theme:e})=>({fontSize:10,textTransform:"initial",color:e.palette.text.primary,lineHeight:1.6,marginTop:e.spacing(2)}))),ft=o.styled(o.Typography,{name:"WmeCardSelectItem",slot:"Primary"})((({theme:e})=>({display:"block",fontWeight:600,color:e.palette.text.primary,marginBottom:e.spacing(1)}))),bt=o.styled(o.Typography,{name:"WmeCardSelectItem",slot:"Secondary"})((({theme:e})=>({display:"block",color:e.palette.text.primary}))),Ct=()=>oe.exports.jsx(ut,{children:oe.exports.jsx(U.default,{})});const Wt=r.styled(o.Box,{name:"WmeVideoEmbed",slot:"Root"})((()=>({overflow:"hidden",paddingBottom:"56.25%",position:"relative",height:0}))),St=r.styled(o.CardMedia,{name:"WmeVideoEmbed",slot:"Media",shouldForwardProp:e=>"width"!==e&&"height"!==e})((({width:e,height:t})=>({position:"absolute",top:0,left:0,height:t||"100%",width:e||"100%"}))),jt=r.styled(o.Grid,{name:"WmeWizardGrid",slot:"Root"})((()=>({height:"100%"}))),kt=r.styled(o.Grid,{name:"SidebarContainer",slot:"Root"})((()=>({display:"flex",flexDirection:"column",position:"relative"}))),vt=r.styled(o.Grid,{name:"WizardContainer",slot:"Root"})((()=>({display:"flex",flexDirection:"column",position:"relative"}))),It=t.forwardRef(((e,t)=>oe.exports.jsx(o.Paper,{ref:t,...e}))),wt=t.forwardRef(((e,t)=>{const{children:r,bgStyles:n,SidebarProps:a,FooterProps:i,exit:l,...s}=e,c=void 0!==a;return oe.exports.jsx(o.Dialog,{fullScreen:!0,fullWidth:!0,...s,PaperComponent:It,PaperProps:{ref:t},children:oe.exports.jsxs(jt,{container:!0,children:[c&&oe.exports.jsx(kt,{item:!0,xs:2.5,children:oe.exports.jsx(Et,{...a})}),oe.exports.jsxs(vt,{item:!0,xs:c?9.5:12,sx:n,children:[r,i&&oe.exports.jsx(Qt,{...i})]})]})})})),Mt=r.styled(o.Box,{name:"WmeWizardHeader",slot:"Root"})((({theme:e})=>({display:"flex",paddingTop:e.spacing(2),paddingBottom:e.spacing(2),justifyContent:"space-between",alignItems:"center",position:"relative",zIndex:1}))),Bt=r.styled(o.Box,{name:"WmeWizardSectionTitle",slot:"Root",shouldForwardProp:e=>"bookend"!==e})((({width:e,bookend:t})=>({width:e||"auto",margin:t?"0px auto":0,textAlign:t?"center":"inherit"}))),Tt=r.styled(o.Typography,{name:"WmeWizardSectionTitle",slot:"Heading"})((({theme:e})=>({marginBottom:e.spacing(2),color:e.palette.text.primary,fontWeight:400}))),Rt=r.styled(o.Typography,{name:"WmeWizardSectionTitle",slot:"Copy"})((()=>({lineHeight:Ce(24)}))),Ft=r.styled(o.Box,{name:"WmeWizardSectionTitle",slot:"IconContainer"})((({theme:e})=>({marginBottom:e.spacing(3)})));var Pt=e=>{const{heading:t,headingComponent:o,headingVariant:r,copy:n,copyAlign:a,copyVariant:i,iconSrc:l,iconAlt:s,iconWidth:c="auto",width:d,bookend:p,...m}=e,u=p?"isBookend":"";return oe.exports.jsxs(Bt,{className:`WmeWizardSectionTitle-root ${u}`,width:d,bookend:p,...m,children:[l&&oe.exports.jsx(Ft,{className:`WmeWizardSectionTitle-iconContainer ${u}`,children:oe.exports.jsx("img",{src:l,alt:s,width:c})}),t&&oe.exports.jsx(Tt,{className:`WmeWizardSectionTitle-heading ${u}`,component:o||"h2",variant:r,children:t}),n&&oe.exports.jsx(Rt,{align:a&&!p?a:"inherit",className:`WmeWizardSectionTitle-copy ${u}`,variant:i||"body1",children:n})]})};const Nt=r.styled(o.Box,{name:"WmeWizardSidebar",slot:"Root"})((({theme:e})=>({display:"flex",flexDirection:"column",justifyContent:"space-between",padding:`${e.spacing(2)} ${e.spacing(4)}`,backgroundColor:e.palette.background.dark,color:e.palette.text.white,height:"100%","& .WmeWizardSectionTitle-heading":{color:e.palette.text.white},"& .WmeWizardSectionTitle-copy":{color:e.palette.text.white}}))),At=r.styled(o.Box,{name:"WmeWizardSidebarBox",slot:"Root"})((()=>({flex:1,display:"flex",flexDirection:"column"}))),Lt=r.styled(o.Box,{name:"WmeWizardSidebarSubtextBox",slot:"Root"})((({theme:e})=>({display:"flex",alignItems:"flex-start",gap:e.spacing(2)}))),zt=oe.exports.jsx("svg",{width:14,height:14,viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:oe.exports.jsx("path",{d:"M6.333 11h1.334V9.667H6.333V11zM7 .333A6.67 6.67 0 00.333 7 6.67 6.67 0 007 13.667 6.67 6.67 0 0013.667 7 6.67 6.67 0 007 .333zm0 12A5.34 5.34 0 011.667 7 5.34 5.34 0 017 1.667 5.34 5.34 0 0112.333 7 5.34 5.34 0 017 12.333zM7 3a2.666 2.666 0 00-2.667 2.667h1.334c0-.734.6-1.334 1.333-1.334s1.333.6 1.333 1.334c0 1.333-2 1.166-2 3.333h1.334c0-1.5 2-1.667 2-3.333A2.666 2.666 0 007 3z",fill:"#fff"})});function Et(e){const{logo:t,icon:r,heading:n,body:a,children:i,subtext:l,subtextIcon:s=zt}=e;return oe.exports.jsxs(Nt,{children:[oe.exports.jsx(At,{sx:{justifyContent:"flex-start",marginTop:"auto"},children:t||null}),oe.exports.jsxs(At,{sx:{justifyContent:"center",paddingTop:4,paddingBottom:4,gap:3},children:[r||null,oe.exports.jsx(Pt,{heading:n,copy:a,headingVariant:"h3",sx:{color:"white"}}),i||null]}),oe.exports.jsx(At,{sx:{justifyContent:"flex-end",marginBottom:"auto"},children:oe.exports.jsxs(Lt,{children:[l&&(s||null),oe.exports.jsx(o.Typography,{sx:{color:"white",flex:1},variant:"subtext",children:l})]})})]})}const Ot="wizard";function Dt(e=-1){const[o,r]=t.useState(-1);return t.useEffect((()=>{e>o&&r(e)}),[o,e]),{maxActiveStep:o}}const Ht=r.styled(o.Box,{name:"WmeWizardFooter",slot:"Root"})((({theme:e})=>({display:"flex",alignItems:"center",marginTop:"auto",justifyContent:"center",marginLeft:e.spacing(2),marginRight:e.spacing(2),padding:`${e.spacing(2)} ${e.spacing(2)}`,backgroundColor:e.palette.background.primary}))),Ut=r.styled(o.Box,{name:"WmeWizardFooter",slot:"Prev"})((()=>({display:"flex",alignItems:"center",flex:1}))),Gt=r.styled(o.Box,{name:"WmeWizardFooter",slot:"Nav"})((()=>({flex:1,maxWidth:"500px"}))),$t=r.styled(o.Box,{name:"WmeWizardFooter",slot:"Skip"})((({theme:e})=>({marginRight:e.spacing(1)}))),qt=r.styled(o.Box,{name:"WmeWizardFooter",slot:"Next"})((()=>({display:"flex",flex:1,justifyContent:"flex-end",alignItems:"center"}))),Vt=r.styled(o.Stepper,{name:"WmeStepper",slot:"Root"})((()=>({justifyContent:"center"}))),_t=r.styled(o.StepButton,{name:"WmeStepButton",slot:"Root"})((({theme:e})=>({"& .MuiStepLabel-root":{"& .MuiStepLabel-iconContainer":{"& .MuiSvgIcon-root":{color:e.palette.secondary.main,width:"18px",height:"18px"}},"& .MuiStepLabel-labelContainer":{"& .MuiStepLabel-label":{fontWeight:500}},"&.Mui-disabled":{"& .MuiStepLabel-iconContainer":{"& .MuiSvgIcon-root":{color:e.palette.text.disabled}},"& .MuiStepLabel-label.Mui-disabled":{color:e.palette.text.disabled},"&:hover":{"& .MuiStepLabel-labelContainer":{textDecoration:"underline",textDecorationColor:e.palette.text.disabled,cursor:"pointer"}}}}}))),Yt=r.styled(x.LoadingButton,{name:"WmeLoadingButton",slot:"Root"})((({theme:e})=>({textTransform:"none",paddingLeft:e.spacing(5),"&.MuiButtonBase-root":{color:e.palette.text.white,backgroundColor:e.palette.text.disabled}})));var Qt=e=>{const{backText:t,onBack:r,nextText:n,nextEndIcon:a,nextStartIcon:i,onNext:l,skipText:s,onSkip:c,activeStep:d,steps:p,onClickStep:m,disableNext:u=!1,isLoading:h=!1,loadingText:x,save:g,hideSkip:y,hideFooter:f,disableAll:b,isLastStep:C=!1,...W}=e,{maxActiveStep:S}=Dt(d),j=p[d],k=b||j?.disableAll;let v="WmeWizardFooterNextButton";return C&&(v+=" isLastStep"),f?null:oe.exports.jsxs(Ht,{className:"WmeWizardFooter-root",...W,children:[oe.exports.jsx(Ut,{className:"WmeWizardFooter-prev",children:!j?.hideBack&&oe.exports.jsx(ce,{startIcon:oe.exports.jsx(G.default,{}),onClick:r,disabled:k,sx:{marginLeft:-1},children:t})}),oe.exports.jsx(Gt,{className:"WmeWizardFooter-nav",children:oe.exports.jsx(Vt,{activeStep:S,connector:null,className:"WmeStepper-root",children:p?.map((e=>{if(e.id>p.length||e.hidePagination)return null;const t=e.id===d,r=e.id<=S;return oe.exports.jsx(o.Step,{active:r,completed:r&&!t,children:oe.exports.jsx(_t,{className:"WmeStepButton-root",disabled:k||e.disable,onClick:()=>m?.(e),sx:{"&:hover":{textDecoration:r?"underline":"none"}},children:e.label})},e.id)}))})}),!j?.hideNext&&oe.exports.jsxs(qt,{className:"WmeWizardFooter-next",children:[(y||!j?.hideSkip)&&oe.exports.jsx($t,{className:"WmeWizardFooter-skip",children:oe.exports.jsx(ce,{onClick:c,disabled:k,children:s})}),h?oe.exports.jsx(Yt,{loading:!0,variant:"contained",loadingPosition:"start",children:x}):oe.exports.jsx(ce,{variant:"contained",color:"primary",onClick:C?g:l,disabled:u||j?.disableNext||k,className:v,endIcon:a,startIcon:i,children:n})]})]})};const Jt=o.styled(o.Box,{name:"WmeForm",slot:"Root"})({}),Xt=o.styled(o.Checkbox,{name:"WmeCheckboxInput",slot:"Root"})((({theme:e})=>({"&.Mui-checked":{"& .MuiSvgIcon-root":{fill:e.palette.secondary.main}},"&:focus, &:hover":{"& .MuiSvgIcon-root":{fill:e.palette.secondary.dark}},"& .MuiSvgIcon-root":{fill:e.palette.text.disabled},"&:hover":{backgroundColor:"transparent"}}))),Kt=o.styled(o.FormControlLabel,{name:"WmeInputLabel",slot:"Root"})((({theme:e})=>({"& .MuiTypography-root":{color:e.palette.text.primary,fontSize:14,textAlign:"left"}}))),Zt=o.styled(o.Select,{name:"WmeSelectInput",slot:"Root"})((({theme:e})=>({color:e.palette.text.disabled,height:e.globalStyles.menuListItemHeight,"& .MuiSelect-select":{"& .Wme-selected-text":{color:e.palette.text.primary}},"&.Mui-focused":{"& .MuiOutlinedInput-notchedOutline":{borderColor:e.palette.text.primary,borderWidth:1}},"&.Mui-error":{"& .MuiOutlinedInput-notchedOutline":{borderColor:e.palette.error.main}}}))),eo=o.styled(o.InputBase,{name:"WmeFileInput",slot:"Root"})({}),to=e=>oe.exports.jsx(eo,{type:"file",className:"WmeFileInput-root",inputProps:e}),oo=o.styled(o.Box,{name:"WmeFileUploadSelect",slot:"Root"})({alignItems:"center",display:"flex",flexDirection:"column",justifyContent:"center","& .MuiInputBase-input":m.visuallyHidden}),ro=({buttonText:e,buttonProps:t,helperText:o,inputProps:r,...n})=>oe.exports.jsxs(oo,{className:"WmeFileUploadSelect-root",...n,children:[oe.exports.jsxs("label",{htmlFor:r?.id,children:[oe.exports.jsx(to,{...r}),oe.exports.jsx(ce,{color:"primary",startIcon:oe.exports.jsx($.default,{}),variant:"contained",component:"span",...t,children:e||"Add File"})]}),o&&oe.exports.jsx($e,{children:o})]}),no=o.styled(o.Box,{name:"WmeFileUploadRemove",slot:"Root"})({alignItems:"center",display:"flex",justifyContent:"center"}),ao=({buttonText:e,cancelText:t,onCancel:o,onRemove:r,...n})=>oe.exports.jsxs(no,{className:"WmeFileUploadRemove-root",...n,children:[oe.exports.jsx(ce,{color:"error",onClick:r,startIcon:oe.exports.jsx(q.default,{}),variant:"contained",children:e||"Delete"}),t&&oe.exports.jsx(ce,{onClick:o,sx:{color:"text.primary",ml:1},children:t})]}),io=o.styled(o.Box,{name:"WmeFilePreview",slot:"Root"})({}),lo=({filePath:e,imagePath:t,imageAlt:o,...r})=>oe.exports.jsx(io,{className:"WmeFilePreview-root",...r,children:t?oe.exports.jsx("img",{src:t,alt:o}):oe.exports.jsx(ce,{color:"info",disabled:!0,startIcon:oe.exports.jsx(V.default,{}),variant:"contained",children:e})}),so=o.styled(o.Box,{name:"WmeFileUploadHeader",slot:"Root"})({alignItems:"center",display:"flex",justifyContent:"space-between","& .WmeErrorText":{cursor:"pointer",marginLeft:"auto"}}),co=o.styled(_.default,{name:"WmeFileUploadHeaderButton",slot:"Root"})((({theme:e})=>({background:"none",border:"none",color:e.palette.error.main,cursor:"pointer",margin:0,padding:0}))),po=({button:e,buttonText:t,labelText:o,onRemove:r,showButton:n,...a})=>oe.exports.jsxs(so,{className:"WmeFileUploadHeader-root",...a,children:[o&&oe.exports.jsx(Ue,{children:o}),n&&(e||oe.exports.jsx(co,{onClick:r,children:t}))]}),mo=o.styled(o.FormHelperText,{name:"WmeInputHelperText",slot:"Root"})({fontSize:10,marginLeft:0}),uo=({children:e,...t})=>oe.exports.jsx(mo,{className:"WmeInputHelperText-root",...t,children:e}),ho=Y.default(g.FormControlUnstyled,{name:"WmeFormFieldControl",slot:"Root"})({}),xo=({children:e,...t})=>oe.exports.jsx(ho,{className:"WmeFormFieldControl-root",...t,children:e}),go=o.styled(o.Typography,{name:"WmeInputError",slot:"Root"})((({theme:e})=>({color:e.palette.error.main,fontSize:10,marginTop:8}))),yo=({children:e,...t})=>g.useFormControlUnstyledContext()?.error?oe.exports.jsx(go,{className:"WmeInputError-root",...t,children:e}):null,fo=o.styled(o.InputBase,{name:"WmeTextInput",slot:"Root"})((({theme:e})=>({"&.MuiInputBase-root":{"& .MuiInputAdornment-root":{position:"absolute",right:15}},"& .MuiInputBase-input":{border:`1px solid ${e.palette.border.ui}`,borderRadius:4,padding:"4px 12px",position:"relative",width:"100%","&:focus":{borderColor:e.palette.text.primary,boxShadow:"none",outline:"none"},"&:disabled":{borderColor:e.palette.background.disabled,backgroundColor:e.palette.background.disabled,boxShadow:"none"},"&.MuiInputBase-inputMultiline":{paddingTop:8,paddingBottom:8}},"&.MuiInputBase-adornedEnd .MuiInputBase-input":{paddingRight:"35px"},"&.Mui-error":{color:e.palette.error.main,"& .MuiInputBase-input":{borderColor:e.palette.error.main},"& .MuiInputAdornment-root":{"& .MuiSvgIcon-root":{color:e.palette.error.main}}},"&.Mui-disabled":{borderRadius:4,backgroundColor:e.palette.background.disabled}}))),bo=e=>{const t=g.useFormControlUnstyledContext();return oe.exports.jsx(fo,{className:"WmeTextInput-root",error:t?.error,...e})},Co=o.styled(o.TextField,{name:"WmeChipInput",slot:"Root"})((({theme:e})=>({maxWidth:"100%",width:"100%",boxSizing:"border-box",border:`1px solid ${e.palette.border.ui}`,padding:"4px 12px",position:"relative",borderRadius:4,"& .MuiInputBase-root":{padding:0,display:"flex",flexWrap:"wrap",alignItems:"center",gap:3,"&.Mui-focused .MuiOutlinedInput-notchedOutline":{border:0},"& .MuiOutlinedInput-notchedOutline":{border:0}},"& .MuiInputBase-input.MuiOutlinedInput-input":{border:0,padding:0,width:"auto",height:"100%","&:focus":{borderColor:e.palette.text.primary,boxShadow:"none",outline:"none"},"&:disabled":{borderColor:e.palette.background.disabled,backgroundColor:e.palette.background.disabled,boxShadow:"none"}}}))),Wo=o.styled(o.Chip,{name:"WmePasswordInputChip",slot:"Root"})((({theme:e})=>({height:26,"&.MuiChip-filledSuccess":{backgroundColor:e.palette.success,color:e.palette.text.white},"&.MuiChip-filledWarning":{backgroundColor:e.palette.warning,color:e.palette.text.white},"&.MuiChip-filledError":{backgroundColor:e.palette.error,color:e.palette.text.white}}))),So=({color:e,label:t,...o})=>oe.exports.jsx(Wo,{className:"WmePasswordInputChip-root",color:e,label:t,...o}),jo=o.styled(o.InputAdornment,{name:"WmePasswordInputAdornment",slot:"Root"})({position:"absolute",right:15}),ko=({chip:e,onClickAdornment:t,visible:r,...n})=>oe.exports.jsxs(jo,{className:"WmePasswordInputAdornment-root",...n,children:[e,oe.exports.jsx(o.IconButton,{"aria-label":"toggle password visibility",edge:"end",onClick:t,onMouseDown:e=>e.preventDefault(),children:r?oe.exports.jsx(J.default,{}):oe.exports.jsx(Q.default,{})})]}),vo=o.styled(bo,{name:"WmePasswordInput",slot:"Root"})({}),Io=r.styled(X.default,{name:"WmeRadioGroup",slot:"Root"})((({theme:e})=>({"&.MuiRadio-checked":{"& .MuiSvgIcon-root":{fill:e.palette.secondary.dark}},"&:focus, &:hover":{"& .MuiSvgIcon-root":{fill:e.palette.secondary.dark}},"& .MuiSvgIcon-root":{fill:e.palette.secondary.main}}))),wo=o.styled(o.InputLabel,{name:"WmeFormFieldLabel",slot:"Root"})((({theme:e})=>({color:e.palette.text.primary,fontSize:14,fontWeight:"600",marginBottom:5,textAlign:"left"}))),Mo=({children:e,...t})=>oe.exports.jsx(wo,{className:"WmeFormFieldLabel-root",...t,children:e}),Bo=r.styled(o.Box,{name:"WmeLogoContainer",slot:"Root"})((()=>({margin:0,"& img":{width:"100%"},"& svg":{width:"100%",height:"auto"}}))),To=r.styled(o.Box,{name:"WmeExitButton",slot:"Root"})((({theme:e})=>({margin:0,"& .MuiButton-text.WmeButton-root":{fontWeight:"600",color:e.palette.text.disabled}}))),Ro=r.styled(o.Box,{name:"WmeDeviceSelectionContainer",slot:"Root"})((()=>({display:"flex",alignItems:"center"}))),Fo={active:{color:"primary.dark",mx:"5px"},default:{color:"#BFBFBF",cursor:"pointer",mx:"5px"}},Po=o.styled(o.Switch,{name:"WmeSwitch",slot:"Root"})((({theme:e})=>({"& .MuiSwitch-switchBase":{"&:hover":{backgroundColor:"transparent"},"& .MuiSwitch-thumb":{border:`1px solid ${e.palette.text.disabled}`},"+ .MuiSwitch-track":{backgroundColor:e.palette.text.disabled,opacity:1},"&.Mui-checked":{"& .MuiSwitch-thumb":{backgroundColor:e.palette.background.primary,border:`1px solid ${e.palette.primary.main}`},"+ .MuiSwitch-track":{backgroundColor:e.palette.primary.main,opacity:1}}}}))),No=r.styled(o.ListItem,{name:"WmeListItemCheckout",slot:"Root"})((({theme:e})=>({margin:0,display:"flex",gap:e.spacing(2),paddingRight:e.spacing(1),"& .MuiButton-text.WmeButton-root":{fontWeight:"600",color:e.palette.text.disabled}}))),Ao=r.styled(o.Typography,{name:"WmeListItemCheckout",slot:"Primary"})((({theme:e})=>({display:"block",fontWeight:600,color:e.palette.text.primary,flexGrow:1,fontSize:"0.88rem"}))),Lo=r.styled(o.Typography,{name:"WmeListItemCheckout",slot:"SecondaryText"})((({theme:e})=>({display:"block",fontWeight:600,color:e.palette.text.primary,fontSize:"0.88rem"}))),zo=r.styled(o.Box,{name:"WmeListItemCheckout",slot:"ContentInner"})((({theme:e})=>({display:"flex",alignItems:"baseline",gap:e.spacing(2),marginRight:e.spacing(1)}))),Eo=r.styled(ee.default,{name:"WmeListItemCheckout",slot:"AddShoppingCartIcon"})((({theme:e})=>({"&:hover":{color:e.palette.primary.main}}))),Oo=r.styled(D.default,{name:"WmeListItemCheckout",slot:"CheckCircleIcon"})((({theme:e})=>({color:e.palette.secondary.main}))),Do=r.styled(Je,{name:"WmeListItemCheckout",slot:"Chip"})((({theme:e})=>({marginRight:e.spacing(2)}))),Ho=o.styled(o.Box,{name:"WmeTemplateGroup",slot:"Root"})((({theme:e})=>({display:"grid",gap:e.spacing(3),gridTemplateColumns:"1fr 1fr",[e.breakpoints.up("sm")]:{gridTemplateColumns:"1fr 1fr 1fr"}})));const Uo=o.styled(o.Box)((({theme:e})=>({position:"relative",width:"100%",height:0,paddingBottom:"135%",overflow:"hidden",borderRadius:2,border:"1px solid transparent",transition:"all 0.3s ease-in-out",cursor:"pointer","&:hover, &:focus":{borderColor:e.palette.text.primary,"& > .MuiBox-root":{transform:"translateY(0)",opacity:1},".is-hovered &":{opacity:1}},"&.is-selected":{borderColor:e.palette.success.main,"& > .MuiBox-root":{transform:"translateY(0)",opacity:1},".is-hovered &":{opacity:1}},".is-hovered &":{opacity:.5}}))),Go=o.styled("img")((()=>({width:"100%"}))),$o=o.styled("iframe")((()=>({position:"absolute",width:1280,height:2e3,transform:"scale(0.2)",transformOrigin:"0 0",border:0,overflow:"hidden"}))),qo=o.styled(o.Box)((({theme:e})=>({position:"absolute",bottom:0,left:0,width:"100%",zIndex:2,textAlign:"center",fontSize:e.typography.pxToRem(13),padding:"12px 0",backgroundColor:e.palette.common.black,color:e.palette.common.white,transition:"all 0.3s ease-in-out",opacity:0,".is-selected &":{backgroundColor:e.palette.success.main}}))),Vo=o.styled(D.default)((({theme:e})=>({position:"absolute",right:20,top:"50%",transform:"translateY(-50%)",fontSize:e.typography.htmlFontSize})));const _o=r.styled(o.Box)((({theme:e})=>({display:"flex",alignItems:"center",gap:20,flexDirection:"column",[e.breakpoints.up("sm")]:{flexDirection:"row"}}))),Yo=r.styled(o.Link)((({theme:e})=>({fontSize:e.typography.body1.fontSize,fontWeight:e.typography.fontWeightMedium,color:e.palette.text.primary,display:"inline-flex",alignItems:"center",justifyContent:"center",gap:4,cursor:"pointer","&:hover, &:active":{color:e.palette.primary.main}}))),Qo=r.styled("span")((()=>({textDecoration:"underline",textUnderlineOffset:2,fontSize:".875rem"}))),Jo=r.styled(o.Box)((({theme:e})=>({height:16,width:16,display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:e.typography.pxToRem(8),border:`1px solid ${e.palette.text.primary}`,borderRadius:"50%"})));
/**
* @remix-run/router v1.0.5
*
* Copyright (c) Remix Software Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE.md file in the root directory of this source tree.
*
* @license MIT
*/
function Xo(){return Xo=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},Xo.apply(this,arguments)}var Ko;!function(e){e.Pop="POP",e.Push="PUSH",e.Replace="REPLACE"}(Ko||(Ko={}));const Zo="popstate";function er(e){return void 0===e&&(e={}),function(e,t,o,r){void 0===r&&(r={});let{window:n=document.defaultView,v5Compat:a=!1}=r,i=n.history,l=Ko.Pop,s=null;function c(){l=Ko.Pop,s&&s({action:l,location:m.location})}function d(e,t){l=Ko.Push;let r=rr(m.location,e,t);o&&o(r,e);let c=or(r),d=m.createHref(r);try{i.pushState(c,"",d)}catch(e){n.location.assign(d)}a&&s&&s({action:l,location:m.location})}function p(e,t){l=Ko.Replace;let r=rr(m.location,e,t);o&&o(r,e);let n=or(r),c=m.createHref(r);i.replaceState(n,"",c),a&&s&&s({action:l,location:m.location})}let m={get action(){return l},get location(){return e(n,i)},listen(e){if(s)throw new Error("A history only accepts one active listener");return n.addEventListener(Zo,c),s=e,()=>{n.removeEventListener(Zo,c),s=null}},createHref:e=>t(n,e),encodeLocation(e){let t=ir("string"==typeof e?e:nr(e));return{pathname:t.pathname,search:t.search,hash:t.hash}},push:d,replace:p,go:e=>i.go(e)};return m}((function(e,t){let{pathname:o,search:r,hash:n}=e.location;return rr("",{pathname:o,search:r,hash:n},t.state&&t.state.usr||null,t.state&&t.state.key||"default")}),(function(e,t){return"string"==typeof t?t:nr(t)}),null,e)}function tr(e,t){if(!1===e||null==e)throw new Error(t)}function or(e){return{usr:e.state,key:e.key}}function rr(e,t,o,r){return void 0===o&&(o=null),Xo({pathname:"string"==typeof e?e:e.pathname,search:"",hash:""},"string"==typeof t?ar(t):t,{state:o,key:t&&t.key||r||Math.random().toString(36).substr(2,8)})}function nr(e){let{pathname:t="/",search:o="",hash:r=""}=e;return o&&"?"!==o&&(t+="?"===o.charAt(0)?o:"?"+o),r&&"#"!==r&&(t+="#"===r.charAt(0)?r:"#"+r),t}function ar(e){let t={};if(e){let o=e.indexOf("#");o>=0&&(t.hash=e.substr(o),e=e.substr(0,o));let r=e.indexOf("?");r>=0&&(t.search=e.substr(r),e=e.substr(0,r)),e&&(t.pathname=e)}return t}function ir(e){let t="undefined"!=typeof window&&void 0!==window.location&&"null"!==window.location.origin?window.location.origin:window.location.href,o="string"==typeof e?e:nr(e);return tr(t,"No window.location.(origin|href) available to create URL for href: "+o),new URL(o,t)}var lr;function sr(e,t,o,r){return"Cannot include a '"+e+"' character in a manually specified `to."+t+"` field ["+JSON.stringify(r)+"]. Please separate it out to the `to."+o+'` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.'}function cr(e,t,o,r){let n;void 0===r&&(r=!1),"string"==typeof e?n=ar(e):(n=Xo({},e),tr(!n.pathname||!n.pathname.includes("?"),sr("?","pathname","search",n)),tr(!n.pathname||!n.pathname.includes("#"),sr("#","pathname","hash",n)),tr(!n.search||!n.search.includes("#"),sr("#","search","hash",n)));let a,i=""===e||""===n.pathname,l=i?"/":n.pathname;if(r||null==l)a=o;else{let e=t.length-1;if(l.startsWith("..")){let t=l.split("/");for(;".."===t[0];)t.shift(),e-=1;n.pathname=t.join("/")}a=e>=0?t[e]:"/"}let s=function(e,t){void 0===t&&(t="/");let{pathname:o,search:r="",hash:n=""}="string"==typeof e?ar(e):e,a=o?o.startsWith("/")?o:function(e,t){let o=t.replace(/\/+$/,"").split("/");return e.split("/").forEach((e=>{".."===e?o.length>1&&o.pop():"."!==e&&o.push(e)})),o.length>1?o.join("/"):"/"}(o,t):t;return{pathname:a,search:dr(r),hash:pr(n)}}(n,a),c=l&&"/"!==l&&l.endsWith("/"),d=(i||"."===l)&&o.endsWith("/");return s.pathname.endsWith("/")||!c&&!d||(s.pathname+="/"),s}!function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"}(lr||(lr={}));const dr=e=>e&&"?"!==e?e.startsWith("?")?e:"?"+e:"",pr=e=>e&&"#"!==e?e.startsWith("#")?e:"#"+e:"";const mr="function"==typeof Object.is?Object.is:
/**
* React Router v6.4.5
*
* Copyright (c) Remix Software Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE.md file in the root directory of this source tree.
*
* @license MIT
*/
function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},{useState:ur,useEffect:hr,useLayoutEffect:xr,useDebugValue:gr}=L;function yr(e){const t=e.getSnapshot,o=e.value;try{const e=t();return!mr(o,e)}catch(e){return!0}}"undefined"==typeof window||void 0===window.document||window.document.createElement;"useSyncExternalStore"in L&&(e=>{e.useSyncExternalStore})(L);const fr=L.createContext(null),br=L.createContext(null),Cr=L.createContext({outlet:null,matches:[]});function Wr(){return null!=L.useContext(br)}function Sr(){return Wr()||tr(!1),L.useContext(br).location}var jr,kr,vr,Ir,wr;function Mr(e){let{basename:t="/",children:o=null,location:r,navigationType:n=Ko.Pop,navigator:a,static:i=!1}=e;Wr()&&tr(!1);let l=t.replace(/^\/*/,"/"),s=L.useMemo((()=>({basename:l,navigator:a,static:i})),[l,a,i]);"string"==typeof r&&(r=ar(r));let{pathname:c="/",search:d="",hash:p="",state:m=null,key:u="default"}=r,h=L.useMemo((()=>{let e=function(e,t){if("/"===t)return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let o=t.endsWith("/")?t.length-1:t.length,r=e.charAt(o);return r&&"/"!==r?null:e.slice(o)||"/"}(c,l);return null==e?null:{pathname:e,search:d,hash:p,state:m,key:u}}),[l,c,d,p,m,u]);return null==h?null:L.createElement(fr.Provider,{value:s},L.createElement(br.Provider,{children:o,value:{location:h,navigationType:n}}))}
/**
* React Router DOM v6.4.5
*
* Copyright (c) Remix Software Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE.md file in the root directory of this source tree.
*
* @license MIT
*/
function Br(e){let{basename:t,children:o,window:r}=e,n=L.useRef();null==n.current&&(n.current=er({window:r,v5Compat:!0}));let a=n.current,[i,l]=L.useState({action:a.action,location:a.location});return L.useLayoutEffect((()=>a.listen(l)),[a]),L.createElement(Mr,{basename:t,children:o,location:i.location,navigationType:i.action,navigator:a})}!function(e){e.UseRevalidator="useRevalidator"}(jr||(jr={})),function(e){e.UseLoaderData="useLoaderData",e.UseActionData="useActionData",e.UseRouteError="useRouteError",e.UseNavigation="useNavigation",e.UseRouteLoaderData="useRouteLoaderData",e.UseMatches="useMatches",e.UseRevalidator="useRevalidator"}(kr||(kr={})),function(e){e[e.pending=0]="pending",e[e.success=1]="success",e[e.error=2]="error"}(vr||(vr={})),new Promise((()=>{})),function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmitImpl="useSubmitImpl",e.UseFetcher="useFetcher"}(Ir||(Ir={})),function(e){e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"}(wr||(wr={}));const Tr=({children:e})=>{const o=function(){Wr()||tr(!1);let{basename:e,navigator:t}=L.useContext(fr),{matches:o}=L.useContext(Cr),{pathname:r}=Sr(),n=JSON.stringify(function(e){return e.filter(((e,t)=>0===t||e.route.path&&e.route.path.length>0))}(o).map((e=>e.pathnameBase))),a=L.useRef(!1);return L.useEffect((()=>{a.current=!0})),L.useCallback((function(o,i){if(void 0===i&&(i={}),!a.current)return;if("number"==typeof o)return void t.go(o);let l=cr(o,JSON.parse(n),r,"path"===i.relative);"/"!==e&&(l.pathname="/"===l.pathname?e:[e,l.pathname].join("/").replace(/\/\/+/g,"/")),(i.replace?t.replace:t.push)(l,i.state,i)}),[e,t,n,r])}(),r=Sr();return e({history:t.useMemo((()=>({replace(e){o(e,{replace:!0,state:e.state})},push(e){o(e,{replace:!1,state:e.state})}})),[o]),location:r})};const Rr=["-apple-system","BlinkMacSystemFont","Arial","sans-serif"].join(",");let Fr=r.createTheme({palette:{primary:{main:"#7000FF",dark:"#5A00CD",light:"#9A76F3"},secondary:{main:"#000000",dark:"#2A222F",light:"#605666"},success:{main:"#1B8F6D",dark:"#0F5741",light:"#BFE3BE"},text:{primary:"#000000",secondary:"#4E4E4E",disabled:"#757575",white:"#FFFFFF",placeholder:"#757575",link:"#0500FF"},border:{ui:"#DFDFDF",layout:"#C4C4C4",dark:"#000000"},error:{main:"#DF3416",dark:"#AA0000",light:"#FF9492"},warning:{main:"#EC563D",dark:"#B53200",light:"#FFDACA"},info:{main:"#0500FF",dark:"#020129",light:"#ADD7FA"},background:{primary:"#FFFFFF",secondary:"#FAFAFA",hover:"#F5F5F5",dark:"#000000",grey:"#F5F5F5",disabled:"#F