@saleor/macaw-ui 0.5.2 → 0.6.0

package/dist/ScrollShadow/ScrollShadow.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export interface ScrollShadowProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
-    show: boolean;
-    variant: "bottom" | "top";
-}
-export declare const ScrollShadow: React.FC<ScrollShadowProps>;

package/dist/ScrollShadow/index.d.ts

@@ -1 +0,0 @@
-export * from "./ScrollShadow";

package/dist/ScrollShadow/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root" | "bottom" | "top">;

package/dist/Sidebar/ExpandButton.d.ts

@@ -1,6 +0,0 @@
-import { ButtonProps } from "@material-ui/core/Button";
-import React from "react";
-export interface ExpandButtonProps extends ButtonProps {
-    isShrunk: boolean;
-}
-export declare const ExpandButton: React.FC<ExpandButtonProps>;

package/dist/Sidebar/MenuItem.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { SidebarMenuItem } from "./types";
-export interface MenuItemProps {
-    activeId: string;
-    isMenuShrunk: boolean;
-    menuItem: SidebarMenuItem;
-    onClick: (url: string) => void;
-}
-export declare const menuWidth = 210;
-export declare const shrunkMenuWidth = 72;
-export declare const MenuItem: React.FC<MenuItemProps>;

package/dist/Sidebar/Sidebar.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { BaseSidebarProps } from "./types";
-export interface SidebarProps extends BaseSidebarProps {
-    activeId: string;
-}
-export declare const Sidebar: React.FC<SidebarProps>;

package/dist/Sidebar/Sidebar.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, Story } from "@storybook/react";
-export declare const Default: Story;
-export declare const SubmenuSelected: Story;
-export declare const WithToolbar: Story;
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;

package/dist/Sidebar/fixtures.d.ts

@@ -1,2 +0,0 @@
-import { SidebarMenuItem } from "./types";
-export declare const menu: SidebarMenuItem[];

package/dist/Sidebar/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./Sidebar";
-export * from "./MenuItem";
-export * from "./types";
-export * from "./ExpandButton";

package/dist/Sidebar/types.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-export interface SidebarMenuItem {
-    ariaLabel: string;
-    children?: SidebarMenuItem[];
-    iconSrc?: string;
-    label: string;
-    id: string;
-    url?: string;
-    external?: boolean;
-}
-export interface BaseSidebarProps {
-    className?: string;
-    menuItems: SidebarMenuItem[];
-    toolbar?: React.ReactNode;
-    onMenuItemClick: (url: string) => void;
-}

package/dist/SidebarDrawer/MenuItemBtn.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { SidebarMenuItem } from "../Sidebar/types";
-export interface MenuItemBtnProps {
-    menuItem: SidebarMenuItem;
-    onClick: (url: string) => void;
-}
-export declare const MenuItemBtn: React.FC<MenuItemBtnProps>;

package/dist/SidebarDrawer/SidebarDrawer.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { BaseSidebarProps } from "../Sidebar/types";
-export declare type SideBarDrawerProps = BaseSidebarProps;
-export declare const SidebarDrawer: React.FC<SideBarDrawerProps>;

package/dist/SidebarDrawer/SidebarDrawer.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta, Story } from "@storybook/react";
-export declare const Default: Story;
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;

package/dist/SidebarDrawer/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./MenuItemBtn";
-export * from "./SidebarDrawer";

package/dist/SidebarDrawer/styles.d.ts

@@ -1,2 +0,0 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"label" | "icon" | "root" | "content" | "container" | "menuItemBtn" | "logo" | "activeMenuLabel" | "containerSubMenu" | "innerContainer" | "secondaryContentActive" | "subMenuTopBar">;
-export default useStyles;

package/dist/SquareButton/SquareButton.d.ts

@@ -1,3 +0,0 @@
-import { ButtonBaseProps } from "@material-ui/core/ButtonBase";
-import React from "react";
-export declare const SquareButton: React.FC<ButtonBaseProps>;

