@saleor/macaw-ui 0.3.1 → 0.3.2

package/dist/icons/Logo.d.ts

@@ -1,2 +1,2 @@
 import React from "react";
-export declare const Logo: React.FC;
+export declare const Logo: React.FC<React.SVGProps<SVGSVGElement>>;

package/dist/icons/LogoLight.d.ts

@@ -1,2 +1,2 @@
-import React from "react";
-export declare const LogoLight: React.FC<React.SVGProps<SVGSVGElement>>;
+import React from "react";
+export declare const LogoLight: React.FC<React.SVGProps<SVGSVGElement>>;

package/dist/icons/index.d.ts

@@ -7,6 +7,7 @@ export * from "./ArrowDropdownIcon";
 export * from "./CheckboxIcon";
 export * from "./CheckboxCheckedIcon";
 export * from "./CheckboxIndeterminateIcon";
+export * from "./SearchIcon";
 export * from "./EditIcon";
 export * from "./FilteringIcon";
 export * from "./DeleteIcon";
@@ -15,7 +16,3 @@ export * from "./CloseIcon";
 export * from "./PlusIcon";
 export * from "./ArrowRightIcon";
 export * from "./MoreIcon";
-export * from "./RadioIcon";
-export * from "./RadioCheckedIcon";
-export * from "./SearchIcon";
-export * from "./NavigatorIcon";

package/dist/index.d.ts

@@ -27,6 +27,3 @@ export * from "./tools";
 export * from "./Button";
 export * from "./IconButton";
 export * from "./PillLink";
-export * from "./BaseList";
-export * from "./OffsettedList";
-export * from "./List";

package/dist/index.js

