npm - @saleor/macaw-ui - Versions diffs - 0.3.0-a.2 → 0.3.0-a.3 - Mend

@saleor/macaw-ui 0.3.0-a.2 → 0.3.0-a.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/dist/Alert/Alert.d.ts +1 -1
package/dist/Alert/Alert.stories.d.ts +1 -0
package/dist/Button/Button.d.ts +3 -1
package/dist/IconButton/partials.d.ts +14 -0
package/dist/Savebar/styles.d.ts +1 -1
package/dist/icons/NavigatorIcon.d.ts +1 -0
package/dist/index.js +2 -2
package/dist/index.js.map +2 -2
package/dist/theme/createSaleorTheme/types.d.ts +1 -1
package/package.json +1 -1
package/src/ActionBar/styles.ts +1 -0
package/src/Alert/Alert.stories.tsx +10 -1
package/src/Alert/Alert.tsx +2 -2
package/src/Button/Button.tsx +16 -6
package/src/Savebar/Savebar.tsx +5 -5
package/src/Savebar/styles.ts +1 -14
package/src/theme/createSaleorTheme/overrides/buttons.ts +22 -1
package/src/theme/createSaleorTheme/overrides/inputs.ts +6 -1
package/src/theme/createSaleorTheme/types.ts +1 -1
package/src/theme/themes.ts +2 -0

package/dist/Alert/Alert.d.ts CHANGED Viewed

@@ -2,6 +2,6 @@ import React from "react";
 import { AlertBaseProps } from "./AlertBase";
 export interface AlertProps extends AlertBaseProps {
     close?: boolean;
-    title: string;
+    title?: string;
 }
 export declare const Alert: React.FC<AlertProps>;

package/dist/Alert/Alert.stories.d.ts CHANGED Viewed

@@ -7,5 +7,6 @@ export declare const WithClose: Story;
 export declare const WithContent: Story;
 export declare const WithContentAndClose: Story;
 export declare const Custom: Story;
+export declare const WithoutTitle: Story;
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;

package/dist/Button/Button.d.ts CHANGED Viewed

@@ -2,12 +2,14 @@ import { ButtonProps as MuiButtonProps, ButtonTypeMap as MuiButtonTypeMap } from
 import { OverridableComponent } from "@material-ui/core/OverridableComponent";
 import React from "react";
 export declare type ButtonVariant = "primary" | "secondary" | "tertiary";
+export declare type ButtonColor = "primary" | "secondary" | "text";
 interface ButtonInnerProps {
+    color?: ButtonColor;
     error?: boolean;
     variant?: ButtonVariant;
 }
 export interface ButtonTypeMap<P = {}, D extends React.ElementType = "button"> {
-    props: Omit<MuiButtonTypeMap<P, D>["props"], "variant"> & ButtonInnerProps;
+    props: Omit<MuiButtonTypeMap<P, D>["props"], "variant" | "color"> & ButtonInnerProps;
     defaultComponent: D;
     classKey: never;
 }

package/dist/IconButton/partials.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import type { SaleorThemeColors } from "..";
+export declare function getSecondaryButtonStyles(colors: SaleorThemeColors): {
+    "&:hover, &.Mui-focusVisible": {
+        color: string;
+    };
+    "&:disabled": {
+        color: string;
+    };
+    background: string;
+    borderRadius: number;
+    color: string;
+    padding: number;
+    transition: string;
+};

package/dist/Savebar/styles.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"button" | "spacer" | "cancelButton" | "deleteButton">;
+declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"spacer">;
 export default useStyles;

package/dist/icons/NavigatorIcon.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const NavigatorIcon: import("@material-ui/core/OverridableComponent").OverridableComponent<import("@material-ui/core").SvgIconTypeMap<{}, "svg">>;