package/dist/SquareButton/SquareButton.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta, Story } from "@storybook/react";
-export declare const Default: Story;
-export declare const Disabled: Story;
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;

package/dist/SquareButton/index.d.ts

@@ -1 +0,0 @@
-export * from "./SquareButton";

package/dist/StatusChip/StatusChip.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { StatusChipProps } from "./types";
-export declare const StatusChip: React.FC<StatusChipProps>;

package/dist/StatusChip/StatusChip.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, Story } from "@storybook/react";
-export declare const Info: Story;
-export declare const Warn: Story;
-export declare const Success: Story;
-export declare const Error: Story;
-export declare const Large: Story;
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;

package/dist/StatusChip/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./StatusChip";
-export * from "./types";

package/dist/StatusChip/styles.d.ts

@@ -1,3 +0,0 @@
-import { StatusChipProps } from "./types";
-declare const useStyles: (props: StatusChipProps) => import("@material-ui/styles").ClassNameMap<"label" | "root">;
-export default useStyles;

package/dist/StatusChip/types.d.ts

@@ -1,8 +0,0 @@
-export declare type StatusChipSize = "md" | "lg";
-export interface StatusChipProps {
-    children?: null;
-    className?: string;
-    label: string;
-    size?: StatusChipSize;
-    variant: "success" | "warning" | "neutral" | "error";
-}

package/dist/Tooltip/Tooltip.d.ts

@@ -1,6 +0,0 @@
-import { TooltipProps as MUITooltipProps } from "@material-ui/core/Tooltip";
-import React from "react";
-export interface TooltipProps extends MUITooltipProps {
-    variant?: "info" | "success" | "warning" | "error";
-}
-export declare const Tooltip: React.FC<TooltipProps>;

package/dist/Tooltip/Tooltip.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, Story } from "@storybook/react";
-export declare const Info: Story;
-export declare const Success: Story;
-export declare const Error: Story;
-export declare const Warning: Story;
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;

package/dist/Tooltip/index.d.ts

@@ -1 +0,0 @@
-export * from "./Tooltip";

package/dist/Tooltip/styles.d.ts

@@ -1,3 +0,0 @@
-import { TooltipProps } from "./Tooltip";
-declare const useStyles: (props: TooltipProps) => import("@material-ui/styles").ClassNameMap<"tooltip">;
-export default useStyles;

package/dist/UserChipMenu/UserChipMenu.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export interface UserChipProps {
-    avatar: string | null;
-    initials: string;
-    name: string;
-    subtext?: string;
-    open?: boolean;
-}
-export declare const UserChipMenu: React.FC<UserChipProps>;

package/dist/UserChipMenu/UserChipMenu.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, Story } from "@storybook/react";
-export declare const Default: Story;
-export declare const WithSubtext: Story;
-export declare const WithAvatar: Story;
-declare const _default: Meta<import("@storybook/react").Args>;
-export default _default;

package/dist/UserChipMenu/UserChipMenuItem.d.ts

@@ -1,6 +0,0 @@
-import { MenuItemProps } from "@material-ui/core/MenuItem";
-import React from "react";
-export interface UserChipMenuItemProps extends Omit<MenuItemProps, "button"> {
-    leaveOpen?: boolean;
-}
-export declare const UserChipMenuItem: React.FC<UserChipMenuItemProps>;

package/dist/UserChipMenu/context.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare type UserChipMenuContextType = () => void;
-export declare const UserChipMenuContext: import("react").Context<UserChipMenuContextType | undefined>;
-export declare const useUserChipMenu: () => UserChipMenuContextType;

package/dist/UserChipMenu/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./UserChipMenu";
-export * from "./UserChipMenuItem";

package/dist/UserChipMenu/styles.d.ts

@@ -1,2 +0,0 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"label" | "avatar" | "labelContainer" | "avatarInitials" | "avatarPlaceholder" | "popover" | "userChip" | "userMenuContainer">;
-export default useStyles;

package/dist/extensions/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./sendMessage";
-export * from "./types";
-export * from "./useExtensionMessage";