@@ -1,5 +1,2 @@
-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};
+var Hr=Object.defineProperty,Or=Object.defineProperties;var Rr=Object.getOwnPropertyDescriptors;var de=Object.getOwnPropertySymbols;var Ct=Object.prototype.hasOwnProperty,xt=Object.prototype.propertyIsEnumerable;var yt=(e,t,r)=>t in e?Hr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,n=(e,t)=>{for(var r in t||(t={}))Ct.call(t,r)&&yt(e,r,t[r]);if(de)for(var r of de(t))xt.call(t,r)&&yt(e,r,t[r]);return e},g=(e,t)=>Or(e,Rr(t));var d=(e,t)=>{var r={};for(var o in e)Ct.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&de)for(var o of de(e))t.indexOf(o)<0&&xt.call(e,o)&&(r[o]=e[o]);return r};import{MuiThemeProvider as Jr}from"@material-ui/core/styles";import Qr from"lodash/merge";import X,{useEffect as eo}from"react";import K from"react";var Re=K.createContext(void 0);Re.displayName="ActionBarContext";var ue=()=>{let e=K.useContext(Re);if(e===void 0)throw new Error("useActionBar must be used within a ActionBarContext");return e},ht=({children:e})=>{let[t,r]=K.useState(!0),o=K.useRef(null);return K.createElement(Re.Provider,{value:{anchor:o,docked:t,setDocked:r}},e)};import fe from"react";var $e=fe.createContext(void 0);$e.displayName="BacklinkContext";var vt=()=>{let e=fe.useContext($e);if(e===void 0)throw new Error("useBacklink must be used within a BacklinkContext");return e},St=({children:e})=>{let t=fe.useRef(null);return fe.createElement($e.Provider,{value:t},e)};function Fn(e,t){window.parent&&window.parent.postMessage(e,t)}function Tt(e,t){let r=document.querySelector("#extension-app");(r==null?void 0:r.contentWindow)&&r.contentWindow.postMessage(e,t)}var ge;(function(o){o[o.BREADCRUMB_CLICK=0]="BREADCRUMB_CLICK",o[o.BREADCRUMB_SET=1]="BREADCRUMB_SET",o[o.THEME=2]="THEME"})(ge||(ge={}));import{useEffect as $r}from"react";function wn(e){$r(()=>(window.addEventListener("message",e),()=>window.removeEventListener("message",e)),[e])}var be={theme:"macaw-ui-theme",menuShrink:"macaw-ui-menu-shrink"};import{useCallback as Wr,useEffect as Ft,useState as zr}from"react";function _(e,t=""){let[r,o]=zr(()=>window.localStorage.getItem(e)||t),i=s=>{o(s),window.localStorage.setItem(e,s)};Ft(()=>{let s=window.localStorage.getItem(e);r!==s&&o(s||t)});let a=Wr(s=>{s.key===e&&s.newValue!==r&&o(s.newValue||t)},[r,e]);return Ft(()=>(window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)),[a]),{value:r,setValue:i}}import Kr from"@material-ui/core/CssBaseline";import{fade as _r}from"@material-ui/core/styles";import jr from"react";import{makeStyles as Zr,useTheme as Gr}from"@material-ui/core/styles";import{useContext as qr}from"react";import Ur from"react";var j=Ur.createContext(void 0);j.displayName="ThemeContext";function m(e,t){return Zr(e,t)}function $(){let e=Gr(),t=qr(j);if(t===void 0||e===void 0)throw new Error("useTheme must be used within a ThemeProvider");return n(n({},e),t)}var Xr=m(e=>({"@global":{"@import":"url('https://rsms.me/inter/inter.css')","::selection":{background:_r(e.palette.primary.main,.2)},html:{fontSize:"62.5%"},a:{color:e.palette.primary.main,textDecoration:"none"}}}),{name:"Baseline"}),We=()=>(Xr(),jr.createElement(Kr,null));We.displayName="Baseline";import{createMuiTheme as Yr}from"@material-ui/core/styles";import{fade as ze}from"@material-ui/core/styles";var kt=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":g(n({},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}},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},background:e.background.paper,border:`2px solid ${e.active[4]}`,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}},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"}},MuiSwitch:{colorPrimary:{"&$checked":{color:e.background.paper}},root:{"&$disabled":{"&$switchBase":{"& + $thumb":{backgroundColor:e.disabled}}},height:48,width:72},switchBase:{"&$checked":{transform:"translateX(23px)"},boxShadow:"none",left:1,marginLeft:4,top:5},thumb:{boxShadow:"none"},track:{"$colorPrimary$checked + &":{backgroundColor:e.primary},backgroundColor:e.gray.default,borderRadius:12,height:24,opacity:[["1"],"!important"],width:48}}}};function W(e){return`0 0 0 3px ${e}`}var Bt=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"},root:{"& fieldset":{top:0},"& legend":{display:"none"},"&$disabled":{"& fieldset":{borderColor:`${e.disabled} !important`},"& input":{backgroundColor:e.background.default,color:e.main[3]},boxShadow:"0 0 0 0 transparent !important"},"&$error":{"&$focused":{"&:hover":{boxShadow:W(e.fail.mid)},"& fieldset":{borderColor:e.fail.dark},boxShadow:W(e.fail.mid)},"&:hover":{"&& fieldset":{borderColor:e.fail.dark},boxShadow:W(e.fail.light)},boxShadow:W(e.fail.light)},"&$focused":{"&, &:hover":{boxShadow:W(e.active[3])},"& input":{"& fieldset":{borderColor:e.primary},"&::placeholder":{opacity:[[1],"!important"]},color:e.font.default}},"&:hover":{boxShadow:W(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"}}});import{fade as Pt}from"@material-ui/core/styles";var wt=(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 12px",width:72},"&:not(first-child)":{padding:0,width:52}},root:{"&:first-child":{"&:not($paddingCheckbox)":{paddingLeft:24+"px",paddingRight:24+"px",textAlign:"left"}},borderBottomColor:e.paperBorder,padding:"16px 24px"}},MuiTablePagination:{input:{color:e.primary,fontSize:"1.4rem"}},MuiTableRow:{footer:{"$root$hover&:hover":{background:"none"}},head:{"$root$hover&:hover":{background:"none"}},hover:{"$root&:hover":{backgroundColor:Pt(e.primary,.3)}},root:{"&$selected":{backgroundColor:Pt(e.primary,.05)}}}});var Mt=(e,t)=>n(n(n({},Bt(e)),wt(e,t)),kt(e));var Lt=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 b=(e,t,r)=>`0 ${e}px ${t}px ${r}px rgba(0, 0, 0, 0.15)`,It=["none",b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20),b(24,20,-20)];var ns=48,Ue='"Inter", "roboto", "sans-serif"',Nt=e=>Yr({overrides:g(n({},Mt(e,Ue)),{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"}},MuiCheckbox:{root:{border:"none",background:"none"}},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:{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}},MuiFormControlLabel:{label:{lineHeight:1.2,marginLeft:4}},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}}},MuiRadio:{root:{border:"none",borderRadius:"100%"}},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:ze(e.primary,1)},childLeaving:{backgroundColor:ze(e.primary,1)},ripple:{"&$rippleVisible":{backgroundColor:ze(e.primary,1)},borderRadius:"100%"}}}),palette:Lt(e),props:{MuiButton:{disableRipple:!0},MuiFormControl:{variant:"filled"},MuiTextField:{variant:"outlined"},MuiCard:{elevation:0},MuiTypography:{component:"div"},MuiCheckbox:{color:"primary"},MuiTooltip:{placement:"right-end"},MuiList:{disablePadding:!0},MuiRadio:{disableRipple:!0},MuiSelect:{MenuProps:{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},getContentAnchorEl:null}}},shadows:It,spacing:(t=1)=>`${t*8/10}rem`,typography:{allVariants:{fontFamily:Ue},body1:{color:e.font.default,fontSize:"1.6rem"},body2:{fontSize:"1.4rem"},button:{fontSize:"1.4rem"},caption:{fontSize:"1.2rem"},fontFamily:Ue,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 Dt}from"@material-ui/core/styles/colorManipulator";var At={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)"},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"},Et={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:Dt("#28234A",.6),textButton:"#06847B",textDisabled:Dt("#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)"},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 Vt(e){let t=document.createElement("meta");t.setAttribute("content",e),t.setAttribute("name","theme-color");let r=document.head.querySelector('meta[name="theme-color"]');r&&r.remove(),document.head.appendChild(t)}var Ps=({children:e,defaultTheme:t="light",palettes:r={},overrides:o={}})=>{let{value:i,setValue:a}=_(be.theme,t),s=i,l=n({light:Et,dark:At},r),c=Qr(Nt(l[s]),o),p=()=>Tt({theme:s,type:ge.THEME},"*");return eo(()=>{p(),Vt(c.palette.background.default)},[s]),X.createElement(j.Provider,{value:{themeType:s,sendThemeToExtension:p,setTheme:a}},X.createElement(Jr,{theme:c},X.createElement(ht,null,X.createElement(St,null,X.createElement(We,null),e))))};import Ce from"react";var Y=e=>Ce.createElement("svg",n({width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Ce.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"white"}),Ce.createElement("circle",{cx:"20",cy:"20",r:"14",stroke:"#5DC292",strokeWidth:"4"}),Ce.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"}));Y.displayName="CompleteIcon";import xe from"react";var J=e=>xe.createElement("svg",n({width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),xe.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"white"}),xe.createElement("circle",{cx:"20",cy:"20",r:"14",stroke:"#28234A",strokeWidth:"4"}),xe.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"}));J.displayName="InfoIcon";import ye from"react";var Q=e=>ye.createElement("svg",n({width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),ye.createElement("circle",{cx:"20",cy:"20",r:"16",fill:"#F5FAFB"}),ye.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"white"}),ye.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"}));Q.displayName="NotAllowedIcon";import he from"react";var to=e=>he.createElement("svg",n({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:"16",fill:"#F5FAFB"}),he.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"#FE6E76"}),he.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"}));to.displayName="NotAllowedInvertedIcon";import ve from"react";var ee=e=>ve.createElement("svg",n({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:"#FFB84E",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:"#FFB84E"}));ee.displayName="WarningIcon";import{createSvgIcon as ro}from"@material-ui/core/utils";import oo from"react";var Ws=ro(oo.createElement("rect",{x:"5",y:"5",width:"14",height:"14",stroke:"currentColor",fill:"none"}),"CheckboxIcon");import{createSvgIcon as ao}from"@material-ui/core/utils";import Se from"react";var Gs=ao(Se.createElement(Se.Fragment,null,Se.createElement("rect",{x:"5",y:"5",width:"14",height:"14",fill:"currentColor"}),Se.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M 16.7527 9.33783 L 10.86618 15.7595 L 8 12.32006 L 8.76822 11.67988 L 10.90204 14.24046 L 16.0155 8.66211 L 16.7527 9.33783 Z",fill:"white"})),"CheckboxCheckedIcon");import{createSvgIcon as io}from"@material-ui/core/utils";import Te from"react";var js=io(Te.createElement(Te.Fragment,null,Te.createElement("rect",{x:"5",y:"5",width:"14",height:"14",stroke:"currentColor",fill:"none"}),Te.createElement("rect",{x:"8",y:"11",width:"8",height:"2",fill:"currentColor"})),"CheckboxIndeterminateIcon");import{createSvgIcon as no}from"@material-ui/core/utils";import so from"react";var Qs=no(so.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 lo}from"@material-ui/core/utils";import po from"react";var ol=lo(po.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 co}from"@material-ui/core/utils";import mo from"react";var sl=co(mo.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 uo}from"@material-ui/core/utils";import fo from"react";var Ht=uo(fo.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 go}from"@material-ui/core/utils";import bo from"react";var fl=go(bo.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 Co}from"@material-ui/core/utils";import xo from"react";var Ot=Co(xo.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 yo}from"@material-ui/core/utils";import ho from"react";var vl=yo(ho.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 vo}from"@material-ui/core/utils";import So from"react";var Fe=vo(So.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 To}from"@material-ui/core/utils";import Fo from"react";var wl=To(Fo.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 jt from"@material-ui/core/Button";import A from"react";import Io from"@material-ui/core/Card";import No from"@material-ui/core/CardContent";import Do from"@material-ui/core/Container";import Ao from"@material-ui/core/Portal";import O from"react";import ko from"lodash/throttle";import{useCallback as Bo,useEffect as Rt,useState as $t}from"react";function Ze(e){if(e)return{x:e.scrollLeft,y:e.scrollTop}}function Nl(e,t,r=0){return!!e&&t?t.y+e.clientHeight+r>=e.scrollHeight:void 0}function Dl(e,t,r=0){return!!e&&t?t.y<=r:void 0}function Al(){let[e,t]=$t(null),[r,o]=$t(Ze(e));return Rt(()=>{if(e){let a=ko(()=>o(Ze(e)),100);e.addEventListener("scroll",a);let s=new ResizeObserver(a);return s.observe(e),()=>{e.removeEventListener("scroll",a),s.disconnect()}}},[e]),Rt(()=>{setTimeout(()=>o(Ze(e)),100)},[e]),{setAnchor:Bo(a=>{t(a)},[]),anchor:e,position:r}}import Po from"lodash/throttle";import{useEffect as wo,useState as Mo}from"react";function Wt(){return{x:window.pageXOffset,y:window.pageYOffset}}function zt(){let[e,t]=Mo(Wt);return wo(()=>{let r=Po(()=>t(Wt()),100);return window.addEventListener("scroll",r),()=>window.removeEventListener("scroll",r)},[]),e}var Lo=m(e=>({content:{"&:last-child":{paddingBottom:e.spacing(2)},display:"flex",paddingBottom:e.spacing(2),paddingTop:e.spacing(2),[e.breakpoints.down("sm")]:{marginTop:e.spacing(1)}},paper:{borderBottomLeftRadius:0,borderBottomRightRadius:0},root:{height:80}}),{name:"Savebar"}),Ut=Lo;var Ge=i=>{var a=i,{disabled:e,children:t,state:r}=a,o=d(a,["disabled","children","state"]);let s=Ut(),{anchor:l,docked:c,setDocked:p}=ue(),u=zt();O.useEffect(()=>{!e&&r!=="loading"&&p(!1)},[e,r,p]),O.useEffect(()=>()=>p(!0),[p]);let f=u.y+window.innerHeight>=document.body.scrollHeight;return l.current?O.createElement(Ao,{container:l.current},O.createElement("div",n({className:s.root},o),O.createElement(Do,{maxWidth:"lg"},O.createElement(Io,{className:s.paper,elevation:c||f?0:16},O.createElement(No,{className:s.content},t))))):null};Ge.displayName="ActionBar";import Vo from"@material-ui/core/Button";import Ho from"clsx";import Oo from"react";var Eo=m(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"}),Zt=Eo;function Ro(e){switch(e){case"primary":return{variant:"contained",color:"primary"};case"secondary":return{variant:"outlined",color:"primary"};default:return{variant:"text",color:"primary"}}}var Gt=i=>{var a=i,{className:e,error:t,variant:r="tertiary"}=a,o=d(a,["className","error","variant"]);let s=Zt();return Oo.createElement(Vo,n(g(n({className:Ho(e,{[s.primary]:r==="primary"&&t,[s.primaryDisabled]:r==="primary"&&t&&o.disabled,[s.secondary]:r==="secondary"&&t,[s.secondaryDisabled]:r==="secondary"&&t&&o.disabled,[s.tertiary]:r==="tertiary"&&t,[s.tertiaryDisabled]:r==="tertiary"&&t&&o.disabled})},Ro(r)),{disableRipple:!0}),o))};Gt.displayName="Button";var qt=Gt;import Wo from"@material-ui/core/CircularProgress";import zo from"@material-ui/icons/Check";import qe from"clsx";import D from"react";var $o=m(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"}),Kt=$o;var Uo=3e3,Ke=p=>{var u=p,{children:e,disabled:t,labels:r,noTransition:o,transitionState:i,variant:a="primary",onClick:s,onTransitionToDefault:l}=u,c=d(u,["children","disabled","labels","noTransition","transitionState","variant","onClick","onTransitionToDefault"]);let f=Kt(),[k,S]=D.useState(!1),x=D.useRef();D.useEffect(()=>{!o&&i==="loading"&&S(!0)},[i,o]),D.useEffect(()=>(!o&&["error","success"].includes(i)?x.current=setTimeout(()=>{S(!1),l&&l()},Uo):i==="loading"&&clearTimeout(x.current),()=>{x.current&&clearTimeout(x.current)}),[o,i,l]);let T=o?i!=="default":k;return D.createElement(qt,n({variant:a,error:i==="error"&&T,onClick:i==="loading"?void 0:s,disabled:!T&&t,"data-test-state":T?i:"default"},c),D.createElement(Wo,{size:24,color:"inherit",className:qe({[f.progress]:!0,[f.invisible]:i!=="loading"})}),D.createElement(zo,{className:qe({[f.icon]:!0,[f.invisible]:!(i==="success"&&T)})}),D.createElement("span",{className:qe({[f.label]:!0,[f.invisible]:(i==="loading"||i==="success")&&T})},i==="error"&&T?r.error:e||r.confirm))};Ke.displayName="ConfirmButton";import Zo from"@material-ui/core/Tooltip";import ke from"react";var te=({tooltip:e,children:t})=>e?ke.createElement(Zo,{title:e,placement:"top"},ke.createElement("span",null,t)):ke.createElement(ke.Fragment,null,t);te.displayName="ButtonTooltipDecorator";var Go=m(e=>({button:{marginRight:e.spacing(1)},cancelButton:{marginRight:e.spacing(2)},deleteButton:{"&:hover":{backgroundColor:e.palette.error.dark},backgroundColor:e.palette.error.main,color:e.palette.error.contrastText},spacer:{flex:"1"}}),{name:"Savebar"}),_t=Go;var qo=({disabled:e,labels:t,tooltips:r,state:o,onCancel:i,onDelete:a,onSubmit:s})=>{let l=_t(),{setDocked:c}=ue();return A.createElement(Ge,{state:o,disabled:e},!!a&&A.createElement(te,{tooltip:r==null?void 0:r.delete},A.createElement(jt,{variant:"contained",onClick:a,className:l.deleteButton,"data-test":"button-bar-delete"},t.delete)),A.createElement("div",{className:l.spacer}),A.createElement(te,{tooltip:r==null?void 0:r.cancel},A.createElement(jt,{className:l.cancelButton,variant:"text",onClick:i,"data-test":"button-bar-cancel"},t.cancel)),A.createElement(te,{tooltip:r==null?void 0:r.confirm},A.createElement(Ke,{disabled:e,labels:t,onClick:s,transitionState:o,"data-test":"button-bar-confirm",onTransitionToDefault:()=>c(!0)})))};qo.displayName="Savebar";import Jo from"@material-ui/core/Portal";import Qo from"@material-ui/lab/Skeleton";import oe from"react";import jo from"@material-ui/core/ButtonBase";import Xo from"clsx";import Yt from"react";import{fade as Ko}from"@material-ui/core/styles";var _o=m(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:Ko(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"}),Xt=_o;var re=Yt.forwardRef((a,i)=>{var s=a,{className:e,children:t,state:r="default"}=s,o=d(s,["className","children","state"]);let l=Xt();return Yt.createElement(jo,n({className:Xo(l.root,e,{[l.hover]:r==="hover",[l.active]:r==="active"}),disableRipple:!0,ref:i},o),t)});re.displayName="LayoutButton";var Yo=m(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"}),Jt=Yo;var ea=i=>{var a=i,{children:e,disabled:t,onClick:r}=a,o=d(a,["children","disabled","onClick"]);let s=Jt(),l=vt();return l.current?oe.createElement(Jo,{container:l.current},oe.createElement(re,n({className:s.root,disabled:t,onClick:r,"data-test-id":"app-header-back-button"},o),oe.createElement(Fe,{className:s.backArrow}),e?oe.createElement("div",{className:s.title},e):oe.createElement(Qo,{className:s.skeleton}))):null};ea.displayName="Backlink";import fa from"clsx";import E from"react";import _e from"react";var ae=e=>_e.createElement("svg",n({width:"36",height:"33",viewBox:"0 0 36 33",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),_e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.7838 0L13.4043 6.64709H29.1638L35.5433 0H19.7838Z",fill:"#8AC4EB"}),_e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.59759 2.13062C6.4332 2.13062 6.27552 2.1958 6.15911 2.31187L0.182532 8.27133C0.00456112 8.44879 -0.0488948 8.71603 0.0471181 8.94829C0.143131 9.18056 0.369679 9.33205 0.621008 9.33205H21.3482C21.5126 9.33205 21.6703 9.26687 21.7867 9.1508L27.7632 3.19134C27.9412 3.01388 27.9947 2.74664 27.8987 2.51437C27.8026 2.28211 27.5761 2.13062 27.3248 2.13062H6.59759ZM2.12325 8.09007L6.85429 3.37259H25.8225L21.0915 8.09007H2.12325ZM23.9789 27.3629C23.9789 30.6214 22.4977 33 16.6072 33C11.4908 33 9.43754 31.599 9 28.1124L13.6451 27.4281C13.9144 29.1551 14.5539 29.5135 16.6745 29.5135C18.5933 29.5135 19.2328 29.0573 19.2328 28.0146C19.2328 26.7437 18.492 26.418 16.5735 26.0594C16.4207 26.0337 16.2653 26.0082 16.1079 25.9823C13.0752 25.4835 9.30464 24.8634 9.33654 20.6504C9.33654 17.2293 11.2216 15.0787 16.5735 15.0787C21.4542 15.0787 23.3055 16.7404 23.7097 20.0314L18.9298 20.7482C18.7614 19.2168 18.2566 18.6954 16.4389 18.6954C14.9577 18.6954 14.0489 19.0867 14.0489 20.1292C14.0489 21.5304 15.0924 21.7258 17.3814 22.1167C20.3772 22.6056 23.9789 23.3549 23.9789 27.3629Z",fill:"#28234A"}));ae.displayName="Logo";import je from"react";var ie=e=>je.createElement("svg",n({width:"36",height:"33",viewBox:"0 0 36 33",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),je.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.7838 0L13.4043 6.64709H29.1638L35.5433 0H19.7838Z",fill:"#8AC4EB"}),je.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.59759 2.13062C6.4332 2.13062 6.27552 2.1958 6.15911 2.31187L0.182532 8.27133C0.00456112 8.44879 -0.0488948 8.71603 0.0471181 8.94829C0.143131 9.18056 0.369679 9.33205 0.621008 9.33205H21.3482C21.5126 9.33205 21.6703 9.26687 21.7867 9.1508L27.7632 3.19134C27.9412 3.01388 27.9947 2.74664 27.8987 2.51437C27.8026 2.28211 27.5761 2.13062 27.3248 2.13062H6.59759ZM2.12325 8.09007L6.85429 3.37259H25.8225L21.0915 8.09007H2.12325ZM23.9789 27.3629C23.9789 30.6214 22.4977 33 16.6072 33C11.4908 33 9.43754 31.599 9 28.1124L13.6451 27.4281C13.9144 29.1551 14.5539 29.5135 16.6745 29.5135C18.5933 29.5135 19.2328 29.0573 19.2328 28.0146C19.2328 26.7437 18.492 26.418 16.5735 26.0594C16.4207 26.0337 16.2653 26.0082 16.1079 25.9823C13.0752 25.4835 9.30464 24.8634 9.33654 20.6504C9.33654 17.2293 11.2216 15.0787 16.5735 15.0787C21.4542 15.0787 23.3055 16.7404 23.7097 20.0314L18.9298 20.7482C18.7614 19.2168 18.2566 18.6954 16.4389 18.6954C14.9577 18.6954 14.0489 19.0867 14.0489 20.1292C14.0489 21.5304 15.0924 21.7258 17.3814 22.1167C20.3772 22.6056 23.9789 23.3549 23.9789 27.3629Z",fill:"#FAFAFA"}));ie.displayName="LogoLight";import aa from"clsx";import er from"react";import ta from"@material-ui/core/ButtonBase";import ra from"clsx";import Qt from"react";var oa=m(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"}),z=Qt.forwardRef((o,r)=>{var i=o,{className:e}=i,t=d(i,["className"]);let a=oa({});return Qt.createElement(ta,n({className:ra(a.root,e,{[a.disabled]:t.disabled}),disableRipple:!0,ref:r},t))});z.displayName="SquareButton";var ia=m(e=>({arrow:{transition:e.transitions.duration.shortest+"ms"},shrunk:{transform:"scaleX(-1)"}}),{name:"ExpandButton"}),Xe=r=>{var o=r,{isShrunk:e}=o,t=d(o,["isShrunk"]);let i=ia({});return er.createElement(z,n({disableRipple:!0},t),er.createElement(Fe,{className:aa(i.arrow,{[i.shrunk]:!e})}))};Xe.displayName="ExpandButton";import na from"@material-ui/core/ClickAwayListener";import sa from"@material-ui/core/MenuItem";import la from"@material-ui/core/Paper";import pa from"@material-ui/core/Popper";import{fade as ca}from"@material-ui/core/styles";import ma from"@material-ui/core/Typography";import Be from"clsx";import N from"react";import da from"react-inlinesvg";var ne=210,se=72,ua=m(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:-ne/2,zIndex:2},popperShrink:{marginLeft:-se/2},root:{"&:hover, &:focus-visible, &$rootOpen":{color:e.palette.primary.main,outline:0},borderBottomRightRadius:4,borderTopRightRadius:4,color:ca(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:se},rootActive:{"&$root":{"&:hover, &:focus-visible, &$rootOpen":{color:e.palette.primary.main},background:e.palette.background.paper,color:e.palette.text.primary}},rootExpanded:{width:ne},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"}),Ye=({activeId:e,menuItem:t,isMenuShrunk:r,onClick:o})=>{var p;let i=ua({}),[a,s]=N.useState(!1),l=N.useRef(null),c=(u,f)=>{u.stopPropagation(),f.children?s(!0):(o(f.url),s(!1))};return N.createElement("div",{className:Be(i.root,{[i.rootOpen]:a,[i.rootActive]:[t.id,...((p=t.children)==null?void 0:p.map(u=>u.id))||[]].includes(e),[i.rootExpanded]:!r}),ref:l,onClick:u=>c(u,t)},N.createElement("button",{className:i.menuItemBtn,"data-test":"menu-item-label","data-test-id":t.id},t.iconSrc&&N.createElement(da,{className:i.icon,src:t.iconSrc}),N.createElement(ma,{"aria-label":t.ariaLabel,className:Be(i.label,i.labelRoot,{[i.hideLabel]:r}),variant:"body2"},t.label)),t.children&&N.createElement(pa,{className:Be(i.popper,{[i.popperShrink]:r}),open:a,anchorEl:l.current,transition:!0,placement:"right-start"},N.createElement(na,{onClickAway:()=>s(!1)},N.createElement(la,{className:i.paper},t.children.map(u=>{let f=u.external?{href:u.url,target:"_blank"}:{};return N.createElement(sa,n({"aria-label":u.ariaLabel,component:u.external?"a":"button",className:Be(i.label,i.subMenuLabel),key:u.url,onClick:k=>c(k,u),"data-test":"submenu-item-label","data-test-id":u.id,selected:e===u.id},f),u.label)})))))};Ye.displayName="MenuItem";var ga=m(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",minWidth:ne,width:ne,zIndex:100},rootShrink:{minWidth:se,width:se},toolbarContainer:{margin:e.spacing(1,0,1,1.5)}}),{name:"SideBar"}),ba=({activeId:e,menuItems:t,toolbar:r,onMenuItemClick:o})=>{let i=$(),a=ga({}),{value:s,setValue:l}=_(be.menuShrink,(!1).toString()),c=s==="true";return E.createElement("div",{className:fa(a.root,{[a.rootShrink]:c})},E.createElement("div",{className:a.float},E.createElement("div",{className:a.logo},i.themeType==="light"?E.createElement(ae,null):E.createElement(ie,null)),t.map(p=>E.createElement(Ye,{activeId:e,isMenuShrunk:c,menuItem:p,onClick:o,key:p.ariaLabel})),r&&E.createElement("div",{className:a.toolbarContainer},r),E.createElement(Xe,{className:a.expandButton,isShrunk:c,onClick:()=>l((!c).toString())})))};ba.displayName="SideBar";import xa from"@material-ui/core/Typography";import Je from"react";import ya from"react-inlinesvg";var Ca=m(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"}),Pe=Ca;var we=({menuItem:e,onClick:t})=>{let r=Pe(),o=e.external?{href:e.url,target:"_blank"}:{},i=e.external?"a":"button";return Je.createElement(i,n({className:r.menuItemBtn,"data-test":"menu-item-label","data-test-id":e.id,onClick:()=>t(e.url)},o),e.iconSrc&&Je.createElement(ya,{className:r.icon,src:e.iconSrc}),Je.createElement(xa,{"aria-label":e.ariaLabel,className:r.label},e.label))};we.displayName="MenuItemBtn";import ha from"@material-ui/core/Drawer";import va from"@material-ui/core/Typography";import Sa from"@material-ui/icons/ArrowLeft";import Ta from"@material-ui/icons/Menu";import tr from"clsx";import C from"react";import Fa from"react-inlinesvg";var ka=({menuItems:e,onMenuItemClick:t})=>{var S;let r=$(),[o,i]=C.useState(!1),a=Pe({}),[s,l]=C.useState(null),[c,p]=C.useState(!1),u=C.useRef(null),f=x=>{i(!1),p(!1),t(x)},k=x=>{var T;l(x),p(!0),(T=u.current)==null||T.scrollTo({top:0})};return C.createElement(C.Fragment,null,C.createElement(z,{onClick:()=>i(!0)},C.createElement(Ta,null)),C.createElement(ha,{classes:{paper:a.root},open:o,onClose:()=>i(!1)},C.createElement("div",{className:tr(a.container,{[a.containerSubMenu]:c}),ref:u},C.createElement("div",{className:tr(a.innerContainer,{[a.secondaryContentActive]:c})},C.createElement("div",{className:a.content},C.createElement("div",{className:a.logo},r.themeType==="light"?C.createElement(ae,null):C.createElement(ie,null)),e.map(x=>C.createElement(we,{menuItem:x,onClick:x.children?()=>k(x):f,key:x.ariaLabel}))),s&&C.createElement("div",{className:a.content},C.createElement("div",{className:a.subMenuTopBar},C.createElement("div",{className:a.activeMenuLabel},s.iconSrc&&C.createElement(Fa,{className:a.icon,src:s.iconSrc}),C.createElement(va,{className:a.label},s.label)),C.createElement(z,{onClick:()=>p(!1)},C.createElement(Sa,null))),(S=s.children)==null?void 0:S.map(x=>C.createElement(we,{menuItem:x,onClick:f,key:x.ariaLabel})))))))};ka.displayName="SideBarDrawer";import ir from"@material-ui/core/Typography";import Da from"@material-ui/icons/Close";import Aa from"clsx";import P from"react";import Pa from"@material-ui/core/ButtonBase";import wa from"@material-ui/core/IconButton";import or from"clsx";import Qe from"react";var Ba=m(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:{"&:hover, &.Mui-focusVisible":{color:e.palette.primary.main},"&:disabled":{color:e.palette.saleor.disabled},background:"transparent",borderRadius:4,color:e.palette.saleor.main[3],padding:e.spacing(1),transition:e.transitions.create(["color","background"],{duration:e.transitions.duration.shorter})},hoverOutline:{"&$secondary":{"&:hover,&:focus-visible":{background:e.palette.saleor.active[5]},"&:active":{background:e.palette.saleor.active[4]}}}}),{name:"IconButton"}),rr=Ba;var le=Qe.forwardRef((s,a)=>{var l=s,{className:e,error:t,hoverOutline:r,variant:o="primary"}=l,i=d(l,["className","error","hoverOutline","variant"]);let c=rr();return o==="secondary"?Qe.createElement(Pa,n({ref:a,className:or(c.secondary,e,{[c.hoverOutline]:r}),disableRipple:!0},i)):Qe.createElement(wa,n({ref:a,className:or(e,{[c.error]:t,[c.disabledError]:t&&i.disabled}),disableRipple:!0},i))});le.displayName="Button";import La from"@material-ui/core/Card";import Ia from"@material-ui/core/CardContent";import Na from"clsx";import ar from"react";var Ma=m(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"}),Me=Ma;var et=i=>{var a=i,{className:e,variant:t="info",children:r}=a,o=d(a,["className","variant","children"]);let s=Me();return ar.createElement(La,n({elevation:0,className:Na(e,s.root,{[s.error]:t==="error",[s.warning]:t==="warning",[s.success]:t==="success"}),"data-test":"alert"},o),ar.createElement(Ia,null,r))};et.displayName="AlertBase";var Ea=({variant:e})=>{switch(e){case"error":return P.createElement(Q,null);case"warning":return P.createElement(ee,null);case"success":return P.createElement(Y,null);default:return P.createElement(J,null)}},Va=a=>{var s=a,{close:e=!0,variant:t="info",title:r,children:o}=s,i=d(s,["close","variant","title","children"]);let l=Me(),[c,p]=P.useState(!0);return c?P.createElement(et,n({variant:t},i),P.createElement("div",{className:l.container},P.createElement("div",null,P.createElement(Ea,{variant:t})),P.createElement("div",{className:l.content},P.createElement("div",{className:l.titleBar},r&&P.createElement(ir,{variant:"h5"},r),e&&P.createElement(le,{className:Aa(l.close,{[l.closeNoContent]:!o}),variant:"secondary",onClick:()=>p(!1),"data-test":"close"},P.createElement(Da,null))),typeof o=="string"?P.createElement(ir,{variant:"body1"},o):o))):null};Va.displayName="Alert";import Oa from"@material-ui/core/Button";import Ra from"@material-ui/core/SnackbarContent";import lr from"@material-ui/core/Typography";import $a from"@material-ui/icons/Close";import tt from"clsx";import h from"react";var nr=40,Ha=m(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(${nr}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:`${nr}px 1fr`},title:{marginTop:6,marginBottom:e.spacing(.5)}}),{name:"Notification"}),sr=Ha;var Wa=({type:e})=>{switch(e){case"error":return h.createElement(Q,null);case"warning":return h.createElement(ee,null);case"success":return h.createElement(Y,null);default:return h.createElement(J,null)}},za=l=>{var c=l,{onClose:e,title:t,type:r,action:o,content:i,className:a}=c,s=d(c,["onClose","title","type","action","content","className"]);let p=sr();return h.createElement("div",n({className:tt(p.snackbarContainer,a),"data-test":"notification","data-test-type":r},s),h.createElement(Ra,{"aria-describedby":"client-snackbar",classes:{action:p.snackbarAction,message:p.messageContainer},className:tt(p.snackbar,{[p.info]:r==="info",[p.error]:r==="error",[p.success]:r==="success",[p.warning]:r==="warning"}),message:h.createElement("div",{className:p.container},h.createElement("div",null,h.createElement(Wa,{type:r})),h.createElement("div",null,h.createElement("div",{className:p.title},h.createElement(lr,{variant:"h5"},t)),h.createElement(lr,{variant:"body1"},i))),action:[h.createElement("div",{key:"actions"},!!o&&h.createElement(Oa,{className:p.actionBtn,key:"action",color:"default",size:"small",onClick:o.onClick,"data-test":"button-action"},o.label)),h.createElement(le,{key:"close","aria-label":"Close",color:"inherit",onClick:e,variant:"secondary",className:tt(p.closeBtn,{[p.closeBtnInfo]:r==="info"}),"data-test":"close"},h.createElement($a,null))]}))};za.displayName="Notification";import qa from"@material-ui/core/Avatar";import Ka from"@material-ui/core/ClickAwayListener";import _a from"@material-ui/core/Grow";import ja from"@material-ui/core/Hidden";import Xa from"@material-ui/core/MenuList";import Ya from"@material-ui/core/Paper";import Ja from"@material-ui/core/Popper";import mr from"@material-ui/core/Typography";import y from"react";import{createContext as Ua,useContext as Za}from"react";var Le=Ua(void 0);Le.displayName="UserChipMenuContext";var pr=()=>{let e=Za(Le);if(e===void 0)throw new Error("useUserChipMenu must be used within a UserChipMenuContext");return e};var pe=32,ce=42,Ga=m(e=>({avatar:{"&&":{[e.breakpoints.down("sm")]:{height:ce,width:ce},height:pe,width:pe},backgroundColor:e.palette.background.paper},avatarInitials:{[e.breakpoints.down("sm")]:{height:ce,width:ce,lineHeight:ce+"px"},height:pe,lineHeight:pe+"px",width:pe,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:g(n({"&&":{padding:e.spacing(.5,3,.5,1)}},e.typography.body1),{display:"flex",textTransform:"unset"}),userMenuContainer:{cursor:"pointer",display:"inline-block",position:"relative"}}),{name:"UserChipMenu"}),cr=Ga;var Qa=l=>{var c=l,{avatar:e,initials:t,name:r,subtext:o,children:i,open:a=!1}=c,s=d(c,["avatar","initials","name","subtext","children","open"]);let p=cr({}),[u,f]=y.useState(a),k=y.useRef(null),S=()=>f(!1);return y.createElement(y.Fragment,null,y.createElement(re,n({className:p.userChip,ref:k,onClick:()=>f(!u),"data-test":"userMenu",state:u?"active":"default"},s),e?y.createElement(qa,{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(ja,{smDown:!0},y.createElement("div",null,y.createElement(mr,{className:p.label,variant:"body2"},r),o&&y.createElement(mr,{className:p.label,variant:"body2",color:"textSecondary"},o))))),y.createElement(Ja,{className:p.popover,open:u,anchorEl:k.current,transition:!0,placement:"bottom-end"},({TransitionProps:x,placement:T})=>y.createElement(_a,g(n({},x),{style:{transformOrigin:T==="bottom"?"right top":"right bottom"}}),y.createElement(Ya,null,y.createElement(Ka,{onClickAway:S,mouseEvent:"onClick"},y.createElement(Xa,{disablePadding:!0},y.createElement(Le.Provider,{value:S},i)))))))};Qa.displayName="UserChip";import ei from"@material-ui/core/MenuItem";import ti from"react";var ri=o=>{var i=o,{leaveOpen:e,onClick:t}=i,r=d(i,["leaveOpen","onClick"]);let a=pr(),s=l=>{a(),t&&t(l)};return ti.createElement(ei,g(n({},r),{onClick:e?t:s,button:!0}))};ri.displayName="UserChipMenuItem";import ai from"@material-ui/core/Table";import ur from"react";var oi=m(e=>({root:{[e.breakpoints.up("md")]:{"&& table":{tableLayout:"fixed"}},"& table":{tableLayout:"auto"},overflowX:"auto",width:"100%"}}),{name:"ResponsiveTable"}),dr=oi;var ii=e=>{let{children:t,className:r}=e,o=dr(e);return ur.createElement("div",{className:o.root},ur.createElement(ai,{className:r},t))};ii.displayName="ResponsiveTable";import si from"@material-ui/core/Tooltip";import li from"react";var ni=m(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"}),fr=ni;var pi=o=>{var i=o,{children:e,variant:t="info"}=i,r=d(i,["children","variant"]);let a=fr(n({variant:t,children:e},r));return li.createElement(si,n({classes:a},r),e)};pi.displayName="Tooltip";import gi from"@material-ui/core/Toolbar";import Ne from"react";import gr from"@material-ui/core/ButtonBase";import br from"@material-ui/icons/ChevronLeft";import Cr from"@material-ui/icons/ChevronRight";import rt from"clsx";import R from"react";import{fade as ci}from"@material-ui/core/styles/colorManipulator";var mi=m(e=>({actions:{},actionsButton:{"&:last-child":{marginLeft:e.spacing(1.5)},"& svg":{color:e.palette.text.primary,width:16},border:`2px solid ${e.palette.text.primary}`,height:36,width:36},actionsButtonDisabled:{"& svg":{color:e.palette.text.disabled},border:`2px solid ${e.palette.text.disabled}`},dark:{"& svg":{color:e.palette.primary.main},"&:focus, &:hover":{"& > span:first-of-type":{backgroundColor:ci(e.palette.primary.main,.2)}}},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=mi;var ot=c=>{var p=c,{className:e,disabled:t,hasNextPage:r,hasPreviousPage:o,nextIconButtonProps:i,onNextPage:a,onPreviousPage:s}=p,l=d(p,["className","disabled","hasNextPage","hasPreviousPage","nextIconButtonProps","onNextPage","onPreviousPage"]);let u=U(),{direction:f,themeType:k}=$(),S=k==="dark",x=!o||t,T=!r||t;return R.createElement("div",n({className:rt(u.actions,e)},l),R.createElement(gr,{className:rt(u.actionsButton,{[u.dark]:S,[u.actionsButtonDisabled]:x}),onClick:s,disabled:x,"data-test":"button-pagination-back","aria-label":"previous page"},f==="rtl"?R.createElement(Cr,null):R.createElement(br,null)),R.createElement(gr,n({className:rt(u.actionsButton,{[u.dark]:S,[u.actionsButtonDisabled]:T}),onClick:a,disabled:T,"data-test":"button-pagination-next","aria-label":"next page"},i),f==="rtl"?R.createElement(br,null):R.createElement(Cr,null)))};ot.displayName="PaginationActions";import di from"@material-ui/core/MenuItem";import ui from"@material-ui/core/Select";import fi from"clsx";import Ie from"react";var at=({className:e,choices:t,disabled:r,labels:o,rowNumber:i,onChange:a})=>{let s=U({});return Ie.createElement("div",{className:fi(s.rowNumber,e)},Ie.createElement("span",{className:s.rowNumberLabel},o.noOfRows),a?Ie.createElement(ui,{"data-test-id":"PaginationRowNumberSelect",disabled:r,inputProps:{className:s.rowNumberSelectLabel},className:s.rowNumberSelect,value:i,onChange:l=>a(l.target.value)},t.length>0&&t.map(l=>Ie.createElement(di,{value:l,key:l,"data-test-id":"rowNumberOption"},l))):` ${i}`)};at.displayName="PaginationRowNumberSelect";var it=f=>{var k=f,{choices:e=[10,20,30,50,100],disabled:t,hasNextPage:r,hasPreviousPage:o,nextIconButtonProps:i,labels:a,rowNumber:s,onNextPage:l,onPreviousPage:c,onRowNumberUpdate:p}=k,u=d(k,["choices","disabled","hasNextPage","hasPreviousPage","nextIconButtonProps","labels","rowNumber","onNextPage","onPreviousPage","onRowNumberUpdate"]);let S=U();return Ne.createElement(gi,n({className:S.toolbar,disableGutters:!0},u),Ne.createElement("div",{className:S.spacer},Ne.createElement(at,{choices:e,disabled:t,labels:a,rowNumber:s,onChange:p})),Ne.createElement(ot,{disabled:t,hasNextPage:r,hasPreviousPage:o,nextIconButtonProps:i,onNextPage:l,onPreviousPage:c}))};it.displayName="Pagination";import bi from"@material-ui/core/TableCell";import Ci from"@material-ui/core/TableRow";import nt from"react";var xi=r=>{var o=r,{colSpan:e}=o,t=d(o,["colSpan"]);return nt.createElement(Ci,null,nt.createElement(bi,{padding:"none",colSpan:e},nt.createElement(it,n({},t))))};xi.displayName="TablePagination";import hi from"@material-ui/core/Chip";import vi from"react";import{fade as De}from"@material-ui/core/styles";var yi=m(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 De(e.palette.success.main,.2);case"warning":return De(e.palette.warning.main,.2);case"neutral":return De(e.palette.text.hint,.05);case"error":return De(e.palette.error.main,.15)}},borderRadius:20,cursor:"inherit",height:({size:t})=>t==="lg"?40:32}}),{name:"StatusChip"}),xr=yi;var Si=o=>{var i=o,{size:e="md",variant:t}=i,r=d(i,["size","variant"]);let a=xr(n({size:e,variant:t},r));return vi.createElement(hi,n({classes:a},r))};Si.displayName="HeaderChip";import ki from"@material-ui/core/Tab";import Bi from"react";import{fade as Ti}from"@material-ui/core/styles";var Fi=m(e=>({tabRoot:{"@media (min-width: 600px)":{minWidth:"unset"},"&.Mui-selected":{background:e.palette.secondary.main,color:e.palette.primary.main},"&:hover":{background:Ti(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"}),Ae=Fi;var Pi=e=>{let t=Ae();return Bi.createElement(ki,n({classes:{root:t.tabRoot},disableRipple:!0},e))};Pi.displayName="PageTab";import wi from"@material-ui/core/Tabs";import Mi from"react";var Li=e=>{let t=Ae();return Mi.createElement(wi,g(n({},e),{classes:{flexContainer:t.containerFlex,root:t.containerRoot},TabIndicatorProps:{style:{display:"none"}},onChange:(r,o)=>e.onChange(o)}))};Li.displayName="PageTabs";import Ii from"react";var Ni=({children:e,show:t})=>Ii.createElement("div",{style:{display:t?"block":"none"}},e);Ni.displayName="PageTabPanel";import _i from"@material-ui/core/IconButton";import ft from"@material-ui/core/MenuItem";import Br from"@material-ui/core/Select";import ji from"@material-ui/core/Typography";import Xi from"lodash/difference";import L from"react";import{createContext as Di,useContext as Ai}from"react";var st=Di(null),M=()=>{let e=Ai(st);if(e===void 0)throw new Error("useFilters must be used within a FilterContext");return e};import Ve from"react";import Vi from"@material-ui/core/Checkbox";import Hi from"@material-ui/core/Chip";import Oi from"@material-ui/core/MenuItem";import Ri from"@material-ui/core/Select";import $i from"clsx";import me from"react";var Ei=m(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"}),w=Ei;var lt=({filter:e})=>{let t=w(),{onChange:r}=M(),{name:o,options:i}=e,{choices:a}=i,s=l=>r(o,l.target.value);return me.createElement(Ri,{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(Hi,{className:t.filterChip,key:p,label:p})))}},a.map(l=>{let c=e.values.includes(l.value);return me.createElement(Oi,{key:l.value,className:$i({[t.filterValueSelected]:c}),value:l.value},me.createElement(Vi,{checked:c,className:t.filterValueCheckbox}),l.label)}))};lt.displayName="MultipleSelectFilterField";import yr from"@material-ui/core/TextField";import Wi from"@material-ui/core/Typography";import zi from"clsx";import Ee from"react";var pt=({filter:e,labels:t})=>{var l;let r=w(),{onChange:o}=M(),{name:i}=e,a=c=>o(i,c.target.value,{rangePart:c.target.name}),s=g(n({},e.options.InputProps),{InputProps:n({classes:{input:r.filterInputInner},type:"number"},(l=e.options.InputProps)==null?void 0:l.InputProps),onChange:a});return Ee.createElement("div",{className:zi(r.filterValue,r.filterRangeValueContainer)},Ee.createElement(yr,g(n({},s),{name:"min",value:e.values[0]})),Ee.createElement(Wi,{className:r.filterRangeLabel},t.and),Ee.createElement(yr,g(n({},s),{name:"max",value:e.values[1]})))};pt.displayName="RangeFilterField";import Ui from"@material-ui/core/MenuItem";import Zi from"@material-ui/core/Select";import hr from"react";var ct=({filter:e})=>{let t=w(),{onChange:r}=M(),{name:o,options:i}=e,{choices:a}=i,s=l=>r(o,l.target.value);return hr.createElement(Zi,{className:t.filterValue,classes:{selectMenu:t.filterInputInner},variant:"outlined",onChange:s,value:e.value},a.map(l=>hr.createElement(Ui,{key:l.value,value:l.value},l.label)))};ct.displayName="SelectFilterField";import Gi from"@material-ui/core/TextField";import qi from"react";var mt=({filter:e})=>{var a;let t=w(),{onChange:r}=M(),{name:o}=e,i=s=>r(o,s.target.value);return qi.createElement(Gi,g(n({},e.options.InputProps),{className:t.filterValue,InputProps:g(n({},(a=e.options.InputProps)==null?void 0:a.InputProps),{classes:{input:t.filterInputInner}}),onChange:i,value:e.value}))};mt.displayName="TextFilterField";var I;(function(o){o[o.Text=0]="Text",o[o.Choice=1]="Choice",o[o.Range=2]="Range"})(I||(I={}));var dt=({filter:e,labels:t})=>{let{options:r,range:o}=e,{type:i,multiple:a}=r;return i===I.Choice?a?Ve.createElement(lt,{filter:e}):Ve.createElement(ct,{filter:e}):i===I.Range&&o?Ve.createElement(pt,{filter:e,labels:t}):Ve.createElement(mt,{filter:e})};dt.displayName="FilterContent";import Ki from"lodash/uniqBy";function Z(e){return e.filter(t=>!t.active)}function He(e){return e.filter(t=>t.active)}function vr(e){if(Ki(e,"name").length!==e.length)throw new Error("Filter names should be unique")}function ut(e){var r;let{options:t}=e;return{value:t.multiple||t.type===I.Range?null:t.type===I.Choice?(r=t.default)!=null?r:t.choices[0].value:"",values:e.range&&t.type===I.Range?["",""]:t.multiple?[]:null}}function Sr(e,t,r,o,i){let a=o.find(l=>l.name===t),s={active:!!a,label:r,name:t,range:!1,sortIndex:e.length,options:i,value:null,values:null};return[...e,n(n(n({},s),ut(s)),a)]}function Tr(e,t,r,o={}){let i=e.find(s=>s.name===t),a;return i.options.multiple?a={values:r}:i.options.type===I.Range&&o.rangePart?a={values:o.rangePart==="min"?[r,i.values[1]]:[i.values[0],r]}:a={value:r},e.map(s=>s.name===t?n(n({},s),a):s)}function Fr(e,t){let r=e.find(a=>a.name===t),o=r.active?r.sortIndex:He(e).length,i=r.active?ut(r):{};return e.map(a=>a.name===t?n(g(n({},a),{active:!a.active,sortIndex:o}),i):a.active&&a.sortIndex>o?g(n({},a),{sortIndex:a.sortIndex-1}):a)}function kr(e,t){return e.map(r=>r.name===t?n(g(n({},r),{range:!r.range}),ut(g(n({},r),{range:!r.range}))):r)}var L1=o=>{var i=o,{name:e,label:t}=i,r=d(i,["name","label"]);let{register:a,set:s,unregister:l}=M(),c=L.useRef(!1);return L.useEffect(()=>(a(e,t,r),c.current=!0,()=>l(e)),[]),L.useEffect(()=>{c.current&&r.choices!==void 0&&Xi(r.choices,r.choices).length&&s(e,{options:g(n({},r),{choices:r.choices})})},[r.choices]),null},Pr=({first:e,name:t,labels:r})=>{let o=w(),{filters:i,toggle:a,toggleRange:s}=M(),l=i.find(f=>f.name===t);if(!(l==null?void 0:l.active))return null;let c=Z(i),p=[l,...c],u=f=>{a(t),a(f.target.value)};return L.createElement("div",{className:o.filter},L.createElement(ji,{className:o.filterConjunction},e?r.where:r.and),L.createElement(Br,{className:o.filterName,classes:{selectMenu:o.filterInputInner},variant:"outlined",onChange:u,value:l.name},p.map(f=>L.createElement(ft,{key:f.name,value:f.name},f.label))),L.createElement(Br,{disabled:l.options.type!==I.Range,className:o.filterRange,classes:{selectMenu:o.filterInputInner},variant:"outlined",value:l.range.toString(),onChange:()=>s(t)},L.createElement(ft,{value:"false"},r.is),L.createElement(ft,{value:"true"},r.range)),L.createElement(dt,{filter:l,labels:r}),L.createElement(_i,{className:o.filterDelete,onClick:()=>a(t)},L.createElement(Ht,null)))};import rn from"@material-ui/core/Button";import on from"@material-ui/core/Card";import an from"@material-ui/core/CardContent";import nn from"@material-ui/core/CardHeader";import sn from"@material-ui/core/IconButton";import ln from"@material-ui/icons/Close";import v from"react";import Yi from"@material-ui/core/ClickAwayListener";import Ji from"@material-ui/core/MenuItem";import Qi from"@material-ui/core/Paper";import en from"@material-ui/core/Popper";import tn from"@material-ui/core/Typography";import G from"react";var gt=({anchorEl:e,labels:t,open:r,onClose:o})=>{let i=w(),{filters:a,toggle:s}=M(),l=Z(a),c=p=>{s(p),o()};return G.createElement(en,{anchorEl:e,open:r,disablePortal:!0,placement:"bottom-start"},G.createElement(Yi,{onClickAway:o},G.createElement(Qi,{elevation:20,className:i.menuPaper},G.createElement("div",{className:i.menuContent},G.createElement(tn,{className:i.menuHeader,color:"textSecondary",variant:"caption"},t.header)),l.map(p=>G.createElement(Ji,{key:p.name,onClick:()=>c(p.name)},p.label)))))};gt.displayName="FilterMenu";var pn=v.forwardRef(({children:e,initial:t=[],labels:r,onChange:o,onClose:i},a)=>{let s=w(),[l,c]=v.useState([]),[p,u]=v.useState(!1),f=v.useRef(null);vr(l);let k=(F,B,V)=>c(H=>Sr(H,F,B,t,V)),S=(F,B,V)=>c(H=>Tr(H,F,B,V)),x=F=>c(B=>Fr(B,F)),T=F=>c(B=>kr(B,F)),Ar=F=>c(B=>B.filter(V=>V.name!==F)),Er=(F,B)=>c(V=>V.map(H=>H.name===F?g(n({},H),{filter:B}):H)),Vr=Z(l);return v.useEffect(()=>o(He(l)),[l]),v.createElement(st.Provider,{value:{filters:l,register:k,set:Er,toggle:x,toggleRange:T,unregister:Ar,onChange:S}},e,v.createElement(on,{className:s.bar,ref:a,elevation:20},v.createElement(nn,{title:r.header,action:v.createElement(sn,{onClick:i},v.createElement(ln,null))}),v.createElement(an,null,v.createElement("div",null,He(l).sort((F,B)=>F.sortIndex>B.sortIndex?1:-1).map((F,B)=>v.createElement(Pr,{key:F.name,first:B===0,labels:r,name:F.name}))),!!Vr.length&&v.createElement(v.Fragment,null,v.createElement(rn,{color:"primary",ref:f,onClick:()=>u(!0)},"+ ",r.addButton)),v.createElement(gt,{anchorEl:f.current,labels:r,open:p,onClose:()=>u(!1)}))))});pn.displayName="FilterBar";import cn from"@material-ui/core/DialogTitle";import mn from"@material-ui/core/Typography";import q from"react";var wr=m(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 dn=o=>{var i=o,{onClose:e,children:t}=i,r=d(i,["onClose","children"]);let a=wr();return q.createElement(q.Fragment,null,q.createElement(cn,{className:a.wrapper,id:"alert-dialog-title",disableTypography:!0},q.createElement(mn,n({variant:"h5",component:"h5"},r),t),q.createElement("button",{className:a.button,onClick:e,"aria-label":"Close modal","data-test":"close"},q.createElement(Ot,null))))};dn.displayName="DialogHeader";import un from"@material-ui/core/Table";import bt from"react";var Mr=m(()=>({wrapper:{overflowY:"scroll",maxHeight:500}}),{name:"DialogTable"});var fn=bt.forwardRef((i,o)=>{var a=i,{children:e,innerRef:t}=a,r=d(a,["children","innerRef"]);let s=Mr();return bt.createElement("div",{className:s.wrapper,ref:o},bt.createElement(un,n({ref:t},r),e))});fn.displayName="DialogTable";import Ir from"clsx";import Oe from"react";var Lr=m(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 gn=i=>{var a=i,{show:e,variant:t,children:r}=a,o=d(a,["show","variant","children"]);let s=Lr();return t==="bottom"?Oe.createElement(Oe.Fragment,null,Oe.createElement("div",g(n({},o),{className:Ir(s.root,{[s.bottom]:e})}),r)):Oe.createElement("div",g(n({},o),{className:Ir(s.root,{[s.top]:e})}),r)};gn.displayName="ScrollShadow";import Cn from"clsx";import xn from"react";var bn=m(e=>({root:n({"&: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"}),Nr=bn;var Dr=a=>{var s=a,{children:e,component:t="a",className:r,state:o="default"}=s,i=d(s,["children","component","className","state"]);let l=Nr();return xn.createElement(t,n({className:Cn(l.root,r,{[l.hover]:o==="hover",[l.active]:o==="active"})},i),e)};Dr.displayName="PillLink";var M2=Dr;export{Ge as ActionBar,Re as ActionBarContext,ht as ActionBarProvider,Va as Alert,et as AlertBase,Fe as ArrowRightIcon,ea as Backlink,$e as BacklinkContext,St as BacklinkProvider,qt as Button,Gs as CheckboxCheckedIcon,Ws as CheckboxIcon,js as CheckboxIndeterminateIcon,Ot as CloseIcon,Y as CompleteIcon,Ke as ConfirmButton,Ht as DeleteIcon,dn as DialogHeader,fn as DialogTable,ol as EditIcon,Xe as ExpandButton,ge as ExtensionMessageType,L1 as Filter,pn as FilterBar,Pr as FilterRow,I as FilterType,sl as FilteringIcon,ns as ICONBUTTON_SIZE,le as IconButton,fl as ImageIcon,J as InfoIcon,re as LayoutButton,Ye as MenuItem,we as MenuItemBtn,wl as MoreIcon,Q as NotAllowedIcon,to as NotAllowedInvertedIcon,za as Notification,Pi as PageTab,Ni as PageTabPanel,Li as PageTabs,it as Pagination,ot as PaginationActions,at as PaginationRowNumberSelect,M2 as PillLink,vl as PlusIcon,ii as ResponsiveTable,qo as Savebar,gn as ScrollShadow,Qs as SearchIcon,ba as Sidebar,ka as SidebarDrawer,z as SquareButton,Si as StatusChip,xi as TablePagination,Ps as ThemeProvider,pi as Tooltip,Qa as UserChipMenu,ri as UserChipMenuItem,ee as WarningIcon,Tr as change,Nt as createTheme,At as dark,He as getActiveFilters,Z as getAvailableFilters,Nl as isScrolledToBottom,Dl as isScrolledToTop,Et as light,m as makeStyles,ne as menuWidth,Sr as register,Fn as sendMessageToDashboard,Tt as sendMessageToExtension,se as shrunkMenuWidth,Fr as toggle,kr as toggleRange,ue as useActionBar,vt as useBacklink,Al as useElementScroll,wn as useExtensionMessage,$ as useTheme,zt as useWindowScroll,vr as validate};
 //# sourceMappingURL=index.js.map