@join-x5/react-snackbar 1.0.0-rc → 1.0.1
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.
- package/dist/MessageIcon/index.es.js +16 -16
- package/dist/MessageIcon/index.es.js.map +1 -1
- package/dist/SnackbarProvider.d.ts +3 -1
- package/dist/SnackbarProvider.es.js +1 -1
- package/dist/SnackbarProvider.es.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/package.json +20 -18
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { useTheme as
|
|
4
|
-
import { SizeTokenValue as
|
|
5
|
-
import { ErrorIcon as
|
|
1
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import m from "@emotion/styled/base";
|
|
3
|
+
import { useTheme as a } from "@emotion/react";
|
|
4
|
+
import { SizeTokenValue as o } from "@join-x5/react-theme";
|
|
5
|
+
import { ErrorIcon as u, WarningIcon as g, DoneIcon as d } from "@join-x5/react-icons";
|
|
6
6
|
import { SnackbarVariant as c } from "../types.es.js";
|
|
7
|
-
const
|
|
7
|
+
const e = {
|
|
8
8
|
[c.Default]: null,
|
|
9
|
-
[c.Success]:
|
|
10
|
-
[c.Warning]:
|
|
11
|
-
[c.Error]:
|
|
9
|
+
[c.Success]: d,
|
|
10
|
+
[c.Warning]: g,
|
|
11
|
+
[c.Error]: u
|
|
12
12
|
}, Z = (b) => ({
|
|
13
13
|
[c.Default]: b.colors.white,
|
|
14
14
|
[c.Success]: b.colors.additional.green[50],
|
|
15
15
|
[c.Warning]: b.colors.additional.yellow[50],
|
|
16
16
|
[c.Error]: b.colors.additional.red[50]
|
|
17
|
-
}),
|
|
17
|
+
}), X = /* @__PURE__ */ m("div", process.env.NODE_ENV === "production" ? {
|
|
18
18
|
target: "ea4zmb20"
|
|
19
19
|
} : {
|
|
20
20
|
target: "ea4zmb20",
|
|
21
21
|
label: "Container"
|
|
22
|
-
})("display:flex;align-items:center;justify-content:center;width:32px;min-height:32px;padding:4px;box-sizing:border-box;", (b) => b.theme.typography.h4, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
+
})("display:flex;align-items:center;justify-content:center;width:32px;min-height:32px;padding:4px;box-sizing:border-box;", (b) => b.theme.typography.h4, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlSWNvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEI0QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9zbmFja2Jhci9zcmMvTWVzc2FnZUljb24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHt1c2VUaGVtZX0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQge1NpemVUb2tlblZhbHVlfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5cbmltcG9ydCB7RG9uZUljb24sIEVycm9ySWNvbiwgV2FybmluZ0ljb259IGZyb20gJ0Bqb2luLXg1L3JlYWN0LWljb25zJztcblxuaW1wb3J0IHtTbmFja2JhclZhcmlhbnR9IGZyb20gJy4uL3R5cGVzJztcblxuaW1wb3J0IHR5cGUge1RoZW1lfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgdHlwZSB7UmVxdWlyZWRRQX0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuaW1wb3J0IHR5cGUge0ljb25Db21wb25lbnR9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LWljb25zJztcbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wc30gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCB2YXJpYW50SWNvbjogUmVjb3JkPFNuYWNrYmFyVmFyaWFudCwgSWNvbkNvbXBvbmVudCB8IG51bGw+ID0ge1xuICBbU25hY2tiYXJWYXJpYW50LkRlZmF1bHRdOiBudWxsLFxuICBbU25hY2tiYXJWYXJpYW50LlN1Y2Nlc3NdOiBEb25lSWNvbixcbiAgW1NuYWNrYmFyVmFyaWFudC5XYXJuaW5nXTogV2FybmluZ0ljb24sXG4gIFtTbmFja2JhclZhcmlhbnQuRXJyb3JdOiBFcnJvckljb24sXG59O1xuXG5jb25zdCB2YXJpYW50Q29sb3IgPSAodGhlbWU6IFRoZW1lKTogUmVjb3JkPFNuYWNrYmFyVmFyaWFudCwgc3RyaW5nPiA9PiAoe1xuICBbU25hY2tiYXJWYXJpYW50LkRlZmF1bHRdOiB0aGVtZS5jb2xvcnMud2hpdGUsXG4gIFtTbmFja2JhclZhcmlhbnQuU3VjY2Vzc106IHRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLmdyZWVuWzUwXSxcbiAgW1NuYWNrYmFyVmFyaWFudC5XYXJuaW5nXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwueWVsbG93WzUwXSxcbiAgW1NuYWNrYmFyVmFyaWFudC5FcnJvcl06IHRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnJlZFs1MF0sXG59KTtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiAzMnB4O1xuICBtaW4taGVpZ2h0OiAzMnB4O1xuICBwYWRkaW5nOiA0cHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50eXBvZ3JhcGh5Lmg0fVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lc3NhZ2VJY29uOiBSZWFjdC5GQzxTbmFja2JhckNvbnRlbnRQcm9wcyAmIFJlcXVpcmVkUUE+ID0gKHtxYSwgbWVzc2FnZToge2ljb24sIHZhcmlhbnR9fSkgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgaWYgKHR5cGVvZiBpY29uICE9PSAndW5kZWZpbmVkJyAmJiBpY29uICE9PSB0cnVlKSB7XG4gICAgcmV0dXJuIGljb247XG4gIH1cblxuICBjb25zdCBDb21wb25lbnQgPSB2YXJpYW50SWNvblt2YXJpYW50XTtcbiAgaWYgKCFDb21wb25lbnQpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXFhPXtgJHtxYX0taWNvbmB9PlxuICAgICAgPENvbXBvbmVudCBzaXplPXtTaXplVG9rZW5WYWx1ZS5NZWRpdW19IGNvbG9yPXt2YXJpYW50Q29sb3IodGhlbWUpW3ZhcmlhbnRdfSAvPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */")), V = ({
|
|
23
23
|
qa: b,
|
|
24
24
|
message: {
|
|
25
25
|
icon: l,
|
|
26
|
-
variant:
|
|
26
|
+
variant: n
|
|
27
27
|
}
|
|
28
28
|
}) => {
|
|
29
|
-
const
|
|
29
|
+
const i = a();
|
|
30
30
|
if (typeof l < "u" && l !== !0)
|
|
31
31
|
return l;
|
|
32
|
-
const
|
|
33
|
-
return
|
|
32
|
+
const W = e[n];
|
|
33
|
+
return W ? /* @__PURE__ */ t(X, { "data-qa": `${b}-icon`, children: /* @__PURE__ */ t(W, { size: o.Medium, color: Z(i)[n] }) }) : null;
|
|
34
34
|
};
|
|
35
35
|
export {
|
|
36
|
-
|
|
36
|
+
V as MessageIcon
|
|
37
37
|
};
|
|
38
38
|
//# sourceMappingURL=index.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../src/MessageIcon/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {useTheme} from '@emotion/react';\n\nimport {SizeTokenValue} from '@join-x5/react-theme';\n\nimport {
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../src/MessageIcon/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {useTheme} from '@emotion/react';\n\nimport {SizeTokenValue} from '@join-x5/react-theme';\n\nimport {DoneIcon, ErrorIcon, WarningIcon} from '@join-x5/react-icons';\n\nimport {SnackbarVariant} from '../types';\n\nimport type {Theme} from '@emotion/react';\nimport type {RequiredQA} from '@join-x5/react-theme';\nimport type {IconComponent} from '@join-x5/react-icons';\nimport type {SnackbarContentProps} from '../types';\n\nconst variantIcon: Record<SnackbarVariant, IconComponent | null> = {\n [SnackbarVariant.Default]: null,\n [SnackbarVariant.Success]: DoneIcon,\n [SnackbarVariant.Warning]: WarningIcon,\n [SnackbarVariant.Error]: ErrorIcon,\n};\n\nconst variantColor = (theme: Theme): Record<SnackbarVariant, string> => ({\n [SnackbarVariant.Default]: theme.colors.white,\n [SnackbarVariant.Success]: theme.colors.additional.green[50],\n [SnackbarVariant.Warning]: theme.colors.additional.yellow[50],\n [SnackbarVariant.Error]: theme.colors.additional.red[50],\n});\n\nconst Container = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n min-height: 32px;\n padding: 4px;\n box-sizing: border-box;\n\n ${props => props.theme.typography.h4}\n`;\n\nexport const MessageIcon: React.FC<SnackbarContentProps & RequiredQA> = ({qa, message: {icon, variant}}) => {\n const theme = useTheme();\n\n if (typeof icon !== 'undefined' && icon !== true) {\n return icon;\n }\n\n const Component = variantIcon[variant];\n if (!Component) {\n return null;\n }\n\n return (\n <Container data-qa={`${qa}-icon`}>\n <Component size={SizeTokenValue.Medium} color={variantColor(theme)[variant]} />\n </Container>\n );\n};\n"],"names":["variantIcon","SnackbarVariant","Default","Success","DoneIcon","Warning","WarningIcon","Error","ErrorIcon","variantColor","theme","colors","white","additional","green","yellow","red","Container","_styled","process","env","NODE_ENV","target","label","props","typography","h4","MessageIcon","qa","message","icon","variant","useTheme","Component","jsx","SizeTokenValue","Medium"],"mappings":";;;;;;AAcA,MAAMA,IAA6D;AAAA,EACjE,CAACC,EAAgBC,OAAO,GAAG;AAAA,EAC3B,CAACD,EAAgBE,OAAO,GAAGC;AAAAA,EAC3B,CAACH,EAAgBI,OAAO,GAAGC;AAAAA,EAC3B,CAACL,EAAgBM,KAAK,GAAGC;AAC3B,GAEMC,IAAeA,CAACC,OAAmD;AAAA,EACvE,CAACT,EAAgBC,OAAO,GAAGQ,EAAMC,OAAOC;AAAAA,EACxC,CAACX,EAAgBE,OAAO,GAAGO,EAAMC,OAAOE,WAAWC,MAAM,EAAE;AAAA,EAC3D,CAACb,EAAgBI,OAAO,GAAGK,EAAMC,OAAOE,WAAWE,OAAO,EAAE;AAAA,EAC5D,CAACd,EAAgBM,KAAK,GAAGG,EAAMC,OAAOE,WAAWG,IAAI,EAAE;AACzD,IAEMC,IAAS,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,wHASXC,CAASA,MAAAA,EAAMd,MAAMe,WAAWC,WAAEP,QAAAC,IAAAC,aACrC,eAAA,KAAA,koFAAA,GAEYM,IAA2DA,CAAC;AAAA,EAACC,IAAAA;AAAAA,EAAIC,SAAS;AAAA,IAACC,MAAAA;AAAAA,IAAMC,SAAAA;AAAAA,EAAAA;AAAQ,MAAM;AAC1G,QAAMrB,IAAQsB,EAAS;AAEvB,MAAI,OAAOF,IAAS,OAAeA,MAAS;AACnCA,WAAAA;AAGHG,QAAAA,IAAYjC,EAAY+B,CAAO;AACrC,SAAKE,sBAKFhB,GAAU,EAAA,WAAS,GAAGW,CAAE,SACvB,UAAC,gBAAAM,EAAAD,GAAA,EAAU,MAAME,EAAeC,QAAQ,OAAO3B,EAAaC,CAAK,EAAEqB,CAAO,EAAE,CAAA,GAC9E,IANO;AAQX;"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import { SnackbarProviderProps, CustomContentProps } from 'notistack';
|
|
2
|
-
export declare const SnackbarContainer: import('react').
|
|
2
|
+
export declare const SnackbarContainer: import('react').FC<CustomContentProps & {
|
|
3
|
+
ref?: import('react').ForwardedRef<HTMLDivElement> | undefined;
|
|
4
|
+
}>;
|
|
3
5
|
export declare const SnackbarProvider: React.FC<SnackbarProviderProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnackbarProvider.es.js","sources":["../src/SnackbarProvider.tsx"],"sourcesContent":["import {forwardRef} from 'react';\n\nimport {SnackbarProvider as BaseSnackbarProvider} from 'notistack';\n\nimport type {SnackbarProviderProps, CustomContentProps} from 'notistack';\n\nexport const SnackbarContainer = forwardRef<HTMLDivElement, CustomContentProps>(({message, style}, ref) => (\n <div ref={ref} style={style}>\n {message}\n </div>\n));\n\nconst Components: SnackbarProviderProps['Components'] = {\n default: SnackbarContainer,\n success: SnackbarContainer,\n warning: SnackbarContainer,\n error: SnackbarContainer,\n info: SnackbarContainer,\n};\n\nexport const SnackbarProvider: React.FC<SnackbarProviderProps> = ({children, ...props}) => (\n <>\n <BaseSnackbarProvider Components={Components} {...props} />\n {children}\n </>\n);\n"],"names":["SnackbarContainer","forwardRef","message","style","ref","jsx","Components","default","success","warning","error","info","SnackbarProvider","children","props","jsxs","Fragment","BaseSnackbarProvider"],"mappings":";;;AAMaA,MAAAA,IAAoBC,EAA+C,CAAC;AAAA,EAACC,SAAAA;AAAAA,EAASC,OAAAA;AAAK,GAAGC,MAChG,gBAAAC,EAAA,OAAA,EAAI,KAAAD,GAAU,OAAAD,GACZD,aACH,CACD,GAEKI,IAAkD;AAAA,EACtDC,SAASP;AAAAA,EACTQ,SAASR;AAAAA,EACTS,SAAST;AAAAA,EACTU,OAAOV;AAAAA,EACPW,MAAMX;AACR,GAEaY,IAAoDA,CAAC;AAAA,EAACC,UAAAA;AAAAA,EAAU,GAAGC;AAAK,MAEjF,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAC,gBAAAX,EAAAY,GAAA,EAAqB,YAAAX,GAA4BQ,GAAAA,EAAM,CAAA;AAAA,EACvDD;AAAAA,EACH,CAAA;"}
|
|
1
|
+
{"version":3,"file":"SnackbarProvider.es.js","sources":["../src/SnackbarProvider.tsx"],"sourcesContent":["import {forwardRef} from '@join-x5/react-theme';\n\nimport {SnackbarProvider as BaseSnackbarProvider} from 'notistack';\n\nimport type {SnackbarProviderProps, CustomContentProps} from 'notistack';\n\nexport const SnackbarContainer = forwardRef<HTMLDivElement, CustomContentProps>(({message, style}, ref) => (\n <div ref={ref} style={style}>\n {message}\n </div>\n));\n\nconst Components: SnackbarProviderProps['Components'] = {\n default: SnackbarContainer,\n success: SnackbarContainer,\n warning: SnackbarContainer,\n error: SnackbarContainer,\n info: SnackbarContainer,\n};\n\nexport const SnackbarProvider: React.FC<SnackbarProviderProps> = ({children, ...props}) => (\n <>\n <BaseSnackbarProvider Components={Components} {...props} />\n {children}\n </>\n);\n"],"names":["SnackbarContainer","forwardRef","message","style","ref","jsx","Components","default","success","warning","error","info","SnackbarProvider","children","props","jsxs","Fragment","BaseSnackbarProvider"],"mappings":";;;AAMaA,MAAAA,IAAoBC,EAA+C,CAAC;AAAA,EAACC,SAAAA;AAAAA,EAASC,OAAAA;AAAK,GAAGC,MAChG,gBAAAC,EAAA,OAAA,EAAI,KAAAD,GAAU,OAAAD,GACZD,aACH,CACD,GAEKI,IAAkD;AAAA,EACtDC,SAASP;AAAAA,EACTQ,SAASR;AAAAA,EACTS,SAAST;AAAAA,EACTU,OAAOV;AAAAA,EACPW,MAAMX;AACR,GAEaY,IAAoDA,CAAC;AAAA,EAACC,UAAAA;AAAAA,EAAU,GAAGC;AAAK,MAEjF,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAC,gBAAAX,EAAAY,GAAA,EAAqB,YAAAX,GAA4BQ,GAAAA,EAAM,CAAA;AAAA,EACvDD;AAAAA,EACH,CAAA;"}
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/react/jsx-runtime"),N=require("react"),Z=require("notistack"),Y=require("@emotion/styled/base"),G=require("@join-x5/react-theme"),i=require("@join-x5/react-icons"),d=require("@join-x5/react"),o=require("@emotion/react"),s=c=>c&&c.__esModule?c:{default:c},n=s(Y),W=N.forwardRef(({message:c,style:b},g)=>l.jsx("div",{ref:g,style:b,children:c})),B={default:W,success:W,warning:W,error:W,info:W},y=({children:c,...b})=>l.jsxs(l.Fragment,{children:[l.jsx(Z.SnackbarProvider,{Components:B,...b}),c]}),X=(c,b)=>{if(c&&typeof c=="object"){if("isButton"in c)return l.jsx(d.Button,{variant:d.ButtonVariant.InnerSnackbar,size:G.SizeTokenValue.Small,...c},b);if("isLink"in c)return l.jsx(d.Link,{...c},b)}return c};function h(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const v=n.default("div",process.env.NODE_ENV==="production"?{target:"e1n2lhaj0"}:{target:"e1n2lhaj0",label:"Container"})(process.env.NODE_ENV==="production"?{name:"1o129hd",styles:"display:flex;align-items:flex-start"}:{name:"1o129hd",styles:"display:flex;align-items:flex-start/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9BY3Rpb25zVG9wL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZNEIiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvc25hY2tiYXIvc3JjL0FjdGlvbnNUb3AvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtjbG9zZVNuYWNrYmFyfSBmcm9tICdub3Rpc3RhY2snO1xuXG5pbXBvcnQge1NpemVUb2tlblZhbHVlfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQge0Nsb3NlSWNvbn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtaWNvbnMnO1xuaW1wb3J0IHtCdXR0b25WYXJpYW50LCBJY29uQnV0dG9ufSBmcm9tICdAam9pbi14NS9yZWFjdCc7XG5cbmltcG9ydCB7Z2V0QWN0aW9ufSBmcm9tICcuLi9BY3Rpb25zJztcblxuaW1wb3J0IHR5cGUge1JlcXVpcmVkUUF9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wc30gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBY3Rpb25zVG9wOiBSZWFjdC5GQzxTbmFja2JhckNvbnRlbnRQcm9wcyAmIFJlcXVpcmVkUUE+ID0gKHtxYSwgbWVzc2FnZX0pID0+IHtcbiAgY29uc3Qge2tleSwgY2xvc2FibGUsIGFjdGlvbnNUb3AgPSBbXX0gPSBtZXNzYWdlO1xuXG4gIGNvbnN0IGNoaWxkID0gYWN0aW9uc1RvcC5tYXAoZ2V0QWN0aW9uKS5maWx0ZXIoQm9vbGVhbik7XG5cbiAgaWYgKGNsb3NhYmxlKSB7XG4gICAgY29uc3Qgb25DbG9zZSA9ICgpID0+IGNsb3NlU25hY2tiYXIoa2V5KTtcblxuICAgIGNoaWxkLnB1c2goXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBrZXk9XCJjbG9zZWJ1dHRvblwiXG4gICAgICAgIHFhPXtgJHtxYX0tY2xvc2VgfVxuICAgICAgICBzaXplPXtTaXplVG9rZW5WYWx1ZS5TbWFsbH1cbiAgICAgICAgdmFyaWFudD17QnV0dG9uVmFyaWFudC5Jbm5lcn1cbiAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgID5cbiAgICAgICAgPENsb3NlSWNvbiBzaXplPXtTaXplVG9rZW5WYWx1ZS5TbWFsbH0gLz5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICApO1xuICB9XG5cbiAgaWYgKCFjaGlsZC5sZW5ndGgpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiA8Q29udGFpbmVyIGRhdGEtcWE9e2Ake3FhfS1hY3Rpb25zLXRvcGB9PntjaGlsZH08L0NvbnRhaW5lcj47XG59O1xuIl19 */",toString:h}),A=({qa:c,message:b})=>{const{key:g,closable:e,actionsTop:I=[]}=b,u=I.map(X).filter(Boolean);if(e){const a=()=>Z.closeSnackbar(g);u.push(l.jsx(d.IconButton,{qa:`${c}-close`,size:G.SizeTokenValue.Small,variant:d.ButtonVariant.Inner,onClick:a,children:l.jsx(i.CloseIcon,{size:G.SizeTokenValue.Small})},"closebutton"))}return u.length?l.jsx(v,{"data-qa":`${c}-actions-top`,children:u}):null};function x(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const r=n.default("div",process.env.NODE_ENV==="production"?{target:"e1yl44r30"}:{target:"e1yl44r30",label:"Container"})(process.env.NODE_ENV==="production"?{name:"6gqwlt",styles:"display:flex;align-items:center;justify-content:flex-end;padding-top:4px;gap:8px"}:{name:"6gqwlt",styles:"display:flex;align-items:center;justify-content:flex-end;padding-top:4px;gap:8px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9BY3Rpb25zQm90dG9tL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPNEIiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvc25hY2tiYXIvc3JjL0FjdGlvbnNCb3R0b20vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge2dldEFjdGlvbn0gZnJvbSAnLi4vQWN0aW9ucyc7XG5cbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wc30gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHR5cGUge1JlcXVpcmVkUUF9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgcGFkZGluZy10b3A6IDRweDtcbiAgZ2FwOiA4cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgQWN0aW9uc0JvdHRvbTogUmVhY3QuRkM8U25hY2tiYXJDb250ZW50UHJvcHMgJiBSZXF1aXJlZFFBPiA9IHByb3BzID0+IHtcbiAgY29uc3Qge2FjdGlvbnNCb3R0b20gPSBbXX0gPSBwcm9wcy5tZXNzYWdlO1xuXG4gIGNvbnN0IGNoaWxkID0gYWN0aW9uc0JvdHRvbS5tYXAoZ2V0QWN0aW9uKS5maWx0ZXIoQm9vbGVhbik7XG5cbiAgaWYgKCFjaGlsZC5sZW5ndGgpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiA8Q29udGFpbmVyIGRhdGEtcWE9e2Ake3Byb3BzLnFhfS1hY3Rpb25zLWJvdHRvbWB9PntjaGlsZH08L0NvbnRhaW5lcj47XG59O1xuIl19 */",toString:x}),F=c=>{const{actionsBottom:b=[]}=c.message,g=b.map(X).filter(Boolean);return g.length?l.jsx(r,{"data-qa":`${c.qa}-actions-bottom`,children:g}):null};var t=(c=>(c.Default="default",c.Success="success",c.Warning="warning",c.Error="error",c))(t||{});function J(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const p=c=>({[t.Default]:c.colors.white,[t.Success]:c.colors.additional.green[50],[t.Warning]:c.colors.additional.yellow[50],[t.Error]:c.colors.additional.red[50]}),V=n.default("div",process.env.NODE_ENV==="production"?{target:"eyqe6572"}:{target:"eyqe6572",label:"Container"})(process.env.NODE_ENV==="production"?{name:"y1cjey",styles:"padding:6px 8px 6px 4px"}:{name:"y1cjey",styles:"padding:6px 8px 6px 4px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29udGVudC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTRCIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29udGVudC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7U25hY2tiYXJWYXJpYW50fSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1JlcXVpcmVkUUF9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wcywgU25hY2tiYXJNZXNzYWdlSW5uZXJ9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgdmFyaWFudENvbG9yID0gKHRoZW1lOiBUaGVtZSk6IFJlY29yZDxTbmFja2JhclZhcmlhbnQsIHN0cmluZz4gPT4gKHtcbiAgW1NuYWNrYmFyVmFyaWFudC5EZWZhdWx0XTogdGhlbWUuY29sb3JzLndoaXRlLFxuICBbU25hY2tiYXJWYXJpYW50LlN1Y2Nlc3NdOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5ncmVlbls1MF0sXG4gIFtTbmFja2JhclZhcmlhbnQuV2FybmluZ106IHRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnllbGxvd1s1MF0sXG4gIFtTbmFja2JhclZhcmlhbnQuRXJyb3JdOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5yZWRbNTBdLFxufSk7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDZweCA4cHggNnB4IDRweDtcbmA7XG5cbmNvbnN0IFRpdGxlQ29tcG9uZW50ID0gc3R5bGVkLmRpdjxQaWNrPFNuYWNrYmFyTWVzc2FnZUlubmVyLCAndmFyaWFudCc+PmBcbiAgcGFkZGluZy1ib3R0b206IDJweDtcblxuICAke3Byb3BzID0+ICh7XG4gICAgLi4ucHJvcHMudGhlbWUudHlwb2dyYXBoeS5oNCxcblxuICAgIGNvbG9yOiB2YXJpYW50Q29sb3IocHJvcHMudGhlbWUpW3Byb3BzLnZhcmlhbnRdLFxuICB9KX1cbmA7XG5cbmNvbnN0IENvbnRlbnRDb21wb25lbnQgPSBzdHlsZWQuZGl2KHByb3BzID0+ICh7XG4gIC4uLnByb3BzLnRoZW1lLnR5cG9ncmFwaHkucDFjb21wYWN0LFxuXG4gIGNvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMud2hpdGUsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlQ29udGVudDogUmVhY3QuRkM8U25hY2tiYXJDb250ZW50UHJvcHMgJiBSZXF1aXJlZFFBPiA9ICh7bWVzc2FnZSwgcWF9KSA9PiB7XG4gIGNvbnN0IHt0aXRsZSwgY29udGVudCwgdmFyaWFudCwgd2hpdGVTcGFjZX0gPSBtZXNzYWdlO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXFhPXtgJHtxYX0tbWVzc2FnZWB9PlxuICAgICAge3RpdGxlICYmIDxUaXRsZUNvbXBvbmVudCB2YXJpYW50PXt2YXJpYW50fT57dGl0bGV9PC9UaXRsZUNvbXBvbmVudD59XG4gICAgICA8Q29udGVudENvbXBvbmVudCBzdHlsZT17e3doaXRlU3BhY2V9fT57Y29udGVudH08L0NvbnRlbnRDb21wb25lbnQ+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl19 */",toString:J}),R=n.default("div",process.env.NODE_ENV==="production"?{target:"eyqe6571"}:{target:"eyqe6571",label:"TitleComponent"})("padding-bottom:2px;",c=>({...c.theme.typography.h4,color:p(c.theme)[c.variant]}),";"+(process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29udGVudC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJ3RSIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9zbmFja2Jhci9zcmMvTWVzc2FnZUNvbnRlbnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge1NuYWNrYmFyVmFyaWFudH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7VGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtSZXF1aXJlZFFBfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7U25hY2tiYXJDb250ZW50UHJvcHMsIFNuYWNrYmFyTWVzc2FnZUlubmVyfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRDb2xvciA9ICh0aGVtZTogVGhlbWUpOiBSZWNvcmQ8U25hY2tiYXJWYXJpYW50LCBzdHJpbmc+ID0+ICh7XG4gIFtTbmFja2JhclZhcmlhbnQuRGVmYXVsdF06IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgW1NuYWNrYmFyVmFyaWFudC5TdWNjZXNzXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwuZ3JlZW5bNTBdLFxuICBbU25hY2tiYXJWYXJpYW50Lldhcm5pbmddOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC55ZWxsb3dbNTBdLFxuICBbU25hY2tiYXJWYXJpYW50LkVycm9yXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwucmVkWzUwXSxcbn0pO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiA2cHggOHB4IDZweCA0cHg7XG5gO1xuXG5jb25zdCBUaXRsZUNvbXBvbmVudCA9IHN0eWxlZC5kaXY8UGljazxTbmFja2Jhck1lc3NhZ2VJbm5lciwgJ3ZhcmlhbnQnPj5gXG4gIHBhZGRpbmctYm90dG9tOiAycHg7XG5cbiAgJHtwcm9wcyA9PiAoe1xuICAgIC4uLnByb3BzLnRoZW1lLnR5cG9ncmFwaHkuaDQsXG5cbiAgICBjb2xvcjogdmFyaWFudENvbG9yKHByb3BzLnRoZW1lKVtwcm9wcy52YXJpYW50XSxcbiAgfSl9XG5gO1xuXG5jb25zdCBDb250ZW50Q29tcG9uZW50ID0gc3R5bGVkLmRpdihwcm9wcyA9PiAoe1xuICAuLi5wcm9wcy50aGVtZS50eXBvZ3JhcGh5LnAxY29tcGFjdCxcblxuICBjb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLndoaXRlLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVzc2FnZUNvbnRlbnQ6IFJlYWN0LkZDPFNuYWNrYmFyQ29udGVudFByb3BzICYgUmVxdWlyZWRRQT4gPSAoe21lc3NhZ2UsIHFhfSkgPT4ge1xuICBjb25zdCB7dGl0bGUsIGNvbnRlbnQsIHZhcmlhbnQsIHdoaXRlU3BhY2V9ID0gbWVzc2FnZTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1xYT17YCR7cWF9LW1lc3NhZ2VgfT5cbiAgICAgIHt0aXRsZSAmJiA8VGl0bGVDb21wb25lbnQgdmFyaWFudD17dmFyaWFudH0+e3RpdGxlfTwvVGl0bGVDb21wb25lbnQ+fVxuICAgICAgPENvbnRlbnRDb21wb25lbnQgc3R5bGU9e3t3aGl0ZVNwYWNlfX0+e2NvbnRlbnR9PC9Db250ZW50Q29tcG9uZW50PlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */")),L=n.default("div",process.env.NODE_ENV==="production"?{target:"eyqe6570"}:{target:"eyqe6570",label:"ContentComponent"})(c=>({...c.theme.typography.p1compact,color:c.theme.colors.white}),process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29udGVudC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJ5QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9zbmFja2Jhci9zcmMvTWVzc2FnZUNvbnRlbnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge1NuYWNrYmFyVmFyaWFudH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7VGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtSZXF1aXJlZFFBfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7U25hY2tiYXJDb250ZW50UHJvcHMsIFNuYWNrYmFyTWVzc2FnZUlubmVyfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRDb2xvciA9ICh0aGVtZTogVGhlbWUpOiBSZWNvcmQ8U25hY2tiYXJWYXJpYW50LCBzdHJpbmc+ID0+ICh7XG4gIFtTbmFja2JhclZhcmlhbnQuRGVmYXVsdF06IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgW1NuYWNrYmFyVmFyaWFudC5TdWNjZXNzXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwuZ3JlZW5bNTBdLFxuICBbU25hY2tiYXJWYXJpYW50Lldhcm5pbmddOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC55ZWxsb3dbNTBdLFxuICBbU25hY2tiYXJWYXJpYW50LkVycm9yXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwucmVkWzUwXSxcbn0pO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiA2cHggOHB4IDZweCA0cHg7XG5gO1xuXG5jb25zdCBUaXRsZUNvbXBvbmVudCA9IHN0eWxlZC5kaXY8UGljazxTbmFja2Jhck1lc3NhZ2VJbm5lciwgJ3ZhcmlhbnQnPj5gXG4gIHBhZGRpbmctYm90dG9tOiAycHg7XG5cbiAgJHtwcm9wcyA9PiAoe1xuICAgIC4uLnByb3BzLnRoZW1lLnR5cG9ncmFwaHkuaDQsXG5cbiAgICBjb2xvcjogdmFyaWFudENvbG9yKHByb3BzLnRoZW1lKVtwcm9wcy52YXJpYW50XSxcbiAgfSl9XG5gO1xuXG5jb25zdCBDb250ZW50Q29tcG9uZW50ID0gc3R5bGVkLmRpdihwcm9wcyA9PiAoe1xuICAuLi5wcm9wcy50aGVtZS50eXBvZ3JhcGh5LnAxY29tcGFjdCxcblxuICBjb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLndoaXRlLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVzc2FnZUNvbnRlbnQ6IFJlYWN0LkZDPFNuYWNrYmFyQ29udGVudFByb3BzICYgUmVxdWlyZWRRQT4gPSAoe21lc3NhZ2UsIHFhfSkgPT4ge1xuICBjb25zdCB7dGl0bGUsIGNvbnRlbnQsIHZhcmlhbnQsIHdoaXRlU3BhY2V9ID0gbWVzc2FnZTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1xYT17YCR7cWF9LW1lc3NhZ2VgfT5cbiAgICAgIHt0aXRsZSAmJiA8VGl0bGVDb21wb25lbnQgdmFyaWFudD17dmFyaWFudH0+e3RpdGxlfTwvVGl0bGVDb21wb25lbnQ+fVxuICAgICAgPENvbnRlbnRDb21wb25lbnQgc3R5bGU9e3t3aGl0ZVNwYWNlfX0+e2NvbnRlbnR9PC9Db250ZW50Q29tcG9uZW50PlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */"),z=({message:c,qa:b})=>{const{title:g,content:e,variant:I,whiteSpace:u}=c;return l.jsxs(V,{"data-qa":`${b}-message`,children:[g&&l.jsx(R,{variant:I,children:g}),l.jsx(L,{style:{whiteSpace:u},children:e})]})},H={[t.Default]:null,[t.Success]:i.CheckIcon,[t.Warning]:i.WarningOutlineIcon,[t.Error]:i.ErrorIcon},S=c=>({[t.Default]:c.colors.white,[t.Success]:c.colors.additional.green[50],[t.Warning]:c.colors.additional.yellow[50],[t.Error]:c.colors.additional.red[50]}),w=n.default("div",process.env.NODE_ENV==="production"?{target:"ea4zmb20"}:{target:"ea4zmb20",label:"Container"})("display:flex;align-items:center;justify-content:center;width:32px;min-height:32px;padding:4px;box-sizing:border-box;",c=>c.theme.typography.h4,";"+(process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlSWNvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEI0QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9zbmFja2Jhci9zcmMvTWVzc2FnZUljb24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHt1c2VUaGVtZX0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQge1NpemVUb2tlblZhbHVlfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5cbmltcG9ydCB7Q2hlY2tJY29uLCBFcnJvckljb24sIFdhcm5pbmdPdXRsaW5lSWNvbn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtaWNvbnMnO1xuXG5pbXBvcnQge1NuYWNrYmFyVmFyaWFudH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7VGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtSZXF1aXJlZFFBfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7SWNvbkNvbXBvbmVudH0gZnJvbSAnQGpvaW4teDUvcmVhY3QtaWNvbnMnO1xuaW1wb3J0IHR5cGUge1NuYWNrYmFyQ29udGVudFByb3BzfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRJY29uOiBSZWNvcmQ8U25hY2tiYXJWYXJpYW50LCBJY29uQ29tcG9uZW50IHwgbnVsbD4gPSB7XG4gIFtTbmFja2JhclZhcmlhbnQuRGVmYXVsdF06IG51bGwsXG4gIFtTbmFja2JhclZhcmlhbnQuU3VjY2Vzc106IENoZWNrSWNvbixcbiAgW1NuYWNrYmFyVmFyaWFudC5XYXJuaW5nXTogV2FybmluZ091dGxpbmVJY29uLFxuICBbU25hY2tiYXJWYXJpYW50LkVycm9yXTogRXJyb3JJY29uLFxufTtcblxuY29uc3QgdmFyaWFudENvbG9yID0gKHRoZW1lOiBUaGVtZSk6IFJlY29yZDxTbmFja2JhclZhcmlhbnQsIHN0cmluZz4gPT4gKHtcbiAgW1NuYWNrYmFyVmFyaWFudC5EZWZhdWx0XTogdGhlbWUuY29sb3JzLndoaXRlLFxuICBbU25hY2tiYXJWYXJpYW50LlN1Y2Nlc3NdOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5ncmVlbls1MF0sXG4gIFtTbmFja2JhclZhcmlhbnQuV2FybmluZ106IHRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnllbGxvd1s1MF0sXG4gIFtTbmFja2JhclZhcmlhbnQuRXJyb3JdOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5yZWRbNTBdLFxufSk7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMzJweDtcbiAgbWluLWhlaWdodDogMzJweDtcbiAgcGFkZGluZzogNHB4O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudHlwb2dyYXBoeS5oNH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlSWNvbjogUmVhY3QuRkM8U25hY2tiYXJDb250ZW50UHJvcHMgJiBSZXF1aXJlZFFBPiA9ICh7cWEsIG1lc3NhZ2U6IHtpY29uLCB2YXJpYW50fX0pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGlmICh0eXBlb2YgaWNvbiAhPT0gJ3VuZGVmaW5lZCcgJiYgaWNvbiAhPT0gdHJ1ZSkge1xuICAgIHJldHVybiBpY29uO1xuICB9XG5cbiAgY29uc3QgQ29tcG9uZW50ID0gdmFyaWFudEljb25bdmFyaWFudF07XG4gIGlmICghQ29tcG9uZW50KSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1xYT17YCR7cWF9LWljb25gfT5cbiAgICAgIDxDb21wb25lbnQgc2l6ZT17U2l6ZVRva2VuVmFsdWUuTWVkaXVtfSBjb2xvcj17dmFyaWFudENvbG9yKHRoZW1lKVt2YXJpYW50XX0gLz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG4iXX0= */")),j=({qa:c,message:{icon:b,variant:g}})=>{const e=o.useTheme();if(typeof b<"u"&&b!==!0)return b;const I=H[g];return I?l.jsx(w,{"data-qa":`${c}-icon`,children:l.jsx(I,{size:G.SizeTokenValue.Medium,color:S(e)[g]})}):null};function C(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const Q=n.default("div",process.env.NODE_ENV==="production"?{target:"e14qqo9b2"}:{target:"e14qqo9b2",label:"Container"})("display:flex;align-items:flex-start;padding:8px;border-radius:4px;box-sizing:border-box;",c=>{let b;switch(c.variant){case t.Success:b=`-4px 0px 0px 0px ${c.theme.colors.additional.green[50]}`;break;case t.Warning:b=`-4px 0px 0px 0px ${c.theme.colors.additional.yellow[50]}`;break;case t.Error:b=`-4px 0px 0px 0px ${c.theme.colors.additional.red[50]}`;break}return{boxShadow:b,backgroundColor:c.theme.colors.grey[90]}},";"+(process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZbUUiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvc25hY2tiYXIvc3JjL01lc3NhZ2VDb21wb25lbnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge0FjdGlvbnNUb3B9IGZyb20gJy4uL0FjdGlvbnNUb3AnO1xuaW1wb3J0IHtBY3Rpb25zQm90dG9tfSBmcm9tICcuLi9BY3Rpb25zQm90dG9tJztcbmltcG9ydCB7TWVzc2FnZUNvbnRlbnR9IGZyb20gJy4uL01lc3NhZ2VDb250ZW50JztcbmltcG9ydCB7TWVzc2FnZUljb259IGZyb20gJy4uL01lc3NhZ2VJY29uJztcblxuaW1wb3J0IHtTbmFja2JhclZhcmlhbnR9IGZyb20gJy4uL3R5cGVzJztcblxuaW1wb3J0IHR5cGUge0NTU1Byb3BlcnRpZXN9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wcywgU25hY2tiYXJNZXNzYWdlSW5uZXJ9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQaWNrPFNuYWNrYmFyTWVzc2FnZUlubmVyLCAndmFyaWFudCc+PmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIHBhZGRpbmc6IDhweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICR7cHJvcHMgPT4ge1xuICAgIGxldCBib3hTaGFkb3c6IENTU1Byb3BlcnRpZXNbJ2JveFNoYWRvdyddO1xuXG4gICAgc3dpdGNoIChwcm9wcy52YXJpYW50KSB7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5TdWNjZXNzOlxuICAgICAgICBib3hTaGFkb3cgPSBgLTRweCAwcHggMHB4IDBweCAke3Byb3BzLnRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLmdyZWVuWzUwXX1gO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgU25hY2tiYXJWYXJpYW50Lldhcm5pbmc6XG4gICAgICAgIGJveFNoYWRvdyA9IGAtNHB4IDBweCAwcHggMHB4ICR7cHJvcHMudGhlbWUuY29sb3JzLmFkZGl0aW9uYWwueWVsbG93WzUwXX1gO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgU25hY2tiYXJWYXJpYW50LkVycm9yOlxuICAgICAgICBib3hTaGFkb3cgPSBgLTRweCAwcHggMHB4IDBweCAke3Byb3BzLnRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnJlZFs1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuXG4gICAgcmV0dXJuIHtcbiAgICAgIGJveFNoYWRvdyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbOTBdLFxuICAgIH07XG4gIH19XG5gO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuY29uc3QgVG9wID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZ2FwOiAxNnB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lc3NhZ2VDb21wb25lbnQ6IFJlYWN0LkZDPFNuYWNrYmFyQ29udGVudFByb3BzPiA9IHByb3BzID0+IHtcbiAgY29uc3Qge3ZhcmlhbnQsIG1heFdpZHRoLCBjbGFzc05hbWUsIHN0eWxlLCBxYSA9ICdzbmFja2Jhci1tZXNzYWdlJ30gPSBwcm9wcy5tZXNzYWdlO1xuXG4gIGNvbnN0IHJlc3VsdFByb3BzID0gey4uLnByb3BzLCBxYX07XG5cbiAgY29uc3QgY29udGFpbmVyUHJvcHMgPSB7XG4gICAgdmFyaWFudCxcbiAgICBjbGFzc05hbWUsXG5cbiAgICAnZGF0YS1xYSc6IHFhLFxuXG4gICAgc3R5bGU6IHttYXhXaWR0aCwgLi4uc3R5bGV9LFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciB7Li4uY29udGFpbmVyUHJvcHN9PlxuICAgICAgPE1lc3NhZ2VJY29uIHsuLi5yZXN1bHRQcm9wc30gLz5cblxuICAgICAgPENvbnRlbnQ+XG4gICAgICAgIDxUb3A+XG4gICAgICAgICAgPE1lc3NhZ2VDb250ZW50IHsuLi5yZXN1bHRQcm9wc30gLz5cbiAgICAgICAgICA8QWN0aW9uc1RvcCB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICAgIDwvVG9wPlxuXG4gICAgICAgIDxBY3Rpb25zQm90dG9tIHsuLi5yZXN1bHRQcm9wc30gLz5cbiAgICAgIDwvQ29udGVudD5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG4iXX0= */")),D=n.default("div",process.env.NODE_ENV==="production"?{target:"e14qqo9b1"}:{target:"e14qqo9b1",label:"Content"})(process.env.NODE_ENV==="production"?{name:"1ff36h2",styles:"flex-grow:1"}:{name:"1ff36h2",styles:"flex-grow:1/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QzBCIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHtBY3Rpb25zVG9wfSBmcm9tICcuLi9BY3Rpb25zVG9wJztcbmltcG9ydCB7QWN0aW9uc0JvdHRvbX0gZnJvbSAnLi4vQWN0aW9uc0JvdHRvbSc7XG5pbXBvcnQge01lc3NhZ2VDb250ZW50fSBmcm9tICcuLi9NZXNzYWdlQ29udGVudCc7XG5pbXBvcnQge01lc3NhZ2VJY29ufSBmcm9tICcuLi9NZXNzYWdlSWNvbic7XG5cbmltcG9ydCB7U25hY2tiYXJWYXJpYW50fSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7U25hY2tiYXJDb250ZW50UHJvcHMsIFNuYWNrYmFyTWVzc2FnZUlubmVyfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGljazxTbmFja2Jhck1lc3NhZ2VJbm5lciwgJ3ZhcmlhbnQnPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nOiA4cHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAke3Byb3BzID0+IHtcbiAgICBsZXQgYm94U2hhZG93OiBDU1NQcm9wZXJ0aWVzWydib3hTaGFkb3cnXTtcblxuICAgIHN3aXRjaCAocHJvcHMudmFyaWFudCkge1xuICAgICAgY2FzZSBTbmFja2JhclZhcmlhbnQuU3VjY2VzczpcbiAgICAgICAgYm94U2hhZG93ID0gYC00cHggMHB4IDBweCAwcHggJHtwcm9wcy50aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5ncmVlbls1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5XYXJuaW5nOlxuICAgICAgICBib3hTaGFkb3cgPSBgLTRweCAwcHggMHB4IDBweCAke3Byb3BzLnRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnllbGxvd1s1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5FcnJvcjpcbiAgICAgICAgYm94U2hhZG93ID0gYC00cHggMHB4IDBweCAwcHggJHtwcm9wcy50aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5yZWRbNTBdfWA7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICBib3hTaGFkb3csXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzkwXSxcbiAgICB9O1xuICB9fVxuYDtcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmNvbnN0IFRvcCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogMTZweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlQ29tcG9uZW50OiBSZWFjdC5GQzxTbmFja2JhckNvbnRlbnRQcm9wcz4gPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHt2YXJpYW50LCBtYXhXaWR0aCwgY2xhc3NOYW1lLCBzdHlsZSwgcWEgPSAnc25hY2tiYXItbWVzc2FnZSd9ID0gcHJvcHMubWVzc2FnZTtcblxuICBjb25zdCByZXN1bHRQcm9wcyA9IHsuLi5wcm9wcywgcWF9O1xuXG4gIGNvbnN0IGNvbnRhaW5lclByb3BzID0ge1xuICAgIHZhcmlhbnQsXG4gICAgY2xhc3NOYW1lLFxuXG4gICAgJ2RhdGEtcWEnOiBxYSxcblxuICAgIHN0eWxlOiB7bWF4V2lkdGgsIC4uLnN0eWxlfSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgey4uLmNvbnRhaW5lclByb3BzfT5cbiAgICAgIDxNZXNzYWdlSWNvbiB7Li4ucmVzdWx0UHJvcHN9IC8+XG5cbiAgICAgIDxDb250ZW50PlxuICAgICAgICA8VG9wPlxuICAgICAgICAgIDxNZXNzYWdlQ29udGVudCB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICAgICAgPEFjdGlvbnNUb3Agey4uLnJlc3VsdFByb3BzfSAvPlxuICAgICAgICA8L1RvcD5cblxuICAgICAgICA8QWN0aW9uc0JvdHRvbSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L0NvbnRlbnQ+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl19 */",toString:C}),U=n.default("div",process.env.NODE_ENV==="production"?{target:"e14qqo9b0"}:{target:"e14qqo9b0",label:"Top"})(process.env.NODE_ENV==="production"?{name:"jtpyi3",styles:"display:flex;align-items:flex-start;justify-content:space-between;gap:16px"}:{name:"jtpyi3",styles:"display:flex;align-items:flex-start;justify-content:space-between;gap:16px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q3NCIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHtBY3Rpb25zVG9wfSBmcm9tICcuLi9BY3Rpb25zVG9wJztcbmltcG9ydCB7QWN0aW9uc0JvdHRvbX0gZnJvbSAnLi4vQWN0aW9uc0JvdHRvbSc7XG5pbXBvcnQge01lc3NhZ2VDb250ZW50fSBmcm9tICcuLi9NZXNzYWdlQ29udGVudCc7XG5pbXBvcnQge01lc3NhZ2VJY29ufSBmcm9tICcuLi9NZXNzYWdlSWNvbic7XG5cbmltcG9ydCB7U25hY2tiYXJWYXJpYW50fSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7U25hY2tiYXJDb250ZW50UHJvcHMsIFNuYWNrYmFyTWVzc2FnZUlubmVyfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGljazxTbmFja2Jhck1lc3NhZ2VJbm5lciwgJ3ZhcmlhbnQnPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nOiA4cHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAke3Byb3BzID0+IHtcbiAgICBsZXQgYm94U2hhZG93OiBDU1NQcm9wZXJ0aWVzWydib3hTaGFkb3cnXTtcblxuICAgIHN3aXRjaCAocHJvcHMudmFyaWFudCkge1xuICAgICAgY2FzZSBTbmFja2JhclZhcmlhbnQuU3VjY2VzczpcbiAgICAgICAgYm94U2hhZG93ID0gYC00cHggMHB4IDBweCAwcHggJHtwcm9wcy50aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5ncmVlbls1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5XYXJuaW5nOlxuICAgICAgICBib3hTaGFkb3cgPSBgLTRweCAwcHggMHB4IDBweCAke3Byb3BzLnRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnllbGxvd1s1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5FcnJvcjpcbiAgICAgICAgYm94U2hhZG93ID0gYC00cHggMHB4IDBweCAwcHggJHtwcm9wcy50aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5yZWRbNTBdfWA7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICBib3hTaGFkb3csXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzkwXSxcbiAgICB9O1xuICB9fVxuYDtcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmNvbnN0IFRvcCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogMTZweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlQ29tcG9uZW50OiBSZWFjdC5GQzxTbmFja2JhckNvbnRlbnRQcm9wcz4gPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHt2YXJpYW50LCBtYXhXaWR0aCwgY2xhc3NOYW1lLCBzdHlsZSwgcWEgPSAnc25hY2tiYXItbWVzc2FnZSd9ID0gcHJvcHMubWVzc2FnZTtcblxuICBjb25zdCByZXN1bHRQcm9wcyA9IHsuLi5wcm9wcywgcWF9O1xuXG4gIGNvbnN0IGNvbnRhaW5lclByb3BzID0ge1xuICAgIHZhcmlhbnQsXG4gICAgY2xhc3NOYW1lLFxuXG4gICAgJ2RhdGEtcWEnOiBxYSxcblxuICAgIHN0eWxlOiB7bWF4V2lkdGgsIC4uLnN0eWxlfSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgey4uLmNvbnRhaW5lclByb3BzfT5cbiAgICAgIDxNZXNzYWdlSWNvbiB7Li4ucmVzdWx0UHJvcHN9IC8+XG5cbiAgICAgIDxDb250ZW50PlxuICAgICAgICA8VG9wPlxuICAgICAgICAgIDxNZXNzYWdlQ29udGVudCB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICAgICAgPEFjdGlvbnNUb3Agey4uLnJlc3VsdFByb3BzfSAvPlxuICAgICAgICA8L1RvcD5cblxuICAgICAgICA8QWN0aW9uc0JvdHRvbSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L0NvbnRlbnQ+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl19 */",toString:C}),k=c=>{const{variant:b,maxWidth:g,className:e,style:I,qa:u="snackbar-message"}=c.message,a={...c,qa:u},m={variant:b,className:e,"data-qa":u,style:{maxWidth:g,...I}};return l.jsxs(Q,{...m,children:[l.jsx(j,{...a}),l.jsxs(D,{children:[l.jsxs(U,{children:[l.jsx(z,{...a}),l.jsx(A,{...a})]}),l.jsx(F,{...a})]})]})},f=c=>{const b={...c,key:c.key??String(Math.random()*1e4),variant:c.variant??t.Default};Z.enqueueSnackbar(l.jsx(k,{message:b}),{autoHideDuration:c.actionsTop||c.actionsBottom?7e3:3e3,...b,content:void 0})};Object.defineProperty(exports,"closeSnackbar",{enumerable:!0,get:()=>Z.closeSnackbar});exports.SnackbarContainer=W;exports.SnackbarProvider=y;exports.SnackbarVariant=t;exports.enqueueSnackbar=f;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/react/jsx-runtime"),d=require("@join-x5/react-theme"),Z=require("notistack"),N=require("@emotion/styled/base"),G=require("@join-x5/react-icons"),i=require("@join-x5/react"),Y=require("@emotion/react"),o=c=>c&&c.__esModule?c:{default:c},n=o(N),W=d.forwardRef(({message:c,style:b},g)=>l.jsx("div",{ref:g,style:b,children:c})),s={default:W,success:W,warning:W,error:W,info:W},B=({children:c,...b})=>l.jsxs(l.Fragment,{children:[l.jsx(Z.SnackbarProvider,{Components:s,...b}),c]}),C=(c,b)=>{if(c&&typeof c=="object"){if("isButton"in c)return l.jsx(i.Button,{variant:i.ButtonVariant.InnerSnackbar,size:d.SizeTokenValue.Small,...c},b);if("isLink"in c)return l.jsx(i.Link,{...c},b)}return c};function y(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const A=n.default("div",process.env.NODE_ENV==="production"?{target:"e1n2lhaj0"}:{target:"e1n2lhaj0",label:"Container"})(process.env.NODE_ENV==="production"?{name:"1o129hd",styles:"display:flex;align-items:flex-start"}:{name:"1o129hd",styles:"display:flex;align-items:flex-start/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9BY3Rpb25zVG9wL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZNEIiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvc25hY2tiYXIvc3JjL0FjdGlvbnNUb3AvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtjbG9zZVNuYWNrYmFyfSBmcm9tICdub3Rpc3RhY2snO1xuXG5pbXBvcnQge1NpemVUb2tlblZhbHVlfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQge0Nsb3NlSWNvbn0gZnJvbSAnQGpvaW4teDUvcmVhY3QtaWNvbnMnO1xuaW1wb3J0IHtCdXR0b25WYXJpYW50LCBJY29uQnV0dG9ufSBmcm9tICdAam9pbi14NS9yZWFjdCc7XG5cbmltcG9ydCB7Z2V0QWN0aW9ufSBmcm9tICcuLi9BY3Rpb25zJztcblxuaW1wb3J0IHR5cGUge1JlcXVpcmVkUUF9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wc30gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBY3Rpb25zVG9wOiBSZWFjdC5GQzxTbmFja2JhckNvbnRlbnRQcm9wcyAmIFJlcXVpcmVkUUE+ID0gKHtxYSwgbWVzc2FnZX0pID0+IHtcbiAgY29uc3Qge2tleSwgY2xvc2FibGUsIGFjdGlvbnNUb3AgPSBbXX0gPSBtZXNzYWdlO1xuXG4gIGNvbnN0IGNoaWxkID0gYWN0aW9uc1RvcC5tYXAoZ2V0QWN0aW9uKS5maWx0ZXIoQm9vbGVhbik7XG5cbiAgaWYgKGNsb3NhYmxlKSB7XG4gICAgY29uc3Qgb25DbG9zZSA9ICgpID0+IGNsb3NlU25hY2tiYXIoa2V5KTtcblxuICAgIGNoaWxkLnB1c2goXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBrZXk9XCJjbG9zZWJ1dHRvblwiXG4gICAgICAgIHFhPXtgJHtxYX0tY2xvc2VgfVxuICAgICAgICBzaXplPXtTaXplVG9rZW5WYWx1ZS5TbWFsbH1cbiAgICAgICAgdmFyaWFudD17QnV0dG9uVmFyaWFudC5Jbm5lcn1cbiAgICAgICAgb25DbGljaz17b25DbG9zZX1cbiAgICAgID5cbiAgICAgICAgPENsb3NlSWNvbiBzaXplPXtTaXplVG9rZW5WYWx1ZS5TbWFsbH0gLz5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICApO1xuICB9XG5cbiAgaWYgKCFjaGlsZC5sZW5ndGgpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiA8Q29udGFpbmVyIGRhdGEtcWE9e2Ake3FhfS1hY3Rpb25zLXRvcGB9PntjaGlsZH08L0NvbnRhaW5lcj47XG59O1xuIl19 */",toString:y}),v=({qa:c,message:b})=>{const{key:g,closable:e,actionsTop:I=[]}=b,u=I.map(C).filter(Boolean);if(e){const a=()=>Z.closeSnackbar(g);u.push(l.jsx(i.IconButton,{qa:`${c}-close`,size:d.SizeTokenValue.Small,variant:i.ButtonVariant.Inner,onClick:a,children:l.jsx(G.CloseIcon,{size:d.SizeTokenValue.Small})},"closebutton"))}return u.length?l.jsx(A,{"data-qa":`${c}-actions-top`,children:u}):null};function h(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const x=n.default("div",process.env.NODE_ENV==="production"?{target:"e1yl44r30"}:{target:"e1yl44r30",label:"Container"})(process.env.NODE_ENV==="production"?{name:"6gqwlt",styles:"display:flex;align-items:center;justify-content:flex-end;padding-top:4px;gap:8px"}:{name:"6gqwlt",styles:"display:flex;align-items:center;justify-content:flex-end;padding-top:4px;gap:8px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9BY3Rpb25zQm90dG9tL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPNEIiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvc25hY2tiYXIvc3JjL0FjdGlvbnNCb3R0b20vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge2dldEFjdGlvbn0gZnJvbSAnLi4vQWN0aW9ucyc7XG5cbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wc30gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHR5cGUge1JlcXVpcmVkUUF9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgcGFkZGluZy10b3A6IDRweDtcbiAgZ2FwOiA4cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgQWN0aW9uc0JvdHRvbTogUmVhY3QuRkM8U25hY2tiYXJDb250ZW50UHJvcHMgJiBSZXF1aXJlZFFBPiA9IHByb3BzID0+IHtcbiAgY29uc3Qge2FjdGlvbnNCb3R0b20gPSBbXX0gPSBwcm9wcy5tZXNzYWdlO1xuXG4gIGNvbnN0IGNoaWxkID0gYWN0aW9uc0JvdHRvbS5tYXAoZ2V0QWN0aW9uKS5maWx0ZXIoQm9vbGVhbik7XG5cbiAgaWYgKCFjaGlsZC5sZW5ndGgpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiA8Q29udGFpbmVyIGRhdGEtcWE9e2Ake3Byb3BzLnFhfS1hY3Rpb25zLWJvdHRvbWB9PntjaGlsZH08L0NvbnRhaW5lcj47XG59O1xuIl19 */",toString:h}),r=c=>{const{actionsBottom:b=[]}=c.message,g=b.map(C).filter(Boolean);return g.length?l.jsx(x,{"data-qa":`${c.qa}-actions-bottom`,children:g}):null};var t=(c=>(c.Default="default",c.Success="success",c.Warning="warning",c.Error="error",c))(t||{});function J(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const p=c=>({[t.Default]:c.colors.white,[t.Success]:c.colors.additional.green[50],[t.Warning]:c.colors.additional.yellow[50],[t.Error]:c.colors.additional.red[50]}),F=n.default("div",process.env.NODE_ENV==="production"?{target:"eyqe6572"}:{target:"eyqe6572",label:"Container"})(process.env.NODE_ENV==="production"?{name:"y1cjey",styles:"padding:6px 8px 6px 4px"}:{name:"y1cjey",styles:"padding:6px 8px 6px 4px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29udGVudC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTRCIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29udGVudC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7U25hY2tiYXJWYXJpYW50fSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHR5cGUge1JlcXVpcmVkUUF9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wcywgU25hY2tiYXJNZXNzYWdlSW5uZXJ9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgdmFyaWFudENvbG9yID0gKHRoZW1lOiBUaGVtZSk6IFJlY29yZDxTbmFja2JhclZhcmlhbnQsIHN0cmluZz4gPT4gKHtcbiAgW1NuYWNrYmFyVmFyaWFudC5EZWZhdWx0XTogdGhlbWUuY29sb3JzLndoaXRlLFxuICBbU25hY2tiYXJWYXJpYW50LlN1Y2Nlc3NdOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5ncmVlbls1MF0sXG4gIFtTbmFja2JhclZhcmlhbnQuV2FybmluZ106IHRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnllbGxvd1s1MF0sXG4gIFtTbmFja2JhclZhcmlhbnQuRXJyb3JdOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5yZWRbNTBdLFxufSk7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6IDZweCA4cHggNnB4IDRweDtcbmA7XG5cbmNvbnN0IFRpdGxlQ29tcG9uZW50ID0gc3R5bGVkLmRpdjxQaWNrPFNuYWNrYmFyTWVzc2FnZUlubmVyLCAndmFyaWFudCc+PmBcbiAgcGFkZGluZy1ib3R0b206IDJweDtcblxuICAke3Byb3BzID0+ICh7XG4gICAgLi4ucHJvcHMudGhlbWUudHlwb2dyYXBoeS5oNCxcblxuICAgIGNvbG9yOiB2YXJpYW50Q29sb3IocHJvcHMudGhlbWUpW3Byb3BzLnZhcmlhbnRdLFxuICB9KX1cbmA7XG5cbmNvbnN0IENvbnRlbnRDb21wb25lbnQgPSBzdHlsZWQuZGl2KHByb3BzID0+ICh7XG4gIC4uLnByb3BzLnRoZW1lLnR5cG9ncmFwaHkucDFjb21wYWN0LFxuXG4gIGNvbG9yOiBwcm9wcy50aGVtZS5jb2xvcnMud2hpdGUsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlQ29udGVudDogUmVhY3QuRkM8U25hY2tiYXJDb250ZW50UHJvcHMgJiBSZXF1aXJlZFFBPiA9ICh7bWVzc2FnZSwgcWF9KSA9PiB7XG4gIGNvbnN0IHt0aXRsZSwgY29udGVudCwgdmFyaWFudCwgd2hpdGVTcGFjZX0gPSBtZXNzYWdlO1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXFhPXtgJHtxYX0tbWVzc2FnZWB9PlxuICAgICAge3RpdGxlICYmIDxUaXRsZUNvbXBvbmVudCB2YXJpYW50PXt2YXJpYW50fT57dGl0bGV9PC9UaXRsZUNvbXBvbmVudD59XG4gICAgICA8Q29udGVudENvbXBvbmVudCBzdHlsZT17e3doaXRlU3BhY2V9fT57Y29udGVudH08L0NvbnRlbnRDb21wb25lbnQ+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl19 */",toString:J}),V=n.default("div",process.env.NODE_ENV==="production"?{target:"eyqe6571"}:{target:"eyqe6571",label:"TitleComponent"})("padding-bottom:2px;",c=>({...c.theme.typography.h4,color:p(c.theme)[c.variant]}),";"+(process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29udGVudC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJ3RSIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9zbmFja2Jhci9zcmMvTWVzc2FnZUNvbnRlbnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge1NuYWNrYmFyVmFyaWFudH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7VGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtSZXF1aXJlZFFBfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7U25hY2tiYXJDb250ZW50UHJvcHMsIFNuYWNrYmFyTWVzc2FnZUlubmVyfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRDb2xvciA9ICh0aGVtZTogVGhlbWUpOiBSZWNvcmQ8U25hY2tiYXJWYXJpYW50LCBzdHJpbmc+ID0+ICh7XG4gIFtTbmFja2JhclZhcmlhbnQuRGVmYXVsdF06IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgW1NuYWNrYmFyVmFyaWFudC5TdWNjZXNzXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwuZ3JlZW5bNTBdLFxuICBbU25hY2tiYXJWYXJpYW50Lldhcm5pbmddOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC55ZWxsb3dbNTBdLFxuICBbU25hY2tiYXJWYXJpYW50LkVycm9yXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwucmVkWzUwXSxcbn0pO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiA2cHggOHB4IDZweCA0cHg7XG5gO1xuXG5jb25zdCBUaXRsZUNvbXBvbmVudCA9IHN0eWxlZC5kaXY8UGljazxTbmFja2Jhck1lc3NhZ2VJbm5lciwgJ3ZhcmlhbnQnPj5gXG4gIHBhZGRpbmctYm90dG9tOiAycHg7XG5cbiAgJHtwcm9wcyA9PiAoe1xuICAgIC4uLnByb3BzLnRoZW1lLnR5cG9ncmFwaHkuaDQsXG5cbiAgICBjb2xvcjogdmFyaWFudENvbG9yKHByb3BzLnRoZW1lKVtwcm9wcy52YXJpYW50XSxcbiAgfSl9XG5gO1xuXG5jb25zdCBDb250ZW50Q29tcG9uZW50ID0gc3R5bGVkLmRpdihwcm9wcyA9PiAoe1xuICAuLi5wcm9wcy50aGVtZS50eXBvZ3JhcGh5LnAxY29tcGFjdCxcblxuICBjb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLndoaXRlLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVzc2FnZUNvbnRlbnQ6IFJlYWN0LkZDPFNuYWNrYmFyQ29udGVudFByb3BzICYgUmVxdWlyZWRRQT4gPSAoe21lc3NhZ2UsIHFhfSkgPT4ge1xuICBjb25zdCB7dGl0bGUsIGNvbnRlbnQsIHZhcmlhbnQsIHdoaXRlU3BhY2V9ID0gbWVzc2FnZTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1xYT17YCR7cWF9LW1lc3NhZ2VgfT5cbiAgICAgIHt0aXRsZSAmJiA8VGl0bGVDb21wb25lbnQgdmFyaWFudD17dmFyaWFudH0+e3RpdGxlfTwvVGl0bGVDb21wb25lbnQ+fVxuICAgICAgPENvbnRlbnRDb21wb25lbnQgc3R5bGU9e3t3aGl0ZVNwYWNlfX0+e2NvbnRlbnR9PC9Db250ZW50Q29tcG9uZW50PlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */")),R=n.default("div",process.env.NODE_ENV==="production"?{target:"eyqe6570"}:{target:"eyqe6570",label:"ContentComponent"})(c=>({...c.theme.typography.p1compact,color:c.theme.colors.white}),process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29udGVudC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJ5QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9zbmFja2Jhci9zcmMvTWVzc2FnZUNvbnRlbnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge1NuYWNrYmFyVmFyaWFudH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7VGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB0eXBlIHtSZXF1aXJlZFFBfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7U25hY2tiYXJDb250ZW50UHJvcHMsIFNuYWNrYmFyTWVzc2FnZUlubmVyfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRDb2xvciA9ICh0aGVtZTogVGhlbWUpOiBSZWNvcmQ8U25hY2tiYXJWYXJpYW50LCBzdHJpbmc+ID0+ICh7XG4gIFtTbmFja2JhclZhcmlhbnQuRGVmYXVsdF06IHRoZW1lLmNvbG9ycy53aGl0ZSxcbiAgW1NuYWNrYmFyVmFyaWFudC5TdWNjZXNzXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwuZ3JlZW5bNTBdLFxuICBbU25hY2tiYXJWYXJpYW50Lldhcm5pbmddOiB0aGVtZS5jb2xvcnMuYWRkaXRpb25hbC55ZWxsb3dbNTBdLFxuICBbU25hY2tiYXJWYXJpYW50LkVycm9yXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwucmVkWzUwXSxcbn0pO1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiA2cHggOHB4IDZweCA0cHg7XG5gO1xuXG5jb25zdCBUaXRsZUNvbXBvbmVudCA9IHN0eWxlZC5kaXY8UGljazxTbmFja2Jhck1lc3NhZ2VJbm5lciwgJ3ZhcmlhbnQnPj5gXG4gIHBhZGRpbmctYm90dG9tOiAycHg7XG5cbiAgJHtwcm9wcyA9PiAoe1xuICAgIC4uLnByb3BzLnRoZW1lLnR5cG9ncmFwaHkuaDQsXG5cbiAgICBjb2xvcjogdmFyaWFudENvbG9yKHByb3BzLnRoZW1lKVtwcm9wcy52YXJpYW50XSxcbiAgfSl9XG5gO1xuXG5jb25zdCBDb250ZW50Q29tcG9uZW50ID0gc3R5bGVkLmRpdihwcm9wcyA9PiAoe1xuICAuLi5wcm9wcy50aGVtZS50eXBvZ3JhcGh5LnAxY29tcGFjdCxcblxuICBjb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLndoaXRlLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTWVzc2FnZUNvbnRlbnQ6IFJlYWN0LkZDPFNuYWNrYmFyQ29udGVudFByb3BzICYgUmVxdWlyZWRRQT4gPSAoe21lc3NhZ2UsIHFhfSkgPT4ge1xuICBjb25zdCB7dGl0bGUsIGNvbnRlbnQsIHZhcmlhbnQsIHdoaXRlU3BhY2V9ID0gbWVzc2FnZTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1xYT17YCR7cWF9LW1lc3NhZ2VgfT5cbiAgICAgIHt0aXRsZSAmJiA8VGl0bGVDb21wb25lbnQgdmFyaWFudD17dmFyaWFudH0+e3RpdGxlfTwvVGl0bGVDb21wb25lbnQ+fVxuICAgICAgPENvbnRlbnRDb21wb25lbnQgc3R5bGU9e3t3aGl0ZVNwYWNlfX0+e2NvbnRlbnR9PC9Db250ZW50Q29tcG9uZW50PlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */"),z=({message:c,qa:b})=>{const{title:g,content:e,variant:I,whiteSpace:u}=c;return l.jsxs(F,{"data-qa":`${b}-message`,children:[g&&l.jsx(V,{variant:I,children:g}),l.jsx(R,{style:{whiteSpace:u},children:e})]})},L={[t.Default]:null,[t.Success]:G.DoneIcon,[t.Warning]:G.WarningIcon,[t.Error]:G.ErrorIcon},H=c=>({[t.Default]:c.colors.white,[t.Success]:c.colors.additional.green[50],[t.Warning]:c.colors.additional.yellow[50],[t.Error]:c.colors.additional.red[50]}),w=n.default("div",process.env.NODE_ENV==="production"?{target:"ea4zmb20"}:{target:"ea4zmb20",label:"Container"})("display:flex;align-items:center;justify-content:center;width:32px;min-height:32px;padding:4px;box-sizing:border-box;",c=>c.theme.typography.h4,";"+(process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlSWNvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEI0QiIsImZpbGUiOiIvaG9tZS9zYWR5a292c2Qvam9pbi14NS9wYWNrYWdlcy9zbmFja2Jhci9zcmMvTWVzc2FnZUljb24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHt1c2VUaGVtZX0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQge1NpemVUb2tlblZhbHVlfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5cbmltcG9ydCB7RG9uZUljb24sIEVycm9ySWNvbiwgV2FybmluZ0ljb259IGZyb20gJ0Bqb2luLXg1L3JlYWN0LWljb25zJztcblxuaW1wb3J0IHtTbmFja2JhclZhcmlhbnR9IGZyb20gJy4uL3R5cGVzJztcblxuaW1wb3J0IHR5cGUge1RoZW1lfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgdHlwZSB7UmVxdWlyZWRRQX0gZnJvbSAnQGpvaW4teDUvcmVhY3QtdGhlbWUnO1xuaW1wb3J0IHR5cGUge0ljb25Db21wb25lbnR9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LWljb25zJztcbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wc30gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCB2YXJpYW50SWNvbjogUmVjb3JkPFNuYWNrYmFyVmFyaWFudCwgSWNvbkNvbXBvbmVudCB8IG51bGw+ID0ge1xuICBbU25hY2tiYXJWYXJpYW50LkRlZmF1bHRdOiBudWxsLFxuICBbU25hY2tiYXJWYXJpYW50LlN1Y2Nlc3NdOiBEb25lSWNvbixcbiAgW1NuYWNrYmFyVmFyaWFudC5XYXJuaW5nXTogV2FybmluZ0ljb24sXG4gIFtTbmFja2JhclZhcmlhbnQuRXJyb3JdOiBFcnJvckljb24sXG59O1xuXG5jb25zdCB2YXJpYW50Q29sb3IgPSAodGhlbWU6IFRoZW1lKTogUmVjb3JkPFNuYWNrYmFyVmFyaWFudCwgc3RyaW5nPiA9PiAoe1xuICBbU25hY2tiYXJWYXJpYW50LkRlZmF1bHRdOiB0aGVtZS5jb2xvcnMud2hpdGUsXG4gIFtTbmFja2JhclZhcmlhbnQuU3VjY2Vzc106IHRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLmdyZWVuWzUwXSxcbiAgW1NuYWNrYmFyVmFyaWFudC5XYXJuaW5nXTogdGhlbWUuY29sb3JzLmFkZGl0aW9uYWwueWVsbG93WzUwXSxcbiAgW1NuYWNrYmFyVmFyaWFudC5FcnJvcl06IHRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnJlZFs1MF0sXG59KTtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiAzMnB4O1xuICBtaW4taGVpZ2h0OiAzMnB4O1xuICBwYWRkaW5nOiA0cHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50eXBvZ3JhcGh5Lmg0fVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lc3NhZ2VJY29uOiBSZWFjdC5GQzxTbmFja2JhckNvbnRlbnRQcm9wcyAmIFJlcXVpcmVkUUE+ID0gKHtxYSwgbWVzc2FnZToge2ljb24sIHZhcmlhbnR9fSkgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgaWYgKHR5cGVvZiBpY29uICE9PSAndW5kZWZpbmVkJyAmJiBpY29uICE9PSB0cnVlKSB7XG4gICAgcmV0dXJuIGljb247XG4gIH1cblxuICBjb25zdCBDb21wb25lbnQgPSB2YXJpYW50SWNvblt2YXJpYW50XTtcbiAgaWYgKCFDb21wb25lbnQpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXFhPXtgJHtxYX0taWNvbmB9PlxuICAgICAgPENvbXBvbmVudCBzaXplPXtTaXplVG9rZW5WYWx1ZS5NZWRpdW19IGNvbG9yPXt2YXJpYW50Q29sb3IodGhlbWUpW3ZhcmlhbnRdfSAvPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcbiJdfQ== */")),S=({qa:c,message:{icon:b,variant:g}})=>{const e=Y.useTheme();if(typeof b<"u"&&b!==!0)return b;const I=L[g];return I?l.jsx(w,{"data-qa":`${c}-icon`,children:l.jsx(I,{size:d.SizeTokenValue.Medium,color:H(e)[g]})}):null};function X(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const j=n.default("div",process.env.NODE_ENV==="production"?{target:"e14qqo9b2"}:{target:"e14qqo9b2",label:"Container"})("display:flex;align-items:flex-start;padding:8px;border-radius:4px;box-sizing:border-box;",c=>{let b;switch(c.variant){case t.Success:b=`-4px 0px 0px 0px ${c.theme.colors.additional.green[50]}`;break;case t.Warning:b=`-4px 0px 0px 0px ${c.theme.colors.additional.yellow[50]}`;break;case t.Error:b=`-4px 0px 0px 0px ${c.theme.colors.additional.red[50]}`;break}return{boxShadow:b,backgroundColor:c.theme.colors.grey[90]}},";"+(process.env.NODE_ENV==="production"?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZbUUiLCJmaWxlIjoiL2hvbWUvc2FkeWtvdnNkL2pvaW4teDUvcGFja2FnZXMvc25hY2tiYXIvc3JjL01lc3NhZ2VDb21wb25lbnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQge0FjdGlvbnNUb3B9IGZyb20gJy4uL0FjdGlvbnNUb3AnO1xuaW1wb3J0IHtBY3Rpb25zQm90dG9tfSBmcm9tICcuLi9BY3Rpb25zQm90dG9tJztcbmltcG9ydCB7TWVzc2FnZUNvbnRlbnR9IGZyb20gJy4uL01lc3NhZ2VDb250ZW50JztcbmltcG9ydCB7TWVzc2FnZUljb259IGZyb20gJy4uL01lc3NhZ2VJY29uJztcblxuaW1wb3J0IHtTbmFja2JhclZhcmlhbnR9IGZyb20gJy4uL3R5cGVzJztcblxuaW1wb3J0IHR5cGUge0NTU1Byb3BlcnRpZXN9IGZyb20gJ0Bqb2luLXg1L3JlYWN0LXRoZW1lJztcbmltcG9ydCB0eXBlIHtTbmFja2JhckNvbnRlbnRQcm9wcywgU25hY2tiYXJNZXNzYWdlSW5uZXJ9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQaWNrPFNuYWNrYmFyTWVzc2FnZUlubmVyLCAndmFyaWFudCc+PmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIHBhZGRpbmc6IDhweDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICR7cHJvcHMgPT4ge1xuICAgIGxldCBib3hTaGFkb3c6IENTU1Byb3BlcnRpZXNbJ2JveFNoYWRvdyddO1xuXG4gICAgc3dpdGNoIChwcm9wcy52YXJpYW50KSB7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5TdWNjZXNzOlxuICAgICAgICBib3hTaGFkb3cgPSBgLTRweCAwcHggMHB4IDBweCAke3Byb3BzLnRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLmdyZWVuWzUwXX1gO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgU25hY2tiYXJWYXJpYW50Lldhcm5pbmc6XG4gICAgICAgIGJveFNoYWRvdyA9IGAtNHB4IDBweCAwcHggMHB4ICR7cHJvcHMudGhlbWUuY29sb3JzLmFkZGl0aW9uYWwueWVsbG93WzUwXX1gO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgU25hY2tiYXJWYXJpYW50LkVycm9yOlxuICAgICAgICBib3hTaGFkb3cgPSBgLTRweCAwcHggMHB4IDBweCAke3Byb3BzLnRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnJlZFs1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuXG4gICAgcmV0dXJuIHtcbiAgICAgIGJveFNoYWRvdyxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWUuY29sb3JzLmdyZXlbOTBdLFxuICAgIH07XG4gIH19XG5gO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuY29uc3QgVG9wID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZ2FwOiAxNnB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lc3NhZ2VDb21wb25lbnQ6IFJlYWN0LkZDPFNuYWNrYmFyQ29udGVudFByb3BzPiA9IHByb3BzID0+IHtcbiAgY29uc3Qge3ZhcmlhbnQsIG1heFdpZHRoLCBjbGFzc05hbWUsIHN0eWxlLCBxYSA9ICdzbmFja2Jhci1tZXNzYWdlJ30gPSBwcm9wcy5tZXNzYWdlO1xuXG4gIGNvbnN0IHJlc3VsdFByb3BzID0gey4uLnByb3BzLCBxYX07XG5cbiAgY29uc3QgY29udGFpbmVyUHJvcHMgPSB7XG4gICAgdmFyaWFudCxcbiAgICBjbGFzc05hbWUsXG5cbiAgICAnZGF0YS1xYSc6IHFhLFxuXG4gICAgc3R5bGU6IHttYXhXaWR0aCwgLi4uc3R5bGV9LFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciB7Li4uY29udGFpbmVyUHJvcHN9PlxuICAgICAgPE1lc3NhZ2VJY29uIHsuLi5yZXN1bHRQcm9wc30gLz5cblxuICAgICAgPENvbnRlbnQ+XG4gICAgICAgIDxUb3A+XG4gICAgICAgICAgPE1lc3NhZ2VDb250ZW50IHsuLi5yZXN1bHRQcm9wc30gLz5cbiAgICAgICAgICA8QWN0aW9uc1RvcCB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICAgIDwvVG9wPlxuXG4gICAgICAgIDxBY3Rpb25zQm90dG9tIHsuLi5yZXN1bHRQcm9wc30gLz5cbiAgICAgIDwvQ29udGVudD5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG4iXX0= */")),Q=n.default("div",process.env.NODE_ENV==="production"?{target:"e14qqo9b1"}:{target:"e14qqo9b1",label:"Content"})(process.env.NODE_ENV==="production"?{name:"1ff36h2",styles:"flex-grow:1"}:{name:"1ff36h2",styles:"flex-grow:1/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QzBCIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHtBY3Rpb25zVG9wfSBmcm9tICcuLi9BY3Rpb25zVG9wJztcbmltcG9ydCB7QWN0aW9uc0JvdHRvbX0gZnJvbSAnLi4vQWN0aW9uc0JvdHRvbSc7XG5pbXBvcnQge01lc3NhZ2VDb250ZW50fSBmcm9tICcuLi9NZXNzYWdlQ29udGVudCc7XG5pbXBvcnQge01lc3NhZ2VJY29ufSBmcm9tICcuLi9NZXNzYWdlSWNvbic7XG5cbmltcG9ydCB7U25hY2tiYXJWYXJpYW50fSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7U25hY2tiYXJDb250ZW50UHJvcHMsIFNuYWNrYmFyTWVzc2FnZUlubmVyfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGljazxTbmFja2Jhck1lc3NhZ2VJbm5lciwgJ3ZhcmlhbnQnPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nOiA4cHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAke3Byb3BzID0+IHtcbiAgICBsZXQgYm94U2hhZG93OiBDU1NQcm9wZXJ0aWVzWydib3hTaGFkb3cnXTtcblxuICAgIHN3aXRjaCAocHJvcHMudmFyaWFudCkge1xuICAgICAgY2FzZSBTbmFja2JhclZhcmlhbnQuU3VjY2VzczpcbiAgICAgICAgYm94U2hhZG93ID0gYC00cHggMHB4IDBweCAwcHggJHtwcm9wcy50aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5ncmVlbls1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5XYXJuaW5nOlxuICAgICAgICBib3hTaGFkb3cgPSBgLTRweCAwcHggMHB4IDBweCAke3Byb3BzLnRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnllbGxvd1s1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5FcnJvcjpcbiAgICAgICAgYm94U2hhZG93ID0gYC00cHggMHB4IDBweCAwcHggJHtwcm9wcy50aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5yZWRbNTBdfWA7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICBib3hTaGFkb3csXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzkwXSxcbiAgICB9O1xuICB9fVxuYDtcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmNvbnN0IFRvcCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogMTZweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlQ29tcG9uZW50OiBSZWFjdC5GQzxTbmFja2JhckNvbnRlbnRQcm9wcz4gPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHt2YXJpYW50LCBtYXhXaWR0aCwgY2xhc3NOYW1lLCBzdHlsZSwgcWEgPSAnc25hY2tiYXItbWVzc2FnZSd9ID0gcHJvcHMubWVzc2FnZTtcblxuICBjb25zdCByZXN1bHRQcm9wcyA9IHsuLi5wcm9wcywgcWF9O1xuXG4gIGNvbnN0IGNvbnRhaW5lclByb3BzID0ge1xuICAgIHZhcmlhbnQsXG4gICAgY2xhc3NOYW1lLFxuXG4gICAgJ2RhdGEtcWEnOiBxYSxcblxuICAgIHN0eWxlOiB7bWF4V2lkdGgsIC4uLnN0eWxlfSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgey4uLmNvbnRhaW5lclByb3BzfT5cbiAgICAgIDxNZXNzYWdlSWNvbiB7Li4ucmVzdWx0UHJvcHN9IC8+XG5cbiAgICAgIDxDb250ZW50PlxuICAgICAgICA8VG9wPlxuICAgICAgICAgIDxNZXNzYWdlQ29udGVudCB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICAgICAgPEFjdGlvbnNUb3Agey4uLnJlc3VsdFByb3BzfSAvPlxuICAgICAgICA8L1RvcD5cblxuICAgICAgICA8QWN0aW9uc0JvdHRvbSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L0NvbnRlbnQ+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl19 */",toString:X}),D=n.default("div",process.env.NODE_ENV==="production"?{target:"e14qqo9b0"}:{target:"e14qqo9b0",label:"Top"})(process.env.NODE_ENV==="production"?{name:"jtpyi3",styles:"display:flex;align-items:flex-start;justify-content:space-between;gap:16px"}:{name:"jtpyi3",styles:"display:flex;align-items:flex-start;justify-content:space-between;gap:16px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q3NCIiwiZmlsZSI6Ii9ob21lL3NhZHlrb3ZzZC9qb2luLXg1L3BhY2thZ2VzL3NuYWNrYmFyL3NyYy9NZXNzYWdlQ29tcG9uZW50L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHtBY3Rpb25zVG9wfSBmcm9tICcuLi9BY3Rpb25zVG9wJztcbmltcG9ydCB7QWN0aW9uc0JvdHRvbX0gZnJvbSAnLi4vQWN0aW9uc0JvdHRvbSc7XG5pbXBvcnQge01lc3NhZ2VDb250ZW50fSBmcm9tICcuLi9NZXNzYWdlQ29udGVudCc7XG5pbXBvcnQge01lc3NhZ2VJY29ufSBmcm9tICcuLi9NZXNzYWdlSWNvbic7XG5cbmltcG9ydCB7U25hY2tiYXJWYXJpYW50fSBmcm9tICcuLi90eXBlcyc7XG5cbmltcG9ydCB0eXBlIHtDU1NQcm9wZXJ0aWVzfSBmcm9tICdAam9pbi14NS9yZWFjdC10aGVtZSc7XG5pbXBvcnQgdHlwZSB7U25hY2tiYXJDb250ZW50UHJvcHMsIFNuYWNrYmFyTWVzc2FnZUlubmVyfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UGljazxTbmFja2Jhck1lc3NhZ2VJbm5lciwgJ3ZhcmlhbnQnPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nOiA4cHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAke3Byb3BzID0+IHtcbiAgICBsZXQgYm94U2hhZG93OiBDU1NQcm9wZXJ0aWVzWydib3hTaGFkb3cnXTtcblxuICAgIHN3aXRjaCAocHJvcHMudmFyaWFudCkge1xuICAgICAgY2FzZSBTbmFja2JhclZhcmlhbnQuU3VjY2VzczpcbiAgICAgICAgYm94U2hhZG93ID0gYC00cHggMHB4IDBweCAwcHggJHtwcm9wcy50aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5ncmVlbls1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5XYXJuaW5nOlxuICAgICAgICBib3hTaGFkb3cgPSBgLTRweCAwcHggMHB4IDBweCAke3Byb3BzLnRoZW1lLmNvbG9ycy5hZGRpdGlvbmFsLnllbGxvd1s1MF19YDtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNuYWNrYmFyVmFyaWFudC5FcnJvcjpcbiAgICAgICAgYm94U2hhZG93ID0gYC00cHggMHB4IDBweCAwcHggJHtwcm9wcy50aGVtZS5jb2xvcnMuYWRkaXRpb25hbC5yZWRbNTBdfWA7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICBib3hTaGFkb3csXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lLmNvbG9ycy5ncmV5WzkwXSxcbiAgICB9O1xuICB9fVxuYDtcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmNvbnN0IFRvcCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogMTZweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZXNzYWdlQ29tcG9uZW50OiBSZWFjdC5GQzxTbmFja2JhckNvbnRlbnRQcm9wcz4gPSBwcm9wcyA9PiB7XG4gIGNvbnN0IHt2YXJpYW50LCBtYXhXaWR0aCwgY2xhc3NOYW1lLCBzdHlsZSwgcWEgPSAnc25hY2tiYXItbWVzc2FnZSd9ID0gcHJvcHMubWVzc2FnZTtcblxuICBjb25zdCByZXN1bHRQcm9wcyA9IHsuLi5wcm9wcywgcWF9O1xuXG4gIGNvbnN0IGNvbnRhaW5lclByb3BzID0ge1xuICAgIHZhcmlhbnQsXG4gICAgY2xhc3NOYW1lLFxuXG4gICAgJ2RhdGEtcWEnOiBxYSxcblxuICAgIHN0eWxlOiB7bWF4V2lkdGgsIC4uLnN0eWxlfSxcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgey4uLmNvbnRhaW5lclByb3BzfT5cbiAgICAgIDxNZXNzYWdlSWNvbiB7Li4ucmVzdWx0UHJvcHN9IC8+XG5cbiAgICAgIDxDb250ZW50PlxuICAgICAgICA8VG9wPlxuICAgICAgICAgIDxNZXNzYWdlQ29udGVudCB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICAgICAgPEFjdGlvbnNUb3Agey4uLnJlc3VsdFByb3BzfSAvPlxuICAgICAgICA8L1RvcD5cblxuICAgICAgICA8QWN0aW9uc0JvdHRvbSB7Li4ucmVzdWx0UHJvcHN9IC8+XG4gICAgICA8L0NvbnRlbnQ+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuIl19 */",toString:X}),U=c=>{const{variant:b,maxWidth:g,className:e,style:I,qa:u="snackbar-message"}=c.message,a={...c,qa:u},m={variant:b,className:e,"data-qa":u,style:{maxWidth:g,...I}};return l.jsxs(j,{...m,children:[l.jsx(S,{...a}),l.jsxs(Q,{children:[l.jsxs(D,{children:[l.jsx(z,{...a}),l.jsx(v,{...a})]}),l.jsx(r,{...a})]})]})},k=c=>{const b={...c,key:c.key??String(Math.random()*1e4),variant:c.variant??t.Default};Z.enqueueSnackbar(l.jsx(U,{message:b}),{autoHideDuration:c.actionsTop||c.actionsBottom?7e3:3e3,...b,content:void 0})};Object.defineProperty(exports,"closeSnackbar",{enumerable:!0,get:()=>Z.closeSnackbar});exports.SnackbarContainer=W;exports.SnackbarProvider=B;exports.SnackbarVariant=t;exports.enqueueSnackbar=k;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../src/SnackbarProvider.tsx","../src/Actions/index.tsx","../src/ActionsTop/index.tsx","../src/ActionsBottom/index.tsx","../src/types.ts","../src/MessageContent/index.tsx","../src/MessageIcon/index.tsx","../src/MessageComponent/index.tsx","../src/hook.tsx"],"sourcesContent":["import {forwardRef} from 'react';\n\nimport {SnackbarProvider as BaseSnackbarProvider} from 'notistack';\n\nimport type {SnackbarProviderProps, CustomContentProps} from 'notistack';\n\nexport const SnackbarContainer = forwardRef<HTMLDivElement, CustomContentProps>(({message, style}, ref) => (\n <div ref={ref} style={style}>\n {message}\n </div>\n));\n\nconst Components: SnackbarProviderProps['Components'] = {\n default: SnackbarContainer,\n success: SnackbarContainer,\n warning: SnackbarContainer,\n error: SnackbarContainer,\n info: SnackbarContainer,\n};\n\nexport const SnackbarProvider: React.FC<SnackbarProviderProps> = ({children, ...props}) => (\n <>\n <BaseSnackbarProvider Components={Components} {...props} />\n {children}\n </>\n);\n","import {SizeTokenValue} from '@join-x5/react-theme';\nimport {Link, Button, ButtonVariant} from '@join-x5/react';\n\nimport type {SnackbarAction} from '../types';\n\nexport const getAction = (action: SnackbarAction, index: number) => {\n if (action && typeof action === 'object') {\n if ('isButton' in action) {\n return <Button key={index} variant={ButtonVariant.InnerSnackbar} size={SizeTokenValue.Small} {...action} />;\n }\n\n if ('isLink' in action) {\n return <Link key={index} {...action} />;\n }\n }\n\n return action;\n};\n","import styled from '@emotion/styled';\nimport {closeSnackbar} from 'notistack';\n\nimport {SizeTokenValue} from '@join-x5/react-theme';\nimport {CloseIcon} from '@join-x5/react-icons';\nimport {ButtonVariant, IconButton} from '@join-x5/react';\n\nimport {getAction} from '../Actions';\n\nimport type {RequiredQA} from '@join-x5/react-theme';\nimport type {SnackbarContentProps} from '../types';\n\nconst Container = styled.div`\n display: flex;\n align-items: flex-start;\n`;\n\nexport const ActionsTop: React.FC<SnackbarContentProps & RequiredQA> = ({qa, message}) => {\n const {key, closable, actionsTop = []} = message;\n\n const child = actionsTop.map(getAction).filter(Boolean);\n\n if (closable) {\n const onClose = () => closeSnackbar(key);\n\n child.push(\n <IconButton\n key=\"closebutton\"\n qa={`${qa}-close`}\n size={SizeTokenValue.Small}\n variant={ButtonVariant.Inner}\n onClick={onClose}\n >\n <CloseIcon size={SizeTokenValue.Small} />\n </IconButton>\n );\n }\n\n if (!child.length) {\n return null;\n }\n\n return <Container data-qa={`${qa}-actions-top`}>{child}</Container>;\n};\n","import styled from '@emotion/styled';\n\nimport {getAction} from '../Actions';\n\nimport type {SnackbarContentProps} from '../types';\nimport type {RequiredQA} from '@join-x5/react-theme';\n\nconst Container = styled.div`\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding-top: 4px;\n gap: 8px;\n`;\n\nexport const ActionsBottom: React.FC<SnackbarContentProps & RequiredQA> = props => {\n const {actionsBottom = []} = props.message;\n\n const child = actionsBottom.map(getAction).filter(Boolean);\n\n if (!child.length) {\n return null;\n }\n\n return <Container data-qa={`${props.qa}-actions-bottom`}>{child}</Container>;\n};\n","import type {CSSProperties, HTMLAttributes, ReactNode} from 'react';\nimport type {SnackbarProviderProps as BaseSnackbarProviderProps, OptionsObject} from 'notistack';\n\nimport type {QA} from '@join-x5/react-theme';\nimport type {ButtonProps, LinkProps} from '@join-x5/react';\n\n/** Пропсы провайдера notistack */\nexport type SnackbarProviderProps = BaseSnackbarProviderProps;\n\n/** Вариант дизайна Snackbar */\nexport enum SnackbarVariant {\n /** Без границы и иконки */\n Default = 'default',\n /** Зеленая граница и иконка */\n Success = 'success',\n /** Желтая граница и иконка */\n Warning = 'warning',\n /** Красная граница и иконка */\n Error = 'error',\n}\n\n/** Кнопки в сообщении\n *\n * Передаются кнопки(isButton), ссылки(isLink), или кастомный элемент\n */\nexport type SnackbarAction = ({isButton: true} & ButtonProps) | ({isLink: true} & LinkProps) | ReactNode;\n\n/** Всплывающее сообщение */\nexport type SnackbarMessage = {\n /** Контент */\n content: ReactNode;\n /** Заголовок */\n title?: ReactNode;\n /** Кастомная иконка */\n icon?: ReactNode;\n /** Вариант */\n variant?: SnackbarVariant;\n\n /** С возможностью закрытия (показывать крестик) */\n closable?: boolean;\n\n /** Кнопки сверху справа */\n actionsTop?: SnackbarAction[];\n /** Кнопки снизу */\n actionsBottom?: SnackbarAction[];\n} & QA &\n Omit<OptionsObject, 'variant'> &\n Pick<CSSProperties, 'maxWidth' | 'whiteSpace'> &\n Pick<HTMLAttributes<HTMLDivElement>, 'style' | 'className'>;\n\nexport type SnackbarMessageInner = Omit<SnackbarMessage, 'key'> & Required<Pick<SnackbarMessage, 'key' | 'variant'>>;\n\nexport type SnackbarContentProps = {\n message: SnackbarMessageInner;\n};\n","import styled from '@emotion/styled';\n\nimport {SnackbarVariant} from '../types';\n\nimport type {Theme} from '@emotion/react';\nimport type {RequiredQA} from '@join-x5/react-theme';\nimport type {SnackbarContentProps, SnackbarMessageInner} from '../types';\n\nconst variantColor = (theme: Theme): Record<SnackbarVariant, string> => ({\n [SnackbarVariant.Default]: theme.colors.white,\n [SnackbarVariant.Success]: theme.colors.additional.green[50],\n [SnackbarVariant.Warning]: theme.colors.additional.yellow[50],\n [SnackbarVariant.Error]: theme.colors.additional.red[50],\n});\n\nconst Container = styled.div`\n padding: 6px 8px 6px 4px;\n`;\n\nconst TitleComponent = styled.div<Pick<SnackbarMessageInner, 'variant'>>`\n padding-bottom: 2px;\n\n ${props => ({\n ...props.theme.typography.h4,\n\n color: variantColor(props.theme)[props.variant],\n })}\n`;\n\nconst ContentComponent = styled.div(props => ({\n ...props.theme.typography.p1compact,\n\n color: props.theme.colors.white,\n}));\n\nexport const MessageContent: React.FC<SnackbarContentProps & RequiredQA> = ({message, qa}) => {\n const {title, content, variant, whiteSpace} = message;\n\n return (\n <Container data-qa={`${qa}-message`}>\n {title && <TitleComponent variant={variant}>{title}</TitleComponent>}\n <ContentComponent style={{whiteSpace}}>{content}</ContentComponent>\n </Container>\n );\n};\n","import styled from '@emotion/styled';\nimport {useTheme} from '@emotion/react';\n\nimport {SizeTokenValue} from '@join-x5/react-theme';\n\nimport {CheckIcon, ErrorIcon, WarningOutlineIcon} from '@join-x5/react-icons';\n\nimport {SnackbarVariant} from '../types';\n\nimport type {Theme} from '@emotion/react';\nimport type {RequiredQA} from '@join-x5/react-theme';\nimport type {IconComponent} from '@join-x5/react-icons';\nimport type {SnackbarContentProps} from '../types';\n\nconst variantIcon: Record<SnackbarVariant, IconComponent | null> = {\n [SnackbarVariant.Default]: null,\n [SnackbarVariant.Success]: CheckIcon,\n [SnackbarVariant.Warning]: WarningOutlineIcon,\n [SnackbarVariant.Error]: ErrorIcon,\n};\n\nconst variantColor = (theme: Theme): Record<SnackbarVariant, string> => ({\n [SnackbarVariant.Default]: theme.colors.white,\n [SnackbarVariant.Success]: theme.colors.additional.green[50],\n [SnackbarVariant.Warning]: theme.colors.additional.yellow[50],\n [SnackbarVariant.Error]: theme.colors.additional.red[50],\n});\n\nconst Container = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n min-height: 32px;\n padding: 4px;\n box-sizing: border-box;\n\n ${props => props.theme.typography.h4}\n`;\n\nexport const MessageIcon: React.FC<SnackbarContentProps & RequiredQA> = ({qa, message: {icon, variant}}) => {\n const theme = useTheme();\n\n if (typeof icon !== 'undefined' && icon !== true) {\n return icon;\n }\n\n const Component = variantIcon[variant];\n if (!Component) {\n return null;\n }\n\n return (\n <Container data-qa={`${qa}-icon`}>\n <Component size={SizeTokenValue.Medium} color={variantColor(theme)[variant]} />\n </Container>\n );\n};\n","import styled from '@emotion/styled';\n\nimport {ActionsTop} from '../ActionsTop';\nimport {ActionsBottom} from '../ActionsBottom';\nimport {MessageContent} from '../MessageContent';\nimport {MessageIcon} from '../MessageIcon';\n\nimport {SnackbarVariant} from '../types';\n\nimport type {CSSProperties} from '@join-x5/react-theme';\nimport type {SnackbarContentProps, SnackbarMessageInner} from '../types';\n\nconst Container = styled.div<Pick<SnackbarMessageInner, 'variant'>>`\n display: flex;\n align-items: flex-start;\n padding: 8px;\n border-radius: 4px;\n box-sizing: border-box;\n\n ${props => {\n let boxShadow: CSSProperties['boxShadow'];\n\n switch (props.variant) {\n case SnackbarVariant.Success:\n boxShadow = `-4px 0px 0px 0px ${props.theme.colors.additional.green[50]}`;\n break;\n case SnackbarVariant.Warning:\n boxShadow = `-4px 0px 0px 0px ${props.theme.colors.additional.yellow[50]}`;\n break;\n case SnackbarVariant.Error:\n boxShadow = `-4px 0px 0px 0px ${props.theme.colors.additional.red[50]}`;\n break;\n }\n\n return {\n boxShadow,\n backgroundColor: props.theme.colors.grey[90],\n };\n }}\n`;\n\nconst Content = styled.div`\n flex-grow: 1;\n`;\n\nconst Top = styled.div`\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 16px;\n`;\n\nexport const MessageComponent: React.FC<SnackbarContentProps> = props => {\n const {variant, maxWidth, className, style, qa = 'snackbar-message'} = props.message;\n\n const resultProps = {...props, qa};\n\n const containerProps = {\n variant,\n className,\n\n 'data-qa': qa,\n\n style: {maxWidth, ...style},\n };\n\n return (\n <Container {...containerProps}>\n <MessageIcon {...resultProps} />\n\n <Content>\n <Top>\n <MessageContent {...resultProps} />\n <ActionsTop {...resultProps} />\n </Top>\n\n <ActionsBottom {...resultProps} />\n </Content>\n </Container>\n );\n};\n","import {closeSnackbar, enqueueSnackbar as baseEnqueueSnackbar} from 'notistack';\n\nimport {MessageComponent} from './MessageComponent';\n\nimport {SnackbarVariant} from './types';\n\nimport type {SnackbarMessage, SnackbarMessageInner} from './types';\n\nconst enqueueSnackbar = (message: SnackbarMessage) => {\n const innerMessage: SnackbarMessageInner = {\n ...message,\n\n key: message.key ?? String(Math.random() * 10_000),\n variant: message.variant ?? SnackbarVariant.Default,\n };\n\n baseEnqueueSnackbar(<MessageComponent message={innerMessage} />, {\n autoHideDuration: message.actionsTop || message.actionsBottom ? 7_000 : 3_000,\n\n ...innerMessage,\n\n content: undefined,\n });\n};\n\nexport {enqueueSnackbar, closeSnackbar};\n"],"names":["SnackbarContainer","forwardRef","message","style","ref","jsx","Components","default","success","warning","error","info","SnackbarProvider","children","props","jsxs","Fragment","BaseSnackbarProvider","getAction","action","index","Button","ButtonVariant","InnerSnackbar","SizeTokenValue","Small","Link","Container","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ActionsTop","qa","key","closable","actionsTop","child","map","filter","Boolean","onClose","closeSnackbar","push","IconButton","Inner","CloseIcon","length","ActionsBottom","actionsBottom","SnackbarVariant","Default","Success","Warning","Error","variantColor","theme","colors","white","additional","green","yellow","red","TitleComponent","typography","h4","color","variant","ContentComponent","p1compact","MessageContent","title","content","whiteSpace","variantIcon","CheckIcon","WarningOutlineIcon","ErrorIcon","MessageIcon","icon","useTheme","Component","Medium","boxShadow","backgroundColor","grey","Content","Top","MessageComponent","maxWidth","className","resultProps","containerProps","enqueueSnackbar","innerMessage","String","Math","random","baseEnqueueSnackbar","autoHideDuration","undefined"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../src/SnackbarProvider.tsx","../src/Actions/index.tsx","../src/ActionsTop/index.tsx","../src/ActionsBottom/index.tsx","../src/types.ts","../src/MessageContent/index.tsx","../src/MessageIcon/index.tsx","../src/MessageComponent/index.tsx","../src/hook.tsx"],"sourcesContent":["import {forwardRef} from '@join-x5/react-theme';\n\nimport {SnackbarProvider as BaseSnackbarProvider} from 'notistack';\n\nimport type {SnackbarProviderProps, CustomContentProps} from 'notistack';\n\nexport const SnackbarContainer = forwardRef<HTMLDivElement, CustomContentProps>(({message, style}, ref) => (\n <div ref={ref} style={style}>\n {message}\n </div>\n));\n\nconst Components: SnackbarProviderProps['Components'] = {\n default: SnackbarContainer,\n success: SnackbarContainer,\n warning: SnackbarContainer,\n error: SnackbarContainer,\n info: SnackbarContainer,\n};\n\nexport const SnackbarProvider: React.FC<SnackbarProviderProps> = ({children, ...props}) => (\n <>\n <BaseSnackbarProvider Components={Components} {...props} />\n {children}\n </>\n);\n","import {SizeTokenValue} from '@join-x5/react-theme';\nimport {Link, Button, ButtonVariant} from '@join-x5/react';\n\nimport type {SnackbarAction} from '../types';\n\nexport const getAction = (action: SnackbarAction, index: number) => {\n if (action && typeof action === 'object') {\n if ('isButton' in action) {\n return <Button key={index} variant={ButtonVariant.InnerSnackbar} size={SizeTokenValue.Small} {...action} />;\n }\n\n if ('isLink' in action) {\n return <Link key={index} {...action} />;\n }\n }\n\n return action;\n};\n","import styled from '@emotion/styled';\nimport {closeSnackbar} from 'notistack';\n\nimport {SizeTokenValue} from '@join-x5/react-theme';\nimport {CloseIcon} from '@join-x5/react-icons';\nimport {ButtonVariant, IconButton} from '@join-x5/react';\n\nimport {getAction} from '../Actions';\n\nimport type {RequiredQA} from '@join-x5/react-theme';\nimport type {SnackbarContentProps} from '../types';\n\nconst Container = styled.div`\n display: flex;\n align-items: flex-start;\n`;\n\nexport const ActionsTop: React.FC<SnackbarContentProps & RequiredQA> = ({qa, message}) => {\n const {key, closable, actionsTop = []} = message;\n\n const child = actionsTop.map(getAction).filter(Boolean);\n\n if (closable) {\n const onClose = () => closeSnackbar(key);\n\n child.push(\n <IconButton\n key=\"closebutton\"\n qa={`${qa}-close`}\n size={SizeTokenValue.Small}\n variant={ButtonVariant.Inner}\n onClick={onClose}\n >\n <CloseIcon size={SizeTokenValue.Small} />\n </IconButton>\n );\n }\n\n if (!child.length) {\n return null;\n }\n\n return <Container data-qa={`${qa}-actions-top`}>{child}</Container>;\n};\n","import styled from '@emotion/styled';\n\nimport {getAction} from '../Actions';\n\nimport type {SnackbarContentProps} from '../types';\nimport type {RequiredQA} from '@join-x5/react-theme';\n\nconst Container = styled.div`\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding-top: 4px;\n gap: 8px;\n`;\n\nexport const ActionsBottom: React.FC<SnackbarContentProps & RequiredQA> = props => {\n const {actionsBottom = []} = props.message;\n\n const child = actionsBottom.map(getAction).filter(Boolean);\n\n if (!child.length) {\n return null;\n }\n\n return <Container data-qa={`${props.qa}-actions-bottom`}>{child}</Container>;\n};\n","import type {CSSProperties, HTMLAttributes, ReactNode} from 'react';\nimport type {SnackbarProviderProps as BaseSnackbarProviderProps, OptionsObject} from 'notistack';\n\nimport type {QA} from '@join-x5/react-theme';\nimport type {ButtonProps, LinkProps} from '@join-x5/react';\n\n/** Пропсы провайдера notistack */\nexport type SnackbarProviderProps = BaseSnackbarProviderProps;\n\n/** Вариант дизайна Snackbar */\nexport enum SnackbarVariant {\n /** Без границы и иконки */\n Default = 'default',\n /** Зеленая граница и иконка */\n Success = 'success',\n /** Желтая граница и иконка */\n Warning = 'warning',\n /** Красная граница и иконка */\n Error = 'error',\n}\n\n/** Кнопки в сообщении\n *\n * Передаются кнопки(isButton), ссылки(isLink), или кастомный элемент\n */\nexport type SnackbarAction = ({isButton: true} & ButtonProps) | ({isLink: true} & LinkProps) | ReactNode;\n\n/** Всплывающее сообщение */\nexport type SnackbarMessage = {\n /** Контент */\n content: ReactNode;\n /** Заголовок */\n title?: ReactNode;\n /** Кастомная иконка */\n icon?: ReactNode;\n /** Вариант */\n variant?: SnackbarVariant;\n\n /** С возможностью закрытия (показывать крестик) */\n closable?: boolean;\n\n /** Кнопки сверху справа */\n actionsTop?: SnackbarAction[];\n /** Кнопки снизу */\n actionsBottom?: SnackbarAction[];\n} & QA &\n Omit<OptionsObject, 'variant'> &\n Pick<CSSProperties, 'maxWidth' | 'whiteSpace'> &\n Pick<HTMLAttributes<HTMLDivElement>, 'style' | 'className'>;\n\nexport type SnackbarMessageInner = Omit<SnackbarMessage, 'key'> & Required<Pick<SnackbarMessage, 'key' | 'variant'>>;\n\nexport type SnackbarContentProps = {\n message: SnackbarMessageInner;\n};\n","import styled from '@emotion/styled';\n\nimport {SnackbarVariant} from '../types';\n\nimport type {Theme} from '@emotion/react';\nimport type {RequiredQA} from '@join-x5/react-theme';\nimport type {SnackbarContentProps, SnackbarMessageInner} from '../types';\n\nconst variantColor = (theme: Theme): Record<SnackbarVariant, string> => ({\n [SnackbarVariant.Default]: theme.colors.white,\n [SnackbarVariant.Success]: theme.colors.additional.green[50],\n [SnackbarVariant.Warning]: theme.colors.additional.yellow[50],\n [SnackbarVariant.Error]: theme.colors.additional.red[50],\n});\n\nconst Container = styled.div`\n padding: 6px 8px 6px 4px;\n`;\n\nconst TitleComponent = styled.div<Pick<SnackbarMessageInner, 'variant'>>`\n padding-bottom: 2px;\n\n ${props => ({\n ...props.theme.typography.h4,\n\n color: variantColor(props.theme)[props.variant],\n })}\n`;\n\nconst ContentComponent = styled.div(props => ({\n ...props.theme.typography.p1compact,\n\n color: props.theme.colors.white,\n}));\n\nexport const MessageContent: React.FC<SnackbarContentProps & RequiredQA> = ({message, qa}) => {\n const {title, content, variant, whiteSpace} = message;\n\n return (\n <Container data-qa={`${qa}-message`}>\n {title && <TitleComponent variant={variant}>{title}</TitleComponent>}\n <ContentComponent style={{whiteSpace}}>{content}</ContentComponent>\n </Container>\n );\n};\n","import styled from '@emotion/styled';\nimport {useTheme} from '@emotion/react';\n\nimport {SizeTokenValue} from '@join-x5/react-theme';\n\nimport {DoneIcon, ErrorIcon, WarningIcon} from '@join-x5/react-icons';\n\nimport {SnackbarVariant} from '../types';\n\nimport type {Theme} from '@emotion/react';\nimport type {RequiredQA} from '@join-x5/react-theme';\nimport type {IconComponent} from '@join-x5/react-icons';\nimport type {SnackbarContentProps} from '../types';\n\nconst variantIcon: Record<SnackbarVariant, IconComponent | null> = {\n [SnackbarVariant.Default]: null,\n [SnackbarVariant.Success]: DoneIcon,\n [SnackbarVariant.Warning]: WarningIcon,\n [SnackbarVariant.Error]: ErrorIcon,\n};\n\nconst variantColor = (theme: Theme): Record<SnackbarVariant, string> => ({\n [SnackbarVariant.Default]: theme.colors.white,\n [SnackbarVariant.Success]: theme.colors.additional.green[50],\n [SnackbarVariant.Warning]: theme.colors.additional.yellow[50],\n [SnackbarVariant.Error]: theme.colors.additional.red[50],\n});\n\nconst Container = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n min-height: 32px;\n padding: 4px;\n box-sizing: border-box;\n\n ${props => props.theme.typography.h4}\n`;\n\nexport const MessageIcon: React.FC<SnackbarContentProps & RequiredQA> = ({qa, message: {icon, variant}}) => {\n const theme = useTheme();\n\n if (typeof icon !== 'undefined' && icon !== true) {\n return icon;\n }\n\n const Component = variantIcon[variant];\n if (!Component) {\n return null;\n }\n\n return (\n <Container data-qa={`${qa}-icon`}>\n <Component size={SizeTokenValue.Medium} color={variantColor(theme)[variant]} />\n </Container>\n );\n};\n","import styled from '@emotion/styled';\n\nimport {ActionsTop} from '../ActionsTop';\nimport {ActionsBottom} from '../ActionsBottom';\nimport {MessageContent} from '../MessageContent';\nimport {MessageIcon} from '../MessageIcon';\n\nimport {SnackbarVariant} from '../types';\n\nimport type {CSSProperties} from '@join-x5/react-theme';\nimport type {SnackbarContentProps, SnackbarMessageInner} from '../types';\n\nconst Container = styled.div<Pick<SnackbarMessageInner, 'variant'>>`\n display: flex;\n align-items: flex-start;\n padding: 8px;\n border-radius: 4px;\n box-sizing: border-box;\n\n ${props => {\n let boxShadow: CSSProperties['boxShadow'];\n\n switch (props.variant) {\n case SnackbarVariant.Success:\n boxShadow = `-4px 0px 0px 0px ${props.theme.colors.additional.green[50]}`;\n break;\n case SnackbarVariant.Warning:\n boxShadow = `-4px 0px 0px 0px ${props.theme.colors.additional.yellow[50]}`;\n break;\n case SnackbarVariant.Error:\n boxShadow = `-4px 0px 0px 0px ${props.theme.colors.additional.red[50]}`;\n break;\n }\n\n return {\n boxShadow,\n backgroundColor: props.theme.colors.grey[90],\n };\n }}\n`;\n\nconst Content = styled.div`\n flex-grow: 1;\n`;\n\nconst Top = styled.div`\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 16px;\n`;\n\nexport const MessageComponent: React.FC<SnackbarContentProps> = props => {\n const {variant, maxWidth, className, style, qa = 'snackbar-message'} = props.message;\n\n const resultProps = {...props, qa};\n\n const containerProps = {\n variant,\n className,\n\n 'data-qa': qa,\n\n style: {maxWidth, ...style},\n };\n\n return (\n <Container {...containerProps}>\n <MessageIcon {...resultProps} />\n\n <Content>\n <Top>\n <MessageContent {...resultProps} />\n <ActionsTop {...resultProps} />\n </Top>\n\n <ActionsBottom {...resultProps} />\n </Content>\n </Container>\n );\n};\n","import {closeSnackbar, enqueueSnackbar as baseEnqueueSnackbar} from 'notistack';\n\nimport {MessageComponent} from './MessageComponent';\n\nimport {SnackbarVariant} from './types';\n\nimport type {SnackbarMessage, SnackbarMessageInner} from './types';\n\nconst enqueueSnackbar = (message: SnackbarMessage) => {\n const innerMessage: SnackbarMessageInner = {\n ...message,\n\n key: message.key ?? String(Math.random() * 10_000),\n variant: message.variant ?? SnackbarVariant.Default,\n };\n\n baseEnqueueSnackbar(<MessageComponent message={innerMessage} />, {\n autoHideDuration: message.actionsTop || message.actionsBottom ? 7_000 : 3_000,\n\n ...innerMessage,\n\n content: undefined,\n });\n};\n\nexport {enqueueSnackbar, closeSnackbar};\n"],"names":["SnackbarContainer","forwardRef","message","style","ref","jsx","Components","default","success","warning","error","info","SnackbarProvider","children","props","jsxs","Fragment","BaseSnackbarProvider","getAction","action","index","Button","ButtonVariant","InnerSnackbar","SizeTokenValue","Small","Link","Container","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ActionsTop","qa","key","closable","actionsTop","child","map","filter","Boolean","onClose","closeSnackbar","push","IconButton","Inner","CloseIcon","length","ActionsBottom","actionsBottom","SnackbarVariant","Default","Success","Warning","Error","variantColor","theme","colors","white","additional","green","yellow","red","TitleComponent","typography","h4","color","variant","ContentComponent","p1compact","MessageContent","title","content","whiteSpace","variantIcon","DoneIcon","WarningIcon","ErrorIcon","MessageIcon","icon","useTheme","Component","Medium","boxShadow","backgroundColor","grey","Content","Top","MessageComponent","maxWidth","className","resultProps","containerProps","enqueueSnackbar","innerMessage","String","Math","random","baseEnqueueSnackbar","autoHideDuration","undefined"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@join-x5/react-snackbar",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"private": false,
|
|
5
|
-
"homepage": "
|
|
5
|
+
"homepage": "",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "dist/index.cjs",
|
|
8
8
|
"module": "dist/index.es.js",
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
"files": [
|
|
11
11
|
"dist"
|
|
12
12
|
],
|
|
13
|
+
|
|
13
14
|
"scripts": {
|
|
14
15
|
"build": "tsc --noEmit && vite build",
|
|
15
16
|
"lint": "eslint src --ignore-pattern \"**/*.stories.tsx\""
|
|
@@ -17,18 +18,19 @@
|
|
|
17
18
|
"devDependencies": {
|
|
18
19
|
"@emotion/babel-plugin": "^11.13.5",
|
|
19
20
|
"@eslint/js": "^9.3.0",
|
|
20
|
-
"@laynezh/vite-plugin-lib-assets": "^0.
|
|
21
|
+
"@laynezh/vite-plugin-lib-assets": "^1.0.0",
|
|
22
|
+
"@stylistic/eslint-plugin": "^3.0.1",
|
|
21
23
|
"@types/react": "^18.3.11",
|
|
22
24
|
"@types/react-dom": "^18.3.0",
|
|
23
25
|
"@types/react-window": "^1.8.8",
|
|
24
26
|
"@vitejs/plugin-react": "^4.3.2",
|
|
25
|
-
"eslint": "^
|
|
26
|
-
"eslint-config-prettier": "^
|
|
27
|
+
"eslint": "^9.19.0",
|
|
28
|
+
"eslint-config-prettier": "^10.0.1",
|
|
27
29
|
"eslint-import-resolver-typescript": "^3.6.3",
|
|
28
30
|
"eslint-plugin-import": "^2.31.0",
|
|
29
31
|
"eslint-plugin-prettier": "^5.2.1",
|
|
30
32
|
"eslint-plugin-react": "^7.34.1",
|
|
31
|
-
"eslint-plugin-react-hooks": "^
|
|
33
|
+
"eslint-plugin-react-hooks": "^5.1.0",
|
|
32
34
|
"eslint-plugin-workspaces": "^0.10.1",
|
|
33
35
|
"jsdom": "^25.0.1",
|
|
34
36
|
"prettier": "3.3.3",
|
|
@@ -36,26 +38,26 @@
|
|
|
36
38
|
"react-dom": "^18.3.1",
|
|
37
39
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
38
40
|
"rollup-plugin-preserve-directives": "^0.4.0",
|
|
39
|
-
"typescript": "^5.
|
|
40
|
-
"typescript-eslint": "^
|
|
41
|
+
"typescript": "^5.7.3",
|
|
42
|
+
"typescript-eslint": "^8.23.0",
|
|
41
43
|
"vite": "^5.4.8",
|
|
42
44
|
"vite-plugin-dts": "^4.2.4",
|
|
43
45
|
"vite-tsconfig-paths": "^5.0.1"
|
|
44
46
|
},
|
|
45
47
|
"dependencies": {
|
|
46
|
-
"@
|
|
47
|
-
"@
|
|
48
|
-
"@join-x5/react
|
|
49
|
-
"@
|
|
50
|
-
"@
|
|
48
|
+
"@emotion/react": "^11.14.0",
|
|
49
|
+
"@emotion/styled": "^11.14.0",
|
|
50
|
+
"@join-x5/react": "1.0.1",
|
|
51
|
+
"@join-x5/react-icons": "1.0.1",
|
|
52
|
+
"@join-x5/react-theme": "1.0.1",
|
|
51
53
|
"notistack": "^3.0.1"
|
|
52
54
|
},
|
|
53
55
|
"peerDependencies": {
|
|
54
|
-
"@
|
|
55
|
-
"@
|
|
56
|
-
"@join-x5/react
|
|
57
|
-
"@
|
|
58
|
-
"@
|
|
56
|
+
"@emotion/react": "^11.14.0",
|
|
57
|
+
"@emotion/styled": "^11.14.0",
|
|
58
|
+
"@join-x5/react": "1.0.1",
|
|
59
|
+
"@join-x5/react-icons": "1.0.1",
|
|
60
|
+
"@join-x5/react-theme": "1.0.1",
|
|
59
61
|
"notistack": "^3.0.1",
|
|
60
62
|
"react": ">=17.0.0",
|
|
61
63
|
"react-dom": ">=17.0.0"
|