package/dist/extensions/sendMessage.d.ts

@@ -1,3 +0,0 @@
-import { BaseExtensionMessageData } from "./types";
-export declare function sendMessageToDashboard<T extends BaseExtensionMessageData>(message: T, targetOrigin: string): void;
-export declare function sendMessageToExtension<T extends BaseExtensionMessageData>(message: T, targetOrigin: string): void;

package/dist/extensions/types.d.ts

@@ -1,22 +0,0 @@
-import { ThemeType } from "../theme";
-export declare enum ExtensionMessageType {
-    BREADCRUMB_CLICK = 0,
-    BREADCRUMB_SET = 1,
-    THEME = 2
-}
-export interface BaseExtensionMessageData {
-    type: ExtensionMessageType;
-}
-export declare type Breadcrumb = Record<"label" | "value", string>;
-export interface BreadcrumbClickMessage extends BaseExtensionMessageData {
-    breadcrumb: string;
-}
-export interface BreadcrumbChangeMessage extends BaseExtensionMessageData {
-    breadcrumbs: Breadcrumb[];
-}
-export interface ThemeChangeMessage extends BaseExtensionMessageData {
-    theme: ThemeType;
-}
-export interface ExtensionMessageEvent<T extends BaseExtensionMessageData> {
-    data: T;
-}

package/dist/extensions/useExtensionMessage.d.ts

@@ -1,2 +0,0 @@
-import { BaseExtensionMessageData, ExtensionMessageEvent } from "./types";
-export declare function useExtensionMessage<T extends BaseExtensionMessageData>(handle: (message: ExtensionMessageEvent<T>) => void): void;

package/dist/icons/ArrowDropdownIcon.d.ts

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

package/dist/icons/CheckboxIndeterminateIcon.d.ts

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

package/dist/icons/CompleteIcon.d.ts

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

package/dist/icons/InfoIcon.d.ts

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

package/dist/icons/Logo.d.ts

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

package/dist/icons/LogoLight.d.ts

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

package/dist/icons/NotAllowedIcon.d.ts

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

package/dist/icons/NotAllowedInvertedIcon.d.ts

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

package/dist/icons/WarningIcon.d.ts

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

package/dist/icons/index.d.ts

@@ -1,18 +0,0 @@
-export * from "./CompleteIcon";
-export * from "./InfoIcon";
-export * from "./NotAllowedIcon";
-export * from "./NotAllowedInvertedIcon";
-export * from "./WarningIcon";
-export * from "./ArrowDropdownIcon";
-export * from "./CheckboxIcon";
-export * from "./CheckboxCheckedIcon";
-export * from "./CheckboxIndeterminateIcon";
-export * from "./SearchIcon";
-export * from "./EditIcon";
-export * from "./FilteringIcon";
-export * from "./DeleteIcon";
-export * from "./ImageIcon";
-export * from "./CloseIcon";
-export * from "./PlusIcon";
-export * from "./ArrowRightIcon";
-export * from "./MoreIcon";

package/dist/index.d.ts

@@ -1,29 +0,0 @@
-export * from "./theme";
-export * from "./extensions";
-export * from "./icons";
-export * from "./Savebar";
-export * from "./Backlink";
-export * from "./ConfirmButton";
-export * from "./Sidebar";
-export * from "./SidebarDrawer";
-export * from "./SquareButton";
-export * from "./Alert";
-export * from "./Notification";
-export * from "./UserChipMenu";
-export * from "./ResponsiveTable";
-export * from "./Tooltip";
-export * from "./ActionBar";
-export * from "./Pagination";
-export * from "./LayoutButton";
-export * from "./icons";
-export * from "./StatusChip";
-export * from "./PageTabs";
-export * from "./Filter";
-export * from "./ActionBar";
-export * from "./DialogHeader";
-export * from "./DialogTable";
-export * from "./ScrollShadow";
-export * from "./tools";
-export * from "./Button";
-export * from "./IconButton";
-export * from "./PillLink";

package/dist/index.js

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