package/dist/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
-var ur=Object.defineProperty,fr=Object.defineProperties;var gr=Object.getOwnPropertyDescriptors;var ue=Object.getOwnPropertySymbols;var Ht=Object.prototype.hasOwnProperty,Ot=Object.prototype.propertyIsEnumerable;var Rt=(e,t,o)=>t in e?ur(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))Ht.call(t,o)&&Rt(e,o,t[o]);if(ue)for(var o of ue(t))Ot.call(t,o)&&Rt(e,o,t[o]);return e},f=(e,t)=>fr(e,gr(t));var m=(e,t)=>{var o={};for(var r in e)Ht.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&ue)for(var r of ue(e))t.indexOf(r)<0&&Ot.call(e,r)&&(o[r]=e[r]);return o};import{MuiThemeProvider as wr}from"@material-ui/core/styles";import Lr from"lodash/merge";import J,{useEffect as Mr}from"react";import j from"react";var Qe=j.createContext(void 0);Qe.displayName="ActionBarContext";var fe=()=>{let e=j.useContext(Qe);if(e===void 0)throw new Error("useActionBar must be used within a ActionBarContext");return e},$t=({children:e})=>{let[t,o]=j.useState(!0),r=j.useRef(null);return j.createElement(Qe.Provider,{value:{anchor:r,docked:t,setDocked:o}},e)};import ge from"react";var et=ge.createContext(void 0);et.displayName="BacklinkContext";var Vt=()=>{let e=ge.useContext(et);if(e===void 0)throw new Error("useBacklink must be used within a BacklinkContext");return e},Wt=({children:e})=>{let t=ge.useRef(null);return ge.createElement(et.Provider,{value:t},e)};function ns(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 be;(function(r){r[r.BREADCRUMB_CLICK=0]="BREADCRUMB_CLICK",r[r.BREADCRUMB_SET=1]="BREADCRUMB_SET",r[r.THEME=2]="THEME"})(be||(be={}));import{useEffect as br}from"react";function cs(e){br(()=>(window.addEventListener("message",e),()=>window.removeEventListener("message",e)),[e])}var Ce={theme:"macaw-ui-theme",menuShrink:"macaw-ui-menu-shrink"};import{useCallback as Cr,useEffect as Gt,useState as xr}from"react";function _(e,t=""){let[o,r]=xr(()=>window.localStorage.getItem(e)||t),a=s=>{r(s),window.localStorage.setItem(e,s)};Gt(()=>{let s=window.localStorage.getItem(e);o!==s&&r(s||t)});let n=Cr(s=>{s.key===e&&s.newValue!==o&&r(s.newValue||t)},[o,e]);return Gt(()=>(window.addEventListener("storage",n),()=>window.removeEventListener("storage",n)),[n]),{value:o,setValue:a}}import Br from"@material-ui/core/CssBaseline";import{fade as kr}from"@material-ui/core/styles";import Tr from"react";import{makeStyles as hr,useTheme as vr}from"@material-ui/core/styles";import{useContext as Sr}from"react";import yr from"react";var X=yr.createContext(void 0);X.displayName="ThemeContext";function d(e,t){return hr(e,t)}function W(){let e=vr(),t=Sr(X);if(t===void 0||e===void 0)throw new Error("useTheme must be used within a ThemeProvider");return i(i({},e),t)}var Fr=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:kr(e.palette.primary.main,.2)},html:{fontSize:"62.5%"},a:{color:e.palette.primary.main,textDecoration:"none"}}}),{name:"Baseline"}),tt=()=>(Fr(),Tr.createElement(Br,null));tt.displayName="Baseline";import{createMuiTheme as Pr}from"@material-ui/core/styles";import{fade as ot}from"@material-ui/core/styles";import Y from"react";var Ut=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}},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"}}}};var Zt=e=>({MuiCheckbox:{colorPrimary:{"&&.Mui-checked:hover":{backgroundColor:"transparent"}},root:{"&:hover, &.Mui-focusVisible":{"& > span::before":{animation:`200ms alternate hoverControlStart,
+var mr=Object.defineProperty,ur=Object.defineProperties;var fr=Object.getOwnPropertyDescriptors;var fe=Object.getOwnPropertySymbols;var Ot=Object.prototype.hasOwnProperty,Rt=Object.prototype.propertyIsEnumerable;var $t=(e,t,o)=>t in e?mr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))Ot.call(t,o)&&$t(e,o,t[o]);if(fe)for(var o of fe(t))Rt.call(t,o)&&$t(e,o,t[o]);return e},f=(e,t)=>ur(e,fr(t));var m=(e,t)=>{var o={};for(var r in e)Ot.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&&Rt.call(e,r)&&(o[r]=e[r]);return o};import{MuiThemeProvider as Pr}from"@material-ui/core/styles";import wr from"lodash/merge";import J,{useEffect as Lr}from"react";import j from"react";var et=j.createContext(void 0);et.displayName="ActionBarContext";var ge=()=>{let e=j.useContext(et);if(e===void 0)throw new Error("useActionBar must be used within a ActionBarContext");return e},Vt=({children:e})=>{let[t,o]=j.useState(!0),r=j.useRef(null);return j.createElement(et.Provider,{value:{anchor:r,docked:t,setDocked:o}},e)};import be from"react";var tt=be.createContext(void 0);tt.displayName="BacklinkContext";var Wt=()=>{let e=be.useContext(tt);if(e===void 0)throw new Error("useBacklink must be used within a BacklinkContext");return e},zt=({children:e})=>{let t=be.useRef(null);return be.createElement(tt.Provider,{value:t},e)};function is(e,t){window.parent&&window.parent.postMessage(e,t)}function Gt(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 gr}from"react";function ps(e){gr(()=>(window.addEventListener("message",e),()=>window.removeEventListener("message",e)),[e])}var xe={theme:"macaw-ui-theme",menuShrink:"macaw-ui-menu-shrink"};import{useCallback as br,useEffect as Ut,useState as Cr}from"react";function _(e,t=""){let[o,r]=Cr(()=>window.localStorage.getItem(e)||t),a=s=>{r(s),window.localStorage.setItem(e,s)};Ut(()=>{let s=window.localStorage.getItem(e);o!==s&&r(s||t)});let n=br(s=>{s.key===e&&s.newValue!==o&&r(s.newValue||t)},[o,e]);return Ut(()=>(window.addEventListener("storage",n),()=>window.removeEventListener("storage",n)),[n]),{value:o,setValue:a}}import Sr from"@material-ui/core/CssBaseline";import{fade as Br}from"@material-ui/core/styles";import kr from"react";import{makeStyles as yr,useTheme as hr}from"@material-ui/core/styles";import{useContext as vr}from"react";import xr from"react";var X=xr.createContext(void 0);X.displayName="ThemeContext";function d(e,t){return yr(e,t)}function W(){let e=hr(),t=vr(X);if(t===void 0||e===void 0)throw new Error("useTheme must be used within a ThemeProvider");return i(i({},e),t)}var Tr=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:Br(e.palette.primary.main,.2)},html:{fontSize:"62.5%"},a:{color:e.palette.primary.main,textDecoration:"none"}}}),{name:"Baseline"}),ot=()=>(Tr(),kr.createElement(Sr,null));ot.displayName="Baseline";import{createMuiTheme as Fr}from"@material-ui/core/styles";import{fade as rt}from"@material-ui/core/styles";import Y from"react";var Zt=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 Kt=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 Kt=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: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 qt=(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 jt=(e,t)=>i(i(i(i({},Kt(e)),qt(e,t)),Ut(e)),Zt(e));var _t=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)`,Xt=["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 Us=48,rt='"Inter", "roboto", "sans-serif"',Yt=e=>Pr({overrides:f(i({},jt(e,rt)),{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}},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:ot(e.primary,1)},childLeaving:{backgroundColor:ot(e.primary,1)},ripple:{"&$rippleVisible":{backgroundColor:ot(e.primary,1)},borderRadius:"100%"}}}),palette:_t(e),props:{MuiButton:{disableRipple:!0},MuiFormControl:{variant:"filled"},MuiTextField:{variant:"outlined"},MuiCard:{elevation:0},MuiTypography:{component:"div"},MuiCheckbox:{color:"primary",disableRipple:!0,checkedIcon:Y.createElement(Qt,null),icon:Y.createElement(Jt,null),indeterminateIcon:Y.createElement(eo,null)},MuiTableRow:{hover:!0},MuiTooltip:{placement:"right-end"},MuiList:{disablePadding:!0},MuiRadio:{color:"primary",disableRipple:!0,icon:Y.createElement(to,null),checkedIcon:Y.createElement(oo,null)},MuiSwitch:{color:"primary",disableRipple:!0},MuiSelect:{MenuProps:{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},getContentAnchorEl:null}}},shadows:Xt,spacing:(t=1)=>`${t*8/10}rem`,typography:{allVariants:{fontFamily:rt},body1:{color:e.font.default,fontSize:"1.6rem"},body2:{fontSize:"1.4rem"},button:{fontSize:"1.4rem"},caption:{fontSize:"1.2rem"},fontFamily:rt,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 ro}from"@material-ui/core/styles/colorManipulator";var ao={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"},io={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:ro("#28234A",.6),textButton:"#06847B",textDisabled:ro("#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 no(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 dl=({children:e,defaultTheme:t="light",palettes:o={},overrides:r={}})=>{let{value:a,setValue:n}=_(Ce.theme,t),s=a,l=i({light:io,dark:ao},o),c=Lr(Yt(l[s]),r),p=()=>zt({theme:s,type:be.THEME},"*");return Mr(()=>{p(),no(c.palette.background.default)},[s]),J.createElement(X.Provider,{value:{themeType:s,sendThemeToExtension:p,setTheme:n}},J.createElement(wr,{theme:c},J.createElement($t,null,J.createElement(Wt,null,J.createElement(tt,null),e))))};import xe from"react";var Q=e=>xe.createElement("svg",i({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:"#5DC292",strokeWidth:"4"}),xe.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 ye from"react";var ee=e=>ye.createElement("svg",i({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:"20",fill:"white"}),ye.createElement("circle",{cx:"20",cy:"20",r:"14",stroke:"#28234A",strokeWidth:"4"}),ye.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 he from"react";var te=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:"16",fill:"#F5FAFB"}),he.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"white"}),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:"#FE6E76"}));te.displayName="NotAllowedIcon";import ve from"react";var Ir=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:"16",fill:"#F5FAFB"}),ve.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"#FE6E76"}),ve.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"}));Ir.displayName="NotAllowedInvertedIcon";import Se from"react";var oe=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:"20",fill:"white"}),Se.createElement("circle",{cx:"20",cy:"20",r:"14",stroke:"#FFB84E",strokeWidth:"4"}),Se.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 Nr}from"@material-ui/core/utils";import at from"react";var Jt=Nr(at.createElement(at.Fragment,null,at.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 Ar}from"@material-ui/core/utils";import re from"react";var Qt=Ar(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 Dr}from"@material-ui/core/utils";import Be from"react";var eo=Dr(Be.createElement(Be.Fragment,null,Be.createElement("rect",{x:"0.5",y:"0.5",width:"23",height:"23",rx:"1.5",fill:"currentColor"}),Be.createElement("rect",{x:"4",y:"10",width:"16",height:"4",rx:"1.5",fill:"var(--background-paper)"})),"CheckboxIndeterminateIcon");import{createSvgIcon as Er}from"@material-ui/core/utils";import Hr from"react";var Dl=Er(Hr.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 Or}from"@material-ui/core/utils";import Rr from"react";var Rl=Or(Rr.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 $r}from"@material-ui/core/utils";import Vr from"react";var so=$r(Vr.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 Wr}from"@material-ui/core/utils";import zr from"react";var Zl=Wr(zr.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 Gr}from"@material-ui/core/utils";import Ur from"react";var lo=Gr(Ur.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 Zr}from"@material-ui/core/utils";import Kr from"react";var Jl=Zr(Kr.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 qr}from"@material-ui/core/utils";import jr from"react";var ke=qr(jr.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 _r}from"@material-ui/core/utils";import Xr from"react";var ip=_r(Xr.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 Yr}from"@material-ui/core/utils";import it from"react";var to=Yr(it.createElement(it.Fragment,null,it.createElement("circle",{cx:"12",cy:"12",r:"11",fill:"white",stroke:"currentColor","stroke-width":"2"})),"RadioIcon");import{createSvgIcon as Jr}from"@material-ui/core/utils";import Te from"react";var oo=Jr(Te.createElement(Te.Fragment,null,Te.createElement("circle",{cx:"12",cy:"12",r:"12",fill:"currentColor"}),Te.createElement("circle",{cx:"12",cy:"12",r:"5",fill:"var(--background-default)"})),"RadioCheckedIcon");import{createSvgIcon as Qr}from"@material-ui/core/utils";import ea from"react";var gp=Qr(ea.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 ho from"@material-ui/core/Button";import E from"react";import sa from"@material-ui/core/Card";import la from"@material-ui/core/CardContent";import pa from"@material-ui/core/Container";import ca from"@material-ui/core/Portal";import R from"react";import ta from"lodash/throttle";import{useCallback as oa,useEffect as po,useState as co}from"react";function nt(e){if(e)return{x:e.scrollLeft,y:e.scrollTop}}function yp(e,t,o=0){return!!e&&t?t.y+e.clientHeight+o>=e.scrollHeight:void 0}function hp(e,t,o=0){return!!e&&t?t.y<=o:void 0}function vp(){let[e,t]=co(null),[o,r]=co(nt(e));return po(()=>{if(e){let n=ta(()=>r(nt(e)),100);e.addEventListener("scroll",n);let s=new ResizeObserver(n);return s.observe(e),()=>{e.removeEventListener("scroll",n),s.disconnect()}}},[e]),po(()=>{setTimeout(()=>r(nt(e)),100)},[e]),{setAnchor:oa(n=>{t(n)},[]),anchor:e,position:o}}import ra from"lodash/throttle";import{useEffect as aa,useState as ia}from"react";function mo(){return{x:window.pageXOffset,y:window.pageYOffset}}function uo(){let[e,t]=ia(mo);return aa(()=>{let o=ra(()=>t(mo()),100);return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)},[]),e}var na=d(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"}),fo=na;var st=a=>{var n=a,{disabled:e,children:t,state:o}=n,r=m(n,["disabled","children","state"]);let s=fo(),{anchor:l,docked:c,setDocked:p}=fe(),u=uo();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(ca,{container:l.current},R.createElement("div",i({className:s.root},r),R.createElement(pa,{maxWidth:"lg"},R.createElement(sa,{className:s.paper,elevation:c||g?0:16},R.createElement(la,{className:s.content},t))))):null};st.displayName="ActionBar";import ma from"@material-ui/core/Button";import ua from"clsx";import fa from"react";var da=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"}),go=da;function ga(e){switch(e){case"primary":return{variant:"contained",color:"primary"};case"secondary":return{variant:"outlined",color:"primary"};default:return{variant:"text",color:"primary"}}}var bo=a=>{var n=a,{className:e,error:t,variant:o="tertiary"}=n,r=m(n,["className","error","variant"]);let s=go();return fa.createElement(ma,i(f(i({className:ua(e,{[s.primary]:o==="primary"&&t,[s.primaryDisabled]:o==="primary"&&t&&r.disabled,[s.secondary]:o==="secondary"&&t,[s.secondaryDisabled]:o==="secondary"&&t&&r.disabled,[s.tertiary]:o==="tertiary"&&t,[s.tertiaryDisabled]:o==="tertiary"&&t&&r.disabled})},ga(o)),{disableRipple:!0}),r))};bo.displayName="Button";var Co=bo;import Ca from"@material-ui/core/CircularProgress";import xa from"@material-ui/icons/Check";import lt from"clsx";import D from"react";var ba=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"}),xo=ba;var ya=3e3,pt=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=xo(),[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()},ya):a==="loading"&&clearTimeout(F.current),()=>{F.current&&clearTimeout(F.current)}),[r,a,l]);let w=r?a!=="default":S;return D.createElement(Co,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(Ca,{size:24,color:"inherit",className:lt({[g.progress]:!0,[g.invisible]:a!=="loading"})}),D.createElement(xa,{className:lt({[g.icon]:!0,[g.invisible]:!(a==="success"&&w)})}),D.createElement("span",{className:lt({[g.label]:!0,[g.invisible]:(a==="loading"||a==="success")&&w})},a==="error"&&w?o.error:e||o.confirm))};pt.displayName="ConfirmButton";import ha from"@material-ui/core/Tooltip";import Fe from"react";var ae=({tooltip:e,children:t})=>e?Fe.createElement(ha,{title:e,placement:"top"},Fe.createElement("span",null,t)):Fe.createElement(Fe.Fragment,null,t);ae.displayName="ButtonTooltipDecorator";var va=d(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"}),yo=va;var Sa=({disabled:e,labels:t,tooltips:o,state:r,onCancel:a,onDelete:n,onSubmit:s})=>{let l=yo(),{setDocked:c}=fe();return E.createElement(st,{state:r,disabled:e},!!n&&E.createElement(ae,{tooltip:o==null?void 0:o.delete},E.createElement(ho,{variant:"contained",onClick:n,className:l.deleteButton,"data-test":"button-bar-delete"},t.delete)),E.createElement("div",{className:l.spacer}),E.createElement(ae,{tooltip:o==null?void 0:o.cancel},E.createElement(ho,{className:l.cancelButton,variant:"text",onClick:a,"data-test":"button-bar-cancel"},t.cancel)),E.createElement(ae,{tooltip:o==null?void 0:o.confirm},E.createElement(pt,{disabled:e,labels:t,onClick:s,transitionState:r,"data-test":"button-bar-confirm",onTransitionToDefault:()=>c(!0)})))};Sa.displayName="Savebar";import wa from"@material-ui/core/Portal";import La from"@material-ui/lab/Skeleton";import ne from"react";import Ta from"@material-ui/core/ButtonBase";import Fa from"clsx";import So from"react";import{fade as Ba}from"@material-ui/core/styles";var ka=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:Ba(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"}),vo=ka;var ie=So.forwardRef((n,a)=>{var s=n,{className:e,children:t,state:o="default"}=s,r=m(s,["className","children","state"]);let l=vo();return So.createElement(Ta,i({className:Fa(l.root,e,{[l.hover]:o==="hover",[l.active]:o==="active"}),disableRipple:!0,ref:a},r),t)});ie.displayName="LayoutButton";var Pa=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"}),Bo=Pa;var Ma=a=>{var n=a,{children:e,disabled:t,onClick:o}=n,r=m(n,["children","disabled","onClick"]);let s=Bo(),l=Vt();return l.current?ne.createElement(wa,{container:l.current},ne.createElement(ie,i({className:s.root,disabled:t,onClick:o,"data-test-id":"app-header-back-button"},r),ne.createElement(ke,{className:s.backArrow}),e?ne.createElement("div",{className:s.title},e):ne.createElement(La,{className:s.skeleton}))):null};Ma.displayName="Backlink";import Ua from"clsx";import $ from"react";import Pe from"react";var se=()=>Pe.createElement("svg",{width:"36",height:"33",viewBox:"0 0 36 33",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Pe.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"}),Pe.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.7838 0L13.4043 6.64709H29.1638L35.5433 0H19.7838Z",fill:"#8AC4EB"}),Pe.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"}));se.displayName="Logo";import Da from"clsx";import To from"react";import Ia from"@material-ui/core/ButtonBase";import Na from"clsx";import ko from"react";var Aa=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=ko.forwardRef((r,o)=>{var a=r,{className:e}=a,t=m(a,["className"]);let n=Aa({});return ko.createElement(Ia,i({className:Na(n.root,e,{[n.disabled]:t.disabled}),disableRipple:!0,ref:o},t))});G.displayName="SquareButton";var Ea=d(e=>({arrow:{transition:e.transitions.duration.shortest+"ms"},shrunk:{transform:"scaleX(-1)"}}),{name:"ExpandButton"}),ct=o=>{var r=o,{isShrunk:e}=r,t=m(r,["isShrunk"]);let a=Ea({});return To.createElement(G,i({disableRipple:!0},t),To.createElement(ke,{className:Da(a.arrow,{[a.shrunk]:!e})}))};ct.displayName="ExpandButton";import Ha from"@material-ui/core/ClickAwayListener";import Oa from"@material-ui/core/MenuItem";import Ra from"@material-ui/core/Paper";import $a from"@material-ui/core/Popper";import{fade as Va}from"@material-ui/core/styles";import Wa from"@material-ui/core/Typography";import we from"clsx";import N from"react";import za from"react-inlinesvg";var Le=210,Me=72,Ga=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:-Le/2,zIndex:2},popperShrink:{marginLeft:-Me/2},root:{"&:hover, &:focus-visible, &$rootOpen":{color:e.palette.primary.main,outline:0},borderBottomRightRadius:4,borderTopRightRadius:4,color:Va(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:Me},rootActive:{"&$root":{"&:hover, &:focus-visible, &$rootOpen":{color:e.palette.primary.main},background:e.palette.background.paper,color:e.palette.text.primary}},rootExpanded:{width:Le},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"}),dt=({activeId:e,menuItem:t,isMenuShrunk:o,onClick:r})=>{var p;let a=Ga({}),[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:we(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(Wa,{"aria-label":t.ariaLabel,className:we(a.label,a.labelRoot,{[a.hideLabel]:o}),variant:"body2"},t.label)),t.children&&N.createElement($a,{className:we(a.popper,{[a.popperShrink]:o}),open:n,anchorEl:l.current,transition:!0,placement:"right-start"},N.createElement(Ha,{onClickAway:()=>s(!1)},N.createElement(Ra,{className:a.paper},t.children.map(u=>{let g=u.external?{href:u.url,target:"_blank"}:{};return N.createElement(Oa,i({"aria-label":u.ariaLabel,component:u.external?"a":"button",className:we(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)})))))};dt.displayName="MenuItem";var Za=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:Le,zIndex:100},rootShrink:{width:Me},toolbarContainer:{margin:e.spacing(1,0,1,1.5)}}),{name:"SideBar"}),Ka=({activeId:e,menuItems:t,toolbar:o,onMenuItemClick:r})=>{let a=Za({}),{value:n,setValue:s}=_(Ce.menuShrink,(!1).toString()),l=n==="true";return $.createElement("div",{className:Ua(a.root,{[a.rootShrink]:l})},$.createElement("div",{className:a.float},$.createElement("div",{className:a.logo},$.createElement(se,null)),t.map(c=>$.createElement(dt,{activeId:e,isMenuShrunk:l,menuItem:c,onClick:r,key:c.ariaLabel})),o&&$.createElement("div",{className:a.toolbarContainer},o),$.createElement(ct,{className:a.expandButton,isShrunk:l,onClick:()=>s((!l).toString())})))};Ka.displayName="SideBar";import ja from"@material-ui/core/Typography";import mt from"react";import _a from"react-inlinesvg";var qa=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"}),Ie=qa;var Ne=({menuItem:e,onClick:t})=>{let o=Ie(),r=e.external?{href:e.url,target:"_blank"}:{},a=e.external?"a":"button";return mt.createElement(a,i({className:o.menuItemBtn,"data-test":"menu-item-label","data-test-id":e.id,onClick:()=>t(e.url)},r),e.iconSrc&&mt.createElement(_a,{className:o.icon,src:e.iconSrc}),mt.createElement(ja,{"aria-label":e.ariaLabel,className:o.label},e.label))};Ne.displayName="MenuItemBtn";import Xa from"@material-ui/core/Drawer";import Ya from"@material-ui/core/Typography";import Ja from"@material-ui/icons/ArrowLeft";import Qa from"@material-ui/icons/Menu";import Fo from"clsx";import x from"react";import ei from"react-inlinesvg";var ti=({menuItems:e,onMenuItemClick:t})=>{var S;let[o,r]=x.useState(!1),a=Ie({}),[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(Qa,null)),x.createElement(Xa,{classes:{paper:a.root},open:o,onClose:()=>r(!1)},x.createElement("div",{className:Fo(a.container,{[a.containerSubMenu]:l}),ref:p},x.createElement("div",{className:Fo(a.innerContainer,{[a.secondaryContentActive]:l})},x.createElement("div",{className:a.content},x.createElement("div",{className:a.logo},x.createElement(se,null)),e.map(b=>x.createElement(Ne,{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(ei,{className:a.icon,src:n.iconSrc}),x.createElement(Ya,{className:a.label},n.label)),x.createElement(G,{onClick:()=>c(!1)},x.createElement(Ja,null))),(S=n.children)==null?void 0:S.map(b=>x.createElement(Ne,{menuItem:b,onClick:u,key:b.ariaLabel})))))))};ti.displayName="SideBarDrawer";import Mo from"@material-ui/core/Typography";import pi from"@material-ui/icons/Close";import ci from"clsx";import T from"react";import ri from"@material-ui/core/ButtonBase";import ai from"@material-ui/core/IconButton";import wo from"clsx";import ut from"react";var oi=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:{"&: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"}),Po=oi;var le=ut.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=Po();return r==="secondary"?ut.createElement(ri,i({ref:n,className:wo(c.secondary,e,{[c.hoverOutline]:o}),disableRipple:!0},a)):ut.createElement(ai,i({ref:n,className:wo(e,{[c.error]:t,[c.disabledError]:t&&a.disabled}),disableRipple:!0},a))});le.displayName="Button";import ni from"@material-ui/core/Card";import si from"@material-ui/core/CardContent";import li from"clsx";import Lo from"react";var ii=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"}),Ae=ii;var ft=a=>{var n=a,{className:e,variant:t="info",children:o}=n,r=m(n,["className","variant","children"]);let s=Ae();return Lo.createElement(ni,i({elevation:0,className:li(e,s.root,{[s.error]:t==="error",[s.warning]:t==="warning",[s.success]:t==="success"}),"data-test":"alert"},r),Lo.createElement(si,null,o))};ft.displayName="AlertBase";var di=({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)}},mi=n=>{var s=n,{close:e=!0,variant:t="info",title:o,children:r}=s,a=m(s,["close","variant","title","children"]);let l=Ae(),[c,p]=T.useState(!0);return c?T.createElement(ft,i({variant:t},a),T.createElement("div",{className:l.container},T.createElement("div",null,T.createElement(di,{variant:t})),T.createElement("div",{className:l.content},T.createElement("div",{className:l.titleBar},T.createElement(Mo,{variant:"h5"},o),e&&T.createElement(le,{className:ci(l.close,{[l.closeNoContent]:!r}),variant:"secondary",onClick:()=>p(!1),"data-test":"close"},T.createElement(pi,null))),typeof r=="string"?T.createElement(Mo,{variant:"body1"},r):r))):null};mi.displayName="Alert";import fi from"@material-ui/core/Button";import gi from"@material-ui/core/SnackbarContent";import Ao from"@material-ui/core/Typography";import bi from"@material-ui/icons/Close";import gt from"clsx";import h from"react";var Io=40,ui=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(${Io}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:`${Io}px 1fr`},title:{marginTop:6,marginBottom:e.spacing(.5)}}),{name:"Notification"}),No=ui;var Ci=({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)}},xi=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=No();return h.createElement("div",i({className:gt(p.snackbarContainer,n),"data-test":"notification","data-test-type":o},s),h.createElement(gi,{"aria-describedby":"client-snackbar",classes:{action:p.snackbarAction,message:p.messageContainer},className:gt(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(Ci,{type:o})),h.createElement("div",null,h.createElement("div",{className:p.title},h.createElement(Ao,{variant:"h5"},t)),h.createElement(Ao,{variant:"body1"},a))),action:[h.createElement("div",{key:"actions"},!!r&&h.createElement(fi,{className:p.actionBtn,key:"action",color:"default",size:"small",onClick:r.onClick,"data-test":"button-action"},r.label)),h.createElement(le,{key:"close","aria-label":"Close",color:"inherit",onClick:e,variant:"secondary",className:gt(p.closeBtn,{[p.closeBtnInfo]:o==="info"}),"data-test":"close"},h.createElement(bi,null))]}))};xi.displayName="Notification";import Si from"@material-ui/core/Avatar";import Bi from"@material-ui/core/ClickAwayListener";import ki from"@material-ui/core/Grow";import Ti from"@material-ui/core/Hidden";import Fi from"@material-ui/core/MenuList";import Pi from"@material-ui/core/Paper";import wi from"@material-ui/core/Popper";import Ho from"@material-ui/core/Typography";import y from"react";import{createContext as yi,useContext as hi}from"react";var De=yi(void 0);De.displayName="UserChipMenuContext";var Do=()=>{let e=hi(De);if(e===void 0)throw new Error("useUserChipMenu must be used within a UserChipMenuContext");return e};var pe=32,ce=42,vi=d(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: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"}),Eo=vi;var Li=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=Eo({}),[u,g]=y.useState(n),S=y.useRef(null),b=()=>g(!1);return y.createElement(y.Fragment,null,y.createElement(ie,i({className:p.userChip,ref:S,onClick:()=>g(!u),"data-test":"userMenu",state:u?"active":"default"},s),e?y.createElement(Si,{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(Ti,{smDown:!0},y.createElement("div",null,y.createElement(Ho,{className:p.label,variant:"body2"},o),r&&y.createElement(Ho,{className:p.label,variant:"body2",color:"textSecondary"},r))))),y.createElement(wi,{className:p.popover,open:u,anchorEl:S.current,transition:!0,placement:"bottom-end"},({TransitionProps:F,placement:w})=>y.createElement(ki,f(i({},F),{style:{transformOrigin:w==="bottom"?"right top":"right bottom"}}),y.createElement(Pi,null,y.createElement(Bi,{onClickAway:b,mouseEvent:"onClick"},y.createElement(Fi,{disablePadding:!0},y.createElement(De.Provider,{value:b},a)))))))};Li.displayName="UserChip";import Mi from"@material-ui/core/MenuItem";import Ii from"react";var Ni=r=>{var a=r,{leaveOpen:e,onClick:t}=a,o=m(a,["leaveOpen","onClick"]);let n=Do(),s=l=>{n(),t&&t(l)};return Ii.createElement(Mi,f(i({},o),{onClick:e?t:s,button:!0}))};Ni.displayName="UserChipMenuItem";import Di from"@material-ui/core/Table";import Ro from"react";var Ai=d(e=>({root:{[e.breakpoints.up("md")]:{"&& table":{tableLayout:"fixed"}},"& table":{tableLayout:"auto"},overflowX:"auto",width:"100%"}}),{name:"ResponsiveTable"}),Oo=Ai;var Ei=e=>{let{children:t,className:o}=e,r=Oo(e);return Ro.createElement("div",{className:r.root},Ro.createElement(Di,{className:o},t))};Ei.displayName="ResponsiveTable";import Oi from"@material-ui/core/Tooltip";import Ri from"react";var Hi=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"}),$o=Hi;var $i=r=>{var a=r,{children:e,variant:t="info"}=a,o=m(a,["children","variant"]);let n=$o(i({variant:t,children:e},o));return Ri.createElement(Oi,i({classes:n},o),e)};$i.displayName="Tooltip";import Zi from"@material-ui/core/Toolbar";import He from"react";import Vo from"@material-ui/core/ButtonBase";import Wo from"@material-ui/icons/ChevronLeft";import zo from"@material-ui/icons/ChevronRight";import bt from"clsx";import V from"react";import{fade as Vi}from"@material-ui/core/styles/colorManipulator";var Wi=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:Vi(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=Wi;var Ct=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:bt(u.actions,e)},l),V.createElement(Vo,{className:bt(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(zo,null):V.createElement(Wo,null)),V.createElement(Vo,i({className:bt(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(Wo,null):V.createElement(zo,null)))};Ct.displayName="PaginationActions";import zi from"@material-ui/core/MenuItem";import Gi from"@material-ui/core/Select";import Ui from"clsx";import Ee from"react";var xt=({className:e,choices:t,disabled:o,labels:r,rowNumber:a,onChange:n})=>{let s=U({});return Ee.createElement("div",{className:Ui(s.rowNumber,e)},Ee.createElement("span",{className:s.rowNumberLabel},r.noOfRows),n?Ee.createElement(Gi,{"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=>Ee.createElement(zi,{value:l,key:l,"data-test-id":"rowNumberOption"},l))):` ${a}`)};xt.displayName="PaginationRowNumberSelect";var yt=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 He.createElement(Zi,i({className:b.toolbar,disableGutters:!0},u),He.createElement("div",{className:b.spacer},He.createElement(xt,{choices:e,disabled:t,labels:n,rowNumber:s,onChange:p})),He.createElement(Ct,{disabled:t,hasNextPage:o,hasPreviousPage:r,nextIconButtonProps:a,onNextPage:l,onPreviousPage:c}))};yt.displayName="Pagination";import Ki from"@material-ui/core/TableCell";import qi from"@material-ui/core/TableRow";import ht from"react";var ji=o=>{var r=o,{colSpan:e}=r,t=m(r,["colSpan"]);return ht.createElement(qi,null,ht.createElement(Ki,{padding:"none",colSpan:e},ht.createElement(yt,i({},t))))};ji.displayName="TablePagination";import Xi from"@material-ui/core/Chip";import Yi from"react";import{fade as Oe}from"@material-ui/core/styles";var _i=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 Oe(e.palette.success.main,.2);case"warning":return Oe(e.palette.warning.main,.2);case"neutral":return Oe(e.palette.text.hint,.05);case"error":return Oe(e.palette.error.main,.15)}},borderRadius:20,cursor:"inherit",height:({size:t})=>t==="lg"?40:32}}),{name:"StatusChip"}),Go=_i;var Ji=r=>{var a=r,{size:e="md",variant:t}=a,o=m(a,["size","variant"]);let n=Go(i({size:e,variant:t},o));return Yi.createElement(Xi,i({classes:n},o))};Ji.displayName="HeaderChip";import tn from"@material-ui/core/Tab";import on from"react";import{fade as Qi}from"@material-ui/core/styles";var en=d(e=>({tabRoot:{"@media (min-width: 600px)":{minWidth:"unset"},"&.Mui-selected":{background:e.palette.secondary.main,color:e.palette.primary.main},"&:hover":{background:Qi(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"}),Re=en;var rn=e=>{let t=Re();return on.createElement(tn,i({classes:{root:t.tabRoot},disableRipple:!0},e))};rn.displayName="PageTab";import an from"@material-ui/core/Tabs";import nn from"react";var sn=e=>{let t=Re();return nn.createElement(an,f(i({},e),{classes:{flexContainer:t.containerFlex,root:t.containerRoot},TabIndicatorProps:{style:{display:"none"}},onChange:(o,r)=>e.onChange(r)}))};sn.displayName="PageTabs";import ln from"react";var pn=({children:e,show:t})=>ln.createElement("div",{style:{display:t?"block":"none"}},e);pn.displayName="PageTabPanel";import Tn from"@material-ui/core/IconButton";import wt from"@material-ui/core/MenuItem";import Yo from"@material-ui/core/Select";import Fn from"@material-ui/core/Typography";import Pn from"lodash/difference";import M from"react";import{createContext as cn,useContext as dn}from"react";var vt=cn(null),L=()=>{let e=dn(vt);if(e===void 0)throw new Error("useFilters must be used within a FilterContext");return e};import Ve from"react";import un from"@material-ui/core/Checkbox";import fn from"@material-ui/core/Chip";import gn from"@material-ui/core/MenuItem";import bn from"@material-ui/core/Select";import Cn from"clsx";import de from"react";var mn=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=mn;var St=({filter:e})=>{let t=P(),{onChange:o}=L(),{name:r,options:a}=e,{choices:n}=a,s=l=>o(r,l.target.value);return de.createElement(bn,{className:t.filterValue,classes:{root:t.filterInputInner},multiple:!0,variant:"outlined",onChange:s,value:e.values,renderValue:l=>{let c=l;return de.createElement("div",{className:t.filterChipContainer},c.map(p=>de.createElement(fn,{className:t.filterChip,key:p,label:p})))}},n.map(l=>{let c=e.values.includes(l.value);return de.createElement(gn,{key:l.value,className:Cn({[t.filterValueSelected]:c}),value:l.value},de.createElement(un,{checked:c,className:t.filterValueCheckbox}),l.label)}))};St.displayName="MultipleSelectFilterField";import Uo from"@material-ui/core/TextField";import xn from"@material-ui/core/Typography";import yn from"clsx";import $e from"react";var Bt=({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 $e.createElement("div",{className:yn(o.filterValue,o.filterRangeValueContainer)},$e.createElement(Uo,f(i({},s),{name:"min",value:e.values[0]})),$e.createElement(xn,{className:o.filterRangeLabel},t.and),$e.createElement(Uo,f(i({},s),{name:"max",value:e.values[1]})))};Bt.displayName="RangeFilterField";import hn from"@material-ui/core/MenuItem";import vn from"@material-ui/core/Select";import Zo from"react";var kt=({filter:e})=>{let t=P(),{onChange:o}=L(),{name:r,options:a}=e,{choices:n}=a,s=l=>o(r,l.target.value);return Zo.createElement(vn,{className:t.filterValue,classes:{selectMenu:t.filterInputInner},variant:"outlined",onChange:s,value:e.value},n.map(l=>Zo.createElement(hn,{key:l.value,value:l.value},l.label)))};kt.displayName="SelectFilterField";import Sn from"@material-ui/core/TextField";import Bn from"react";var Tt=({filter:e})=>{var n;let t=P(),{onChange:o}=L(),{name:r}=e,a=s=>o(r,s.target.value);return Bn.createElement(Sn,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}))};Tt.displayName="TextFilterField";var I;(function(r){r[r.Text=0]="Text",r[r.Choice=1]="Choice",r[r.Range=2]="Range"})(I||(I={}));var Ft=({filter:e,labels:t})=>{let{options:o,range:r}=e,{type:a,multiple:n}=o;return a===I.Choice?n?Ve.createElement(St,{filter:e}):Ve.createElement(kt,{filter:e}):a===I.Range&&r?Ve.createElement(Bt,{filter:e,labels:t}):Ve.createElement(Tt,{filter:e})};Ft.displayName="FilterContent";import kn from"lodash/uniqBy";function Z(e){return e.filter(t=>!t.active)}function We(e){return e.filter(t=>t.active)}function Ko(e){if(kn(e,"name").length!==e.length)throw new Error("Filter names should be unique")}function Pt(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 qo(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),Pt(s)),n)]}function jo(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 _o(e,t){let o=e.find(n=>n.name===t),r=o.active?o.sortIndex:We(e).length,a=o.active?Pt(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 Xo(e,t){return e.map(o=>o.name===t?i(f(i({},o),{range:!o.range}),Pt(f(i({},o),{range:!o.range}))):o)}var uf=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&&Pn(o.choices,o.choices).length&&s(e,{options:f(i({},o),{choices:o.choices})})},[o.choices]),null},Jo=({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(Fn,{className:r.filterConjunction},e?o.where:o.and),M.createElement(Yo,{className:r.filterName,classes:{selectMenu:r.filterInputInner},variant:"outlined",onChange:u,value:l.name},p.map(g=>M.createElement(wt,{key:g.name,value:g.name},g.label))),M.createElement(Yo,{disabled:l.options.type!==I.Range,className:r.filterRange,classes:{selectMenu:r.filterInputInner},variant:"outlined",value:l.range.toString(),onChange:()=>s(t)},M.createElement(wt,{value:"false"},o.is),M.createElement(wt,{value:"true"},o.range)),M.createElement(Ft,{filter:l,labels:o}),M.createElement(Tn,{className:r.filterDelete,onClick:()=>n(t)},M.createElement(so,null)))};import An from"@material-ui/core/Button";import Dn from"@material-ui/core/Card";import En from"@material-ui/core/CardContent";import Hn from"@material-ui/core/CardHeader";import On from"@material-ui/core/IconButton";import Rn from"@material-ui/icons/Close";import v from"react";import wn from"@material-ui/core/ClickAwayListener";import Ln from"@material-ui/core/MenuItem";import Mn from"@material-ui/core/Paper";import In from"@material-ui/core/Popper";import Nn from"@material-ui/core/Typography";import K from"react";var Lt=({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(In,{anchorEl:e,open:o,disablePortal:!0,placement:"bottom-start"},K.createElement(wn,{onClickAway:r},K.createElement(Mn,{elevation:20,className:a.menuPaper},K.createElement("div",{className:a.menuContent},K.createElement(Nn,{className:a.menuHeader,color:"textSecondary",variant:"caption"},t.header)),l.map(p=>K.createElement(Ln,{key:p.name,onClick:()=>c(p.name)},p.label)))))};Lt.displayName="FilterMenu";var $n=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);Ko(l);let S=(B,k,H)=>c(O=>qo(O,B,k,t,H)),b=(B,k,H)=>c(O=>jo(O,B,k,H)),F=B=>c(k=>_o(k,B)),w=B=>c(k=>Xo(k,B)),cr=B=>c(k=>k.filter(H=>H.name!==B)),dr=(B,k)=>c(H=>H.map(O=>O.name===B?f(i({},O),{filter:k}):O)),mr=Z(l);return v.useEffect(()=>r(We(l)),[l]),v.createElement(vt.Provider,{value:{filters:l,register:S,set:dr,toggle:F,toggleRange:w,unregister:cr,onChange:b}},e,v.createElement(Dn,{className:s.bar,ref:n,elevation:20},v.createElement(Hn,{title:o.header,action:v.createElement(On,{onClick:a},v.createElement(Rn,null))}),v.createElement(En,null,v.createElement("div",null,We(l).sort((B,k)=>B.sortIndex>k.sortIndex?1:-1).map((B,k)=>v.createElement(Jo,{key:B.name,first:k===0,labels:o,name:B.name}))),!!mr.length&&v.createElement(v.Fragment,null,v.createElement(An,{color:"primary",ref:g,onClick:()=>u(!0)},"+ ",o.addButton)),v.createElement(Lt,{anchorEl:g.current,labels:o,open:p,onClose:()=>u(!1)}))))});$n.displayName="FilterBar";import Vn from"@material-ui/core/DialogTitle";import Wn from"@material-ui/core/Typography";import q from"react";var Qo=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=Qo();return q.createElement(q.Fragment,null,q.createElement(Vn,{className:n.wrapper,id:"alert-dialog-title",disableTypography:!0},q.createElement(Wn,i({variant:"h5",component:"h5"},o),t),q.createElement("button",{className:n.button,onClick:e,"aria-label":"Close modal","data-test":"close"},q.createElement(lo,null))))};zn.displayName="DialogHeader";import Gn from"@material-ui/core/Table";import Mt from"react";var er=d(()=>({wrapper:{overflowY:"scroll",maxHeight:500}}),{name:"DialogTable"});var Un=Mt.forwardRef((a,r)=>{var n=a,{children:e,innerRef:t}=n,o=m(n,["children","innerRef"]);let s=er();return Mt.createElement("div",{className:s.wrapper,ref:r},Mt.createElement(Gn,i({ref:t},o),e))});Un.displayName="DialogTable";import or from"clsx";import ze from"react";var tr=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 Zn=a=>{var n=a,{show:e,variant:t,children:o}=n,r=m(n,["show","variant","children"]);let s=tr();return t==="bottom"?ze.createElement(ze.Fragment,null,ze.createElement("div",f(i({},r),{className:or(s.root,{[s.bottom]:e})}),o)):ze.createElement("div",f(i({},r),{className:or(s.root,{[s.top]:e})}),o)};Zn.displayName="ScrollShadow";import qn from"clsx";import jn from"react";var Kn=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"}),rr=Kn;var ar=n=>{var s=n,{children:e,component:t="a",className:o,state:r="default"}=s,a=m(s,["children","component","className","state"]);let l=rr();return jn.createElement(t,i({className:qn(l.root,o,{[l.hover]:r==="hover",[l.active]:r==="active"})},a),e)};ar.displayName="PillLink";var m2=ar;import At from"clsx";import A from"react";import{createContext as nr,useContext as sr,useMemo as Xn}from"react";import _n from"lodash/merge";var ir=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({},_n({},...t))}}),{name:"ListGrid"}),Ge=d(()=>({row:{alignItems:"center",display:"grid"},cell:{boxSizing:"content-box",flex:1},body:{margin:0,padding:0}}),{name:"BaseList"});var me=nr("body"),It=nr(["1fr"]),Nt=()=>sr(me),Yn=()=>sr(It);function lr(){let e=Yn(),t=Xn(()=>({width:e}),[e]);return ir(t)}var Ue=r=>{var a=r,{children:e,gridTemplate:t}=a,o=m(a,["children","gridTemplate"]);return A.createElement(It.Provider,{value:t},A.createElement("section",i({},o),e))},Ze=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=Ge(),p=lr(),u=Nt();return A.createElement(u==="body"?"li":"div",i({className:At(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)},Ke=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=Ge(),p=Nt(),u=r?{gridColumn:`span ${r}`}:{};return A.createElement("div",i({className:At(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)},qe=o=>{var r=o,{children:e}=r,t=m(r,["children"]);return A.createElement(me.Provider,{value:"head"},A.createElement("header",i({},t),e))},je=r=>{var a=r,{children:e,className:t}=a,o=m(a,["children","className"]);let n=Ge();return A.createElement(me.Provider,{value:"body"},A.createElement("ul",i({role:"feed",className:At(n.body,t)},o),e))},_e=o=>{var r=o,{children:e}=r,t=m(r,["children"]);return A.createElement(me.Provider,{value:"foot"},A.createElement("footer",i({},t),e))};import Dt from"react";var Xe=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 $2=Ue,V2=qe,W2=_e,z2=e=>{let t=Xe();return Dt.createElement(je,i({className:t.body},e))},G2=e=>{let t=Xe();return Dt.createElement(Ze,i({classes:t},e))},U2=e=>{let t=Xe();return Dt.createElement(Ke,i({classes:t},e))},Z2=()=>{let e=W();return{actions:(t=1)=>`calc( ${e.spacing(t-1+2.5)} + ${40*t}px)`,checkbox:"64px"}};import Je,{useState as es}from"react";import{createContext as Jn,useContext as Qn}from"react";var Ye=Jn(void 0);Ye.displayName="ListActionContext";var pr=()=>{let e=Qn(Ye);if(e===void 0)throw new Error("useListAction must be used within a ListActionContext");return e};var Et=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 lg=Ue,pg=qe,cg=_e,dg=je,mg=o=>{var r=o,{hover:e=!0}=r,t=m(r,["hover"]);let a=Et(),[n,s]=es(!0);return Je.createElement(Ye.Provider,{value:s},Je.createElement(Ze,i({classes:a,hover:e&&n},t)))},ug=e=>{let t=Et();return Je.createElement(Ke,i({classes:t},e))},fg=e=>{let t=pr();return Je.createElement("div",i({onMouseEnter:()=>t(!1),onMouseLeave:()=>t(!0)},e))},gg=()=>{let e=W();return{actions:(t=1)=>`calc( ${e.spacing(t+1)} + ${48*t}px)`,checkbox:"64px"}};export{st as ActionBar,Qe as ActionBarContext,$t as ActionBarProvider,mi as Alert,ft as AlertBase,ke as ArrowRightIcon,Ma as Backlink,et as BacklinkContext,Wt as BacklinkProvider,Ue as BaseList,je as BaseListBody,_e as BaseListFooter,qe as BaseListHeader,Ze as BaseListItem,Ke as BaseListItemCell,Co as Button,Qt as CheckboxCheckedIcon,Jt as CheckboxIcon,eo as CheckboxIndeterminateIcon,lo as CloseIcon,Q as CompleteIcon,pt as ConfirmButton,so as DeleteIcon,zn as DialogHeader,Un as DialogTable,Dl as EditIcon,ct as ExpandButton,be as ExtensionMessageType,uf as Filter,$n as FilterBar,Jo as FilterRow,I as FilterType,Rl as FilteringIcon,Us as ICONBUTTON_SIZE,le as IconButton,Zl as ImageIcon,ee as InfoIcon,ie as LayoutButton,lg as List,dg as ListBody,cg as ListFooter,pg as ListHeader,mg as ListItem,ug as ListItemCell,fg as ListItemCellAction,dt as MenuItem,Ne as MenuItemBtn,ip as MoreIcon,te as NotAllowedIcon,Ir as NotAllowedInvertedIcon,xi as Notification,$2 as OffsettedList,z2 as OffsettedListBody,W2 as OffsettedListFooter,V2 as OffsettedListHeader,G2 as OffsettedListItem,U2 as OffsettedListItemCell,rn as PageTab,pn as PageTabPanel,sn as PageTabs,yt as Pagination,Ct as PaginationActions,xt as PaginationRowNumberSelect,m2 as PillLink,Jl as PlusIcon,oo as RadioCheckedIcon,to as RadioIcon,Ei as ResponsiveTable,Sa as Savebar,Zn as ScrollShadow,gp as SearchIcon,Ka as Sidebar,ti as SidebarDrawer,G as SquareButton,Ji as StatusChip,ji as TablePagination,dl as ThemeProvider,$i as Tooltip,Li as UserChipMenu,Ni as UserChipMenuItem,oe as WarningIcon,jo as change,Yt as createTheme,ao as dark,We as getActiveFilters,Z as getAvailableFilters,yp as isScrolledToBottom,hp as isScrolledToTop,io as light,d as makeStyles,Le as menuWidth,qo as register,ns as sendMessageToDashboard,zt as sendMessageToExtension,Me as shrunkMenuWidth,_o as toggle,Xo as toggleRange,fe as useActionBar,Vt as useBacklink,vp as useElementScroll,cs as useExtensionMessage,gg as useListWidths,Z2 as useOffsettedListWidths,W as useTheme,uo as useWindowScroll,Ko as validate};
+              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 qt=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 jt=(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 _t=(e,t)=>i(i(i(i({},qt(e)),jt(e,t)),Zt(e)),Kt(e));var Xt=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)`,Yt=["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 Gs=48,at='"Inter", "roboto", "sans-serif"',Jt=e=>Fr({overrides:f(i({},_t(e,at)),{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}},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:rt(e.primary,1)},childLeaving:{backgroundColor:rt(e.primary,1)},ripple:{"&$rippleVisible":{backgroundColor:rt(e.primary,1)},borderRadius:"100%"}}}),palette:Xt(e),props:{MuiButton:{disableRipple:!0},MuiFormControl:{variant:"filled"},MuiTextField:{variant:"outlined"},MuiCard:{elevation:0},MuiTypography:{component:"div"},MuiCheckbox:{color:"primary",disableRipple:!0,checkedIcon:Y.createElement(eo,null),icon:Y.createElement(Qt,null),indeterminateIcon:Y.createElement(to,null)},MuiTableRow:{hover:!0},MuiTooltip:{placement:"right-end"},MuiList:{disablePadding:!0},MuiRadio:{color:"primary",disableRipple:!0,icon:Y.createElement(oo,null),checkedIcon:Y.createElement(ro,null)},MuiSwitch:{color:"primary",disableRipple:!0},MuiSelect:{MenuProps:{anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},getContentAnchorEl:null}}},shadows:Yt,spacing:(t=1)=>`${t*8/10}rem`,typography:{allVariants:{fontFamily:at},body1:{color:e.font.default,fontSize:"1.6rem"},body2:{fontSize:"1.4rem"},button:{fontSize:"1.4rem"},caption:{fontSize:"1.2rem"},fontFamily:at,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 ao}from"@material-ui/core/styles/colorManipulator";var io={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"},no={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:ao("#28234A",.6),textButton:"#06847B",textDisabled:ao("#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 so(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 cl=({children:e,defaultTheme:t="light",palettes:o={},overrides:r={}})=>{let{value:a,setValue:n}=_(xe.theme,t),s=a,l=i({light:no,dark:io},o),c=wr(Jt(l[s]),r),p=()=>Gt({theme:s,type:Ce.THEME},"*");return Lr(()=>{p(),so(c.palette.background.default)},[s]),J.createElement(X.Provider,{value:{themeType:s,sendThemeToExtension:p,setTheme:n}},J.createElement(Pr,{theme:c},J.createElement(Vt,null,J.createElement(zt,null,J.createElement(ot,null),e))))};import ye from"react";var Q=e=>ye.createElement("svg",i({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:"20",fill:"white"}),ye.createElement("circle",{cx:"20",cy:"20",r:"14",stroke:"#5DC292",strokeWidth:"4"}),ye.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 he from"react";var ee=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:"#28234A",strokeWidth:"4"}),he.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 ve from"react";var te=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:"16",fill:"#F5FAFB"}),ve.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"white"}),ve.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 Se from"react";var Mr=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:"#FE6E76"}),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:"white"}));Mr.displayName="NotAllowedInvertedIcon";import Be from"react";var oe=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:"20",fill:"white"}),Be.createElement("circle",{cx:"20",cy:"20",r:"14",stroke:"#FFB84E",strokeWidth:"4"}),Be.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 Ir}from"@material-ui/core/utils";import it from"react";var Qt=Ir(it.createElement(it.Fragment,null,it.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 Nr}from"@material-ui/core/utils";import re from"react";var eo=Nr(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 Ar}from"@material-ui/core/utils";import ke from"react";var to=Ar(ke.createElement(ke.Fragment,null,ke.createElement("rect",{x:"0.5",y:"0.5",width:"23",height:"23",rx:"1.5",fill:"currentColor"}),ke.createElement("rect",{x:"4",y:"10",width:"16",height:"4",rx:"1.5",fill:"var(--background-paper)"})),"CheckboxIndeterminateIcon");import{createSvgIcon as Dr}from"@material-ui/core/utils";import Er from"react";var Al=Dr(Er.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 Hr}from"@material-ui/core/utils";import Or from"react";var Ol=Hr(Or.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 Rr}from"@material-ui/core/utils";import $r from"react";var lo=Rr($r.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 Vr}from"@material-ui/core/utils";import Wr from"react";var Ul=Vr(Wr.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 zr}from"@material-ui/core/utils";import Gr from"react";var po=zr(Gr.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 Ur}from"@material-ui/core/utils";import Zr from"react";var Yl=Ur(Zr.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 Kr}from"@material-ui/core/utils";import qr from"react";var Te=Kr(qr.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 jr}from"@material-ui/core/utils";import _r from"react";var ap=jr(_r.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 Xr}from"@material-ui/core/utils";import nt from"react";var oo=Xr(nt.createElement(nt.Fragment,null,nt.createElement("circle",{cx:"12",cy:"12",r:"11",fill:"white",stroke:"currentColor","stroke-width":"2"})),"RadioIcon");import{createSvgIcon as Yr}from"@material-ui/core/utils";import Fe from"react";var ro=Yr(Fe.createElement(Fe.Fragment,null,Fe.createElement("circle",{cx:"12",cy:"12",r:"12",fill:"currentColor"}),Fe.createElement("circle",{cx:"12",cy:"12",r:"5",fill:"var(--background-default)"})),"RadioCheckedIcon");import{createSvgIcon as Jr}from"@material-ui/core/utils";import Qr from"react";var fp=Jr(Qr.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 E from"react";import na from"@material-ui/core/Card";import sa from"@material-ui/core/CardContent";import la from"@material-ui/core/Container";import pa from"@material-ui/core/Portal";import R from"react";import ea from"lodash/throttle";import{useCallback as ta,useEffect as co,useState as mo}from"react";function st(e){if(e)return{x:e.scrollLeft,y:e.scrollTop}}function xp(e,t,o=0){return!!e&&t?t.y+e.clientHeight+o>=e.scrollHeight:void 0}function yp(e,t,o=0){return!!e&&t?t.y<=o:void 0}function hp(){let[e,t]=mo(null),[o,r]=mo(st(e));return co(()=>{if(e){let n=ea(()=>r(st(e)),100);e.addEventListener("scroll",n);let s=new ResizeObserver(n);return s.observe(e),()=>{e.removeEventListener("scroll",n),s.disconnect()}}},[e]),co(()=>{setTimeout(()=>r(st(e)),100)},[e]),{setAnchor:ta(n=>{t(n)},[]),anchor:e,position:o}}import oa from"lodash/throttle";import{useEffect as ra,useState as aa}from"react";function uo(){return{x:window.pageXOffset,y:window.pageYOffset}}function fo(){let[e,t]=aa(uo);return ra(()=>{let o=oa(()=>t(uo()),100);return window.addEventListener("scroll",o),()=>window.removeEventListener("scroll",o)},[]),e}var ia=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}}),{name:"Savebar"}),go=ia;var lt=a=>{var n=a,{disabled:e,children:t,state:o}=n,r=m(n,["disabled","children","state"]);let s=go(),{anchor:l,docked:c,setDocked:p}=ge(),u=fo();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(pa,{container:l.current},R.createElement("div",i({className:s.root},r),R.createElement(la,{maxWidth:"lg"},R.createElement(na,{className:s.paper,elevation:c||g?0:16},R.createElement(sa,{className:s.content},t))))):null};lt.displayName="ActionBar";import da from"@material-ui/core/Button";import ma from"clsx";import ua from"react";var ca=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"}),bo=ca;function fa(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 Co=n=>{var s=n,{className:e,color:t="primary",error:o,variant:r="tertiary"}=s,a=m(s,["className","color","error","variant"]);let l=bo();return ua.createElement(da,i(f(i({className:ma(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})},fa(t,r)),{disableRipple:!0}),a))};Co.displayName="Button";var ae=Co;import ba from"@material-ui/core/CircularProgress";import Ca from"@material-ui/icons/Check";import pt from"clsx";import D from"react";var ga=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"}),xo=ga;var xa=3e3,ct=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=xo(),[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()},xa):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(ba,{size:24,color:"inherit",className:pt({[g.progress]:!0,[g.invisible]:a!=="loading"})}),D.createElement(Ca,{className:pt({[g.icon]:!0,[g.invisible]:!(a==="success"&&w)})}),D.createElement("span",{className:pt({[g.label]:!0,[g.invisible]:(a==="loading"||a==="success")&&w})},a==="error"&&w?o.error:e||o.confirm))};ct.displayName="ConfirmButton";import ya from"@material-ui/core/Tooltip";import Pe from"react";var ie=({tooltip:e,children:t})=>e?Pe.createElement(ya,{title:e,placement:"top"},Pe.createElement("span",null,t)):Pe.createElement(Pe.Fragment,null,t);ie.displayName="ButtonTooltipDecorator";var ha=d(()=>({spacer:{flex:"1"}}),{name:"Savebar"}),yo=ha;var va=({disabled:e,labels:t,tooltips:o,state:r,onCancel:a,onDelete:n,onSubmit:s})=>{let l=yo(),{setDocked:c}=ge();return E.createElement(lt,{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(ct,{disabled:e,labels:t,onClick:s,transitionState:r,"data-test":"button-bar-confirm",onTransitionToDefault:()=>c(!0)})))};va.displayName="Savebar";import Pa from"@material-ui/core/Portal";import wa from"@material-ui/lab/Skeleton";import se from"react";import ka from"@material-ui/core/ButtonBase";import Ta from"clsx";import vo from"react";import{fade as Sa}from"@material-ui/core/styles";var Ba=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:Sa(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"}),ho=Ba;var ne=vo.forwardRef((n,a)=>{var s=n,{className:e,children:t,state:o="default"}=s,r=m(s,["className","children","state"]);let l=ho();return vo.createElement(ka,i({className:Ta(l.root,e,{[l.hover]:o==="hover",[l.active]:o==="active"}),disableRipple:!0,ref:a},r),t)});ne.displayName="LayoutButton";var Fa=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"}),So=Fa;var La=a=>{var n=a,{children:e,disabled:t,onClick:o}=n,r=m(n,["children","disabled","onClick"]);let s=So(),l=Wt();return l.current?se.createElement(Pa,{container:l.current},se.createElement(ne,i({className:s.root,disabled:t,onClick:o,"data-test-id":"app-header-back-button"},r),se.createElement(Te,{className:s.backArrow}),e?se.createElement("div",{className:s.title},e):se.createElement(wa,{className:s.skeleton}))):null};La.displayName="Backlink";import Ga from"clsx";import $ from"react";import we from"react";var le=()=>we.createElement("svg",{width:"36",height:"33",viewBox:"0 0 36 33",fill:"none",xmlns:"http://www.w3.org/2000/svg"},we.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"}),we.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.7838 0L13.4043 6.64709H29.1638L35.5433 0H19.7838Z",fill:"#8AC4EB"}),we.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 Aa from"clsx";import ko from"react";import Ma from"@material-ui/core/ButtonBase";import Ia from"clsx";import Bo from"react";var Na=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=Bo.forwardRef((r,o)=>{var a=r,{className:e}=a,t=m(a,["className"]);let n=Na({});return Bo.createElement(Ma,i({className:Ia(n.root,e,{[n.disabled]:t.disabled}),disableRipple:!0,ref:o},t))});G.displayName="SquareButton";var Da=d(e=>({arrow:{transition:e.transitions.duration.shortest+"ms"},shrunk:{transform:"scaleX(-1)"}}),{name:"ExpandButton"}),dt=o=>{var r=o,{isShrunk:e}=r,t=m(r,["isShrunk"]);let a=Da({});return ko.createElement(G,i({disableRipple:!0},t),ko.createElement(Te,{className:Aa(a.arrow,{[a.shrunk]:!e})}))};dt.displayName="ExpandButton";import Ea from"@material-ui/core/ClickAwayListener";import Ha from"@material-ui/core/MenuItem";import Oa from"@material-ui/core/Paper";import Ra from"@material-ui/core/Popper";import{fade as $a}from"@material-ui/core/styles";import Va from"@material-ui/core/Typography";import Le from"clsx";import N from"react";import Wa from"react-inlinesvg";var Me=210,Ie=72,za=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:-Me/2,zIndex:2},popperShrink:{marginLeft:-Ie/2},root:{"&:hover, &:focus-visible, &$rootOpen":{color:e.palette.primary.main,outline:0},borderBottomRightRadius:4,borderTopRightRadius:4,color:$a(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:Ie},rootActive:{"&$root":{"&:hover, &:focus-visible, &$rootOpen":{color:e.palette.primary.main},background:e.palette.background.paper,color:e.palette.text.primary}},rootExpanded:{width:Me},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"}),mt=({activeId:e,menuItem:t,isMenuShrunk:o,onClick:r})=>{var p;let a=za({}),[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:Le(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(Wa,{className:a.icon,src:t.iconSrc}),N.createElement(Va,{"aria-label":t.ariaLabel,className:Le(a.label,a.labelRoot,{[a.hideLabel]:o}),variant:"body2"},t.label)),t.children&&N.createElement(Ra,{className:Le(a.popper,{[a.popperShrink]:o}),open:n,anchorEl:l.current,transition:!0,placement:"right-start"},N.createElement(Ea,{onClickAway:()=>s(!1)},N.createElement(Oa,{className:a.paper},t.children.map(u=>{let g=u.external?{href:u.url,target:"_blank"}:{};return N.createElement(Ha,i({"aria-label":u.ariaLabel,component:u.external?"a":"button",className:Le(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)})))))};mt.displayName="MenuItem";var Ua=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:Me,zIndex:100},rootShrink:{width:Ie},toolbarContainer:{margin:e.spacing(1,0,1,1.5)}}),{name:"SideBar"}),Za=({activeId:e,menuItems:t,toolbar:o,onMenuItemClick:r})=>{let a=Ua({}),{value:n,setValue:s}=_(xe.menuShrink,(!1).toString()),l=n==="true";return $.createElement("div",{className:Ga(a.root,{[a.rootShrink]:l})},$.createElement("div",{className:a.float},$.createElement("div",{className:a.logo},$.createElement(le,null)),t.map(c=>$.createElement(mt,{activeId:e,isMenuShrunk:l,menuItem:c,onClick:r,key:c.ariaLabel})),o&&$.createElement("div",{className:a.toolbarContainer},o),$.createElement(dt,{className:a.expandButton,isShrunk:l,onClick:()=>s((!l).toString())})))};Za.displayName="SideBar";import qa from"@material-ui/core/Typography";import ut from"react";import ja from"react-inlinesvg";var Ka=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"}),Ne=Ka;var Ae=({menuItem:e,onClick:t})=>{let o=Ne(),r=e.external?{href:e.url,target:"_blank"}:{},a=e.external?"a":"button";return ut.createElement(a,i({className:o.menuItemBtn,"data-test":"menu-item-label","data-test-id":e.id,onClick:()=>t(e.url)},r),e.iconSrc&&ut.createElement(ja,{className:o.icon,src:e.iconSrc}),ut.createElement(qa,{"aria-label":e.ariaLabel,className:o.label},e.label))};Ae.displayName="MenuItemBtn";import _a from"@material-ui/core/Drawer";import Xa from"@material-ui/core/Typography";import Ya from"@material-ui/icons/ArrowLeft";import Ja from"@material-ui/icons/Menu";import To from"clsx";import x from"react";import Qa from"react-inlinesvg";var ei=({menuItems:e,onMenuItemClick:t})=>{var S;let[o,r]=x.useState(!1),a=Ne({}),[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(Ja,null)),x.createElement(_a,{classes:{paper:a.root},open:o,onClose:()=>r(!1)},x.createElement("div",{className:To(a.container,{[a.containerSubMenu]:l}),ref:p},x.createElement("div",{className:To(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(Ae,{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(Qa,{className:a.icon,src:n.iconSrc}),x.createElement(Xa,{className:a.label},n.label)),x.createElement(G,{onClick:()=>c(!1)},x.createElement(Ya,null))),(S=n.children)==null?void 0:S.map(b=>x.createElement(Ae,{menuItem:b,onClick:u,key:b.ariaLabel})))))))};ei.displayName="SideBarDrawer";import Lo from"@material-ui/core/Typography";import li from"@material-ui/icons/Close";import pi from"clsx";import T from"react";import oi from"@material-ui/core/ButtonBase";import ri from"@material-ui/core/IconButton";import Po from"clsx";import ft from"react";var ti=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:{"&: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"}),Fo=ti;var pe=ft.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=Fo();return r==="secondary"?ft.createElement(oi,i({ref:n,className:Po(c.secondary,e,{[c.hoverOutline]:o}),disableRipple:!0},a)):ft.createElement(ri,i({ref:n,className:Po(e,{[c.error]:t,[c.disabledError]:t&&a.disabled}),disableRipple:!0},a))});pe.displayName="Button";import ii from"@material-ui/core/Card";import ni from"@material-ui/core/CardContent";import si from"clsx";import wo from"react";var ai=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"}),De=ai;var gt=a=>{var n=a,{className:e,variant:t="info",children:o}=n,r=m(n,["className","variant","children"]);let s=De();return wo.createElement(ii,i({elevation:0,className:si(e,s.root,{[s.error]:t==="error",[s.warning]:t==="warning",[s.success]:t==="success"}),"data-test":"alert"},r),wo.createElement(ni,null,o))};gt.displayName="AlertBase";var ci=({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)}},di=n=>{var s=n,{close:e=!0,variant:t="info",title:o,children:r}=s,a=m(s,["close","variant","title","children"]);let l=De(),[c,p]=T.useState(!0);return c?T.createElement(gt,i({variant:t},a),T.createElement("div",{className:l.container},T.createElement("div",null,T.createElement(ci,{variant:t})),T.createElement("div",{className:l.content},T.createElement("div",{className:l.titleBar},o&&T.createElement(Lo,{variant:"h5"},o),e&&T.createElement(pe,{className:pi(l.close,{[l.closeNoContent]:!r}),variant:"secondary",onClick:()=>p(!1),"data-test":"close"},T.createElement(li,null))),typeof r=="string"?T.createElement(Lo,{variant:"body1"},r):r))):null};di.displayName="Alert";import ui from"@material-ui/core/Button";import fi from"@material-ui/core/SnackbarContent";import No from"@material-ui/core/Typography";import gi from"@material-ui/icons/Close";import bt from"clsx";import h from"react";var Mo=40,mi=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(${Mo}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:`${Mo}px 1fr`},title:{marginTop:6,marginBottom:e.spacing(.5)}}),{name:"Notification"}),Io=mi;var bi=({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)}},Ci=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=Io();return h.createElement("div",i({className:bt(p.snackbarContainer,n),"data-test":"notification","data-test-type":o},s),h.createElement(fi,{"aria-describedby":"client-snackbar",classes:{action:p.snackbarAction,message:p.messageContainer},className:bt(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(bi,{type:o})),h.createElement("div",null,h.createElement("div",{className:p.title},h.createElement(No,{variant:"h5"},t)),h.createElement(No,{variant:"body1"},a))),action:[h.createElement("div",{key:"actions"},!!r&&h.createElement(ui,{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:bt(p.closeBtn,{[p.closeBtnInfo]:o==="info"}),"data-test":"close"},h.createElement(gi,null))]}))};Ci.displayName="Notification";import vi from"@material-ui/core/Avatar";import Si from"@material-ui/core/ClickAwayListener";import Bi from"@material-ui/core/Grow";import ki from"@material-ui/core/Hidden";import Ti from"@material-ui/core/MenuList";import Fi from"@material-ui/core/Paper";import Pi from"@material-ui/core/Popper";import Eo from"@material-ui/core/Typography";import y from"react";import{createContext as xi,useContext as yi}from"react";var Ee=xi(void 0);Ee.displayName="UserChipMenuContext";var Ao=()=>{let e=yi(Ee);if(e===void 0)throw new Error("useUserChipMenu must be used within a UserChipMenuContext");return e};var ce=32,de=42,hi=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"}),Do=hi;var wi=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=Do({}),[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(vi,{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(ki,{smDown:!0},y.createElement("div",null,y.createElement(Eo,{className:p.label,variant:"body2"},o),r&&y.createElement(Eo,{className:p.label,variant:"body2",color:"textSecondary"},r))))),y.createElement(Pi,{className:p.popover,open:u,anchorEl:S.current,transition:!0,placement:"bottom-end"},({TransitionProps:F,placement:w})=>y.createElement(Bi,f(i({},F),{style:{transformOrigin:w==="bottom"?"right top":"right bottom"}}),y.createElement(Fi,null,y.createElement(Si,{onClickAway:b,mouseEvent:"onClick"},y.createElement(Ti,{disablePadding:!0},y.createElement(Ee.Provider,{value:b},a)))))))};wi.displayName="UserChip";import Li from"@material-ui/core/MenuItem";import Mi from"react";var Ii=r=>{var a=r,{leaveOpen:e,onClick:t}=a,o=m(a,["leaveOpen","onClick"]);let n=Ao(),s=l=>{n(),t&&t(l)};return Mi.createElement(Li,f(i({},o),{onClick:e?t:s,button:!0}))};Ii.displayName="UserChipMenuItem";import Ai from"@material-ui/core/Table";import Oo from"react";var Ni=d(e=>({root:{[e.breakpoints.up("md")]:{"&& table":{tableLayout:"fixed"}},"& table":{tableLayout:"auto"},overflowX:"auto",width:"100%"}}),{name:"ResponsiveTable"}),Ho=Ni;var Di=e=>{let{children:t,className:o}=e,r=Ho(e);return Oo.createElement("div",{className:r.root},Oo.createElement(Ai,{className:o},t))};Di.displayName="ResponsiveTable";import Hi from"@material-ui/core/Tooltip";import Oi from"react";var Ei=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"}),Ro=Ei;var Ri=r=>{var a=r,{children:e,variant:t="info"}=a,o=m(a,["children","variant"]);let n=Ro(i({variant:t,children:e},o));return Oi.createElement(Hi,i({classes:n},o),e)};Ri.displayName="Tooltip";import Ui from"@material-ui/core/Toolbar";import Oe from"react";import $o from"@material-ui/core/ButtonBase";import Vo from"@material-ui/icons/ChevronLeft";import Wo from"@material-ui/icons/ChevronRight";import Ct from"clsx";import V from"react";import{fade as $i}from"@material-ui/core/styles/colorManipulator";var Vi=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:$i(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=Vi;var xt=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:Ct(u.actions,e)},l),V.createElement($o,{className:Ct(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(Wo,null):V.createElement(Vo,null)),V.createElement($o,i({className:Ct(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(Vo,null):V.createElement(Wo,null)))};xt.displayName="PaginationActions";import Wi from"@material-ui/core/MenuItem";import zi from"@material-ui/core/Select";import Gi from"clsx";import He from"react";var yt=({className:e,choices:t,disabled:o,labels:r,rowNumber:a,onChange:n})=>{let s=U({});return He.createElement("div",{className:Gi(s.rowNumber,e)},He.createElement("span",{className:s.rowNumberLabel},r.noOfRows),n?He.createElement(zi,{"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=>He.createElement(Wi,{value:l,key:l,"data-test-id":"rowNumberOption"},l))):` ${a}`)};yt.displayName="PaginationRowNumberSelect";var ht=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 Oe.createElement(Ui,i({className:b.toolbar,disableGutters:!0},u),Oe.createElement("div",{className:b.spacer},Oe.createElement(yt,{choices:e,disabled:t,labels:n,rowNumber:s,onChange:p})),Oe.createElement(xt,{disabled:t,hasNextPage:o,hasPreviousPage:r,nextIconButtonProps:a,onNextPage:l,onPreviousPage:c}))};ht.displayName="Pagination";import Zi from"@material-ui/core/TableCell";import Ki from"@material-ui/core/TableRow";import vt from"react";var qi=o=>{var r=o,{colSpan:e}=r,t=m(r,["colSpan"]);return vt.createElement(Ki,null,vt.createElement(Zi,{padding:"none",colSpan:e},vt.createElement(ht,i({},t))))};qi.displayName="TablePagination";import _i from"@material-ui/core/Chip";import Xi from"react";import{fade as Re}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 Re(e.palette.success.main,.2);case"warning":return Re(e.palette.warning.main,.2);case"neutral":return Re(e.palette.text.hint,.05);case"error":return Re(e.palette.error.main,.15)}},borderRadius:20,cursor:"inherit",height:({size:t})=>t==="lg"?40:32}}),{name:"StatusChip"}),zo=ji;var Yi=r=>{var a=r,{size:e="md",variant:t}=a,o=m(a,["size","variant"]);let n=zo(i({size:e,variant:t},o));return Xi.createElement(_i,i({classes:n},o))};Yi.displayName="HeaderChip";import en from"@material-ui/core/Tab";import tn from"react";import{fade as Ji}from"@material-ui/core/styles";var Qi=d(e=>({tabRoot:{"@media (min-width: 600px)":{minWidth:"unset"},"&.Mui-selected":{background:e.palette.secondary.main,color:e.palette.primary.main},"&:hover":{background:Ji(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"}),$e=Qi;var on=e=>{let t=$e();return tn.createElement(en,i({classes:{root:t.tabRoot},disableRipple:!0},e))};on.displayName="PageTab";import rn from"@material-ui/core/Tabs";import an from"react";var nn=e=>{let t=$e();return an.createElement(rn,f(i({},e),{classes:{flexContainer:t.containerFlex,root:t.containerRoot},TabIndicatorProps:{style:{display:"none"}},onChange:(o,r)=>e.onChange(r)}))};nn.displayName="PageTabs";import sn from"react";var ln=({children:e,show:t})=>sn.createElement("div",{style:{display:t?"block":"none"}},e);ln.displayName="PageTabPanel";import kn from"@material-ui/core/IconButton";import Lt from"@material-ui/core/MenuItem";import Xo from"@material-ui/core/Select";import Tn from"@material-ui/core/Typography";import Fn from"lodash/difference";import M from"react";import{createContext as pn,useContext as cn}from"react";var St=pn(null),L=()=>{let e=cn(St);if(e===void 0)throw new Error("useFilters must be used within a FilterContext");return e};import We from"react";import mn from"@material-ui/core/Checkbox";import un from"@material-ui/core/Chip";import fn from"@material-ui/core/MenuItem";import gn from"@material-ui/core/Select";import bn from"clsx";import me from"react";var dn=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=dn;var Bt=({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(gn,{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(un,{className:t.filterChip,key:p,label:p})))}},n.map(l=>{let c=e.values.includes(l.value);return me.createElement(fn,{key:l.value,className:bn({[t.filterValueSelected]:c}),value:l.value},me.createElement(mn,{checked:c,className:t.filterValueCheckbox}),l.label)}))};Bt.displayName="MultipleSelectFilterField";import Go from"@material-ui/core/TextField";import Cn from"@material-ui/core/Typography";import xn from"clsx";import Ve from"react";var kt=({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 Ve.createElement("div",{className:xn(o.filterValue,o.filterRangeValueContainer)},Ve.createElement(Go,f(i({},s),{name:"min",value:e.values[0]})),Ve.createElement(Cn,{className:o.filterRangeLabel},t.and),Ve.createElement(Go,f(i({},s),{name:"max",value:e.values[1]})))};kt.displayName="RangeFilterField";import yn from"@material-ui/core/MenuItem";import hn from"@material-ui/core/Select";import Uo from"react";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 Uo.createElement(hn,{className:t.filterValue,classes:{selectMenu:t.filterInputInner},variant:"outlined",onChange:s,value:e.value},n.map(l=>Uo.createElement(yn,{key:l.value,value:l.value},l.label)))};Tt.displayName="SelectFilterField";import vn from"@material-ui/core/TextField";import Sn from"react";var Ft=({filter:e})=>{var n;let t=P(),{onChange:o}=L(),{name:r}=e,a=s=>o(r,s.target.value);return Sn.createElement(vn,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}))};Ft.displayName="TextFilterField";var I;(function(r){r[r.Text=0]="Text",r[r.Choice=1]="Choice",r[r.Range=2]="Range"})(I||(I={}));var Pt=({filter:e,labels:t})=>{let{options:o,range:r}=e,{type:a,multiple:n}=o;return a===I.Choice?n?We.createElement(Bt,{filter:e}):We.createElement(Tt,{filter:e}):a===I.Range&&r?We.createElement(kt,{filter:e,labels:t}):We.createElement(Ft,{filter:e})};Pt.displayName="FilterContent";import Bn from"lodash/uniqBy";function Z(e){return e.filter(t=>!t.active)}function ze(e){return e.filter(t=>t.active)}function Zo(e){if(Bn(e,"name").length!==e.length)throw new Error("Filter names should be unique")}function wt(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 Ko(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),wt(s)),n)]}function qo(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 jo(e,t){let o=e.find(n=>n.name===t),r=o.active?o.sortIndex:ze(e).length,a=o.active?wt(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 _o(e,t){return e.map(o=>o.name===t?i(f(i({},o),{range:!o.range}),wt(f(i({},o),{range:!o.range}))):o)}var mf=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&&Fn(o.choices,o.choices).length&&s(e,{options:f(i({},o),{choices:o.choices})})},[o.choices]),null},Yo=({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(Tn,{className:r.filterConjunction},e?o.where:o.and),M.createElement(Xo,{className:r.filterName,classes:{selectMenu:r.filterInputInner},variant:"outlined",onChange:u,value:l.name},p.map(g=>M.createElement(Lt,{key:g.name,value:g.name},g.label))),M.createElement(Xo,{disabled:l.options.type!==I.Range,className:r.filterRange,classes:{selectMenu:r.filterInputInner},variant:"outlined",value:l.range.toString(),onChange:()=>s(t)},M.createElement(Lt,{value:"false"},o.is),M.createElement(Lt,{value:"true"},o.range)),M.createElement(Pt,{filter:l,labels:o}),M.createElement(kn,{className:r.filterDelete,onClick:()=>n(t)},M.createElement(lo,null)))};import Nn from"@material-ui/core/Button";import An from"@material-ui/core/Card";import Dn from"@material-ui/core/CardContent";import En from"@material-ui/core/CardHeader";import Hn from"@material-ui/core/IconButton";import On from"@material-ui/icons/Close";import v from"react";import Pn from"@material-ui/core/ClickAwayListener";import wn from"@material-ui/core/MenuItem";import Ln from"@material-ui/core/Paper";import Mn from"@material-ui/core/Popper";import In from"@material-ui/core/Typography";import K from"react";var Mt=({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(Mn,{anchorEl:e,open:o,disablePortal:!0,placement:"bottom-start"},K.createElement(Pn,{onClickAway:r},K.createElement(Ln,{elevation:20,className:a.menuPaper},K.createElement("div",{className:a.menuContent},K.createElement(In,{className:a.menuHeader,color:"textSecondary",variant:"caption"},t.header)),l.map(p=>K.createElement(wn,{key:p.name,onClick:()=>c(p.name)},p.label)))))};Mt.displayName="FilterMenu";var Rn=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);Zo(l);let S=(B,k,H)=>c(O=>Ko(O,B,k,t,H)),b=(B,k,H)=>c(O=>qo(O,B,k,H)),F=B=>c(k=>jo(k,B)),w=B=>c(k=>_o(k,B)),pr=B=>c(k=>k.filter(H=>H.name!==B)),cr=(B,k)=>c(H=>H.map(O=>O.name===B?f(i({},O),{filter:k}):O)),dr=Z(l);return v.useEffect(()=>r(ze(l)),[l]),v.createElement(St.Provider,{value:{filters:l,register:S,set:cr,toggle:F,toggleRange:w,unregister:pr,onChange:b}},e,v.createElement(An,{className:s.bar,ref:n,elevation:20},v.createElement(En,{title:o.header,action:v.createElement(Hn,{onClick:a},v.createElement(On,null))}),v.createElement(Dn,null,v.createElement("div",null,ze(l).sort((B,k)=>B.sortIndex>k.sortIndex?1:-1).map((B,k)=>v.createElement(Yo,{key:B.name,first:k===0,labels:o,name:B.name}))),!!dr.length&&v.createElement(v.Fragment,null,v.createElement(Nn,{color:"primary",ref:g,onClick:()=>u(!0)},"+ ",o.addButton)),v.createElement(Mt,{anchorEl:g.current,labels:o,open:p,onClose:()=>u(!1)}))))});Rn.displayName="FilterBar";import $n from"@material-ui/core/DialogTitle";import Vn from"@material-ui/core/Typography";import q from"react";var Jo=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 Wn=r=>{var a=r,{onClose:e,children:t}=a,o=m(a,["onClose","children"]);let n=Jo();return q.createElement(q.Fragment,null,q.createElement($n,{className:n.wrapper,id:"alert-dialog-title",disableTypography:!0},q.createElement(Vn,i({variant:"h5",component:"h5"},o),t),q.createElement("button",{className:n.button,onClick:e,"aria-label":"Close modal","data-test":"close"},q.createElement(po,null))))};Wn.displayName="DialogHeader";import zn from"@material-ui/core/Table";import It from"react";var Qo=d(()=>({wrapper:{overflowY:"scroll",maxHeight:500}}),{name:"DialogTable"});var Gn=It.forwardRef((a,r)=>{var n=a,{children:e,innerRef:t}=n,o=m(n,["children","innerRef"]);let s=Qo();return It.createElement("div",{className:s.wrapper,ref:r},It.createElement(zn,i({ref:t},o),e))});Gn.displayName="DialogTable";import tr from"clsx";import Ge from"react";var er=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 Un=a=>{var n=a,{show:e,variant:t,children:o}=n,r=m(n,["show","variant","children"]);let s=er();return t==="bottom"?Ge.createElement(Ge.Fragment,null,Ge.createElement("div",f(i({},r),{className:tr(s.root,{[s.bottom]:e})}),o)):Ge.createElement("div",f(i({},r),{className:tr(s.root,{[s.top]:e})}),o)};Un.displayName="ScrollShadow";import Kn from"clsx";import qn from"react";var Zn=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"}),or=Zn;var rr=n=>{var s=n,{children:e,component:t="a",className:o,state:r="default"}=s,a=m(s,["children","component","className","state"]);let l=or();return qn.createElement(t,i({className:Kn(l.root,o,{[l.hover]:r==="hover",[l.active]:r==="active"})},a),e)};rr.displayName="PillLink";var d2=rr;import Dt from"clsx";import A from"react";import{createContext as ir,useContext as nr,useMemo as _n}from"react";import jn from"lodash/merge";var ar=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"}),Ue=d(()=>({row:{alignItems:"center",display:"grid"},cell:{boxSizing:"content-box",flex:1},body:{margin:0,padding:0}}),{name:"BaseList"});var ue=ir("body"),Nt=ir(["1fr"]),At=()=>nr(ue),Xn=()=>nr(Nt);function sr(){let e=Xn(),t=_n(()=>({width:e}),[e]);return ar(t)}var Ze=r=>{var a=r,{children:e,gridTemplate:t}=a,o=m(a,["children","gridTemplate"]);return A.createElement(Nt.Provider,{value:t},A.createElement("section",i({},o),e))},Ke=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=Ue(),p=sr(),u=At();return A.createElement(u==="body"?"li":"div",i({className:Dt(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)},qe=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=Ue(),p=At(),u=r?{gridColumn:`span ${r}`}:{};return A.createElement("div",i({className:Dt(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)},je=o=>{var r=o,{children:e}=r,t=m(r,["children"]);return A.createElement(ue.Provider,{value:"head"},A.createElement("header",i({},t),e))},_e=r=>{var a=r,{children:e,className:t}=a,o=m(a,["children","className"]);let n=Ue();return A.createElement(ue.Provider,{value:"body"},A.createElement("ul",i({role:"feed",className:Dt(n.body,t)},o),e))},Xe=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 Et from"react";var Ye=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 R2=Ze,$2=je,V2=Xe,W2=e=>{let t=Ye();return Et.createElement(_e,i({className:t.body},e))},z2=e=>{let t=Ye();return Et.createElement(Ke,i({classes:t},e))},G2=e=>{let t=Ye();return Et.createElement(qe,i({classes:t},e))},U2=()=>{let e=W();return{actions:(t=1)=>`calc( ${e.spacing(t-1+2.5)} + ${40*t}px)`,checkbox:"64px"}};import Qe,{useState as Qn}from"react";import{createContext as Yn,useContext as Jn}from"react";var Je=Yn(void 0);Je.displayName="ListActionContext";var lr=()=>{let e=Jn(Je);if(e===void 0)throw new Error("useListAction must be used within a ListActionContext");return e};var Ht=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 sg=Ze,lg=je,pg=Xe,cg=_e,dg=o=>{var r=o,{hover:e=!0}=r,t=m(r,["hover"]);let a=Ht(),[n,s]=Qn(!0);return Qe.createElement(Je.Provider,{value:s},Qe.createElement(Ke,i({classes:a,hover:e&&n},t)))},mg=e=>{let t=Ht();return Qe.createElement(qe,i({classes:t},e))},ug=e=>{let t=lr();return Qe.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{lt as ActionBar,et as ActionBarContext,Vt as ActionBarProvider,di as Alert,gt as AlertBase,Te as ArrowRightIcon,La as Backlink,tt as BacklinkContext,zt as BacklinkProvider,Ze as BaseList,_e as BaseListBody,Xe as BaseListFooter,je as BaseListHeader,Ke as BaseListItem,qe as BaseListItemCell,ae as Button,eo as CheckboxCheckedIcon,Qt as CheckboxIcon,to as CheckboxIndeterminateIcon,po as CloseIcon,Q as CompleteIcon,ct as ConfirmButton,lo as DeleteIcon,Wn as DialogHeader,Gn as DialogTable,Al as EditIcon,dt as ExpandButton,Ce as ExtensionMessageType,mf as Filter,Rn as FilterBar,Yo as FilterRow,I as FilterType,Ol as FilteringIcon,Gs as ICONBUTTON_SIZE,pe as IconButton,Ul as ImageIcon,ee as InfoIcon,ne as LayoutButton,sg as List,cg as ListBody,pg as ListFooter,lg as ListHeader,dg as ListItem,mg as ListItemCell,ug as ListItemCellAction,mt as MenuItem,Ae as MenuItemBtn,ap as MoreIcon,te as NotAllowedIcon,Mr as NotAllowedInvertedIcon,Ci as Notification,R2 as OffsettedList,W2 as OffsettedListBody,V2 as OffsettedListFooter,$2 as OffsettedListHeader,z2 as OffsettedListItem,G2 as OffsettedListItemCell,on as PageTab,ln as PageTabPanel,nn as PageTabs,ht as Pagination,xt as PaginationActions,yt as PaginationRowNumberSelect,d2 as PillLink,Yl as PlusIcon,ro as RadioCheckedIcon,oo as RadioIcon,Di as ResponsiveTable,va as Savebar,Un as ScrollShadow,fp as SearchIcon,Za as Sidebar,ei as SidebarDrawer,G as SquareButton,Yi as StatusChip,qi as TablePagination,cl as ThemeProvider,Ri as Tooltip,wi as UserChipMenu,Ii as UserChipMenuItem,oe as WarningIcon,qo as change,Jt as createTheme,io as dark,ze as getActiveFilters,Z as getAvailableFilters,xp as isScrolledToBottom,yp as isScrolledToTop,no as light,d as makeStyles,Me as menuWidth,Ko as register,is as sendMessageToDashboard,Gt as sendMessageToExtension,Ie as shrunkMenuWidth,jo as toggle,_o as toggleRange,ge as useActionBar,Wt as useBacklink,hp as useElementScroll,ps as useExtensionMessage,fg as useListWidths,U2 as useOffsettedListWidths,W as useTheme,fo as useWindowScroll,Zo as validate};
 //# sourceMappingURL=index.js.map