@saleor/macaw-ui 0.5.2 → 0.6.0

package/dist/mjs/index.js

@@ -1,5 +0,0 @@
-var fr=Object.defineProperty,gr=Object.defineProperties;var br=Object.getOwnPropertyDescriptors;var fe=Object.getOwnPropertySymbols;var $t=Object.prototype.hasOwnProperty,Vt=Object.prototype.propertyIsEnumerable;var Wt=(e,t,o)=>t in e?fr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))$t.call(t,o)&&Wt(e,o,t[o]);if(fe)for(var o of fe(t))Vt.call(t,o)&&Wt(e,o,t[o]);return e},f=(e,t)=>gr(e,br(t));var m=(e,t)=>{var o={};for(var r in e)$t.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&fe)for(var r of fe(e))t.indexOf(r)<0&&Vt.call(e,r)&&(o[r]=e[r]);return o};import{MuiThemeProvider as Lr}from"@material-ui/core/styles";import Mr from"lodash/merge";import J,{useEffect as Ir}from"react";import j from"react";var tt=j.createContext(void 0);tt.displayName="ActionBarContext";var ge=()=>{let e=j.useContext(tt);if(e===void 0)throw new Error("useActionBar must be used within a ActionBarContext");return e},zt=({children:e})=>{let[t,o]=j.useState(!0),r=j.useRef(null);return j.createElement(tt.Provider,{value:{anchor:r,docked:t,setDocked:o}},e)};import be from"react";var ot=be.createContext(void 0);ot.displayName="BacklinkContext";var Gt=()=>{let e=be.useContext(ot);if(e===void 0)throw new Error("useBacklink must be used within a BacklinkContext");return e},Ut=({children:e})=>{let t=be.useRef(null);return be.createElement(ot.Provider,{value:t},e)};function ps(e,t){window.parent&&window.parent.postMessage(e,t)}function Zt(e,t){let o=document.querySelector("#extension-app");(o==null?void 0:o.contentWindow)&&o.contentWindow.postMessage(e,t)}var Ce;(function(r){r[r.BREADCRUMB_CLICK=0]="BREADCRUMB_CLICK",r[r.BREADCRUMB_SET=1]="BREADCRUMB_SET",r[r.THEME=2]="THEME"})(Ce||(Ce={}));import{useEffect as Cr}from"react";function us(e){Cr(()=>(window.addEventListener("message",e),()=>window.removeEventListener("message",e)),[e])}var xe={theme:"macaw-ui-theme",menuShrink:"macaw-ui-menu-shrink"};import{useCallback as xr,useEffect as Kt,useState as yr}from"react";function _(e,t=""){let[o,r]=yr(()=>window.localStorage.getItem(e)||t),a=s=>{r(s),window.localStorage.setItem(e,s)};Kt(()=>{let s=window.localStorage.getItem(e);o!==s&&r(s||t)});let n=xr(s=>{s.key===e&&s.newValue!==o&&r(s.newValue||t)},[o,e]);return Kt(()=>(window.addEventListener("storage",n),()=>window.removeEventListener("storage",n)),[n]),{value:o,setValue:a}}import kr from"@material-ui/core/CssBaseline";import{fade as Tr}from"@material-ui/core/styles";import Fr from"react";import{makeStyles as vr,useTheme as Sr}from"@material-ui/core/styles";import{useContext as Br}from"react";import hr from"react";var X=hr.createContext(void 0);X.displayName="ThemeContext";function d(e,t){return vr(e,t)}function W(){let e=Sr(),t=Br(X);if(t===void 0||e===void 0)throw new Error("useTheme must be used within a ThemeProvider");return i(i({},e),t)}var Pr=d(e=>({"@global":{"@import":"url('https://rsms.me/inter/inter.css')","@keyframes hoverControlStart":{from:{transform:"scale(1)"},to:{transform:"scale(1.4)"}},"@keyframes hoverControl":{from:{transform:"scale(1.4)"},to:{transform:"scale(1.6)"}},"@keyframes hoverSwitchStart":{from:{boxShadow:`0 0 0 0 ${e.palette.saleor.active[5]}`},to:{boxShadow:`0 0 0 3px ${e.palette.saleor.active[5]}`}},"@keyframes hoverSwitch":{from:{boxShadow:`0 0 0 3px ${e.palette.saleor.active[5]}`},to:{boxShadow:`0 0 0 5px ${e.palette.saleor.active[5]}`}},":root":{"--background-paper":e.palette.background.paper,"--background-default":e.palette.background.default},"::selection":{background:Tr(e.palette.primary.main,.2)},html:{fontSize:"62.5%"},a:{color:e.palette.primary.main,textDecoration:"none"}}}),{name:"Baseline"}),rt=()=>(Pr(),Fr.createElement(kr,null));rt.displayName="Baseline";import{createMuiTheme as wr}from"@material-ui/core/styles";import{fade as at}from"@material-ui/core/styles";import Y from"react";function ye(e){return{"&:hover, &.Mui-focusVisible":{color:e.active[1]},"&:disabled":{color:e.disabled},background:"transparent",borderRadius:4,color:e.main[3],padding:8,transition:"200ms"}}var qt=e=>{let t={backgroundColor:e.active[3]};return{MuiButton:{contained:{"&$disabled":{"&$containedPrimary":{color:e.secondary,backgroundColor:e.disabled},"&$containedSecondary":{background:e.background.paper,color:e.disabled}},"&$focusVisible":f(i({},t),{boxShadow:void 0}),"&:active":{boxShadow:"none"},"&:hover":{"@media(hover: none)":{boxShadow:"none"},boxShadow:"none"},boxShadow:"none"},containedPrimary:{"&&:hover":t,"&&:active":{backgroundColor:e.active[4]}},label:{fontWeight:600},root:{borderRadius:4,fontSize:"1.6rem",letterSpacing:"0.06rem",lineHeight:1.55,padding:"12px 16px"},text:{"&&$disabled":{color:e.disabled},"&:hover, &$focusVisible":{background:e.main[5]},"&:active":{background:e.main[4]}},textPrimary:{"&:hover, &$focusVisible":{background:e.active[5]},"&:active":{background:e.active[4]}},textSizeSmall:{fontSize:"1.3rem"},outlined:{"&$disabled":{border:void 0,borderColor:e.disabled,color:e.disabled},"&:hover":{border:void 0},"&:hover, &$focusVisible":{borderColor:e.main[1],backgroundColor:e.main[5]},"&:active":{backgroundColor:e.main[4]},background:e.background.paper,borderColor:e.main[4],borderWidth:2,borderStyle:"solid",padding:"10px 12px"},outlinedPrimary:{"&:hover, &$focusVisible":{borderColor:e.active[1],backgroundColor:e.active[5]},"&:hover":{border:void 0},"&:active":{backgroundColor:e.active[4]},border:void 0,borderColor:e.active[4]}},MuiIconButton:{root:{"&:hover, &.Mui-focusVisible":{borderColor:e.active[1],backgroundColor:e.active[5]},"&:hover":{border:void 0},"&:active":{backgroundColor:e.active[4]},"&$disabled":{border:void 0,borderColor:"transparent",color:e.disabled},background:e.background.paper,border:`2px solid ${e.active[4]}`,borderRadius:4,color:e.active[1],padding:10,transition:"200ms"}}}};var jt=e=>({MuiCheckbox:{colorPrimary:{"&&.Mui-checked:hover":{backgroundColor:"transparent"}},root:{"&:hover, &.Mui-focusVisible":{"& > span::before":{animation:`200ms alternate hoverControlStart, 
-          600ms infinite alternate 200ms hoverControl`},background:"transparent",color:e.active[1]},"& > span":{"&::before":{content:"''",width:20,height:20,background:e.active[5],position:"absolute",top:0,left:0,borderRadius:2,transform:"scale(0)"},position:"relative"},"& svg":{width:20,height:20,zIndex:0},"& input":{width:48,height:48,top:-14,left:-14},background:"transparent",border:"transparent",borderRadius:3,padding:14},indeterminate:{color:e.active[1]}},MuiRadio:{colorPrimary:{"&&.Mui-checked:hover":{backgroundColor:"transparent"}},root:{"&:hover, &.Mui-focusVisible":{"& > span::before":{animation:`200ms alternate hoverControlStart, 
-          600ms infinite alternate 200ms hoverControl`},background:"transparent",color:e.active[1]},"& > span":{"&::before":{content:"''",width:20,height:20,background:e.active[5],position:"absolute",top:0,left:0,borderRadius:"100%",transform:"scale(0)"},position:"relative"},"& svg":{width:20,height:20,zIndex:0},"& input":{width:48,height:48,top:-14,left:-14},background:"transparent",border:"transparent",borderRadius:"100%",padding:14}},MuiSwitch:{colorPrimary:{"&$disabled":{"& + $track":{backgroundColor:"transparent",border:`2px solid ${e.disabled}`},"&$checked + $track":{backgroundColor:e.disabled,borderColor:e.disabled},"&$checked":{color:e.background.paper},color:e.disabled},"&$checked":{"&:hover":{backgroundColor:"transparent"},"& + $track":{borderColor:e.active[1]},color:e.background.paper},color:e.main[3]},root:{"&:hover, &:focus-visible, &.Mui-focusVisible":{"& $switchBase:not($disabled)":{"& + $track":{animation:`200ms alternate hoverSwitchStart, 
-              600ms infinite alternate 200ms hoverSwitch`}}},height:48,width:72},switchBase:{"&$checked":{transform:"translateX(23px)"},"&:hover, &.Mui-focusVisible":{backgroundColor:"transparent"},boxShadow:"none",left:4,marginLeft:4,top:8,color:e.background.paper,border:"none",background:"transparent"},thumb:{boxShadow:"none",height:14,width:14},track:{border:`2px solid ${e.main[3]}`,backgroundColor:"transparent",borderRadius:12,height:24,opacity:[["1"],"!important"],width:48,transition:"200ms"}}});function z(e){return`0 0 0 3px ${e}`}var _t=e=>({MuiFormHelperText:{root:{"&$error":{color:e.fail.dark}}},MuiInput:{input:{"&:-webkit-autofill":{WebkitTextFillColor:e.font.default,boxShadow:`inset 0 0 0px 9999px ${e.active[5]}`},"&::placeholder":{opacity:"1 !important"},color:e.font.default},underline:{"&:after":{borderBottomColor:e.primary}}},MuiInputBase:{root:{borderRadius:"4px"},input:{"&$disabled":{color:e.disabled},"&::placeholder":{color:e.font.gray,opacity:"1 !important"},borderRadius:"4px"}},MuiInputLabel:{formControl:{transform:"translate(0, 1.5px) scale(0.75)",transformOrigin:"top left",width:"100%"},outlined:{"&$shrink":{transform:"translate(12px, 9px) scale(0.75)"},transform:"translate(14px, 18px) scale(1)"},root:{"&&$disabled":{color:e.main[4]},"&$error":{"&$focused":{color:e.fail.dark},color:e.fail.dark},"&&$focused":{"&:not($error)":{color:e.primary}},"&:not($error):hover label":{color:e.main[4]},color:e.main[3]},shrink:{width:"133%"}},MuiOutlinedInput:{input:{"&:-webkit-autofill":{borderRadius:4,boxShadow:"0 0 0px 1000px rgba(19, 190, 187, 0.1) inset"},"&&$disabled":{backgroundColor:e.background.default},color:e.main[1],padding:"23px 12px 10px 12px"},inputMultiline:{left:-2,padding:"10px 0",position:"relative"},multiline:{"&$disabled":{background:e.background.default}},root:{"& fieldset":{top:0},"& legend":{display:"none"},"&$disabled":{"& fieldset":{borderColor:`${e.disabled} !important`},"& input, & textarea":{backgroundColor:e.background.default,color:e.main[3]},boxShadow:"0 0 0 0 transparent !important"},"&$error":{"&$focused":{"&:hover":{boxShadow:z(e.fail.mid)},"& fieldset":{borderColor:e.fail.dark},boxShadow:z(e.fail.mid)},"&:hover":{"&& fieldset":{borderColor:e.fail.dark},boxShadow:z(e.fail.light)},boxShadow:z(e.fail.light)},"&$focused":{"&, &:hover":{boxShadow:z(e.active[3])},"& input":{"& fieldset":{borderColor:e.primary},"&::placeholder":{opacity:[[1],"!important"]},color:e.font.default}},"&:hover":{boxShadow:z(e.active[5]),"& input":{color:e.font.default},"&&&":{"& fieldset":{borderColor:e.primary}}},backgroundColor:e.background.paper,transition:"box-shadow 200ms",top:0,fontWeight:500},notchedOutline:{borderWidth:"1px !important"}}});var Xt=(e,t)=>({MuiTable:{root:{fontFamily:t,fontFeatureSettings:'"tnum"'}},MuiTableCell:{body:{fontSize:"1.6rem"},head:{fontSize:"1.4rem",fontWeight:400,color:e.font.gray},paddingCheckbox:{"&:first-child":{padding:"0 18px",width:72},"&:not(first-child)":{padding:0,width:52},"&:last-child":{paddingRight:20}},root:{"&:first-child":{"&:not($paddingCheckbox)":{paddingLeft:32,paddingRight:32,textAlign:"left"}},borderBottomColor:e.background.default,padding:"24px 32px"}},MuiTablePagination:{input:{color:e.primary,fontSize:"1.4rem"}},MuiTableRow:{footer:{"$root$hover&:hover":{background:"none"}},head:{"$root$hover&:hover":{background:"none"},color:e.main[3]},hover:{"$root&:hover":{background:e.active[5]},transition:"200ms"},root:{position:"relative"}}});var Yt=(e,t)=>i(i(i(i({},_t(e)),Xt(e,t)),qt(e)),jt(e));var Jt=e=>({action:{active:e.checkbox.default},alert:e.alert,background:e.background,divider:e.divider,error:{main:e.error},primary:{contrastText:"#ffffff",dark:e.font.textDisabled,main:e.primary},secondary:{contrastText:"#ffffff",main:e.secondary},success:{main:e.success},text:{disabled:e.font.textDisabled,hint:e.font.gray,primary:e.font.default,secondary:e.font.gray},textHighlighted:{active:e.primary,inactive:e.highlightInactive.default},type:e.theme,saleor:e});var C=(e,t,o)=>`0 ${e}px ${t}px ${o}px rgba(0, 0, 0, 0.15)`,Qt=["none",C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(6,30,0),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20),C(24,20,-20)];var _s=48,it='"Inter", "roboto", "sans-serif"',eo=e=>wr({overrides:f(i({},Yt(e,it)),{MuiCard:{root:{borderRadius:8,borderWidth:0,overflow:"visible"}},MuiCardActions:{root:{".MuiCardContent-root + &":{paddingTop:0},padding:"3.2rem 3.2rem 3.2rem"}},MuiCardContent:{root:{".MuiCardHeader-root + &":{paddingTop:0},padding:"2.4rem 3.2rem"}},MuiCardHeader:{action:{position:"relative",top:4},root:{padding:"2.4rem 3.2rem"}},MuiChip:{avatar:{fontSize:"1.2rem",height:32,left:-5,position:"relative",width:32},root:{"& $avatar":{fontSize:"1.2rem"},fontSize:"1.3rem"}},MuiDialog:{paper:{overflowY:void 0}},MuiDialogActions:{root:{borderTop:`1px solid ${e.divider}`,padding:"16px 24px"}},MuiDialogContent:{root:{overflowX:void 0,overflowY:void 0,padding:"24px 0px",margin:"0px 24px"}},MuiDialogContentText:{root:{"&:last-child":{marginBottom:0}}},MuiDivider:{light:{backgroundColor:e.background.paper}},MuiExpansionPanelSummary:{expandIcon:f(i({},ye(e)),{border:"none"})},MuiFormControlLabel:{label:{lineHeight:1.2,marginLeft:4},root:{marginLeft:-14}},MuiFormLabel:{filled:{"&&:not($error)":{color:e.primary}},root:{"&&$focused:not($error)":{color:e.font.gray}}},MuiSvgIcon:{root:{fontSize:"2.4rem",height:"1em",width:"1em"}},MuiListItem:{button:{"&:focus":{background:e.active[5],color:e.main[1]}},root:{"&$selected":{"&:hover":{backgroundColor:e.main[1]},backgroundColor:e.main[1]}}},MuiMenu:{paper:{borderRadius:0}},MuiMenuItem:{root:{"&$selected, &$selected:focus, &$selected:hover":{backgroundColor:[e.active[5],"!important"],color:e.primary,fontWeight:700},"&:hover":{backgroundColor:[e.active[5],"!important"]},"@media(min-width: 600px)":{minHeight:48}}},MuiSelect:{root:{"&$disabled":{backgroundColor:e.background.default}}},MuiSnackbarContent:{action:{"& $MuiIconButton":{"& svg":{color:e.font.default}},display:"block",paddingBottom:10,paddingLeft:0,paddingRight:45},message:{fontSize:16},root:{backgroundColor:e.background.paper,boxShadow:"0 6px 10px 0px rgba(0, 0, 0, 0.15), 0 1px 18px 0px rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.10)",color:e.font.default,display:"block",maxWidth:480}},MuiTooltip:{arrow:{color:e.alert.icon.info},tooltip:{backgroundColor:e.alert.icon.info,fontSize:"0.8em",padding:16}},MuiTouchRipple:{child:{backgroundColor:at(e.primary,1)},childLeaving:{backgroundColor:at(e.primary,1)},ripple:{"&$rippleVisible":{backgroundColor:at(e.primary,1)},borderRadius:"100%"}}}),palette:Jt(e),props:{MuiButton:{disableRipple:!0},MuiFormControl:{variant:"filled"},MuiTextField:{variant:"outlined"},MuiCard:{elevation:0},MuiExpansionPanelSummary:{IconButtonProps:{disableRipple:!0}},MuiTypography:{component:"div"},MuiCheckbox:{color:"primary",disableRipple:!0,checkedIcon:Y.createElement(oo,null),icon:Y.createElement(to,null),indeterminateIcon:Y.createElement(ro,null)},MuiTableRow:{hover:!0},MuiTooltip:{placement:"right-end"},MuiList:{disablePadding:!0},MuiRadio:{color:"primary",disableRipple:!0,icon:Y.createElement(ao,null),checkedIcon:Y.createElement(io,null)},MuiSwitch:{color:"primary",disableRipple:!0},MuiSelect:{MenuProps:{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},getContentAnchorEl:null}}},shadows:Qt,spacing:(t=1)=>`${t*8/10}rem`,typography:{allVariants:{fontFamily:it},body1:{color:e.font.default,fontSize:"1.6rem"},body2:{fontSize:"1.4rem"},button:{fontSize:"1.4rem"},caption:{fontSize:"1.2rem"},fontFamily:it,h1:{fontSize:"4rem",fontWeight:700},h4:{fontSize:"3.4rem",color:e.font.default},h5:{fontSize:"2.1rem",fontWeight:500},h6:{fontSize:"2rem",fontWeight:500},subtitle1:{fontSize:"1.6rem"},subtitle2:{fontSize:"1.4rem"}}});import{fade as no}from"@material-ui/core/styles/colorManipulator";var so={alert:{paper:{error:"#E0444E",info:"#2E2F31",success:"#5DC292",warning:"#E29A2E"},icon:{error:"#FE6E76",info:"#FAFAFA",success:"#5DC292",warning:"#FFB84E"}},highlightInactive:{default:"#78797A"},autofill:"#5D5881",background:{default:"#1D1E1F",paper:"#2E2F31"},checkbox:{default:"#FFFFFF"},divider:"#252728",error:"#C22D74",font:{button:"#202124",default:"#FCFCFC",gray:"#9E9D9D",textButton:"#FFFFFF",textDisabled:"#FCFCFC"},gray:{default:"#202124",disabled:"rgba(32, 33, 36, 0.6)"},active:{1:"#056DFF",2:"#378AFF",3:"#68A7FF",4:"#C1DBFF",5:"#E6F0FF"},main:{1:"#FCFCFC",2:"rgba(252, 252, 252, 0.8)",3:"rgba(252, 252, 252, 0.6)",4:"rgba(252, 252, 252, 0.4)",5:"rgba(252, 252, 252, 0.1)"},fail:{dark:"#B65757",mid:"#FEADAD",light:"#FEDEDE"},errorAction:{1:"#B63755",2:"#D36474",3:"#E9878B",4:"#F7B6B2",5:"#FBDDD8"},disabled:"#CCDDDD",paperBorder:"#252728",primary:"#13BEBB",secondary:"#21125E",success:"#5DC292",theme:"dark"},lo={alert:{paper:{error:"#FFD6D9",info:"#FFFFFF",success:"#DFF3E9",warning:"#FFF4E4"},icon:{error:"#FE6E76",info:"#28234A",success:"#5DC292",warning:"#FFB84E"}},highlightInactive:{default:"#C8C8C8"},autofill:"#f4f6c5",background:{default:"#EFF5F8",paper:"#FFFFFF"},checkbox:{default:"#616161"},divider:"#EAEAEA",error:"#FE6D76",font:{button:"#FFFFFF",default:"#28234A",gray:no("#28234A",.6),textButton:"#06847B",textDisabled:no("#28234A",.4)},gray:{default:"#C8C8C8",disabled:"#C0CFE2"},active:{1:"#056DFF",2:"#378AFF",3:"#68A7FF",4:"#C1DBFF",5:"#E6F0FF"},main:{1:"#28234A",2:"rgba(40, 35, 74, 0.8)",3:"rgba(40, 35, 74, 0.6)",4:"rgba(40, 35, 74, 0.4)",5:"rgba(40, 35, 74, 0.1)"},fail:{dark:"#B65757",mid:"#FEADAD",light:"#FEDEDE"},errorAction:{1:"#B63755",2:"#D36474",3:"#E9878B",4:"#F7B6B2",5:"#FBDDD8"},disabled:"#CCDDDD",paperBorder:"#EAEAEA",primary:"#056DFF",secondary:"#FFFFFF",success:"#5DC292",theme:"light"};function po(e){let t=document.createElement("meta");t.setAttribute("content",e),t.setAttribute("name","theme-color");let o=document.head.querySelector('meta[name="theme-color"]');o&&o.remove(),document.head.appendChild(t)}var bl=({children:e,defaultTheme:t="light",palettes:o={},overrides:r={}})=>{let{value:a,setValue:n}=_(xe.theme,t),s=a,l=i({light:lo,dark:so},o),c=Mr(eo(l[s]),r),p=()=>Zt({theme:s,type:Ce.THEME},"*");return Ir(()=>{p(),po(c.palette.background.default)},[s]),J.createElement(X.Provider,{value:{themeType:s,sendThemeToExtension:p,setTheme:n}},J.createElement(Lr,{theme:c},J.createElement(zt,null,J.createElement(Ut,null,J.createElement(rt,null),e))))};import he from"react";var Q=e=>he.createElement("svg",i({width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),he.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"white"}),he.createElement("circle",{cx:"20",cy:"20",r:"14",stroke:"#5DC292",strokeWidth:"4"}),he.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M28.7678 13.7678C29.3536 14.3536 29.3536 15.3033 28.7678 15.8891L17.4142 27.2426L12.0607 21.8891C11.4749 21.3033 11.4749 20.3536 12.0607 19.7678L12.7678 19.0607C13.3536 18.4749 14.3033 18.4749 14.8891 19.0607L17.4142 21.5858L25.9393 13.0607C26.5251 12.4749 27.4749 12.4749 28.0607 13.0607L28.7678 13.7678Z",fill:"#5DC292"}));Q.displayName="CompleteIcon";import ve from"react";var ee=e=>ve.createElement("svg",i({width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),ve.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"white"}),ve.createElement("circle",{cx:"20",cy:"20",r:"14",stroke:"#28234A",strokeWidth:"4"}),ve.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.5 11C18.6716 11 18 11.6716 18 12.5V20.5C18 21.3284 18.6716 22 19.5 22H20.5C21.3284 22 22 21.3284 22 20.5V12.5C22 11.6716 21.3284 11 20.5 11H19.5ZM19.5 25C18.6716 25 18 25.6716 18 26.5V27.5C18 28.3284 18.6716 29 19.5 29H20.5C21.3284 29 22 28.3284 22 27.5V26.5C22 25.6716 21.3284 25 20.5 25H19.5Z",fill:"#28234A"}));ee.displayName="InfoIcon";import Se from"react";var te=e=>Se.createElement("svg",i({width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Se.createElement("circle",{cx:"20",cy:"20",r:"16",fill:"#F5FAFB"}),Se.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"white"}),Se.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M26.9531 29.7815C24.9914 31.1784 22.5917 32 20 32C13.3726 32 8 26.6274 8 20C8 17.4083 8.82158 15.0086 10.2185 13.0469L26.9531 29.7815ZM29.7815 26.9531L13.0469 10.2185C15.0086 8.82158 17.4083 8 20 8C26.6274 8 32 13.3726 32 20C32 22.5917 31.1784 24.9914 29.7815 26.9531ZM36 20C36 28.8366 28.8366 36 20 36C11.1634 36 4 28.8366 4 20C4 11.1634 11.1634 4 20 4C28.8366 4 36 11.1634 36 20Z",fill:"#FE6E76"}));te.displayName="NotAllowedIcon";import Be from"react";var Nr=e=>Be.createElement("svg",i({width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Be.createElement("circle",{cx:"20",cy:"20",r:"16",fill:"#F5FAFB"}),Be.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"#FE6E76"}),Be.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M26.9531 29.7815C24.9914 31.1784 22.5917 32 20 32C13.3726 32 8 26.6274 8 20C8 17.4083 8.82158 15.0086 10.2185 13.0469L26.9531 29.7815ZM29.7815 26.9531L13.0469 10.2185C15.0086 8.82158 17.4083 8 20 8C26.6274 8 32 13.3726 32 20C32 22.5917 31.1784 24.9914 29.7815 26.9531ZM36 20C36 28.8366 28.8366 36 20 36C11.1634 36 4 28.8366 4 20C4 11.1634 11.1634 4 20 4C28.8366 4 36 11.1634 36 20Z",fill:"white"}));Nr.displayName="NotAllowedInvertedIcon";import ke from"react";var oe=e=>ke.createElement("svg",i({width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),ke.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"white"}),ke.createElement("circle",{cx:"20",cy:"20",r:"14",stroke:"#FFB84E",strokeWidth:"4"}),ke.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.5 11C18.6716 11 18 11.6716 18 12.5V20.5C18 21.3284 18.6716 22 19.5 22H20.5C21.3284 22 22 21.3284 22 20.5V12.5C22 11.6716 21.3284 11 20.5 11H19.5ZM19.5 25C18.6716 25 18 25.6716 18 26.5V27.5C18 28.3284 18.6716 29 19.5 29H20.5C21.3284 29 22 28.3284 22 27.5V26.5C22 25.6716 21.3284 25 20.5 25H19.5Z",fill:"#FFB84E"}));oe.displayName="WarningIcon";import{createSvgIcon as Ar}from"@material-ui/core/utils";import nt from"react";var to=Ar(nt.createElement(nt.Fragment,null,nt.createElement("rect",{width:"22",height:"22",rx:"2",ry:"2",x:"1",y:"1",strokeWidth:"2",stroke:"currentColor",fill:"transparent",strokeLinejoin:"round"})),"CheckboxIcon");import{createSvgIcon as Dr}from"@material-ui/core/utils";import re from"react";var oo=Dr(re.createElement(re.Fragment,null,re.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},re.createElement("rect",{x:"0.5",y:"0.5",width:"23",height:"23",rx:"1.5",fill:"currentColor"}),re.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.5711 4.7629C17.9653 4.34801 18.6267 4.34801 19.0209 4.7629L20.3455 6.1568C20.7122 6.54279 20.7122 7.14848 20.3455 7.53447L9.45066 19L3.65454 12.9002C3.28777 12.5143 3.28777 11.9086 3.65454 11.5226L4.97906 10.1287C5.3733 9.71378 6.03466 9.71378 6.4289 10.1287L9.45066 13.3087L17.5711 4.7629Z",fill:"var(--background-paper)"}))),"CheckboxCheckedIcon");import{createSvgIcon as Er}from"@material-ui/core/utils";import Te from"react";var ro=Er(Te.createElement(Te.Fragment,null,Te.createElement("rect",{x:"0.5",y:"0.5",width:"23",height:"23",rx:"1.5",fill:"currentColor"}),Te.createElement("rect",{x:"4",y:"10",width:"16",height:"4",rx:"1.5",fill:"var(--background-paper)"})),"CheckboxIndeterminateIcon");import{createSvgIcon as Hr}from"@material-ui/core/utils";import Or from"react";var $l=Hr(Or.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m20.08125,2.98089c-1.2209,-1.21116 -3.1901,-1.21116 -4.4109,0l-0.9259,0.91856l-7.70221,7.641c-0.36706,0.36415 -0.58593,0.85157 -0.61423,1.36787l-0.1488,2.7151c-0.06931,1.2648 0.99458,2.2993 2.25694,2.1947l2.65699,-0.2202c0.48957,-0.0405 0.94911,-0.2524 1.29791,-0.5984l8.6196,-8.55117c1.2347,-1.22491 1.2347,-3.22129 0,-4.44619l-1.0294,-1.02127zm-11.56872,10.04163l6.96702,-6.91171l2.5116,2.4916l-6.97042,6.91501l-2.657,0.2202l0.1488,-2.7151zm8.44912,-8.38204l2.5116,2.4916l0.1671,-0.1658c0.4116,-0.4083 0.4116,-1.07376 0,-1.48206l-1.0294,-1.02126c-0.407,-0.40372 -1.0634,-0.40372 -1.4703,0l-0.179,0.17752zm-11.79343,-1.33339c-1.72946,0 -3.13147,1.40201 -3.13147,3.13147l0,12.52586c0,1.7295 1.40201,3.1315 3.13147,3.1315l12.52583,0c1.7295,0 3.1315,-1.402 3.1315,-3.1315l0,-4.5928c0,-0.5765 -0.4673,-1.0438 -1.0438,-1.0438c-0.5765,0 -1.0438,0.4673 -1.0438,1.0438l0,4.5928c0,0.5765 -0.4674,1.0438 -1.0439,1.0438l-12.52583,0c-0.57649,0 -1.04382,-0.4673 -1.04382,-1.0438l0,-12.52586c0,-0.57649 0.46733,-1.04382 1.04382,-1.04382l4.59282,0c0.57649,0 1.04382,-0.46734 1.04382,-1.04383c0,-0.57648 -0.46733,-1.04382 -1.04382,-1.04382l-4.59282,0z",fill:"currentColor"}),"EditIcon");import{createSvgIcon as Rr}from"@material-ui/core/utils";import $r from"react";var Gl=Rr($r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V6.67157C22 7.46722 21.6839 8.23029 21.1213 8.79289L15.7929 14.1213C15.6054 14.3089 15.5 14.5632 15.5 14.8284V19C15.5 19.4089 15.251 19.7766 14.8714 19.9285L9.87139 21.9285C9.5633 22.0517 9.21414 22.0141 8.93937 21.8281C8.6646 21.642 8.5 21.3318 8.5 21V14.8284C8.5 14.5632 8.39464 14.3089 8.20711 14.1213L2.87868 8.79289C2.31607 8.23028 2 7.46722 2 6.67157V4ZM20 4H4V6.67157C4 6.93679 4.10536 7.19114 4.29289 7.37868L9.62132 12.7071C10.1839 13.2697 10.5 14.0328 10.5 14.8284V19.523L13.5 18.323V14.8284C13.5 14.0328 13.8161 13.2697 14.3787 12.7071L19.7071 7.37868C19.8946 7.19114 20 6.93679 20 6.67157V4Z",fill:"currentColor"}),"FilteringIcon");import{createSvgIcon as Vr}from"@material-ui/core/utils";import Wr from"react";var co=Vr(Wr.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 1C8.89543 1 8 1.89543 8 3V4H4C3.44772 4 3 4.44772 3 5C3 5.55228 3.44772 6 4 6H20C20.5523 6 21 5.55228 21 5C21 4.44772 20.5523 4 20 4H16V3C16 1.89543 15.1046 1 14 1H10ZM14 4H10V3H14V4ZM7 9C7 8.44772 6.55228 8 6 8C5.44772 8 5 8.44772 5 9V20C5 21.6569 6.34315 23 8 23H16C17.6569 23 19 21.6569 19 20V9C19 8.44772 18.5523 8 18 8C17.4477 8 17 8.44772 17 9V20C17 20.5523 16.5523 21 16 21H8C7.44772 21 7 20.5523 7 20V9ZM10 11C10.5523 11 11 11.4477 11 12V17C11 17.5523 10.5523 18 10 18C9.44772 18 9 17.5523 9 17V12C9 11.4477 9.44772 11 10 11ZM15 12C15 11.4477 14.5523 11 14 11C13.4477 11 13 11.4477 13 12V17C13 17.5523 13.4477 18 14 18C14.5523 18 15 17.5523 15 17V12Z",fill:"currentColor"}),"DeleteIcon");import{createSvgIcon as zr}from"@material-ui/core/utils";import Gr from"react";var Xl=zr(Gr.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 5C2 3.34315 3.34315 2 5 2H19C20.6569 2 22 3.34315 22 5V19C22 20.6569 20.6569 22 19 22H5C3.34315 22 2 20.6569 2 19V5ZM5 4C4.44772 4 4 4.44772 4 5V15.7962L11.0456 9.63136L12.5 11.0858L16 7.58579L20 11.5858V5C20 4.44772 19.5523 4 19 4H5ZM20 14.4142L16 10.4142L12.5 13.9142L10.9544 12.3686L4 18.4538V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V14.4142Z",fill:"currentColor"}),"ImageIcon");import{createSvgIcon as Ur}from"@material-ui/core/utils";import Zr from"react";var mo=Ur(Zr.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.7071L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711Z",fill:"currentColor"}),"CloseIcon");import{createSvgIcon as Kr}from"@material-ui/core/utils";import qr from"react";var rp=Kr(qr.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 4C13 3.5 12.5523 3 12 3C11.4477 3 11 3.5 11 4L11 11L4 11C3.5 11 3 11.4477 3 12C3 12.5523 3.5 13 4 13L11 13L11 20C11 20.5 11.4477 21 12 21C12.5523 21 13 20.5 13 20L13 13L20 13C20.5 13 21 12.5523 21 12C21 11.4477 20.5 11 20 11L13 11L13 4Z",fill:"currentColor"}),"PlusIcon");import{createSvgIcon as jr}from"@material-ui/core/utils";import _r from"react";var Fe=jr(_r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.8446 6.2943C14.237 5.9019 14.8732 5.9019 15.2656 6.2943L20.6464 11.6752C20.8417 11.8704 20.8417 12.187 20.6464 12.3823L15.2656 17.7632C14.8732 18.1556 14.237 18.1556 13.8446 17.7632C13.4522 17.3708 13.4522 16.7346 13.8446 16.3422L17.1532 13.0335H4.00479C3.44986 13.0335 3 12.5837 3 12.0287C3 11.4738 3.44986 11.0239 4.00479 11.0239H17.1532L13.8446 7.71528C13.4522 7.32289 13.4522 6.68669 13.8446 6.2943Z",fill:"currentColor"}),"ArrowRightIcon");import{createSvgIcon as Xr}from"@material-ui/core/utils";import Yr from"react";var cp=Xr(Yr.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18ZM10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12ZM12 4C10.8954 4 10 4.89543 10 6C10 7.10457 10.8954 8 12 8C13.1046 8 14 7.10457 14 6C14 4.89543 13.1046 4 12 4Z",fill:"currentColor"}),"MoreIcon");import{createSvgIcon as Jr}from"@material-ui/core/utils";import st from"react";var ao=Jr(st.createElement(st.Fragment,null,st.createElement("circle",{cx:"12",cy:"12",r:"11",fill:"white",stroke:"currentColor","stroke-width":"2"})),"RadioIcon");import{createSvgIcon as Qr}from"@material-ui/core/utils";import Pe from"react";var io=Qr(Pe.createElement(Pe.Fragment,null,Pe.createElement("circle",{cx:"12",cy:"12",r:"12",fill:"currentColor"}),Pe.createElement("circle",{cx:"12",cy:"12",r:"5",fill:"var(--background-default)"})),"RadioCheckedIcon");import{createSvgIcon as ea}from"@material-ui/core/utils";import ta from"react";var hp=ea(ta.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17 10.5C17 14.0899 14.0899 17 10.5 17C6.91015 17 4 14.0899 4 10.5C4 6.91015 6.91015 4 10.5 4C14.0899 4 17 6.91015 17 10.5ZM15.7618 17.176C14.3145 18.3183 12.4869 19 10.5 19C5.80558 19 2 15.1944 2 10.5C2 5.80558 5.80558 2 10.5 2C15.1944 2 19 5.80558 19 10.5C19 12.4869 18.3183 14.3145 17.176 15.7618L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L15.7618 17.176Z",fill:"currentColor"}),"SearchIcon");import{createSvgIcon as oa}from"@material-ui/core/utils";import lt from"react";var kp=oa(lt.createElement(lt.Fragment,null,lt.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.25503 12.198L11.2063 3.0483C12.2646 1.09249 15.2463 2.08503 14.9212 4.28496L14.2397 8.89774L15.7025 8.73522L15.807 9.67606L15.9115 10.6169L13.2283 10.9151C12.6114 10.9836 12.0966 10.4499 12.1873 9.83584L13.0483 4.00824C13.0638 3.90348 12.9218 3.85622 12.8714 3.94935L7.92015 13.099C7.84742 13.2334 7.95568 13.3942 8.10757 13.3773L10.8039 13.0777C11.4157 13.0097 11.9286 13.5344 11.8467 14.1445L11.0617 19.9934C11.0477 20.0981 11.1896 20.1437 11.2391 20.0504L16.0997 10.8939C16.171 10.7595 16.0627 10.6001 15.9115 10.6169L15.807 9.67606L15.7025 8.73522C17.3657 8.55042 18.5566 10.3034 17.772 11.7815L12.9114 20.9381C11.8715 22.8971 8.89023 21.9397 9.18525 19.7416L9.80911 15.0932L8.31664 15.259C6.64589 15.4446 5.455 13.6764 6.25503 12.198Z",fill:"currentColor"})),"NavigatorIcon");import E from"react";import pa from"@material-ui/core/Card";import ca from"@material-ui/core/CardContent";import da from"@material-ui/core/Container";import ma from"@material-ui/core/Portal";import ua from"clsx";import R from"react";import ra from"lodash/throttle";import{useCallback as aa,useEffect as uo,useState as fo}from"react";function pt(e){if(e)return{x:e.scrollLeft,y:e.scrollTop}}function wp(e,t,o=0){return!!e&&t?t.y+e.clientHeight+o>=e.scrollHeight:void 0}function Lp(e,t,o=0){return!!e&&t?t.y<=o:void 0}function Mp(){let[e,t]=fo(null),[o,r]=fo(pt(e));return uo(()=>{if(e){let n=ra(()=>r(pt(e)),100);e.addEventListener("scroll",n);let s=new ResizeObserver(n);return s.observe(e),()=>{e.removeEventListener("scroll",n),s.disconnect()}}},[e]),uo(()=>{setTimeout(()=>r(pt(e)),100)},[e]),{setAnchor:aa(n=>{t(n)},[]),anchor:e,position:o}}import ia from"lodash/throttle";import{useEffect as na,useState as sa}from"react";function go(){return{x:window.pageXOffset,y:window.pageYOffset}}function bo(){let[e,t]=sa(go);return na(()=>{let o=ia(()=>t(go()),100);return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)},[]),e}var la=d(e=>({content:{"&:last-child":{paddingBottom:e.spacing(2)},display:"flex",gap:e.spacing(2),paddingBottom:e.spacing(2),paddingTop:e.spacing(2),[e.breakpoints.down("sm")]:{marginTop:e.spacing(1)}},paper:{borderBottomLeftRadius:0,borderBottomRightRadius:0},root:{height:80},shadow:{boxShadow:"0 -24px 20px -20px rgba(0, 0, 0, 0.15)"}}),{name:"Savebar"}),Co=la;var ct=a=>{var n=a,{disabled:e,children:t,state:o}=n,r=m(n,["disabled","children","state"]);let s=Co(),{anchor:l,docked:c,setDocked:p}=ge(),u=bo();R.useEffect(()=>{!e&&o!=="loading"&&p(!1)},[e,o,p]),R.useEffect(()=>()=>p(!0),[p]);let g=u.y+window.innerHeight>=document.body.scrollHeight;return l.current?R.createElement(ma,{container:l.current},R.createElement("div",i({className:s.root},r),R.createElement(da,{maxWidth:"lg"},R.createElement(pa,{className:ua(s.paper,{[s.shadow]:!(c||g)})},R.createElement(ca,{className:s.content},t))))):null};ct.displayName="ActionBar";import ga from"@material-ui/core/Button";import ba from"clsx";import Ca from"react";var fa=d(e=>({primary:{"&&":{"&:hover, &.Mui-focusVisible":{background:e.palette.saleor.errorAction[2]},"&:active":{background:e.palette.saleor.errorAction[3]}},background:e.palette.saleor.errorAction[1]},primaryDisabled:{"&&&":{background:e.palette.saleor.errorAction[5]}},secondary:{"&&":{"&:hover, &.Mui-focusVisible":{background:e.palette.saleor.errorAction[5],borderColor:e.palette.saleor.errorAction[1]},"&:active":{background:e.palette.saleor.errorAction[4],borderColor:e.palette.saleor.errorAction[1]}},borderColor:e.palette.saleor.errorAction[4],color:e.palette.saleor.errorAction[1]},secondaryDisabled:{"&&&":{borderColor:e.palette.saleor.errorAction[5],color:e.palette.saleor.errorAction[5]}},tertiary:{"&&":{"&:hover, &.Mui-focusVisible":{background:e.palette.saleor.errorAction[5]},"&:active":{background:e.palette.saleor.errorAction[4]}},color:e.palette.saleor.errorAction[1]},tertiaryDisabled:{"&&&":{color:e.palette.saleor.errorAction[5]}}}),{name:"Button"}),xo=fa;function xa(e,t){let o=e==="text"?"default":e;switch(t){case"primary":return{variant:"contained",color:o};case"secondary":return{variant:"outlined",color:o};default:return{variant:"text",color:o}}}var yo=n=>{var s=n,{className:e,color:t="primary",error:o,variant:r="tertiary"}=s,a=m(s,["className","color","error","variant"]);let l=xo();return Ca.createElement(ga,i(f(i({className:ba(e,{[l.primary]:r==="primary"&&o,[l.primaryDisabled]:r==="primary"&&o&&a.disabled,[l.secondary]:r==="secondary"&&o,[l.secondaryDisabled]:r==="secondary"&&o&&a.disabled,[l.tertiary]:r==="tertiary"&&o,[l.tertiaryDisabled]:r==="tertiary"&&o&&a.disabled})},xa(t,r)),{disableRipple:!0}),a))};yo.displayName="Button";var ae=yo;import ha from"@material-ui/core/CircularProgress";import va from"@material-ui/icons/Check";import dt from"clsx";import D from"react";var ya=d(e=>({error:{"&:hover":{backgroundColor:e.palette.error.main},backgroundColor:e.palette.error.main,color:e.palette.error.contrastText},icon:{marginLeft:"0 !important",position:"absolute",transitionDuration:e.transitions.duration.standard+"ms"},invisible:{opacity:0},label:{alignItems:"center",display:"flex",transitionDuration:e.transitions.duration.standard+"ms"},progress:{"& svg":{margin:0},position:"absolute",transitionDuration:e.transitions.duration.standard+"ms"},success:{"&:hover":{backgroundColor:e.palette.primary.main},backgroundColor:e.palette.primary.main,color:e.palette.primary.contrastText}}),{name:"ConfirmButton"}),ho=ya;var Sa=3e3,mt=p=>{var u=p,{children:e,disabled:t,labels:o,noTransition:r,transitionState:a,variant:n="primary",onClick:s,onTransitionToDefault:l}=u,c=m(u,["children","disabled","labels","noTransition","transitionState","variant","onClick","onTransitionToDefault"]);let g=ho(),[S,b]=D.useState(!1),F=D.useRef();D.useEffect(()=>{!r&&a==="loading"&&b(!0)},[a,r]),D.useEffect(()=>(!r&&["error","success"].includes(a)?F.current=setTimeout(()=>{b(!1),l&&l()},Sa):a==="loading"&&clearTimeout(F.current),()=>{F.current&&clearTimeout(F.current)}),[r,a,l]);let w=r?a!=="default":S;return D.createElement(ae,i({variant:n,error:a==="error"&&w,onClick:a==="loading"?void 0:s,disabled:!w&&t,"data-test-state":w?a:"default"},c),D.createElement(ha,{size:24,color:"inherit",className:dt({[g.progress]:!0,[g.invisible]:a!=="loading"})}),D.createElement(va,{className:dt({[g.icon]:!0,[g.invisible]:!(a==="success"&&w)})}),D.createElement("span",{className:dt({[g.label]:!0,[g.invisible]:(a==="loading"||a==="success")&&w})},a==="error"&&w?o.error:e||o.confirm))};mt.displayName="ConfirmButton";import Ba from"@material-ui/core/Tooltip";import we from"react";var ie=({tooltip:e,children:t})=>e?we.createElement(Ba,{title:e,placement:"top"},we.createElement("span",null,t)):we.createElement(we.Fragment,null,t);ie.displayName="ButtonTooltipDecorator";var ka=d(()=>({spacer:{flex:"1"}}),{name:"Savebar"}),vo=ka;var Ta=({disabled:e,labels:t,tooltips:o,state:r,onCancel:a,onDelete:n,onSubmit:s})=>{let l=vo(),{setDocked:c}=ge();return E.createElement(ct,{state:r,disabled:e},!!n&&E.createElement(ie,{tooltip:o==null?void 0:o.delete},E.createElement(ae,{error:!0,variant:"primary",onClick:n,"data-test":"button-bar-delete"},t.delete)),E.createElement("div",{className:l.spacer}),E.createElement(ie,{tooltip:o==null?void 0:o.cancel},E.createElement(ae,{color:"text",variant:"secondary",onClick:a,"data-test":"button-bar-cancel"},t.cancel)),E.createElement(ie,{tooltip:o==null?void 0:o.confirm},E.createElement(mt,{disabled:e,labels:t,onClick:s,transitionState:r,"data-test":"button-bar-confirm",onTransitionToDefault:()=>c(!0)})))};Ta.displayName="Savebar";import Ia from"@material-ui/core/Portal";import Na from"@material-ui/lab/Skeleton";import se from"react";import wa from"@material-ui/core/ButtonBase";import La from"clsx";import Bo from"react";import{fade as Fa}from"@material-ui/core/styles";var Pa=d(e=>({root:{"&:hover, &:focus-visible, &$hover":{background:e.palette.background.paper,color:e.palette.primary.main},"&:active, &$active":{background:e.palette.saleor.active[4],color:e.palette.primary.main},background:Fa(e.palette.background.paper,.4),borderRadius:4,color:e.palette.text.secondary,fontSize:e.typography.body1.fontSize,fontWeight:600,height:48,padding:e.spacing(.5,2),textAlign:"center",textTransform:"uppercase",transition:e.transitions.duration.shorter+"ms"},hover:{},active:{}}),{name:"LayoutButton"}),So=Pa;var ne=Bo.forwardRef((n,a)=>{var s=n,{className:e,children:t,state:o="default"}=s,r=m(s,["className","children","state"]);let l=So();return Bo.createElement(wa,i({className:La(l.root,e,{[l.hover]:o==="hover",[l.active]:o==="active"}),disableRipple:!0,ref:a},r),t)});ne.displayName="LayoutButton";var Ma=d(e=>({backArrow:{fontSize:30,transform:"rotate(180deg)"},menuButton:{flex:"0 0 auto",marginLeft:e.spacing(-2),marginRight:e.spacing(),marginTop:e.spacing(-2)},root:{alignItems:"center",cursor:"pointer",display:"flex",marginTop:e.spacing(.5),[e.breakpoints.down("sm")]:{margin:e.spacing(4,0,0,0)}},skeleton:{width:"10rem"},title:{lineHeight:1.1,flex:1,marginLeft:e.spacing()}}),{name:"AppHeader"}),ko=Ma;var Aa=a=>{var n=a,{children:e,disabled:t,onClick:o}=n,r=m(n,["children","disabled","onClick"]);let s=ko(),l=Gt();return l.current?se.createElement(Ia,{container:l.current},se.createElement(ne,i({className:s.root,disabled:t,onClick:o,"data-test-id":"app-header-back-button"},r),se.createElement(Fe,{className:s.backArrow}),e?se.createElement("div",{className:s.title},e):se.createElement(Na,{className:s.skeleton}))):null};Aa.displayName="Backlink";import qa from"clsx";import $ from"react";import Le from"react";var le=()=>Le.createElement("svg",{width:"36",height:"33",viewBox:"0 0 36 33",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Le.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.6072 33C22.4977 33 23.9789 30.6214 23.9789 27.3629C23.9789 23.3549 20.3772 22.6056 17.3814 22.1167C15.0924 21.7258 14.0489 21.5304 14.0489 20.1292C14.0489 19.0867 14.9577 18.6954 16.4389 18.6954C18.2566 18.6954 18.7614 19.2168 18.9298 20.7482L23.7097 20.0314C23.3055 16.7404 21.4542 15.0787 16.5735 15.0787C11.2216 15.0787 9.33654 17.2293 9.33654 20.6504C9.30299 25.082 13.4768 25.5382 16.5735 26.0594C18.492 26.418 19.2328 26.7437 19.2328 28.0146C19.2328 29.0573 18.5933 29.5135 16.6745 29.5135C14.5539 29.5135 13.9144 29.1551 13.6451 27.4281L9 28.1124C9.43753 31.599 11.4908 33 16.6072 33Z",fill:"#28234A"}),Le.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.7838 0L13.4043 6.64709H29.1638L35.5433 0H19.7838Z",fill:"#8AC4EB"}),Le.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.15911 2.31187C6.27552 2.1958 6.4332 2.13062 6.59759 2.13062H27.3248C27.5761 2.13062 27.8026 2.28211 27.8987 2.51437C27.9947 2.74664 27.9412 3.01388 27.7632 3.19134L21.7867 9.1508C21.6703 9.26687 21.5126 9.33205 21.3482 9.33205H0.621008C0.369679 9.33205 0.143131 9.18056 0.0471181 8.94829C-0.0488948 8.71603 0.00456112 8.44879 0.182532 8.27133L6.15911 2.31187ZM6.85429 3.37259L2.12325 8.09007H21.0915L25.8225 3.37259H6.85429Z",fill:"#28234A"}));le.displayName="Logo";import Oa from"clsx";import Fo from"react";import Da from"@material-ui/core/ButtonBase";import Ea from"clsx";import To from"react";var Ha=d(e=>({disabled:{"&$root":{color:e.palette.grey[500]}},root:{"&:hover, &:focus-visible":{background:e.palette.saleor.active[5]},"&:active":{background:e.palette.saleor.active[4]},background:e.palette.background.paper,borderRadius:4,color:e.palette.primary.main,height:48,transition:e.transitions.duration.shortest+"ms",width:48}}),{name:"ExpandButton"}),G=To.forwardRef((r,o)=>{var a=r,{className:e}=a,t=m(a,["className"]);let n=Ha({});return To.createElement(Da,i({className:Ea(n.root,e,{[n.disabled]:t.disabled}),disableRipple:!0,ref:o},t))});G.displayName="SquareButton";var Ra=d(e=>({arrow:{transition:e.transitions.duration.shortest+"ms"},shrunk:{transform:"scaleX(-1)"}}),{name:"ExpandButton"}),ut=o=>{var r=o,{isShrunk:e}=r,t=m(r,["isShrunk"]);let a=Ra({});return Fo.createElement(G,i({disableRipple:!0},t),Fo.createElement(Fe,{className:Oa(a.arrow,{[a.shrunk]:!e})}))};ut.displayName="ExpandButton";import $a from"@material-ui/core/ClickAwayListener";import Va from"@material-ui/core/MenuItem";import Wa from"@material-ui/core/Paper";import za from"@material-ui/core/Popper";import{fade as Ga}from"@material-ui/core/styles";import Ua from"@material-ui/core/Typography";import Me from"clsx";import N from"react";import Za from"react-inlinesvg";var Ie=210,Ne=72,Ka=d(e=>({hideLabel:{"&$label":{opacity:0}},icon:{"& svg":{height:24,width:24},marginRight:e.spacing(1.5),transition:e.transitions.duration.shortest+"ms"},label:{cursor:"pointer",display:"block",fontSize:16,fontWeight:"bold",opacity:1,transition:e.transitions.duration.shortest+"ms"},labelRoot:{position:"absolute",left:72,width:200,textAlign:"left",pointerEvents:"none"},menuItemBtn:{"&:focus":{color:e.palette.primary.main,outline:0},background:"none",border:"none",color:"inherit",cursor:"pointer",display:"inline-flex",margin:0,padding:0},paper:{borderRadius:4,boxShadow:"0px 6px 30px rgba(0, 0, 0, 0.16)",cursor:"default",textAlign:"left"},popper:{margin:e.spacing(3.5,0,0,0),marginLeft:-Ie/2,zIndex:2},popperShrink:{marginLeft:-Ne/2},root:{"&:hover, &:focus-visible, &$rootOpen":{color:e.palette.primary.main,outline:0},borderBottomRightRadius:4,borderTopRightRadius:4,color:Ga(e.palette.text.primary,.6),cursor:"pointer",display:"flex",height:56,marginBottom:e.spacing(),overflow:"hidden",padding:e.spacing(2,3,2,3),transition:e.transitions.duration.shortest+"ms",width:Ne},rootActive:{"&$root":{"&:hover, &:focus-visible, &$rootOpen":{color:e.palette.primary.main},background:e.palette.background.paper,color:e.palette.text.primary}},rootExpanded:{width:Ie},rootOpen:{},subMenuLabel:{"&.Mui-selected":{background:"unset !important"},background:"none",border:"none",color:e.palette.text.primary,fontWeight:500,height:48,lineHeight:36+"px",textAlign:"left",textDecoration:"none",whiteSpace:"nowrap",width:"100%"}}),{name:"MenuItem"}),ft=({activeId:e,menuItem:t,isMenuShrunk:o,onClick:r})=>{var p;let a=Ka({}),[n,s]=N.useState(!1),l=N.useRef(null),c=(u,g)=>{u.stopPropagation(),g.children?s(!0):(r(g.url),s(!1))};return N.createElement("div",{className:Me(a.root,{[a.rootOpen]:n,[a.rootActive]:[t.id,...((p=t.children)==null?void 0:p.map(u=>u.id))||[]].includes(e),[a.rootExpanded]:!o}),ref:l,onClick:u=>c(u,t)},N.createElement("button",{className:a.menuItemBtn,"data-test":"menu-item-label","data-test-id":t.id},t.iconSrc&&N.createElement(Za,{className:a.icon,src:t.iconSrc}),N.createElement(Ua,{"aria-label":t.ariaLabel,className:Me(a.label,a.labelRoot,{[a.hideLabel]:o}),variant:"body2"},t.label)),t.children&&N.createElement(za,{className:Me(a.popper,{[a.popperShrink]:o}),open:n,anchorEl:l.current,transition:!0,placement:"right-start"},N.createElement($a,{onClickAway:()=>s(!1)},N.createElement(Wa,{className:a.paper},t.children.map(u=>{let g=u.external?{href:u.url,target:"_blank"}:{};return N.createElement(Va,i({"aria-label":u.ariaLabel,component:u.external?"a":"button",className:Me(a.label,a.subMenuLabel),key:u.url,onClick:S=>c(S,u),"data-test":"submenu-item-label","data-test-id":u.id,selected:e===u.id},g),u.label)})))))};ft.displayName="MenuItem";var ja=d(e=>({expandButton:{marginLeft:e.spacing(1.5)},float:{height:"100vh",position:"fixed",overflowY:"auto",overflowX:"hidden",paddingBottom:e.spacing(3)},logo:{margin:`36px 0 ${e.spacing(3)} ${e.spacing(2.5)}`},root:{transition:"width 0.5s ease",width:Ie},rootShrink:{width:Ne},toolbarContainer:{margin:e.spacing(1,0,1,1.5)}}),{name:"SideBar"}),_a=({activeId:e,menuItems:t,toolbar:o,onMenuItemClick:r})=>{let a=ja({}),{value:n,setValue:s}=_(xe.menuShrink,(!1).toString()),l=n==="true";return $.createElement("div",{className:qa(a.root,{[a.rootShrink]:l})},$.createElement("div",{className:a.float},$.createElement("div",{className:a.logo},$.createElement(le,null)),t.map(c=>$.createElement(ft,{activeId:e,isMenuShrunk:l,menuItem:c,onClick:r,key:c.ariaLabel})),o&&$.createElement("div",{className:a.toolbarContainer},o),$.createElement(ut,{className:a.expandButton,isShrunk:l,onClick:()=>s((!l).toString())})))};_a.displayName="SideBar";import Ya from"@material-ui/core/Typography";import gt from"react";import Ja from"react-inlinesvg";var Xa=d(e=>({activeMenuLabel:{display:"flex"},container:{overflowX:"hidden",width:"100%"},containerSubMenu:{"&$container":{overflow:"hidden"}},content:{width:"50%"},icon:{marginRight:e.spacing(2)},innerContainer:{display:"flex",position:"relative",right:0,transition:e.transitions.duration.short+"ms",width:"200%"},label:{fontWeight:"bold"},logo:{display:"block",marginBottom:e.spacing(4)},menuItemBtn:{alignItems:"center",background:"none",border:"none",color:e.palette.text.secondary,display:"flex",marginBottom:e.spacing(3),padding:0,textDecoration:"none"},root:{background:e.palette.background.default,borderBottomRightRadius:32,borderTopRightRadius:32,padding:e.spacing(3),width:260},secondaryContentActive:{right:"100%"},subMenuTopBar:{alignItems:"center",display:"flex",justifyContent:"space-between",marginBottom:e.spacing(3)}}),{name:"SideBarDrawer"}),Ae=Xa;var De=({menuItem:e,onClick:t})=>{let o=Ae(),r=e.external?{href:e.url,target:"_blank"}:{},a=e.external?"a":"button";return gt.createElement(a,i({className:o.menuItemBtn,"data-test":"menu-item-label","data-test-id":e.id,onClick:()=>t(e.url)},r),e.iconSrc&&gt.createElement(Ja,{className:o.icon,src:e.iconSrc}),gt.createElement(Ya,{"aria-label":e.ariaLabel,className:o.label},e.label))};De.displayName="MenuItemBtn";import Qa from"@material-ui/core/Drawer";import ei from"@material-ui/core/Typography";import ti from"@material-ui/icons/ArrowLeft";import oi from"@material-ui/icons/Menu";import Po from"clsx";import x from"react";import ri from"react-inlinesvg";var ai=({menuItems:e,onMenuItemClick:t})=>{var S;let[o,r]=x.useState(!1),a=Ae({}),[n,s]=x.useState(null),[l,c]=x.useState(!1),p=x.useRef(null),u=b=>{r(!1),c(!1),t(b)},g=b=>{var F;s(b),c(!0),(F=p.current)==null||F.scrollTo({top:0})};return x.createElement(x.Fragment,null,x.createElement(G,{onClick:()=>r(!0)},x.createElement(oi,null)),x.createElement(Qa,{classes:{paper:a.root},open:o,onClose:()=>r(!1)},x.createElement("div",{className:Po(a.container,{[a.containerSubMenu]:l}),ref:p},x.createElement("div",{className:Po(a.innerContainer,{[a.secondaryContentActive]:l})},x.createElement("div",{className:a.content},x.createElement("div",{className:a.logo},x.createElement(le,null)),e.map(b=>x.createElement(De,{menuItem:b,onClick:b.children?()=>g(b):u,key:b.ariaLabel}))),n&&x.createElement("div",{className:a.content},x.createElement("div",{className:a.subMenuTopBar},x.createElement("div",{className:a.activeMenuLabel},n.iconSrc&&x.createElement(ri,{className:a.icon,src:n.iconSrc}),x.createElement(ei,{className:a.label},n.label)),x.createElement(G,{onClick:()=>c(!1)},x.createElement(ti,null))),(S=n.children)==null?void 0:S.map(b=>x.createElement(De,{menuItem:b,onClick:u,key:b.ariaLabel})))))))};ai.displayName="SideBarDrawer";import Io from"@material-ui/core/Typography";import mi from"@material-ui/icons/Close";import ui from"clsx";import T from"react";import ni from"@material-ui/core/ButtonBase";import si from"@material-ui/core/IconButton";import Lo from"clsx";import bt from"react";var ii=d(e=>({error:{"&&":{"&:hover, &.Mui-focusVisible":{background:e.palette.saleor.errorAction[5],borderColor:e.palette.saleor.errorAction[1]},"&:active":{background:e.palette.saleor.errorAction[4],borderColor:e.palette.saleor.errorAction[1]}},borderColor:e.palette.saleor.errorAction[4],color:e.palette.saleor.errorAction[1]},disabledError:{"&&&":{borderColor:"transparent",color:e.palette.saleor.errorAction[5]}},secondary:ye(e.palette.saleor),hoverOutline:{"&$secondary":{"&:hover,&:focus-visible":{background:e.palette.saleor.active[5]},"&:active":{background:e.palette.saleor.active[4]}}}}),{name:"IconButton"}),wo=ii;var pe=bt.forwardRef((s,n)=>{var l=s,{className:e,error:t,hoverOutline:o,variant:r="primary"}=l,a=m(l,["className","error","hoverOutline","variant"]);let c=wo();return r==="secondary"?bt.createElement(ni,i({ref:n,className:Lo(c.secondary,e,{[c.hoverOutline]:o}),disableRipple:!0},a)):bt.createElement(si,i({ref:n,className:Lo(e,{[c.error]:t,[c.disabledError]:t&&a.disabled}),disableRipple:!0},a))});pe.displayName="Button";import pi from"@material-ui/core/Card";import ci from"@material-ui/core/CardContent";import di from"clsx";import Mo from"react";var li=d(e=>({close:{color:e.palette.common.black,position:"absolute",right:e.spacing(-2),top:e.spacing(-1)},closeNoContent:{"&$close":{top:2}},container:{columnGap:e.spacing(2),display:"grid",gridTemplateColumns:"40px 1fr"},content:{padding:e.spacing(0,1)},root:{},titleBar:{marginTop:6,marginBottom:e.spacing(1),position:"relative"},error:{background:e.palette.alert.paper.error},warning:{background:e.palette.alert.paper.warning},success:{background:e.palette.alert.paper.success}}),{name:"Alert"}),Ee=li;var Ct=a=>{var n=a,{className:e,variant:t="info",children:o}=n,r=m(n,["className","variant","children"]);let s=Ee();return Mo.createElement(pi,i({elevation:0,className:di(e,s.root,{[s.error]:t==="error",[s.warning]:t==="warning",[s.success]:t==="success"}),"data-test":"alert"},r),Mo.createElement(ci,null,o))};Ct.displayName="AlertBase";var fi=({variant:e})=>{switch(e){case"error":return T.createElement(te,null);case"warning":return T.createElement(oe,null);case"success":return T.createElement(Q,null);default:return T.createElement(ee,null)}},gi=n=>{var s=n,{close:e=!0,variant:t="info",title:o,children:r}=s,a=m(s,["close","variant","title","children"]);let l=Ee(),[c,p]=T.useState(!0);return c?T.createElement(Ct,i({variant:t},a),T.createElement("div",{className:l.container},T.createElement("div",null,T.createElement(fi,{variant:t})),T.createElement("div",{className:l.content},T.createElement("div",{className:l.titleBar},o&&T.createElement(Io,{variant:"h5"},o),e&&T.createElement(pe,{className:ui(l.close,{[l.closeNoContent]:!r}),variant:"secondary",onClick:()=>p(!1),"data-test":"close"},T.createElement(mi,null))),typeof r=="string"?T.createElement(Io,{variant:"body1"},r):r))):null};gi.displayName="Alert";import Ci from"@material-ui/core/Button";import xi from"@material-ui/core/SnackbarContent";import Do from"@material-ui/core/Typography";import yi from"@material-ui/icons/Close";import xt from"clsx";import h from"react";var No=40,bi=d(e=>({actionBtn:{left:-4,position:"relative",minWidth:"unset"},closeBtn:{"& svg":{maxHeight:20,maxWidth:20},padding:10,position:"absolute",right:5,top:7},closeBtnInfo:{color:e.palette.text.primary},error:{backgroundColor:e.palette.alert.paper.error},hiddenText:{maxHeight:0},info:{},snackbar:{borderRadius:4,padding:e.spacing(0,6,1,2),position:"relative"},snackbarContainer:{marginBottom:e.spacing(2),maxWidth:450,position:"relative"},snackbarAction:{paddingLeft:`calc(${No}px + ${e.spacing(2)})`},success:{backgroundColor:e.palette.alert.paper.success},text:{fontWeight:400,paddingTop:5},warning:{backgroundColor:e.palette.alert.paper.warning},messageContainer:{paddingTop:e.spacing(2),position:"relative"},container:{columnGap:e.spacing(2),display:"grid",gridTemplateColumns:`${No}px 1fr`},title:{marginTop:6,marginBottom:e.spacing(.5)}}),{name:"Notification"}),Ao=bi;var hi=({type:e})=>{switch(e){case"error":return h.createElement(te,null);case"warning":return h.createElement(oe,null);case"success":return h.createElement(Q,null);default:return h.createElement(ee,null)}},vi=l=>{var c=l,{onClose:e,title:t,type:o,action:r,content:a,className:n}=c,s=m(c,["onClose","title","type","action","content","className"]);let p=Ao();return h.createElement("div",i({className:xt(p.snackbarContainer,n),"data-test":"notification","data-test-type":o},s),h.createElement(xi,{"aria-describedby":"client-snackbar",classes:{action:p.snackbarAction,message:p.messageContainer},className:xt(p.snackbar,{[p.info]:o==="info",[p.error]:o==="error",[p.success]:o==="success",[p.warning]:o==="warning"}),message:h.createElement("div",{className:p.container},h.createElement("div",null,h.createElement(hi,{type:o})),h.createElement("div",null,h.createElement("div",{className:p.title},h.createElement(Do,{variant:"h5"},t)),h.createElement(Do,{variant:"body1"},a))),action:[h.createElement("div",{key:"actions"},!!r&&h.createElement(Ci,{className:p.actionBtn,key:"action",color:"default",size:"small",onClick:r.onClick,"data-test":"button-action"},r.label)),h.createElement(pe,{key:"close","aria-label":"Close",color:"inherit",onClick:e,variant:"secondary",className:xt(p.closeBtn,{[p.closeBtnInfo]:o==="info"}),"data-test":"close"},h.createElement(yi,null))]}))};vi.displayName="Notification";import Ti from"@material-ui/core/Avatar";import Fi from"@material-ui/core/ClickAwayListener";import Pi from"@material-ui/core/Grow";import wi from"@material-ui/core/Hidden";import Li from"@material-ui/core/MenuList";import Mi from"@material-ui/core/Paper";import Ii from"@material-ui/core/Popper";import Oo from"@material-ui/core/Typography";import y from"react";import{createContext as Si,useContext as Bi}from"react";var He=Si(void 0);He.displayName="UserChipMenuContext";var Eo=()=>{let e=Bi(He);if(e===void 0)throw new Error("useUserChipMenu must be used within a UserChipMenuContext");return e};var ce=32,de=42,ki=d(e=>({avatar:{"&&":{[e.breakpoints.down("sm")]:{height:de,width:de},height:ce,width:ce},backgroundColor:e.palette.background.paper},avatarInitials:{[e.breakpoints.down("sm")]:{height:de,width:de,lineHeight:de+"px"},height:ce,lineHeight:ce+"px",width:ce,color:e.palette.primary.contrastText,textAlign:"center"},avatarPlaceholder:{alignItems:"center",background:e.palette.primary.main,borderRadius:"100%",display:"flex",justifyContent:"center"},label:{letterSpacing:"0.02em",lineHeight:1.2,textAlign:"left"},labelContainer:{display:"inline-flex",alignItems:"center",marginLeft:e.spacing(1)},popover:{marginTop:e.spacing(.5),zIndex:10},userChip:f(i({"&&":{padding:e.spacing(.5,3,.5,1)}},e.typography.body1),{display:"flex",textTransform:"unset"}),userMenuContainer:{cursor:"pointer",display:"inline-block",position:"relative"}}),{name:"UserChipMenu"}),Ho=ki;var Ni=l=>{var c=l,{avatar:e,initials:t,name:o,subtext:r,children:a,open:n=!1}=c,s=m(c,["avatar","initials","name","subtext","children","open"]);let p=Ho({}),[u,g]=y.useState(n),S=y.useRef(null),b=()=>g(!1);return y.createElement(y.Fragment,null,y.createElement(ne,i({className:p.userChip,ref:S,onClick:()=>g(!u),"data-test":"userMenu",state:u?"active":"default"},s),e?y.createElement(Ti,{className:p.avatar,alt:"user",src:e}):y.createElement("div",{className:p.avatarPlaceholder},y.createElement("div",{className:p.avatarInitials},t)),y.createElement("div",{className:p.labelContainer},y.createElement(wi,{smDown:!0},y.createElement("div",null,y.createElement(Oo,{className:p.label,variant:"body2"},o),r&&y.createElement(Oo,{className:p.label,variant:"body2",color:"textSecondary"},r))))),y.createElement(Ii,{className:p.popover,open:u,anchorEl:S.current,transition:!0,placement:"bottom-end"},({TransitionProps:F,placement:w})=>y.createElement(Pi,f(i({},F),{style:{transformOrigin:w==="bottom"?"right top":"right bottom"}}),y.createElement(Mi,null,y.createElement(Fi,{onClickAway:b,mouseEvent:"onClick"},y.createElement(Li,{disablePadding:!0},y.createElement(He.Provider,{value:b},a)))))))};Ni.displayName="UserChip";import Ai from"@material-ui/core/MenuItem";import Di from"react";var Ei=r=>{var a=r,{leaveOpen:e,onClick:t}=a,o=m(a,["leaveOpen","onClick"]);let n=Eo(),s=l=>{n(),t&&t(l)};return Di.createElement(Ai,f(i({},o),{onClick:e?t:s,button:!0}))};Ei.displayName="UserChipMenuItem";import Oi from"@material-ui/core/Table";import $o from"react";var Hi=d(e=>({root:{[e.breakpoints.up("md")]:{"&& table":{tableLayout:"fixed"}},"& table":{tableLayout:"auto"},overflowX:"auto",width:"100%"}}),{name:"ResponsiveTable"}),Ro=Hi;var Ri=e=>{let{children:t,className:o}=e,r=Ro(e);return $o.createElement("div",{className:r.root},$o.createElement(Oi,{className:o},t))};Ri.displayName="ResponsiveTable";import Vi from"@material-ui/core/Tooltip";import Wi from"react";var $i=d(e=>({tooltip:{backgroundColor:t=>{switch(t.variant){case"info":return e.palette.info.main;case"success":return e.palette.success.main;case"warning":return e.palette.warning.main;case"error":return e.palette.error.main;default:return e.palette.info.main}}}}),{name:"Tooltip"}),Vo=$i;var zi=r=>{var a=r,{children:e,variant:t="info"}=a,o=m(a,["children","variant"]);let n=Vo(i({variant:t,children:e},o));return Wi.createElement(Vi,i({classes:n},o),e)};zi.displayName="Tooltip";import ji from"@material-ui/core/Toolbar";import Re from"react";import Wo from"@material-ui/core/ButtonBase";import zo from"@material-ui/icons/ChevronLeft";import Go from"@material-ui/icons/ChevronRight";import yt from"clsx";import V from"react";import{fade as Gi}from"@material-ui/core/styles/colorManipulator";var Ui=d(e=>({actions:{},actionsButton:{"&:hover":{color:e.palette.primary.main},"&:last-child":{marginLeft:e.spacing(1.5)},"& svg":{color:"currentColor",width:16},border:"2px solid currentColor",borderRadius:2,boxSizing:"border-box",color:e.palette.text.primary,height:36,width:36,transition:e.transitions.create("color",{duration:e.transitions.duration.shorter})},actionsButtonDisabled:{border:`2px solid ${e.palette.text.disabled}`,color:e.palette.text.disabled},dark:{"&:focus, &:hover":{"& > span:first-of-type":{backgroundColor:Gi(e.palette.primary.main,.2)}},color:e.palette.primary.main},root:{},toolbar:{justifyContent:"space-between"},spacer:{},rowNumber:{fontSize:e.typography.body2.fontSize},rowNumberLabel:{},rowNumberSelect:{"&&:before, &&:after":{content:"none"},marginLeft:e.spacing(1)},rowNumberSelectLabel:{"&&":{color:e.palette.primary.main}}}),{name:"Pagination"}),U=Ui;var ht=c=>{var p=c,{className:e,disabled:t,hasNextPage:o,hasPreviousPage:r,nextIconButtonProps:a,onNextPage:n,onPreviousPage:s}=p,l=m(p,["className","disabled","hasNextPage","hasPreviousPage","nextIconButtonProps","onNextPage","onPreviousPage"]);let u=U(),{direction:g,themeType:S}=W(),b=S==="dark",F=!r||t,w=!o||t;return V.createElement("div",i({className:yt(u.actions,e)},l),V.createElement(Wo,{className:yt(u.actionsButton,{[u.dark]:b,[u.actionsButtonDisabled]:F}),disableRipple:!0,onClick:s,disabled:F,"data-test":"button-pagination-back","aria-label":"previous page"},g==="rtl"?V.createElement(Go,null):V.createElement(zo,null)),V.createElement(Wo,i({className:yt(u.actionsButton,{[u.dark]:b,[u.actionsButtonDisabled]:w}),disableRipple:!0,onClick:n,disabled:w,"data-test":"button-pagination-next","aria-label":"next page"},a),g==="rtl"?V.createElement(zo,null):V.createElement(Go,null)))};ht.displayName="PaginationActions";import Zi from"@material-ui/core/MenuItem";import Ki from"@material-ui/core/Select";import qi from"clsx";import Oe from"react";var vt=({className:e,choices:t,disabled:o,labels:r,rowNumber:a,onChange:n})=>{let s=U({});return Oe.createElement("div",{className:qi(s.rowNumber,e)},Oe.createElement("span",{className:s.rowNumberLabel},r.noOfRows),n?Oe.createElement(Ki,{"data-test-id":"PaginationRowNumberSelect",disabled:o,inputProps:{className:s.rowNumberSelectLabel},className:s.rowNumberSelect,value:a,onChange:l=>n(l.target.value)},t.length>0&&t.map(l=>Oe.createElement(Zi,{value:l,key:l,"data-test-id":"rowNumberOption"},l))):` ${a}`)};vt.displayName="PaginationRowNumberSelect";var St=g=>{var S=g,{choices:e=[10,20,30,50,100],disabled:t,hasNextPage:o,hasPreviousPage:r,nextIconButtonProps:a,labels:n,rowNumber:s,onNextPage:l,onPreviousPage:c,onRowNumberUpdate:p}=S,u=m(S,["choices","disabled","hasNextPage","hasPreviousPage","nextIconButtonProps","labels","rowNumber","onNextPage","onPreviousPage","onRowNumberUpdate"]);let b=U();return Re.createElement(ji,i({className:b.toolbar,disableGutters:!0},u),Re.createElement("div",{className:b.spacer},s&&Re.createElement(vt,{choices:e,disabled:t,labels:n,rowNumber:s,onChange:p})),Re.createElement(ht,{disabled:t,hasNextPage:o,hasPreviousPage:r,nextIconButtonProps:a,onNextPage:l,onPreviousPage:c}))};St.displayName="Pagination";import _i from"@material-ui/core/TableCell";import Xi from"@material-ui/core/TableRow";import Bt from"react";var Yi=o=>{var r=o,{colSpan:e}=r,t=m(r,["colSpan"]);return Bt.createElement(Xi,null,Bt.createElement(_i,{padding:"none",colSpan:e},Bt.createElement(St,i({},t))))};Yi.displayName="TablePagination";import Qi from"@material-ui/core/Chip";import en from"react";import{fade as $e}from"@material-ui/core/styles";var Ji=d(e=>({label:{color:({variant:t})=>{switch(t){case"success":return e.palette.success.main;case"warning":return e.palette.warning.main;case"neutral":return e.palette.text.hint;case"error":return e.palette.error.main}},fontSize:16,fontWeight:700,padding:e.spacing(0,2),textTransform:"uppercase"},root:{"&:not(:first-child)":{marginLeft:e.spacing(2)},background:({variant:t})=>{switch(t){case"success":return $e(e.palette.success.main,.2);case"warning":return $e(e.palette.warning.main,.2);case"neutral":return $e(e.palette.text.hint,.05);case"error":return $e(e.palette.error.main,.15)}},borderRadius:20,cursor:"inherit",height:({size:t})=>t==="lg"?40:32}}),{name:"StatusChip"}),Uo=Ji;var tn=r=>{var a=r,{size:e="md",variant:t}=a,o=m(a,["size","variant"]);let n=Uo(i({size:e,variant:t},o));return en.createElement(Qi,i({classes:n},o))};tn.displayName="HeaderChip";import an from"@material-ui/core/Tab";import nn from"react";import{fade as on}from"@material-ui/core/styles";var rn=d(e=>({tabRoot:{"@media (min-width: 600px)":{minWidth:"unset"},"&.Mui-selected":{background:e.palette.secondary.main,color:e.palette.primary.main},"&:hover":{background:on(e.palette.secondary.main,.6)},borderRadius:8,minHeight:40,padding:e.spacing(1,2),textTransform:"unset"},containerRoot:{minHeight:"unset"},containerFlex:{columnGap:e.spacing(2)}}),{name:"PageTab"}),Ve=rn;var sn=e=>{let t=Ve();return nn.createElement(an,i({classes:{root:t.tabRoot},disableRipple:!0},e))};sn.displayName="PageTab";import ln from"@material-ui/core/Tabs";import pn from"react";var cn=e=>{let t=Ve();return pn.createElement(ln,f(i({},e),{classes:{flexContainer:t.containerFlex,root:t.containerRoot},TabIndicatorProps:{style:{display:"none"}},onChange:(o,r)=>e.onChange(r)}))};cn.displayName="PageTabs";import dn from"react";var mn=({children:e,show:t})=>dn.createElement("div",{style:{display:t?"block":"none"}},e);mn.displayName="PageTabPanel";import wn from"@material-ui/core/IconButton";import It from"@material-ui/core/MenuItem";import Jo from"@material-ui/core/Select";import Ln from"@material-ui/core/Typography";import Mn from"lodash/difference";import M from"react";import{createContext as un,useContext as fn}from"react";var kt=un(null),L=()=>{let e=fn(kt);if(e===void 0)throw new Error("useFilters must be used within a FilterContext");return e};import ze from"react";import bn from"@material-ui/core/Checkbox";import Cn from"@material-ui/core/Chip";import xn from"@material-ui/core/MenuItem";import yn from"@material-ui/core/Select";import hn from"clsx";import me from"react";var gn=d(e=>({menuContent:{minWidth:220,padding:e.spacing(2)},menuHeader:{textTransform:"uppercase"},menuPaper:{borderRadius:0},filter:{alignItems:"center",display:"flex",columnGap:e.spacing(2),marginBottom:e.spacing(2)},filterChip:{borderRadius:8,background:e.palette.primary.main,color:e.palette.primary.contrastText},filterChipContainer:{display:"flex",columnGap:e.spacing(1)},filterDelete:{marginLeft:"auto"},filterName:{width:180},filterValue:{height:51,width:400},filterRange:{width:115},filterInputInner:{"&&":{padding:e.spacing(2)}},filterConjunction:{minWidth:80},filterValueCheckbox:{paddingLeft:0},filterValueSelected:{color:e.palette.primary.main,fontWeight:500},filterRangeLabel:{margin:e.spacing(0,1)},filterRangeValueContainer:{display:"flex",alignItems:"center"},bar:{minWidth:600},selectPaper:{borderRadius:0,marginTop:`calc(48px + ${e.spacing(1)})`}}),{name:"Filter"}),P=gn;var Tt=({filter:e})=>{let t=P(),{onChange:o}=L(),{name:r,options:a}=e,{choices:n}=a,s=l=>o(r,l.target.value);return me.createElement(yn,{className:t.filterValue,classes:{root:t.filterInputInner},multiple:!0,variant:"outlined",onChange:s,value:e.values,renderValue:l=>{let c=l;return me.createElement("div",{className:t.filterChipContainer},c.map(p=>me.createElement(Cn,{className:t.filterChip,key:p,label:p})))}},n.map(l=>{let c=e.values.includes(l.value);return me.createElement(xn,{key:l.value,className:hn({[t.filterValueSelected]:c}),value:l.value},me.createElement(bn,{checked:c,className:t.filterValueCheckbox}),l.label)}))};Tt.displayName="MultipleSelectFilterField";import Zo from"@material-ui/core/TextField";import vn from"@material-ui/core/Typography";import Sn from"clsx";import We from"react";var Ft=({filter:e,labels:t})=>{var l;let o=P(),{onChange:r}=L(),{name:a}=e,n=c=>r(a,c.target.value,{rangePart:c.target.name}),s=f(i({},e.options.InputProps),{InputProps:i({classes:{input:o.filterInputInner},type:"number"},(l=e.options.InputProps)==null?void 0:l.InputProps),onChange:n});return We.createElement("div",{className:Sn(o.filterValue,o.filterRangeValueContainer)},We.createElement(Zo,f(i({},s),{name:"min",value:e.values[0]})),We.createElement(vn,{className:o.filterRangeLabel},t.and),We.createElement(Zo,f(i({},s),{name:"max",value:e.values[1]})))};Ft.displayName="RangeFilterField";import Bn from"@material-ui/core/MenuItem";import kn from"@material-ui/core/Select";import Ko from"react";var Pt=({filter:e})=>{let t=P(),{onChange:o}=L(),{name:r,options:a}=e,{choices:n}=a,s=l=>o(r,l.target.value);return Ko.createElement(kn,{className:t.filterValue,classes:{selectMenu:t.filterInputInner},variant:"outlined",onChange:s,value:e.value},n.map(l=>Ko.createElement(Bn,{key:l.value,value:l.value},l.label)))};Pt.displayName="SelectFilterField";import Tn from"@material-ui/core/TextField";import Fn from"react";var wt=({filter:e})=>{var n;let t=P(),{onChange:o}=L(),{name:r}=e,a=s=>o(r,s.target.value);return Fn.createElement(Tn,f(i({},e.options.InputProps),{className:t.filterValue,InputProps:f(i({},(n=e.options.InputProps)==null?void 0:n.InputProps),{classes:{input:t.filterInputInner}}),onChange:a,value:e.value}))};wt.displayName="TextFilterField";var I;(function(r){r[r.Text=0]="Text",r[r.Choice=1]="Choice",r[r.Range=2]="Range"})(I||(I={}));var Lt=({filter:e,labels:t})=>{let{options:o,range:r}=e,{type:a,multiple:n}=o;return a===I.Choice?n?ze.createElement(Tt,{filter:e}):ze.createElement(Pt,{filter:e}):a===I.Range&&r?ze.createElement(Ft,{filter:e,labels:t}):ze.createElement(wt,{filter:e})};Lt.displayName="FilterContent";import Pn from"lodash/uniqBy";function Z(e){return e.filter(t=>!t.active)}function Ge(e){return e.filter(t=>t.active)}function qo(e){if(Pn(e,"name").length!==e.length)throw new Error("Filter names should be unique")}function Mt(e){var o;let{options:t}=e;return{value:t.multiple||t.type===I.Range?null:t.type===I.Choice?(o=t.default)!=null?o:t.choices[0].value:"",values:e.range&&t.type===I.Range?["",""]:t.multiple?[]:null}}function jo(e,t,o,r,a){let n=r.find(l=>l.name===t),s={active:!!n,label:o,name:t,range:!1,sortIndex:e.length,options:a,value:null,values:null};return[...e,i(i(i({},s),Mt(s)),n)]}function _o(e,t,o,r={}){let a=e.find(s=>s.name===t),n;return a.options.multiple?n={values:o}:a.options.type===I.Range&&r.rangePart?n={values:r.rangePart==="min"?[o,a.values[1]]:[a.values[0],o]}:n={value:o},e.map(s=>s.name===t?i(i({},s),n):s)}function Xo(e,t){let o=e.find(n=>n.name===t),r=o.active?o.sortIndex:Ge(e).length,a=o.active?Mt(o):{};return e.map(n=>n.name===t?i(f(i({},n),{active:!n.active,sortIndex:r}),a):n.active&&n.sortIndex>r?f(i({},n),{sortIndex:n.sortIndex-1}):n)}function Yo(e,t){return e.map(o=>o.name===t?i(f(i({},o),{range:!o.range}),Mt(f(i({},o),{range:!o.range}))):o)}var kf=r=>{var a=r,{name:e,label:t}=a,o=m(a,["name","label"]);let{register:n,set:s,unregister:l}=L(),c=M.useRef(!1);return M.useEffect(()=>(n(e,t,o),c.current=!0,()=>l(e)),[]),M.useEffect(()=>{c.current&&o.choices!==void 0&&Mn(o.choices,o.choices).length&&s(e,{options:f(i({},o),{choices:o.choices})})},[o.choices]),null},Qo=({first:e,name:t,labels:o})=>{let r=P(),{filters:a,toggle:n,toggleRange:s}=L(),l=a.find(g=>g.name===t);if(!(l==null?void 0:l.active))return null;let c=Z(a),p=[l,...c],u=g=>{n(t),n(g.target.value)};return M.createElement("div",{className:r.filter},M.createElement(Ln,{className:r.filterConjunction},e?o.where:o.and),M.createElement(Jo,{className:r.filterName,classes:{selectMenu:r.filterInputInner},variant:"outlined",onChange:u,value:l.name},p.map(g=>M.createElement(It,{key:g.name,value:g.name},g.label))),M.createElement(Jo,{disabled:l.options.type!==I.Range,className:r.filterRange,classes:{selectMenu:r.filterInputInner},variant:"outlined",value:l.range.toString(),onChange:()=>s(t)},M.createElement(It,{value:"false"},o.is),M.createElement(It,{value:"true"},o.range)),M.createElement(Lt,{filter:l,labels:o}),M.createElement(wn,{className:r.filterDelete,onClick:()=>n(t)},M.createElement(co,null)))};import Hn from"@material-ui/core/Button";import On from"@material-ui/core/Card";import Rn from"@material-ui/core/CardContent";import $n from"@material-ui/core/CardHeader";import Vn from"@material-ui/core/IconButton";import Wn from"@material-ui/icons/Close";import v from"react";import In from"@material-ui/core/ClickAwayListener";import Nn from"@material-ui/core/MenuItem";import An from"@material-ui/core/Paper";import Dn from"@material-ui/core/Popper";import En from"@material-ui/core/Typography";import K from"react";var Nt=({anchorEl:e,labels:t,open:o,onClose:r})=>{let a=P(),{filters:n,toggle:s}=L(),l=Z(n),c=p=>{s(p),r()};return K.createElement(Dn,{anchorEl:e,open:o,disablePortal:!0,placement:"bottom-start"},K.createElement(In,{onClickAway:r},K.createElement(An,{elevation:20,className:a.menuPaper},K.createElement("div",{className:a.menuContent},K.createElement(En,{className:a.menuHeader,color:"textSecondary",variant:"caption"},t.header)),l.map(p=>K.createElement(Nn,{key:p.name,onClick:()=>c(p.name)},p.label)))))};Nt.displayName="FilterMenu";var zn=v.forwardRef(({children:e,initial:t=[],labels:o,onChange:r,onClose:a},n)=>{let s=P(),[l,c]=v.useState([]),[p,u]=v.useState(!1),g=v.useRef(null);qo(l);let S=(B,k,H)=>c(O=>jo(O,B,k,t,H)),b=(B,k,H)=>c(O=>_o(O,B,k,H)),F=B=>c(k=>Xo(k,B)),w=B=>c(k=>Yo(k,B)),dr=B=>c(k=>k.filter(H=>H.name!==B)),mr=(B,k)=>c(H=>H.map(O=>O.name===B?f(i({},O),{filter:k}):O)),ur=Z(l);return v.useEffect(()=>r(Ge(l)),[l]),v.createElement(kt.Provider,{value:{filters:l,register:S,set:mr,toggle:F,toggleRange:w,unregister:dr,onChange:b}},e,v.createElement(On,{className:s.bar,ref:n,elevation:20},v.createElement($n,{title:o.header,action:v.createElement(Vn,{onClick:a},v.createElement(Wn,null))}),v.createElement(Rn,null,v.createElement("div",null,Ge(l).sort((B,k)=>B.sortIndex>k.sortIndex?1:-1).map((B,k)=>v.createElement(Qo,{key:B.name,first:k===0,labels:o,name:B.name}))),!!ur.length&&v.createElement(v.Fragment,null,v.createElement(Hn,{color:"primary",ref:g,onClick:()=>u(!0)},"+ ",o.addButton)),v.createElement(Nt,{anchorEl:g.current,labels:o,open:p,onClose:()=>u(!1)}))))});zn.displayName="FilterBar";import Gn from"@material-ui/core/DialogTitle";import Un from"@material-ui/core/Typography";import q from"react";var er=d(e=>({button:{"&:hover, &:focus":{color:e.palette.saleor.active[1]},appearance:"none",border:"none",background:"transparent",color:e.palette.saleor.main[3],cursor:"pointer",padding:0,outline:0},wrapper:{alignItems:"center",display:"flex",justifyContent:"space-between"}}),{name:"DialogHeader"});var Zn=r=>{var a=r,{onClose:e,children:t}=a,o=m(a,["onClose","children"]);let n=er();return q.createElement(q.Fragment,null,q.createElement(Gn,{className:n.wrapper,id:"alert-dialog-title",disableTypography:!0},q.createElement(Un,i({variant:"h5",component:"h5"},o),t),q.createElement("button",{className:n.button,onClick:e,"aria-label":"Close modal","data-test":"close"},q.createElement(mo,null))))};Zn.displayName="DialogHeader";import Kn from"@material-ui/core/Table";import At from"react";var tr=d(()=>({wrapper:{overflowY:"scroll",maxHeight:500}}),{name:"DialogTable"});var qn=At.forwardRef((a,r)=>{var n=a,{children:e,innerRef:t}=n,o=m(n,["children","innerRef"]);let s=tr();return At.createElement("div",{className:s.wrapper,ref:r},At.createElement(Kn,i({ref:t},o),e))});qn.displayName="DialogTable";import rr from"clsx";import Ue from"react";var or=d(e=>({root:{boxShadow:"0px 0px 0px rgba(2, 25, 58, 0.16)",transition:e.transitions.create("box-shadow")},bottom:{boxShadow:"0px -6px 30px rgba(2, 25, 58, 0.16)"},top:{boxShadow:"0px 6px 30px rgba(2, 25, 58, 0.16)"}}),{name:"ScrollShadow"});var jn=a=>{var n=a,{show:e,variant:t,children:o}=n,r=m(n,["show","variant","children"]);let s=or();return t==="bottom"?Ue.createElement(Ue.Fragment,null,Ue.createElement("div",f(i({},r),{className:rr(s.root,{[s.bottom]:e})}),o)):Ue.createElement("div",f(i({},r),{className:rr(s.root,{[s.top]:e})}),o)};jn.displayName="ScrollShadow";import Xn from"clsx";import Yn from"react";var _n=d(e=>({root:i({"&:hover, &:focus-visible, &$hover":{borderColor:e.palette.saleor.active[3],color:e.palette.primary.main},"&:active, &$active":{backgroundColor:e.palette.saleor.active[5],borderColor:e.palette.saleor.active[3],color:e.palette.primary.main},backgroundColor:"transparent",border:`1px dashed ${e.palette.saleor.main[3]}`,borderRadius:20,cursor:"pointer",color:e.palette.text.primary,outline:0,userSelect:"none",padding:"5px 8px",transition:e.transitions.create(["border-color","background-color","color"],{duration:e.transitions.duration.shorter})},e.typography.body1),hover:{},active:{}}),{name:"PillLink"}),ar=_n;var ir=n=>{var s=n,{children:e,component:t="a",className:o,state:r="default"}=s,a=m(s,["children","component","className","state"]);let l=ar();return Yn.createElement(t,i({className:Xn(l.root,o,{[l.hover]:r==="hover",[l.active]:r==="active"})},a),e)};ir.displayName="PillLink";var B2=ir;import Ht from"clsx";import A from"react";import{createContext as sr,useContext as lr,useMemo as Qn}from"react";import Jn from"lodash/merge";var nr=d(()=>({root:({width:e})=>{if(e instanceof Array)return{gridTemplateColumns:e.join(" ")};let t=Object.entries(e).map(([o,r])=>({[o]:{gridTemplateColumns:r.join(" ")}}));return i({},Jn({},...t))}}),{name:"ListGrid"}),Ze=d(()=>({row:{alignItems:"center",display:"grid"},cell:{boxSizing:"content-box",flex:1},body:{margin:0,padding:0}}),{name:"BaseList"});var ue=sr("body"),Dt=sr(["1fr"]),Et=()=>lr(ue),es=()=>lr(Dt);function pr(){let e=es(),t=Qn(()=>({width:e}),[e]);return nr(t)}var Ke=r=>{var a=r,{children:e,gridTemplate:t}=a,o=m(a,["children","gridTemplate"]);return A.createElement(Dt.Provider,{value:t},A.createElement("section",i({},o),e))},qe=s=>{var l=s,{classes:e,className:t,children:o,hover:r=!0,selected:a}=l,n=m(l,["classes","className","children","hover","selected"]);let c=Ze(),p=pr(),u=Et();return A.createElement(u==="body"?"li":"div",i({className:Ht(t,"OfsettedTableRow",p.root,e.row,c.row,{[e.rowBody]:u==="body",[e.rowHead]:u==="head",[e.rowFoot]:u==="foot",[e.rowHover]:r,[e.rowBodySelected]:a}),"aria-selected":a},n),o)},je=s=>{var l=s,{classes:e,className:t,children:o,colSpan:r,padding:a}=l,n=m(l,["classes","className","children","colSpan","padding"]);let c=Ze(),p=Et(),u=r?{gridColumn:`span ${r}`}:{};return A.createElement("div",i({className:Ht(t,c.cell,e.cell,{[e.cellBody]:p==="body",[e.cellHeader]:p==="head",[e.cellAction]:a==="action",[e.cellCheckbox]:a==="checkbox"}),style:u},n),o)},_e=o=>{var r=o,{children:e}=r,t=m(r,["children"]);return A.createElement(ue.Provider,{value:"head"},A.createElement("header",i({},t),e))},Xe=r=>{var a=r,{children:e,className:t}=a,o=m(a,["children","className"]);let n=Ze();return A.createElement(ue.Provider,{value:"body"},A.createElement("ul",i({role:"feed",className:Ht(n.body,t)},o),e))},Ye=o=>{var r=o,{children:e}=r,t=m(r,["children"]);return A.createElement(ue.Provider,{value:"foot"},A.createElement("footer",i({},t),e))};import Ot from"react";var Je=d(e=>{let t={"&:first-child":{paddingLeft:e.spacing(4)},"&:last-child":{paddingRight:e.spacing(4)}};return{row:{alignItems:"center",display:"grid",minHeight:48,gap:e.spacing(4)},rowBody:i({"&:first-child":{marginTop:e.spacing(1)},background:e.palette.background.paper,borderRadius:6,boxShadow:e.shadows[0],height:90,margin:e.spacing(1.5,0),transition:`${e.transitions.create("box-shadow")},${e.transitions.create("background",{delay:0,duration:e.transitions.duration.shortest})}`},e.typography.body1),rowFoot:{"& $cell":t},rowHead:{"& $cell":t},rowHover:{"&$rowBody:hover":{"& $cell:first-child":{color:e.palette.primary.main},boxShadow:e.shadows[16]}},rowBodySelected:{},cell:{boxSizing:"content-box",flex:1,transition:e.transitions.create("color",{duration:e.transitions.duration.shorter})},cellAction:{"&$cell:last-child":{paddingRight:e.spacing(2.5)},display:"flex",gap:e.spacing(1),justifyContent:"flex-end"},cellCheckbox:{"&$cell:first-child":{paddingLeft:e.spacing(2)}},cellBody:f(i({},t),{padding:e.spacing(1,0)}),cellHeader:f(i({},e.typography.body2),{color:e.palette.text.secondary}),body:{margin:0,padding:0}}},{name:"OffsettedList"});var X2=Ke,Y2=_e,J2=Ye,Q2=e=>{let t=Je();return Ot.createElement(Xe,i({className:t.body},e))},eg=e=>{let t=Je();return Ot.createElement(qe,i({classes:t},e))},tg=e=>{let t=Je();return Ot.createElement(je,i({classes:t},e))},og=()=>{let e=W();return{actions:(t=1)=>`calc( ${e.spacing(t-1+2.5)} + ${40*t}px)`,checkbox:"64px"}};import et,{useState as rs}from"react";import{createContext as ts,useContext as os}from"react";var Qe=ts(void 0);Qe.displayName="ListActionContext";var cr=()=>{let e=os(Qe);if(e===void 0)throw new Error("useListAction must be used within a ListActionContext");return e};var Rt=d(e=>{let t={content:"''",height:1,position:"absolute",top:0,backgroundColor:e.palette.background.default,left:32,width:"calc(100% - 64px)"};return{row:{gap:e.spacing(4),minHeight:72,position:"relative"},rowBody:i({"&:before":t,"&:last-child:after":f(i({},t),{top:"100%"}),transition:e.transitions.create("background-color",{duration:e.transitions.duration.shorter})},e.typography.body1),rowFoot:{padding:e.spacing(0,4)},rowHead:f(i({"& $cell":{"&:first-child":{paddingLeft:e.spacing(4)},"&:last-child":{paddingRight:e.spacing(4)}}},e.typography.body2),{color:e.palette.text.secondary}),rowHover:{"&$rowBody:hover":{"&:before, &:after, & + $rowBody:before":{backgroundColor:"transparent"},backgroundColor:e.palette.saleor.active[5]}},rowNoPadding:{},rowBodySelected:{},cell:{},cellAction:{"&$cell:last-child":{paddingRight:e.spacing(3)},display:"flex",gap:e.spacing(1),justifyContent:"flex-end"},cellBody:{"&:first-child":{paddingLeft:e.spacing(4)},"&:last-child":{paddingRight:e.spacing(4)},padding:e.spacing(1,0)},cellCheckbox:{"&$cell:first-child":{paddingLeft:`calc(${e.spacing(2)} + 2px)`}},cellHeader:{}}},{name:"List"});var yg=Ke,hg=_e,vg=Ye,Sg=Xe,Bg=o=>{var r=o,{hover:e=!0}=r,t=m(r,["hover"]);let a=Rt(),[n,s]=rs(!0);return et.createElement(Qe.Provider,{value:s},et.createElement(qe,i({classes:a,hover:e&&n},t)))},kg=e=>{let t=Rt();return et.createElement(je,i({classes:t},e))},Tg=e=>{let t=cr();return et.createElement("div",i({onMouseEnter:()=>t(!1),onMouseLeave:()=>t(!0)},e))},Fg=()=>{let e=W();return{actions:(t=1)=>`calc( ${e.spacing(t+1)} + ${48*t}px)`,checkbox:"64px"}};export{ct as ActionBar,tt as ActionBarContext,zt as ActionBarProvider,gi as Alert,Ct as AlertBase,Fe as ArrowRightIcon,Aa as Backlink,ot as BacklinkContext,Ut as BacklinkProvider,Ke as BaseList,Xe as BaseListBody,Ye as BaseListFooter,_e as BaseListHeader,qe as BaseListItem,je as BaseListItemCell,ae as Button,oo as CheckboxCheckedIcon,to as CheckboxIcon,ro as CheckboxIndeterminateIcon,mo as CloseIcon,Q as CompleteIcon,mt as ConfirmButton,co as DeleteIcon,Zn as DialogHeader,qn as DialogTable,$l as EditIcon,ut as ExpandButton,Ce as ExtensionMessageType,kf as Filter,zn as FilterBar,Qo as FilterRow,I as FilterType,Gl as FilteringIcon,_s as ICONBUTTON_SIZE,pe as IconButton,Xl as ImageIcon,ee as InfoIcon,ne as LayoutButton,yg as List,Sg as ListBody,vg as ListFooter,hg as ListHeader,Bg as ListItem,kg as ListItemCell,Tg as ListItemCellAction,ft as MenuItem,De as MenuItemBtn,cp as MoreIcon,kp as NavigatorIcon,te as NotAllowedIcon,Nr as NotAllowedInvertedIcon,vi as Notification,X2 as OffsettedList,Q2 as OffsettedListBody,J2 as OffsettedListFooter,Y2 as OffsettedListHeader,eg as OffsettedListItem,tg as OffsettedListItemCell,sn as PageTab,mn as PageTabPanel,cn as PageTabs,St as Pagination,ht as PaginationActions,vt as PaginationRowNumberSelect,B2 as PillLink,rp as PlusIcon,io as RadioCheckedIcon,ao as RadioIcon,Ri as ResponsiveTable,Ta as Savebar,jn as ScrollShadow,hp as SearchIcon,_a as Sidebar,ai as SidebarDrawer,G as SquareButton,tn as StatusChip,Yi as TablePagination,bl as ThemeProvider,zi as Tooltip,Ni as UserChipMenu,Ei as UserChipMenuItem,oe as WarningIcon,_o as change,eo as createTheme,so as dark,Ge as getActiveFilters,Z as getAvailableFilters,wp as isScrolledToBottom,Lp as isScrolledToTop,lo as light,d as makeStyles,Ie as menuWidth,jo as register,ps as sendMessageToDashboard,Zt as sendMessageToExtension,Ne as shrunkMenuWidth,Xo as toggle,Yo as toggleRange,ge as useActionBar,Gt as useBacklink,Mp as useElementScroll,us as useExtensionMessage,Fg as useListWidths,og as useOffsettedListWidths,W as useTheme,bo as useWindowScroll,qo as validate};
-//# sourceMappingURL=index.js.map