@skodaflow/web-library 4.2.0 → 6.0.0

package/cjs/layout/Footer/FooterLink.d.ts

@@ -0,0 +1,15 @@
+import { IconButtonProps } from '@mui/material';
+import React, { ReactNode } from 'react';
+import { IconNameProp } from '@/src/components';
+export type FooterLinkProps<C extends React.ElementType> = {
+    /**
+     * Icon identifier
+     * @requires
+     */
+    icon?: IconNameProp;
+    children: ReactNode;
+} & IconButtonProps<C, {
+    component?: C;
+}>;
+/** Renders icon button intended for `Footer` component */
+export declare function FooterLink<C extends React.ElementType = 'a'>(props: FooterLinkProps<C>): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Footer/FooterLink.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("@mui/material"),n=require("react"),t=require("../../components/icon/icon.js");exports.FooterLink=function(i){const{icon:c,children:s}=i,a=e.__rest(i,["icon","children"]),l=n.useMemo((()=>i.href||i.onClick),[i]);return r.jsxs(o.Stack,Object.assign({component:"a"},a,{direction:"row",spacing:1,alignItems:"center",sx:{color:e=>e.palette.onSurface.os0,textDecorationColor:e=>e.palette.onSurface.os0,textDecoration:"none",cursor:l?"pointer":void 0,"&:hover p":{textDecoration:l?"underline":void 0}},children:[c&&r.jsx(t.Icon,{fontSize:"small",name:c}),r.jsx(o.Typography,{sx:{fontSize:"12px"},children:s})]}))};
+//# sourceMappingURL=FooterLink.js.map

package/cjs/layout/Footer/FooterLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterLink.js","sources":["../../../../src/layout/Footer/FooterLink.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Stack, Typography } from '@mui/material';\nimport { useMemo } from 'react';\nimport { Icon } from '../../components/icon/icon';\n/** Renders icon button intended for `Footer` component */\nexport function FooterLink(props) {\n    const { icon, children } = props, rest = __rest(props, [\"icon\", \"children\"]);\n    const shouldDecorateText = useMemo(() => props.href || props.onClick, [props]);\n    return (_jsxs(Stack, Object.assign({ component: \"a\" }, rest, { direction: \"row\", spacing: 1, alignItems: \"center\", sx: {\n            color: (theme) => theme.palette.onSurface.os0,\n            textDecorationColor: (theme) => theme.palette.onSurface.os0,\n            textDecoration: 'none',\n            cursor: shouldDecorateText ? 'pointer' : undefined,\n            '&:hover p': {\n                textDecoration: shouldDecorateText ? 'underline' : undefined,\n            },\n        }, children: [icon && _jsx(Icon, { fontSize: \"small\", name: icon }), _jsx(Typography, { sx: {\n                    fontSize: '12px',\n                }, children: children })] })));\n}\n//# sourceMappingURL=FooterLink.js.map"],"names":["props","icon","children","rest","__rest","shouldDecorateText","useMemo","href","onClick","_jsxs","Stack","Object","assign","component","direction","spacing","alignItems","sx","color","theme","palette","onSurface","os0","textDecorationColor","textDecoration","cursor","undefined","_jsx","Icon","fontSize","name","jsx","Typography"],"mappings":"+KAMO,SAAoBA,GACvB,WAAQC,EAAIC,SAAEA,GAAaF,EAAOG,EAAOC,EAAMA,OAACJ,EAAO,CAAC,OAAQ,aAC1DK,EAAqBC,WAAQ,IAAMN,EAAMO,MAAQP,EAAMQ,SAAS,CAACR,IACvE,OAAQS,EAAAA,KAAMC,EAAAA,MAAOC,OAAOC,OAAO,CAAEC,UAAW,KAAOV,EAAM,CAAEW,UAAW,MAAOC,QAAS,EAAGC,WAAY,SAAUC,GAAI,CAC/GC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1CC,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUC,IACxDE,eAAgB,OAChBC,OAAQpB,EAAqB,eAAYqB,EACzC,YAAa,CACTF,eAAgBnB,EAAqB,iBAAcqB,IAExDxB,SAAU,CAACD,GAAQ0B,EAAAA,IAAKC,EAAAA,KAAM,CAAEC,SAAU,QAASC,KAAM7B,IAAS0B,EAAII,IAACC,EAAUA,WAAE,CAAEf,GAAI,CAChFY,SAAU,QACX3B,SAAUA,OAC7B"}

package/cjs/layout/Footer/FooterMenu.d.ts

@@ -0,0 +1,21 @@
+import { FC, ReactNode } from 'react';
+export type FooterMenuProps = {
+    /**
+     * Main item of Menu, `Link` component can be used here
+     * @requires
+     */
+    mainItem: ReactNode;
+    /**
+     * Other items of Menu, multiple `Link` components wrapped in fragment can be used here
+     * @requires
+     */
+    subItems: ReactNode;
+    /**
+     * Variant of the Menu
+     * List will have all items rendered, this is suitable for larger screens.
+     * Accordion will have only main item rendered, sub items can be shown/hidden by user action. This is suitable for smaller screens.
+     * @default list
+     */
+    variant?: 'list' | 'accordion';
+};
+export declare const FooterMenu: FC<FooterMenuProps>;

package/cjs/layout/Footer/FooterMenu.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),o=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js"),require("../../utils/enum.js");var t=require("../../utils/useClosure/useClosure.js"),n=require("@mui/material"),r=require("react");exports.FooterMenu=({mainItem:i,subItems:s,variant:c="list"})=>{const{isOpen:a,onToggle:l,onOpen:u}=t.useClosure("list"===c);return r.useEffect((()=>{"list"===c&&u()}),[c,u]),e.jsxs(n.Stack,{spacing:1,direction:"column","data-testid":"FooterMenu",children:[e.jsxs(n.Box,{sx:{fontSize:"12px",fontWeight:"bold",color:e=>e.palette.onSurface.os0,"& a":{color:e=>e.palette.onSurface.os0,textDecorationColor:e=>e.palette.onSurface.os0,textDecoration:"none","&:hover":{textDecoration:"underline"}},minHeight:"44px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsx(n.Box,{"data-testid":"FooterMenu.label",children:i}),"accordion"===c&&e.jsx(n.IconButton,{size:"small",onClick:l,"data-testId":"FooterMenu.toggle",children:e.jsx(o.Icon,{fontSize:"small",name:a?"chevron-up":"chevron-down"})})]}),e.jsx(n.Collapse,{in:a,"data-testid":"FooterMenu.content",children:e.jsx(n.Stack,{direction:"column",spacing:1,sx:{fontSize:"12px",color:e=>e.palette.onSurface.os200,"& a":{color:e=>e.palette.onSurface.os200,textDecorationColor:e=>e.palette.onSurface.os200,textDecoration:"none","&:hover":{textDecoration:"underline"}}},children:s})})]})};
+//# sourceMappingURL=FooterMenu.js.map

package/cjs/layout/Footer/FooterMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterMenu.js","sources":["../../../../src/layout/Footer/FooterMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\nimport { Box, Collapse, IconButton, Stack } from '@mui/material';\nimport { useEffect } from 'react';\nexport const FooterMenu = ({ mainItem, subItems, variant = 'list' }) => {\n    const { isOpen, onToggle, onOpen } = useClosure(variant === 'list');\n    useEffect(() => {\n        if (variant === 'list') {\n            onOpen();\n        }\n    }, [variant, onOpen]);\n    return (_jsxs(Stack, { spacing: 1, direction: \"column\", \"data-testid\": \"FooterMenu\", children: [_jsxs(Box, { sx: {\n                    fontSize: '12px',\n                    fontWeight: 'bold',\n                    color: (theme) => theme.palette.onSurface.os0,\n                    '& a': {\n                        color: (theme) => theme.palette.onSurface.os0,\n                        textDecorationColor: (theme) => theme.palette.onSurface.os0,\n                        textDecoration: 'none',\n                        '&:hover': {\n                            textDecoration: 'underline',\n                        },\n                    },\n                    minHeight: '44px',\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'space-between',\n                }, children: [_jsx(Box, { \"data-testid\": \"FooterMenu.label\", children: mainItem }), variant === 'accordion' && (_jsx(IconButton, { size: \"small\", onClick: onToggle, \"data-testId\": \"FooterMenu.toggle\", children: _jsx(Icon, { fontSize: \"small\", name: isOpen ? 'chevron-up' : 'chevron-down' }) }))] }), _jsx(Collapse, { in: isOpen, \"data-testid\": \"FooterMenu.content\", children: _jsx(Stack, { direction: \"column\", spacing: 1, sx: {\n                        fontSize: '12px',\n                        color: (theme) => theme.palette.onSurface.os200,\n                        '& a': {\n                            color: (theme) => theme.palette.onSurface.os200,\n                            textDecorationColor: (theme) => theme.palette.onSurface.os200,\n                            textDecoration: 'none',\n                            '&:hover': {\n                                textDecoration: 'underline',\n                            },\n                        },\n                    }, children: subItems }) })] }));\n};\n//# sourceMappingURL=FooterMenu.js.map"],"names":["mainItem","subItems","variant","isOpen","onToggle","onOpen","useClosure","useEffect","_jsxs","jsxs","Stack","spacing","direction","children","Box","sx","fontSize","fontWeight","color","theme","palette","onSurface","os0","textDecorationColor","textDecoration","minHeight","display","alignItems","justifyContent","_jsx","IconButton","size","onClick","jsx","Icon","name","Collapse","in","os200"],"mappings":"sSAK0B,EAAGA,WAAUC,WAAUC,UAAU,WACvD,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,OAAEA,GAAWC,aAAuB,SAAZJ,GAMhD,OALAK,EAAAA,WAAU,KACU,SAAZL,GACAG,GACH,GACF,CAACH,EAASG,IACLG,EAAKC,KAACC,EAAKA,MAAE,CAAEC,QAAS,EAAGC,UAAW,SAAU,cAAe,aAAcC,SAAU,CAACL,EAAKC,KAACK,EAAGA,IAAE,CAAEC,GAAI,CACjGC,SAAU,OACVC,WAAY,OACZC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1C,MAAO,CACHJ,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1CC,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUC,IACxDE,eAAgB,OAChB,UAAW,CACPA,eAAgB,cAGxBC,UAAW,OACXC,QAAS,OACTC,WAAY,SACZC,eAAgB,iBACjBf,SAAU,CAACgB,MAAKf,EAAAA,IAAK,CAAE,cAAe,mBAAoBD,SAAUb,IAAyB,cAAZE,GAA4B2B,MAAKC,EAAAA,WAAY,CAAEC,KAAM,QAASC,QAAS5B,EAAU,cAAe,oBAAqBS,SAAUgB,EAAII,IAACC,EAAIA,KAAE,CAAElB,SAAU,QAASmB,KAAMhC,EAAS,aAAe,sBAA2B0B,EAAII,IAACG,EAAQA,SAAE,CAAEC,GAAIlC,EAAQ,cAAe,qBAAsBU,SAAUgB,MAAKnB,EAAAA,MAAO,CAAEE,UAAW,SAAUD,QAAS,EAAGI,GAAI,CACnaC,SAAU,OACVE,MAAQC,GAAUA,EAAMC,QAAQC,UAAUiB,MAC1C,MAAO,CACHpB,MAAQC,GAAUA,EAAMC,QAAQC,UAAUiB,MAC1Cf,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUiB,MACxDd,eAAgB,OAChB,UAAW,CACPA,eAAgB,eAGzBX,SAAUZ,QAAoB"}

package/cjs/layout/Footer/FooterSectionContact.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+export type FooterSectionContactProps = {
+    /**
+     * Items that should be rendered in left side of the Footer.
+     */
+    contactSlot?: ReactNode;
+    /**
+     * Items that should be rendered in right side of the Footer.
+     */
+    socialSlot?: ReactNode;
+};
+export declare const FooterSectionContact: React.FC<FooterSectionContactProps>;

package/cjs/layout/Footer/FooterSectionContact.js

@@ -0,0 +1,2 @@
+"use strict";var t=require("react/jsx-runtime"),e=require("@mui/material");function i(t){return t&&t.__esModule?t:{default:t}}var o=i(require("@mui/material/Unstable_Grid2"));exports.FooterSectionContact=i=>i.contactSlot||i.socialSlot?t.jsx(e.Box,{"data-testid":"FooterSectionContact",children:t.jsxs(o.default,{container:!0,spacing:6,children:[t.jsx(o.default,{lg:9,xs:12,"data-testid":"FooterSectionContact.contact",children:t.jsx(e.Stack,{direction:{xs:"column",md:"row"},spacing:4,children:i.contactSlot})}),t.jsx(o.default,{lg:3,xs:12,justifyContent:{xs:"flex-start",lg:"flex-end"},display:"flex","data-testid":"FooterSectionContact.social",children:t.jsx(e.Stack,{direction:"row",spacing:1,children:i.socialSlot})})]})}):null;
+//# sourceMappingURL=FooterSectionContact.js.map

package/cjs/layout/Footer/FooterSectionContact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterSectionContact.js","sources":["../../../../src/layout/Footer/FooterSectionContact.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Stack } from '@mui/material';\nimport Grid from '@mui/material/Unstable_Grid2';\nexport const FooterSectionContact = (props) => {\n    if (!props.contactSlot && !props.socialSlot) {\n        return null;\n    }\n    return (_jsx(Box, { \"data-testid\": \"FooterSectionContact\", children: _jsxs(Grid, { container: true, spacing: 6, children: [_jsx(Grid, { lg: 9, xs: 12, \"data-testid\": \"FooterSectionContact.contact\", children: _jsx(Stack, { direction: { xs: 'column', md: 'row' }, spacing: 4, children: props.contactSlot }) }), _jsx(Grid, { lg: 3, xs: 12, justifyContent: { xs: 'flex-start', lg: 'flex-end' }, display: \"flex\", \"data-testid\": \"FooterSectionContact.social\", children: _jsx(Stack, { direction: \"row\", spacing: 1, children: props.socialSlot }) })] }) }));\n};\n//# sourceMappingURL=FooterSectionContact.js.map"],"names":["props","contactSlot","socialSlot","_jsx","Box","children","_jsxs","Grid","default","container","spacing","lg","xs","jsx","Stack","direction","md","justifyContent","display"],"mappings":"4MAGqCA,GAC5BA,EAAMC,aAAgBD,EAAME,WAGzBC,EAAAA,IAAKC,EAAAA,IAAK,CAAE,cAAe,uBAAwBC,SAAUC,EAAAA,KAAMC,EAAIC,QAAE,CAAEC,WAAW,EAAMC,QAAS,EAAGL,SAAU,CAACF,EAAAA,IAAKI,EAAAA,QAAM,CAAEI,GAAI,EAAGC,GAAI,GAAI,cAAe,+BAAgCP,SAAUF,EAAIU,IAACC,QAAO,CAAEC,UAAW,CAAEH,GAAI,SAAUI,GAAI,OAASN,QAAS,EAAGL,SAAUL,EAAMC,gBAAmBE,EAAAA,IAAKI,EAAAA,QAAM,CAAEI,GAAI,EAAGC,GAAI,GAAIK,eAAgB,CAAEL,GAAI,aAAcD,GAAI,YAAcO,QAAS,OAAQ,cAAe,8BAA+Bb,SAAUF,EAAIU,IAACC,EAAKA,MAAE,CAAEC,UAAW,MAAOL,QAAS,EAAGL,SAAUL,EAAME,oBAFjgB"}

package/cjs/layout/Footer/FooterSectionMenu.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactNode } from 'react';
+export type FooterSectionMenuProps = {
+    children: ReactNode;
+};
+export declare const FooterSectionMenu: React.FC<FooterSectionMenuProps>;

package/cjs/layout/Footer/FooterSectionMenu.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material/Unstable_Grid2"),i=require("@mui/material"),n=require("react-keyed-flatten-children");function a(e){return e&&e.__esModule?e:{default:e}}var u=a(t),l=a(n);exports.FooterSectionMenu=t=>{const n=r.useMemo((()=>l.default(t.children)),[t.children]);return e.jsx(i.Box,{"data-testid":"FooterSectionMenu",children:e.jsx(u.default,{container:!0,spacing:3,sx:{margin:"-12px !important"},children:r.Children.map(n,(r=>e.jsx(u.default,{lg:2,xs:12,children:r})))})})};
+//# sourceMappingURL=FooterSectionMenu.js.map

package/cjs/layout/Footer/FooterSectionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterSectionMenu.js","sources":["../../../../src/layout/Footer/FooterSectionMenu.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Children, useMemo } from 'react';\nimport Grid from '@mui/material/Unstable_Grid2';\nimport { Box } from '@mui/material';\nimport flattenChildren from 'react-keyed-flatten-children';\nexport const FooterSectionMenu = (props) => {\n    const childrenArray = useMemo(() => flattenChildren(props.children), [props.children]);\n    return (_jsx(Box, { \"data-testid\": \"FooterSectionMenu\", children: _jsx(Grid, { container: true, spacing: 3, sx: { margin: '-12px !important' }, children: Children.map(childrenArray, (item) => (_jsx(Grid, { lg: 2, xs: 12, children: item }))) }) }));\n};\n//# sourceMappingURL=FooterSectionMenu.js.map"],"names":["props","childrenArray","useMemo","flattenChildren","children","_jsx","Box","Grid","default","container","spacing","sx","margin","Children","map","item","lg","xs"],"mappings":"iRAKkCA,IAC9B,MAAMC,EAAgBC,WAAQ,IAAMC,UAAgBH,EAAMI,WAAW,CAACJ,EAAMI,WAC5E,OAAQC,EAAAA,IAAKC,EAAAA,IAAK,CAAE,cAAe,oBAAqBF,SAAUC,EAAAA,IAAKE,EAAIC,QAAE,CAAEC,WAAW,EAAMC,QAAS,EAAGC,GAAI,CAAEC,OAAQ,oBAAsBR,SAAUS,EAAAA,SAASC,IAAIb,GAAgBc,GAAUV,EAAAA,IAAKE,EAAAA,QAAM,CAAES,GAAI,EAAGC,GAAI,GAAIb,SAAUW,SAAiB"}

package/cjs/layout/Footer/PredefinedFooterIconButtons.d.ts

@@ -1,6 +1,7 @@
 import { IconButtonProps } from '@mui/material';
+import { FC } from 'react';
 export type PredefinedFooterIconButtonProps = IconButtonProps;
-export declare function FacebookFooterIconButton(props: PredefinedFooterIconButtonProps): import("react/jsx-runtime").JSX.Element;
-export declare function InstagramFooterIconButton(props: PredefinedFooterIconButtonProps): import("react/jsx-runtime").JSX.Element;
-export declare function TwitterFooterIconButton(props: PredefinedFooterIconButtonProps): import("react/jsx-runtime").JSX.Element;
-export declare function YoutubeFooterIconButton(props: PredefinedFooterIconButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const FacebookFooterIconButton: FC<PredefinedFooterIconButtonProps>;
+export declare const InstagramFooterIconButton: FC<PredefinedFooterIconButtonProps>;
+export declare const TwitterFooterIconButton: FC<PredefinedFooterIconButtonProps>;
+export declare const YoutubeFooterIconButton: FC<PredefinedFooterIconButtonProps>;

package/cjs/layout/Footer/PredefinedFooterIconButtons.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),s=require("@mui/material"),r=require("./assets/facebook_icon.svg.js"),n=require("./assets/instagram_icon.svg.js"),i=require("./assets/twitter_icon.svg.js"),o=require("./assets/youtube_icon.svg.js");function c(r){const{children:n}=r,i=t.__rest(r,["children"]);return e.jsx(s.IconButton,Object.assign({size:"large"},i,{children:e.jsx(s.Icon,{sx:{display:"flex","& img":{width:"100%",height:"100%"}},children:n})}))}exports.FacebookFooterIconButton=function(t){return e.jsx(c,Object.assign({},t,{children:e.jsx("img",{alt:"",src:r.default})}))},exports.InstagramFooterIconButton=function(t){return e.jsx(c,Object.assign({},t,{children:e.jsx("img",{alt:"",src:n.default})}))},exports.TwitterFooterIconButton=function(t){return e.jsx(c,Object.assign({},t,{children:e.jsx("img",{alt:"",src:i.default})}))},exports.YoutubeFooterIconButton=function(t){return e.jsx(c,Object.assign({},t,{children:e.jsx("img",{alt:"",src:o.default})}))};
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),s=require("@mui/material"),r=require("./assets/facebook_icon.svg.js"),o=require("./assets/instagram_icon.svg.js"),i=require("./assets/twitter_icon.svg.js"),n=require("./assets/youtube_icon.svg.js");function u(r){return o=>{const i=e.__rest(o,["children"]);return t.jsx(s.IconButton,Object.assign({size:"small"},i,{sx:{"&:hover":{backgroundColor:"#F3F3F317"}},children:t.jsx(s.Icon,{fontSize:"small",sx:{display:"flex","& img":{width:"100%",height:"100%"}},children:t.jsx("img",{src:r})})}))}}const a=u(r.default),c=u(o.default),l=u(i.default),g=u(n.default);exports.FacebookFooterIconButton=a,exports.InstagramFooterIconButton=c,exports.TwitterFooterIconButton=l,exports.YoutubeFooterIconButton=g;
 //# sourceMappingURL=PredefinedFooterIconButtons.js.map

package/cjs/layout/Footer/PredefinedFooterIconButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"PredefinedFooterIconButtons.js","sources":["../../../../src/layout/Footer/PredefinedFooterIconButtons.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon, IconButton } from '@mui/material';\nimport FacebookIcon from './assets/facebook_icon.svg';\nimport InstagramIcon from './assets/instagram_icon.svg';\nimport TwitterIcon from './assets/twitter_icon.svg';\nimport YoutubeIcon from './assets/youtube_icon.svg';\nfunction FooterIconButton(props) {\n    const { children } = props, rest = __rest(props, [\"children\"]);\n    return (_jsx(IconButton, Object.assign({ size: \"large\" }, rest, { children: _jsx(Icon, { sx: { display: 'flex', '& img': { width: '100%', height: '100%' } }, children: children }) })));\n}\nexport function FacebookFooterIconButton(props) {\n    return (_jsx(FooterIconButton, Object.assign({}, props, { children: _jsx(\"img\", { alt: \"\", src: FacebookIcon }) })));\n}\nexport function InstagramFooterIconButton(props) {\n    return (_jsx(FooterIconButton, Object.assign({}, props, { children: _jsx(\"img\", { alt: \"\", src: InstagramIcon }) })));\n}\nexport function TwitterFooterIconButton(props) {\n    return (_jsx(FooterIconButton, Object.assign({}, props, { children: _jsx(\"img\", { alt: \"\", src: TwitterIcon }) })));\n}\nexport function YoutubeFooterIconButton(props) {\n    return (_jsx(FooterIconButton, Object.assign({}, props, { children: _jsx(\"img\", { alt: \"\", src: YoutubeIcon }) })));\n}\n//# sourceMappingURL=PredefinedFooterIconButtons.js.map"],"names":["FooterIconButton","props","children","rest","__rest","_jsx","jsx","IconButton","Object","assign","size","Icon","sx","display","width","height","alt","src","FacebookIcon","InstagramIcon","TwitterIcon","YoutubeIcon"],"mappings":"yQAOA,SAASA,EAAiBC,GACtB,MAAMC,SAAEA,GAAaD,EAAOE,EAAOC,EAAAA,OAAOH,EAAO,CAAC,aAClD,OAAQI,EAAIC,IAACC,EAAUA,WAAEC,OAAOC,OAAO,CAAEC,KAAM,SAAWP,EAAM,CAAED,SAAUG,EAAIC,IAACK,EAAIA,KAAE,CAAEC,GAAI,CAAEC,QAAS,OAAQ,QAAS,CAAEC,MAAO,OAAQC,OAAQ,SAAYb,SAAUA,MAC5K,kCACO,SAAkCD,GACrC,OAAQI,EAAAA,IAAKL,EAAkBQ,OAAOC,OAAO,CAAE,EAAER,EAAO,CAAEC,SAAUG,EAAIC,IAAC,MAAO,CAAEU,IAAK,GAAIC,IAAKC,cACpG,oCACO,SAAmCjB,GACtC,OAAQI,EAAAA,IAAKL,EAAkBQ,OAAOC,OAAO,CAAE,EAAER,EAAO,CAAEC,SAAUG,EAAIC,IAAC,MAAO,CAAEU,IAAK,GAAIC,IAAKE,cACpG,kCACO,SAAiClB,GACpC,OAAQI,EAAAA,IAAKL,EAAkBQ,OAAOC,OAAO,CAAE,EAAER,EAAO,CAAEC,SAAUG,EAAIC,IAAC,MAAO,CAAEU,IAAK,GAAIC,IAAKG,cACpG,kCACO,SAAiCnB,GACpC,OAAQI,EAAAA,IAAKL,EAAkBQ,OAAOC,OAAO,CAAE,EAAER,EAAO,CAAEC,SAAUG,EAAIC,IAAC,MAAO,CAAEU,IAAK,GAAIC,IAAKI,cACpG"}
+{"version":3,"file":"PredefinedFooterIconButtons.js","sources":["../../../../src/layout/Footer/PredefinedFooterIconButtons.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon, IconButton } from '@mui/material';\nimport FacebookIcon from './assets/facebook_icon.svg';\nimport InstagramIcon from './assets/instagram_icon.svg';\nimport TwitterIcon from './assets/twitter_icon.svg';\nimport YoutubeIcon from './assets/youtube_icon.svg';\nfunction createPredefinedButton(icon) {\n    return (props) => {\n        const { children } = props, rest = __rest(props, [\"children\"]);\n        return (_jsx(IconButton, Object.assign({ size: \"small\" }, rest, { sx: {\n                '&:hover': {\n                    backgroundColor: '#F3F3F317',\n                },\n            }, children: _jsx(Icon, { fontSize: \"small\", sx: {\n                    display: 'flex',\n                    '& img': { width: '100%', height: '100%' },\n                }, children: _jsx(\"img\", { src: icon }) }) })));\n    };\n}\nexport const FacebookFooterIconButton = createPredefinedButton(FacebookIcon);\nexport const InstagramFooterIconButton = createPredefinedButton(InstagramIcon);\nexport const TwitterFooterIconButton = createPredefinedButton(TwitterIcon);\nexport const YoutubeFooterIconButton = createPredefinedButton(YoutubeIcon);\n//# sourceMappingURL=PredefinedFooterIconButtons.js.map"],"names":["createPredefinedButton","icon","props","rest","__rest","_jsx","jsx","IconButton","Object","assign","size","sx","backgroundColor","children","Icon","fontSize","display","width","height","src","FacebookFooterIconButton","FacebookIcon","InstagramFooterIconButton","InstagramIcon","TwitterFooterIconButton","TwitterIcon","YoutubeFooterIconButton","YoutubeIcon","default"],"mappings":"yQAOA,SAASA,EAAuBC,GAC5B,OAAQC,IACC,MAAuBC,EAAOC,EAAMA,OAACF,EAAO,CAAC,aAClD,OAAQG,EAAIC,IAACC,aAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWP,EAAM,CAAEQ,GAAI,CAC9D,UAAW,CACPC,gBAAiB,cAEtBC,SAAUR,EAAAA,IAAKS,EAAAA,KAAM,CAAEC,SAAU,QAASJ,GAAI,CACzCK,QAAS,OACT,QAAS,CAAEC,MAAO,OAAQC,OAAQ,SACnCL,SAAUR,MAAK,MAAO,CAAEc,IAAKlB,QAAgB,CAEhE,CACY,MAACmB,EAA2BpB,EAAuBqB,WAClDC,EAA4BtB,EAAuBuB,WACnDC,EAA0BxB,EAAuByB,WACjDC,EAA0B1B,EAAuB2B,EAAWC"}

package/cjs/layout/Footer/index.d.ts

@@ -1,4 +1,8 @@
 export * from './Footer';
-export * from './FooterNavItem';
+export * from './FooterMenu';
+export * from './FooterAccordion';
 export * from './FooterIconButton';
 export * from './PredefinedFooterIconButtons';
+export * from './FooterSectionContact';
+export * from './FooterSectionMenu';
+export * from './FooterLink';

package/cjs/layout/Header/HeaderButton.d.ts

@@ -1,11 +1,11 @@
 import { IconButtonProps } from '@mui/material';
 import React from 'react';
-import { IndicatorProps } from '@/src/components';
+import { IconNameProp, IndicatorProps } from '@/src/components';
 export type HeaderButtonProps<C extends React.ElementType> = {
-    icon: string;
+    icon: IconNameProp;
     label?: string;
     color?: 'white' | 'grey';
-    indicator?: IndicatorProps['variant'];
+    indicator?: IndicatorProps['color'];
 } & IconButtonProps<C, {
     component?: C;
 }>;

package/cjs/layout/Header/HeaderButton.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("@mui/material"),s=require("react"),i=require("../../components/icon/icon.js");require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/banner/banner.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var n=require("../../components/indicator/indicator.js");require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("../../components/mobileStepper/mobileStepper.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/tab/tab.js"),require("../../components/tab/tabs.js"),require("../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("lodash/noop"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/agGrid/agGrid.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("../../organisms/gallery/Gallery.js"),require("../../organisms/gallery/GalleryItem.js"),require("@mui/material/styles"),require("../../design/skoda/palette.theme.js"),require("../../design/skoda/components/tabs/tabs.theme.js"),require("../../design/skoda/components/autocomplete.theme.js"),require("../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../design/skoda/theme.breakpoints.js"),require("../../design/skoda/theme.constants.js"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../../design/skoda/components/icon.theme.js"),require("../../design/skoda/components/mobileStepper.theme.js"),require("../../design/skoda/components/modal.theme.js"),require("../../design/skoda/components/pagination.theme.js"),require("../../design/skoda/components/slider.theme.js"),require("../../design/skoda/components/snackbar.theme.js"),require("../../design/skoda/components/tooltip.theme.js"),require("../../design/skoda/components/accordion/accordionSummary.theme.js"),require("@mui/x-date-pickers/internals"),require("react-use"),require("../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../utils/enum.js"),require("../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../organisms/maps/utils/mapIcons.js"),require("../../organisms/maps/mapComponents/mapStyled.js"),require("../../organisms/shortcutLink/shortcutLink.js"),require("../../organisms/textCta/textCta.js"),require("../../organisms/tile/tile.js"),require("lodash/merge"),require("../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../organisms/notification/Notification.js"),require("../../organisms/notification/NotificationCenter.js"),require("./HeaderContext.js"),require("./HeaderNavigationHero.js"),require("./HeaderNavigationLink.js"),require("./HeaderNavigationMenu.js"),require("./PredefinedHeaderButtons.js"),require("./HeaderOverheadItem.js"),require("../SideMenu/SideMenuItem.js"),require("../Footer/FooterNavItem.js"),require("../SecondaryNavigation/SecondaryNavigationCta.js"),require("../SecondaryNavigation/SecondaryNavigationItem.js"),require("../../production/Button.js"),require("minimatch");const t=s.forwardRef((function(s,t){const{icon:a,label:u,color:c,indicator:m}=s,l=e.__rest(s,["icon","label","color","indicator"]),d=o.useTheme();return r.jsx(o.Tooltip,{title:u,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:r.jsxs(o.IconButton,Object.assign({size:"large"},l,{ref:t,sx:{background:"grey"===c&&d.palette.surface.primary,".disclamer":{position:"absolute",top:"15%",right:"20%"},".disclamer::before":{margin:0}},children:[m&&r.jsx(n.Indicator,{variant:m}),r.jsx(i.Icon,{className:a})]}))})}));exports.HeaderButton=t;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("@mui/material"),s=require("react"),i=require("../../components/icon/icon.js");require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("@mui/material/styles"),require("../../design/skoda/palette.theme.js"),require("../../design/skoda/components/accordion/accordionSummary.theme.js"),require("../../design/skoda/components/autocomplete.theme.js"),require("../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../design/skoda/theme.breakpoints.js"),require("../../design/skoda/theme.constants.js"),require("@mui/x-date-pickers/internals"),require("../../design/skoda/components/divider.theme.js"),require("../../design/skoda/components/drawer.theme.js"),require("../../design/skoda/components/form/slider.theme.js"),require("../../design/skoda/components/icon.theme.js"),require("../../design/skoda/components/mobileStepper.theme.js"),require("../../design/skoda/components/modal.theme.js"),require("../../design/skoda/components/pagination.theme.js"),require("../../design/skoda/components/snackbar.theme.js"),require("../../design/skoda/components/stepper/stepIcon/errorStepIcon.js"),require("../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js"),require("../../design/skoda/components/tabs/tabs.theme.js"),require("../../design/skoda/components/tooltip.theme.js"),require("react-use"),require("../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../components/controls/controls.js"),require("../../components/numbering/numbering.js"),require("../../utils/enum.js"),require("../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../organisms/maps/utils/mapIcons.js"),require("../../organisms/maps/mapComponents/mapStyled.js"),require("../../organisms/shortcutLink/shortcutLink.js"),require("../../organisms/textCta/textCta.js"),require("../../organisms/tile/tile.js"),require("lodash/merge"),require("lodash/noop"),require("../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../organisms/notification/Notification.js"),require("../../organisms/notification/NotificationCenter.js"),require("./HeaderContext.js"),require("./HeaderNavigationHero.js"),require("./HeaderNavigationLink.js"),require("./HeaderNavigationMenu.js"),require("./PredefinedHeaderButtons.js"),require("./HeaderOverheadItem.js"),require("../../components/icon/icon.definitions.js"),require("../SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("../SecondaryNavigation/SecondaryNavigationCta.js"),require("../SecondaryNavigation/SecondaryNavigationItem.js"),require("../../production/Button/Button.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var n=require("../../components/indicator/indicator.js");require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../components/mobileStepper/mobileStepperButton.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/tab/tab.js"),require("../../components/tab/tabs.js"),require("../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/agGrid/agGrid.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("../../organisms/gallery/Gallery.js"),require("../../organisms/gallery/GalleryItem.js"),require("minimatch");const t=s.forwardRef((function(s,t){const{icon:a,label:u,color:c,indicator:m}=s,l=e.__rest(s,["icon","label","color","indicator"]),d=o.useTheme();return r.jsx(o.Tooltip,{title:u,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:r.jsxs(o.IconButton,Object.assign({size:"large"},l,{ref:t,sx:{background:"grey"===c&&d.palette.surface.primary,".fwlIndicator":{position:"absolute",top:"15%",right:"20%"},".fwlIndicator::before":{margin:0}},children:[m&&r.jsx(n.Indicator,{color:m,variant:"status"}),r.jsx(i.Icon,{name:a})]}))})}));exports.HeaderButton=t;
 //# sourceMappingURL=HeaderButton.js.map

package/cjs/layout/Header/HeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderButton.js","sources":["../../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { IconButton, Tooltip, useTheme } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Indicator } from '@/src/components';\nfunction HeaderButtonBase(props, ref) {\n    const { icon, label, color, indicator } = props, rest = __rest(props, [\"icon\", \"label\", \"color\", \"indicator\"]);\n    const theme = useTheme();\n    return (_jsx(Tooltip, { title: label, enterDelay: 1000, enterNextDelay: 1000, leaveDelay: 100, placement: \"bottom\", children: _jsxs(IconButton, Object.assign({ size: \"large\" }, rest, { ref: ref, sx: {\n                background: color === 'grey' && theme.palette.surface.primary,\n                '.disclamer': {\n                    position: 'absolute',\n                    top: '15%',\n                    right: '20%',\n                },\n                '.disclamer::before': {\n                    margin: 0,\n                },\n            }, children: [indicator && _jsx(Indicator, { variant: indicator }), _jsx(Icon, { className: icon })] })) }));\n}\nexport const HeaderButton = forwardRef(HeaderButtonBase);\n//# sourceMappingURL=HeaderButton.js.map"],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","rest","__rest","theme","useTheme","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","children","_jsxs","IconButton","Object","assign","size","sx","background","palette","surface","primary","position","top","right","margin","Indicator","variant","Icon","className"],"mappings":"qhLAqBY,MAACA,EAAeC,EAAUA,YAftC,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAAA,OAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,EAAAA,WACd,OAAQC,MAAKC,EAAAA,QAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,OAAMC,EAAAA,WAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWhB,EAAM,CAAEL,IAAKA,EAAKsB,GAAI,CAC3LC,WAAsB,SAAVpB,GAAoBI,EAAMiB,QAAQC,QAAQC,QACtD,aAAc,CACVC,SAAU,WACVC,IAAK,MACLC,MAAO,OAEX,qBAAsB,CAClBC,OAAQ,IAEbd,SAAU,CAACZ,GAAaK,EAAAA,IAAKsB,EAAAA,UAAW,CAAEC,QAAS5B,IAAcK,EAAAA,IAAKwB,EAAAA,KAAM,CAAEC,UAAWjC,SACxG"}
+{"version":3,"file":"HeaderButton.js","sources":["../../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { IconButton, Tooltip, useTheme } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { Indicator } from '@/src/components';\nfunction HeaderButtonBase(props, ref) {\n    const { icon, label, color, indicator } = props, rest = __rest(props, [\"icon\", \"label\", \"color\", \"indicator\"]);\n    const theme = useTheme();\n    return (_jsx(Tooltip, { title: label, enterDelay: 1000, enterNextDelay: 1000, leaveDelay: 100, placement: \"bottom\", children: _jsxs(IconButton, Object.assign({ size: \"large\" }, rest, { ref: ref, sx: {\n                background: color === 'grey' && theme.palette.surface.primary,\n                '.fwlIndicator': {\n                    position: 'absolute',\n                    top: '15%',\n                    right: '20%',\n                },\n                '.fwlIndicator::before': {\n                    margin: 0,\n                },\n            }, children: [indicator && _jsx(Indicator, { color: indicator, variant: \"status\" }), _jsx(Icon, { name: icon })] })) }));\n}\nexport const HeaderButton = forwardRef(HeaderButtonBase);\n//# sourceMappingURL=HeaderButton.js.map"],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","rest","__rest","theme","useTheme","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","children","_jsxs","IconButton","Object","assign","size","sx","background","palette","surface","primary","position","top","right","margin","jsx","Indicator","variant","Icon","name"],"mappings":"sxLAqBY,MAACA,EAAeC,EAAUA,YAftC,SAA0BC,EAAOC,GAC7B,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,GAAcL,EAAOM,EAAOC,EAAAA,OAAOP,EAAO,CAAC,OAAQ,QAAS,QAAS,cAC3FQ,EAAQC,EAAAA,WACd,OAAQC,MAAKC,EAAAA,QAAS,CAAEC,MAAOT,EAAOU,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAW,SAAUC,SAAUC,OAAMC,EAAAA,WAAYC,OAAOC,OAAO,CAAEC,KAAM,SAAWhB,EAAM,CAAEL,IAAKA,EAAKsB,GAAI,CAC3LC,WAAsB,SAAVpB,GAAoBI,EAAMiB,QAAQC,QAAQC,QACtD,gBAAiB,CACbC,SAAU,WACVC,IAAK,MACLC,MAAO,OAEX,wBAAyB,CACrBC,OAAQ,IAEbd,SAAU,CAACZ,GAAaK,EAAIsB,IAACC,EAASA,UAAE,CAAE7B,MAAOC,EAAW6B,QAAS,WAAaxB,EAAIsB,IAACG,EAAIA,KAAE,CAAEC,KAAMlC,SACpH"}

package/cjs/layout/Header/PredefinedHeaderButtons.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("./HeaderButton.js");const o=(o,a)=>t.forwardRef((function(t,n){var u;return e.jsx(r.HeaderButton,Object.assign({},t,{ref:n,icon:o,label:null!==(u=t.label)&&void 0!==u?u:a}))})),a=o("bell","Notifications"),n=o("search","Search"),u=o("user","User Profile"),s=o("heart","Wish List"),i=o("shopping","ShoppingCart"),l=o("globe","Language"),d=o("login","Log In"),p=o("logout","Log Out"),g=o("ballotx","Close"),x=o("circle-question","FAQ"),B=o("menu","Menu");exports.HeaderBellButton=a,exports.HeaderCartButton=i,exports.HeaderCloseButton=g,exports.HeaderFaqButton=x,exports.HeaderHeartButton=s,exports.HeaderLanguageButton=l,exports.HeaderLoginButton=d,exports.HeaderLogoutButton=p,exports.HeaderMenuButton=B,exports.HeaderProfileButton=u,exports.HeaderSearchButton=n;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("./HeaderButton.js");const o=(o,a)=>t.forwardRef((function(t,n){var u;return e.jsx(r.HeaderButton,Object.assign({},t,{ref:n,icon:o,label:null!==(u=t.label)&&void 0!==u?u:a}))})),a=o("bell","Notifications"),n=o("search","Search"),u=o("profile","User Profile"),s=o("heart","Wish List"),i=o("shopping-bag","ShoppingCart"),l=o("globe","Language"),g=o("login","Log In"),p=o("logout","Log Out"),d=o("close","Close"),c=o("circle-question","FAQ"),B=o("hamburger","Menu");exports.HeaderBellButton=a,exports.HeaderCartButton=i,exports.HeaderCloseButton=d,exports.HeaderFaqButton=c,exports.HeaderHeartButton=s,exports.HeaderLanguageButton=l,exports.HeaderLoginButton=g,exports.HeaderLogoutButton=p,exports.HeaderMenuButton=B,exports.HeaderProfileButton=u,exports.HeaderSearchButton=n;
 //# sourceMappingURL=PredefinedHeaderButtons.js.map

package/cjs/layout/Header/PredefinedHeaderButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"PredefinedHeaderButtons.js","sources":["../../../../src/layout/Header/PredefinedHeaderButtons.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { HeaderButton } from './HeaderButton';\nconst createPredefinedHeaderButton = (defaultIcon, defaultLabeL) => {\n    function HeaderButtonBase(props, ref) {\n        var _a;\n        return _jsx(HeaderButton, Object.assign({}, props, { ref: ref, icon: defaultIcon, label: (_a = props.label) !== null && _a !== void 0 ? _a : defaultLabeL }));\n    }\n    return forwardRef(HeaderButtonBase);\n};\nexport const HeaderBellButton = createPredefinedHeaderButton('bell', 'Notifications');\nexport const HeaderSearchButton = createPredefinedHeaderButton('search', 'Search');\nexport const HeaderProfileButton = createPredefinedHeaderButton('user', 'User Profile');\nexport const HeaderHeartButton = createPredefinedHeaderButton('heart', 'Wish List');\nexport const HeaderCartButton = createPredefinedHeaderButton('shopping', 'ShoppingCart');\nexport const HeaderLanguageButton = createPredefinedHeaderButton('globe', 'Language');\nexport const HeaderLoginButton = createPredefinedHeaderButton('login', 'Log In');\nexport const HeaderLogoutButton = createPredefinedHeaderButton('logout', 'Log Out');\nexport const HeaderCloseButton = createPredefinedHeaderButton('ballotx', 'Close');\nexport const HeaderFaqButton = createPredefinedHeaderButton('circle-question', 'FAQ');\nexport const HeaderMenuButton = createPredefinedHeaderButton('menu', 'Menu');\n//# sourceMappingURL=PredefinedHeaderButtons.js.map"],"names":["createPredefinedHeaderButton","defaultIcon","defaultLabeL","forwardRef","props","ref","_a","_jsx","HeaderButton","Object","assign","icon","label","HeaderBellButton","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"kGAGA,MAAMA,EAA+B,CAACC,EAAaC,IAKxCC,EAAAA,YAJP,SAA0BC,EAAOC,GAC7B,IAAIC,EACJ,OAAOC,MAAKC,EAAAA,aAAcC,OAAOC,OAAO,CAAA,EAAIN,EAAO,CAAEC,IAAKA,EAAKM,KAAMV,EAAaW,MAA8B,QAAtBN,EAAKF,EAAMQ,aAA0B,IAAPN,EAAgBA,EAAKJ,IAChJ,IAGQW,EAAmBb,EAA6B,OAAQ,iBACxDc,EAAqBd,EAA6B,SAAU,UAC5De,EAAsBf,EAA6B,OAAQ,gBAC3DgB,EAAoBhB,EAA6B,QAAS,aAC1DiB,EAAmBjB,EAA6B,WAAY,gBAC5DkB,EAAuBlB,EAA6B,QAAS,YAC7DmB,EAAoBnB,EAA6B,QAAS,UAC1DoB,EAAqBpB,EAA6B,SAAU,WAC5DqB,EAAoBrB,EAA6B,UAAW,SAC5DsB,EAAkBtB,EAA6B,kBAAmB,OAClEuB,EAAmBvB,EAA6B,OAAQ"}
+{"version":3,"file":"PredefinedHeaderButtons.js","sources":["../../../../src/layout/Header/PredefinedHeaderButtons.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { HeaderButton } from './HeaderButton';\nconst createPredefinedHeaderButton = (defaultIcon, defaultLabeL) => {\n    function HeaderButtonBase(props, ref) {\n        var _a;\n        return _jsx(HeaderButton, Object.assign({}, props, { ref: ref, icon: defaultIcon, label: (_a = props.label) !== null && _a !== void 0 ? _a : defaultLabeL }));\n    }\n    return forwardRef(HeaderButtonBase);\n};\nexport const HeaderBellButton = createPredefinedHeaderButton('bell', 'Notifications');\nexport const HeaderSearchButton = createPredefinedHeaderButton('search', 'Search');\nexport const HeaderProfileButton = createPredefinedHeaderButton('profile', 'User Profile');\nexport const HeaderHeartButton = createPredefinedHeaderButton('heart', 'Wish List');\nexport const HeaderCartButton = createPredefinedHeaderButton('shopping-bag', 'ShoppingCart');\nexport const HeaderLanguageButton = createPredefinedHeaderButton('globe', 'Language');\nexport const HeaderLoginButton = createPredefinedHeaderButton('login', 'Log In');\nexport const HeaderLogoutButton = createPredefinedHeaderButton('logout', 'Log Out');\nexport const HeaderCloseButton = createPredefinedHeaderButton('close', 'Close');\nexport const HeaderFaqButton = createPredefinedHeaderButton('circle-question', 'FAQ');\nexport const HeaderMenuButton = createPredefinedHeaderButton('hamburger', 'Menu');\n//# sourceMappingURL=PredefinedHeaderButtons.js.map"],"names":["createPredefinedHeaderButton","defaultIcon","defaultLabeL","forwardRef","props","ref","_a","_jsx","HeaderButton","Object","assign","icon","label","HeaderBellButton","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"kGAGA,MAAMA,EAA+B,CAACC,EAAaC,IAKxCC,EAAAA,YAJP,SAA0BC,EAAOC,GAC7B,IAAIC,EACJ,OAAOC,MAAKC,EAAAA,aAAcC,OAAOC,OAAO,CAAA,EAAIN,EAAO,CAAEC,IAAKA,EAAKM,KAAMV,EAAaW,MAA8B,QAAtBN,EAAKF,EAAMQ,aAA0B,IAAPN,EAAgBA,EAAKJ,IAChJ,IAGQW,EAAmBb,EAA6B,OAAQ,iBACxDc,EAAqBd,EAA6B,SAAU,UAC5De,EAAsBf,EAA6B,UAAW,gBAC9DgB,EAAoBhB,EAA6B,QAAS,aAC1DiB,EAAmBjB,EAA6B,eAAgB,gBAChEkB,EAAuBlB,EAA6B,QAAS,YAC7DmB,EAAoBnB,EAA6B,QAAS,UAC1DoB,EAAqBpB,EAA6B,SAAU,WAC5DqB,EAAoBrB,EAA6B,QAAS,SAC1DsB,EAAkBtB,EAA6B,kBAAmB,OAClEuB,EAAmBvB,EAA6B,YAAa"}

package/cjs/layout/SideMenu/SideMenu.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material"),t=require("../../components/icon/icon.js");exports.SideMenu=n=>{const{open:r,handleClose:s,direction:o="ltr",items:d,subItems:x}=n;return e.jsxs(i.Drawer,{dir:o,anchor:"ltr"===o?"right":"left",open:r,onClose:s,sx:{".MuiDrawer-paper":{borderRadius:"0 !important",width:{lg:"520px",xs:"100vw"},minWidth:"300px"}},"data-testid":"SideMenu",children:[e.jsx(i.IconButton,{onClick:s,sx:{position:"absolute",top:"16px",right:"ltr"===o?"16px":void 0,left:"rtl"===o?"16px":void 0},"data-testid":"SideMenu.close",children:e.jsx(t.Icon,{className:"ballotx",fontSize:"small"})}),e.jsxs(i.Box,{sx:{boxSizing:"border-box",width:"100%",padding:{md:"112px 48px 48px 48px",xs:"64px 24px 24px 24px"},height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[e.jsx(i.Stack,{direction:"column",spacing:3,sx:{padding:"0 !important","& hr":{marginTop:"24px !important"}},"data-testid":"SideMenu.items",children:d}),x&&e.jsx(i.Box,{sx:{padding:"0 !important"},"data-testid":"SideMenu.sub",children:x})]})]})};
+"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material"),t=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");exports.SideMenu=n=>{const{open:o,handleClose:r,direction:s="ltr",items:d,subItems:x}=n;return e.jsxs(i.Drawer,{dir:s,anchor:"ltr"===s?"right":"left",open:o,onClose:r,sx:{".MuiDrawer-paper":{borderRadius:"0 !important",width:{lg:"520px",xs:"100vw"},minWidth:"300px"}},"data-testid":"SideMenu",children:[e.jsx(i.IconButton,{onClick:r,sx:{position:"absolute",top:"16px",right:"ltr"===s?"16px":void 0,left:"rtl"===s?"16px":void 0},"data-testid":"SideMenu.close",children:e.jsx(t.Icon,{name:"close",fontSize:"small"})}),e.jsxs(i.Box,{sx:{boxSizing:"border-box",width:"100%",padding:{md:"112px 48px 48px 48px",xs:"64px 24px 24px 24px"},height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[e.jsx(i.Stack,{direction:"column",spacing:3,sx:{padding:"0 !important","& hr":{marginTop:"24px !important"}},"data-testid":"SideMenu.items",children:d}),x&&e.jsx(i.Box,{sx:{padding:"0 !important"},"data-testid":"SideMenu.sub",children:x})]})]})};
 //# sourceMappingURL=SideMenu.js.map

package/cjs/layout/SideMenu/SideMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.js","sources":["../../../../src/layout/SideMenu/SideMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Drawer, IconButton, Stack } from '@mui/material';\nimport { Icon } from '../../components/icon';\nexport const SideMenu = (props) => {\n    const { open, handleClose, direction = 'ltr', items, subItems } = props;\n    return (_jsxs(Drawer, { dir: direction, anchor: direction === 'ltr' ? 'right' : 'left', open: open, onClose: handleClose, sx: {\n            '.MuiDrawer-paper': {\n                borderRadius: '0 !important',\n                width: {\n                    lg: '520px',\n                    xs: '100vw',\n                },\n                minWidth: '300px',\n            },\n        }, \"data-testid\": \"SideMenu\", children: [_jsx(IconButton, { onClick: handleClose, sx: {\n                    position: 'absolute',\n                    top: '16px',\n                    right: direction === 'ltr' ? '16px' : undefined,\n                    left: direction === 'rtl' ? '16px' : undefined,\n                }, \"data-testid\": \"SideMenu.close\", children: _jsx(Icon, { className: \"ballotx\", fontSize: \"small\" }) }), _jsxs(Box, { sx: {\n                    boxSizing: 'border-box',\n                    width: '100%',\n                    padding: {\n                        md: '112px 48px 48px 48px',\n                        xs: '64px 24px 24px 24px',\n                    },\n                    height: '100%',\n                    display: 'flex',\n                    flexDirection: 'column',\n                    justifyContent: 'space-between',\n                }, children: [_jsx(Stack, { direction: \"column\", spacing: 3, sx: {\n                            padding: '0 !important',\n                            '& hr': {\n                                marginTop: `24px !important`,\n                            },\n                        }, \"data-testid\": \"SideMenu.items\", children: items }), subItems && (_jsx(Box, { sx: {\n                            padding: '0 !important',\n                        }, \"data-testid\": \"SideMenu.sub\", children: subItems }))] })] }));\n};\n//# sourceMappingURL=SideMenu.js.map"],"names":["props","open","handleClose","direction","items","subItems","_jsxs","Drawer","dir","anchor","onClose","sx","borderRadius","width","lg","xs","minWidth","children","_jsx","IconButton","onClick","position","top","right","undefined","left","Icon","className","fontSize","Box","boxSizing","padding","md","height","display","flexDirection","justifyContent","jsx","Stack","spacing","marginTop"],"mappings":"uIAGyBA,IACrB,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,EAAY,MAAKC,MAAEA,EAAKC,SAAEA,GAAaL,EAClE,OAAQM,EAAAA,KAAMC,EAAAA,OAAQ,CAAEC,IAAKL,EAAWM,OAAsB,QAAdN,EAAsB,QAAU,OAAQF,KAAMA,EAAMS,QAASR,EAAaS,GAAI,CACtH,mBAAoB,CAChBC,aAAc,eACdC,MAAO,CACHC,GAAI,QACJC,GAAI,SAERC,SAAU,UAEf,cAAe,WAAYC,SAAU,CAACC,EAAAA,IAAKC,EAAAA,WAAY,CAAEC,QAASlB,EAAaS,GAAI,CAC1EU,SAAU,WACVC,IAAK,OACLC,MAAqB,QAAdpB,EAAsB,YAASqB,EACtCC,KAAoB,QAAdtB,EAAsB,YAASqB,GACtC,cAAe,iBAAkBP,SAAUC,EAAAA,IAAKQ,EAAAA,KAAM,CAAEC,UAAW,UAAWC,SAAU,YAAetB,EAAAA,KAAMuB,EAAAA,IAAK,CAAElB,GAAI,CACvHmB,UAAW,aACXjB,MAAO,OACPkB,QAAS,CACLC,GAAI,uBACJjB,GAAI,uBAERkB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBnB,SAAU,CAACC,EAAImB,IAACC,QAAO,CAAEnC,UAAW,SAAUoC,QAAS,EAAG5B,GAAI,CACrDoB,QAAS,eACT,OAAQ,CACJS,UAAW,oBAEhB,cAAe,iBAAkBvB,SAAUb,IAAUC,GAAaa,EAAImB,IAACR,MAAK,CAAElB,GAAI,CACjFoB,QAAS,gBACV,cAAe,eAAgBd,SAAUZ,SAAsB"}
+{"version":3,"file":"SideMenu.js","sources":["../../../../src/layout/SideMenu/SideMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Drawer, IconButton, Stack } from '@mui/material';\nimport { Icon } from '../../components/icon';\nexport const SideMenu = (props) => {\n    const { open, handleClose, direction = 'ltr', items, subItems } = props;\n    return (_jsxs(Drawer, { dir: direction, anchor: direction === 'ltr' ? 'right' : 'left', open: open, onClose: handleClose, sx: {\n            '.MuiDrawer-paper': {\n                borderRadius: '0 !important',\n                width: {\n                    lg: '520px',\n                    xs: '100vw',\n                },\n                minWidth: '300px',\n            },\n        }, \"data-testid\": \"SideMenu\", children: [_jsx(IconButton, { onClick: handleClose, sx: {\n                    position: 'absolute',\n                    top: '16px',\n                    right: direction === 'ltr' ? '16px' : undefined,\n                    left: direction === 'rtl' ? '16px' : undefined,\n                }, \"data-testid\": \"SideMenu.close\", children: _jsx(Icon, { name: \"close\", fontSize: \"small\" }) }), _jsxs(Box, { sx: {\n                    boxSizing: 'border-box',\n                    width: '100%',\n                    padding: {\n                        md: '112px 48px 48px 48px',\n                        xs: '64px 24px 24px 24px',\n                    },\n                    height: '100%',\n                    display: 'flex',\n                    flexDirection: 'column',\n                    justifyContent: 'space-between',\n                }, children: [_jsx(Stack, { direction: \"column\", spacing: 3, sx: {\n                            padding: '0 !important',\n                            '& hr': {\n                                marginTop: `24px !important`,\n                            },\n                        }, \"data-testid\": \"SideMenu.items\", children: items }), subItems && (_jsx(Box, { sx: {\n                            padding: '0 !important',\n                        }, \"data-testid\": \"SideMenu.sub\", children: subItems }))] })] }));\n};\n//# sourceMappingURL=SideMenu.js.map"],"names":["props","open","handleClose","direction","items","subItems","_jsxs","Drawer","dir","anchor","onClose","sx","borderRadius","width","lg","xs","minWidth","children","_jsx","IconButton","onClick","position","top","right","undefined","left","Icon","name","fontSize","Box","boxSizing","padding","md","height","display","flexDirection","justifyContent","jsx","Stack","spacing","marginTop"],"mappings":"4LAGyBA,IACrB,MAAMC,KAAEA,EAAIC,YAAEA,EAAWC,UAAEA,EAAY,MAAKC,MAAEA,EAAKC,SAAEA,GAAaL,EAClE,OAAQM,EAAAA,KAAMC,EAAAA,OAAQ,CAAEC,IAAKL,EAAWM,OAAsB,QAAdN,EAAsB,QAAU,OAAQF,KAAMA,EAAMS,QAASR,EAAaS,GAAI,CACtH,mBAAoB,CAChBC,aAAc,eACdC,MAAO,CACHC,GAAI,QACJC,GAAI,SAERC,SAAU,UAEf,cAAe,WAAYC,SAAU,CAACC,EAAAA,IAAKC,EAAAA,WAAY,CAAEC,QAASlB,EAAaS,GAAI,CAC1EU,SAAU,WACVC,IAAK,OACLC,MAAqB,QAAdpB,EAAsB,YAASqB,EACtCC,KAAoB,QAAdtB,EAAsB,YAASqB,GACtC,cAAe,iBAAkBP,SAAUC,EAAAA,IAAKQ,EAAAA,KAAM,CAAEC,KAAM,QAASC,SAAU,YAAetB,EAAAA,KAAMuB,EAAAA,IAAK,CAAElB,GAAI,CAChHmB,UAAW,aACXjB,MAAO,OACPkB,QAAS,CACLC,GAAI,uBACJjB,GAAI,uBAERkB,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iBACjBnB,SAAU,CAACC,EAAImB,IAACC,QAAO,CAAEnC,UAAW,SAAUoC,QAAS,EAAG5B,GAAI,CACrDoB,QAAS,eACT,OAAQ,CACJS,UAAW,oBAEhB,cAAe,iBAAkBvB,SAAUb,IAAUC,GAAaa,EAAImB,IAACR,MAAK,CAAElB,GAAI,CACjFoB,QAAS,gBACV,cAAe,eAAgBd,SAAUZ,SAAsB"}

package/cjs/layout/cookieModal/CookieModal.d.ts

@@ -0,0 +1,69 @@
+import { FC, ReactNode } from 'react';
+export type CookieModalProps = {
+    /**
+     * Specifies if the modal is open
+     * @requires
+     */
+    open: boolean;
+    /**
+     * Callback that closes the modal
+     * @requires
+     */
+    onClose: () => void;
+    /**
+     * Title of the modal
+     * @requires
+     */
+    title: string;
+    /**
+     * Basic description of the modal.
+     * This element is visible until user clicks on "Manage" button.
+     * @requires
+     */
+    description: ReactNode;
+    /**
+     * Cookie configurator.
+     * Configurator will be shown when user clicks on "Manage" button.
+     * @default undefined
+     */
+    configurator?: ReactNode;
+    /**
+     * Callback that is invoked when user clicks on "Accept All" button.
+     * When not specified the button just closes the modal.
+     * @default undefined
+     */
+    onAcceptAll?: () => void;
+    /**
+     * Callback that is invoked when user clicks on "Accept Selected" button.
+     * When not specified the button just closes the modal.
+     * @requires
+     */
+    onAcceptSelected?: () => void;
+    /**
+     * Callback that is invoked when user clicks on "Accept Necessary" button.
+     * When not specified the button just closes the modal.
+     * @requires
+     */
+    onAcceptNecessary?: () => void;
+    /**
+     * Text for "Accept necessary" button
+     * @default Accept necessary
+     */
+    textAcceptNecessary?: string;
+    /**
+     * Text for "Manage" button
+     * @default Manage
+     */
+    textManage?: string;
+    /**
+     * Text for "Accept all" button
+     * @default Accept all
+     */
+    textAcceptAll?: string;
+    /**
+     * Text for "Accept selected" button
+     * @default Accept selected
+     */
+    textAcceptSelected?: string;
+};
+export declare const CookieModal: FC<CookieModalProps>;

package/cjs/layout/cookieModal/CookieModal.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),n=require("@mui/material"),o=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js"),require("../../utils/enum.js");var t=require("../../utils/useClosure/useClosure.js");exports.CookieModal=c=>{var i,s,l,r,a,d,u,x,p;const{isOpen:j,onOpen:h}=t.useClosure(!1);return e.jsxs(n.Dialog,{maxWidth:"sm",fullWidth:!0,open:c.open,onClose:c.onClose,children:[e.jsx(n.IconButton,{sx:{position:"absolute",top:"10px",right:"10px"},size:"small",onClick:c.onClose,children:e.jsx(o.Icon,{fontSize:"small",name:"close"})}),e.jsx(n.DialogTitle,{variant:"h2",sx:{padding:"40px"},children:c.title}),e.jsxs(n.DialogContent,{sx:{px:"40px",paddingBottom:"40px",a:{textDecoration:"underline",color:e=>e.palette.text.primary}},children:[!j&&e.jsx(n.Stack,{direction:"column",spacing:2,children:c.description}),j&&e.jsx(n.Stack,{direction:"column",spacing:4,children:c.configurator})]}),e.jsxs(n.DialogActions,{children:[!j&&e.jsxs(n.Stack,{direction:"row",spacing:2,children:[e.jsxs(n.Stack,{direction:"row",spacing:2,flexGrow:1,children:[e.jsx(n.Button,{onClick:null!==(i=c.onAcceptAll)&&void 0!==i?i:c.onClose,children:null!==(s=c.textAcceptAll)&&void 0!==s?s:"Accept all"}),e.jsx(n.Button,{onClick:null!==(l=c.onAcceptNecessary)&&void 0!==l?l:c.onClose,variant:"text",color:"secondary",children:null!==(r=c.textAcceptNecessary)&&void 0!==r?r:"Accept necessary"})]}),c.configurator&&e.jsx(n.Button,{onClick:h,variant:"text",color:"secondary",startIcon:e.jsx(o.Icon,{fontSize:"large",name:"settings"}),children:null!==(a=c.textManage)&&void 0!==a?a:"Manage"})]}),j&&e.jsxs(n.Stack,{direction:"row",spacing:2,children:[e.jsx(n.Button,{onClick:null!==(d=c.onAcceptSelected)&&void 0!==d?d:c.onClose,children:null!==(u=c.textAcceptSelected)&&void 0!==u?u:"Accept selected"}),e.jsx(n.Button,{onClick:null!==(x=c.onAcceptNecessary)&&void 0!==x?x:c.onClose,variant:"text",color:"secondary",children:null!==(p=c.textAcceptNecessary)&&void 0!==p?p:"Accept necessary"})]})]})]})};
+//# sourceMappingURL=CookieModal.js.map

package/cjs/layout/cookieModal/CookieModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieModal.js","sources":["../../../../src/layout/cookieModal/CookieModal.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, Stack } from '@mui/material';\nimport { Icon } from '../../components/icon';\nimport { useClosure } from '@/src/utils';\nexport const CookieModal = (props) => {\n    var _a, _b, _c, _d, _e, _f, _g, _h, _j;\n    const { isOpen: isManagerShown, onOpen: showManager } = useClosure(false);\n    return (_jsxs(Dialog, { maxWidth: \"sm\", fullWidth: true, open: props.open, onClose: props.onClose, children: [_jsx(IconButton, { sx: { position: 'absolute', top: '10px', right: '10px' }, size: \"small\", onClick: props.onClose, children: _jsx(Icon, { fontSize: \"small\", name: \"close\" }) }), _jsx(DialogTitle, { variant: \"h2\", sx: { padding: '40px' }, children: props.title }), _jsxs(DialogContent, { sx: {\n                    px: '40px',\n                    paddingBottom: '40px',\n                    a: { textDecoration: 'underline', color: (theme) => theme.palette.text.primary },\n                }, children: [!isManagerShown && (_jsx(Stack, { direction: \"column\", spacing: 2, children: props.description })), isManagerShown && (_jsx(Stack, { direction: \"column\", spacing: 4, children: props.configurator }))] }), _jsxs(DialogActions, { children: [!isManagerShown && (_jsxs(Stack, { direction: \"row\", spacing: 2, children: [_jsxs(Stack, { direction: \"row\", spacing: 2, flexGrow: 1, children: [_jsx(Button, { onClick: (_a = props.onAcceptAll) !== null && _a !== void 0 ? _a : props.onClose, children: (_b = props.textAcceptAll) !== null && _b !== void 0 ? _b : 'Accept all' }), _jsx(Button, { onClick: (_c = props.onAcceptNecessary) !== null && _c !== void 0 ? _c : props.onClose, variant: \"text\", color: \"secondary\", children: (_d = props.textAcceptNecessary) !== null && _d !== void 0 ? _d : 'Accept necessary' })] }), props.configurator && (_jsx(Button, { onClick: showManager, variant: \"text\", color: \"secondary\", startIcon: _jsx(Icon, { fontSize: \"large\", name: \"settings\" }), children: (_e = props.textManage) !== null && _e !== void 0 ? _e : 'Manage' }))] })), isManagerShown && (_jsxs(Stack, { direction: \"row\", spacing: 2, children: [_jsx(Button, { onClick: (_f = props.onAcceptSelected) !== null && _f !== void 0 ? _f : props.onClose, children: (_g = props.textAcceptSelected) !== null && _g !== void 0 ? _g : 'Accept selected' }), _jsx(Button, { onClick: (_h = props.onAcceptNecessary) !== null && _h !== void 0 ? _h : props.onClose, variant: \"text\", color: \"secondary\", children: (_j = props.textAcceptNecessary) !== null && _j !== void 0 ? _j : 'Accept necessary' })] }))] })] }));\n};\n//# sourceMappingURL=CookieModal.js.map"],"names":["props","_a","_b","_c","_d","_e","_f","_g","_h","_j","isOpen","isManagerShown","onOpen","showManager","useClosure","_jsxs","jsxs","Dialog","maxWidth","fullWidth","open","onClose","children","_jsx","jsx","IconButton","sx","position","top","right","size","onClick","Icon","fontSize","name","DialogTitle","variant","padding","title","DialogContent","px","paddingBottom","a","textDecoration","color","theme","palette","text","primary","Stack","direction","spacing","description","configurator","DialogActions","flexGrow","Button","onAcceptAll","textAcceptAll","onAcceptNecessary","textAcceptNecessary","startIcon","textManage","onAcceptSelected","textAcceptSelected"],"mappings":"oRAI4BA,IACxB,IAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EACpC,MAAQC,OAAQC,EAAgBC,OAAQC,GAAgBC,EAAAA,YAAW,GACnE,OAAQC,EAAKC,KAACC,EAAMA,OAAE,CAAEC,SAAU,KAAMC,WAAW,EAAMC,KAAMpB,EAAMoB,KAAMC,QAASrB,EAAMqB,QAASC,SAAU,CAACC,EAAIC,IAACC,EAAUA,WAAE,CAAEC,GAAI,CAAEC,SAAU,WAAYC,IAAK,OAAQC,MAAO,QAAUC,KAAM,QAASC,QAAS/B,EAAMqB,QAASC,SAAUC,MAAKS,EAAAA,KAAM,CAAEC,SAAU,QAASC,KAAM,YAAeX,EAAIC,IAACW,EAAWA,YAAE,CAAEC,QAAS,KAAMV,GAAI,CAAEW,QAAS,QAAUf,SAAUtB,EAAMsC,QAAUvB,EAAKC,KAACuB,EAAaA,cAAE,CAAEb,GAAI,CAClYc,GAAI,OACJC,cAAe,OACfC,EAAG,CAAEC,eAAgB,YAAaC,MAAQC,GAAUA,EAAMC,QAAQC,KAAKC,UACxE1B,SAAU,EAAEX,GAAmBY,MAAK0B,EAAAA,MAAO,CAAEC,UAAW,SAAUC,QAAS,EAAG7B,SAAUtB,EAAMoD,cAAiBzC,GAAmBY,EAAAA,IAAK0B,EAAAA,MAAO,CAAEC,UAAW,SAAUC,QAAS,EAAG7B,SAAUtB,EAAMqD,kBAAsBtC,EAAKC,KAACsC,EAAaA,cAAE,CAAEhC,SAAU,EAAEX,GAAmBI,EAAAA,KAAMkC,EAAKA,MAAE,CAAEC,UAAW,MAAOC,QAAS,EAAG7B,SAAU,CAACP,EAAAA,KAAMkC,EAAAA,MAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGI,SAAU,EAAGjC,SAAU,CAACC,EAAAA,IAAKiC,EAAMA,OAAE,CAAEzB,QAAsC,QAA5B9B,EAAKD,EAAMyD,mBAAgC,IAAPxD,EAAgBA,EAAKD,EAAMqB,QAASC,SAAyC,QAA9BpB,EAAKF,EAAM0D,qBAAkC,IAAPxD,EAAgBA,EAAK,eAAiBqB,EAAAA,IAAKiC,EAAMA,OAAE,CAAEzB,QAA4C,QAAlC5B,EAAKH,EAAM2D,yBAAsC,IAAPxD,EAAgBA,EAAKH,EAAMqB,QAASe,QAAS,OAAQQ,MAAO,YAAatB,SAA+C,QAApClB,EAAKJ,EAAM4D,2BAAwC,IAAPxD,EAAgBA,EAAK,wBAA2BJ,EAAMqD,cAAiB9B,EAAAA,IAAKiC,EAAMA,OAAE,CAAEzB,QAASlB,EAAauB,QAAS,OAAQQ,MAAO,YAAaiB,UAAWtC,EAAAA,IAAKS,EAAIA,KAAE,CAAEC,SAAU,QAASC,KAAM,aAAeZ,SAAsC,QAA3BjB,EAAKL,EAAM8D,kBAA+B,IAAPzD,EAAgBA,EAAK,cAAmBM,GAAmBI,EAAAA,KAAMkC,EAAAA,MAAO,CAAEC,UAAW,MAAOC,QAAS,EAAG7B,SAAU,CAACC,MAAKiC,EAAAA,OAAQ,CAAEzB,QAA2C,QAAjCzB,EAAKN,EAAM+D,wBAAqC,IAAPzD,EAAgBA,EAAKN,EAAMqB,QAASC,SAA8C,QAAnCf,EAAKP,EAAMgE,0BAAuC,IAAPzD,EAAgBA,EAAK,oBAAsBgB,EAAAA,IAAKiC,EAAAA,OAAQ,CAAEzB,QAA4C,QAAlCvB,EAAKR,EAAM2D,yBAAsC,IAAPnD,EAAgBA,EAAKR,EAAMqB,QAASe,QAAS,OAAQQ,MAAO,YAAatB,SAA+C,QAApCb,EAAKT,EAAM4D,2BAAwC,IAAPnD,EAAgBA,EAAK,6BAAoC"}

package/cjs/layout/cookieModal/CookieModalItem.d.ts

@@ -0,0 +1,37 @@
+import { FC, ReactNode, ChangeEvent } from 'react';
+export type CookieModalItemProps = {
+    /**
+     * Title of the cookie item
+     * @requires
+     */
+    title: string;
+    /**
+     * Description of the cookie item
+     * @requires
+     */
+    children: ReactNode;
+    /**
+     * Specifies if the switch element is checked
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * Callback that is invoked when user interacts with a switch
+     * @param checked
+     * @param event
+     * @returns void
+     * @default undefined
+     */
+    onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Renders the switch element as disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Specifies name property of the switch element
+     * @default undefined
+     */
+    switchName?: string;
+};
+export declare const CookieModalItem: FC<CookieModalItemProps>;

package/cjs/layout/cookieModal/CookieModalItem.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),n=require("@mui/material"),r=require("react");exports.CookieModalItem=c=>{var i;const t=r.useId(),[a,s]=r.useState(null!==(i=c.checked)&&void 0!==i&&i);r.useEffect((()=>s(c.checked)),[c.checked,s]);const d=r.useCallback(((e,n)=>{c.onChange?c.onChange(n,e):s(n)}),[c.onChange,s]);return e.jsxs(n.Stack,{direction:"column",spacing:2,children:[e.jsxs(n.Stack,{direction:"row",spacing:1,justifyContent:"space-between",children:[e.jsx(n.InputLabel,{htmlFor:t,sx:{cursor:"pointer"},children:e.jsx(n.Typography,{variant:"subheadline",children:c.title})}),e.jsx(n.Switch,{disabled:c.disabled,id:t,checked:a,onChange:d,name:c.switchName})]}),"string"==typeof c.children?e.jsx(n.Typography,{children:c.children}):c.children]})};
+//# sourceMappingURL=CookieModalItem.js.map

package/cjs/layout/cookieModal/CookieModalItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieModalItem.js","sources":["../../../../src/layout/cookieModal/CookieModalItem.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { InputLabel, Stack, Switch, Typography } from '@mui/material';\nimport { useId, useState, useEffect, useCallback } from 'react';\nexport const CookieModalItem = (props) => {\n    var _a;\n    const switchId = useId();\n    const [checked, setChecked] = useState((_a = props.checked) !== null && _a !== void 0 ? _a : false);\n    useEffect(() => setChecked(props.checked), [props.checked, setChecked]);\n    const handleChange = useCallback((event, _checked) => {\n        if (props.onChange) {\n            props.onChange(_checked, event);\n        }\n        else {\n            setChecked(_checked);\n        }\n    }, [props.onChange, setChecked]);\n    return (_jsxs(Stack, { direction: \"column\", spacing: 2, children: [_jsxs(Stack, { direction: \"row\", spacing: 1, justifyContent: \"space-between\", children: [_jsx(InputLabel, { htmlFor: switchId, sx: { cursor: 'pointer' }, children: _jsx(Typography, { variant: \"subheadline\", children: props.title }) }), _jsx(Switch, { disabled: props.disabled, id: switchId, checked: checked, onChange: handleChange, name: props.switchName })] }), typeof props.children === 'string' ? _jsx(Typography, { children: props.children }) : props.children] }));\n};\n//# sourceMappingURL=CookieModalItem.js.map"],"names":["props","_a","switchId","useId","checked","setChecked","useState","useEffect","handleChange","useCallback","event","_checked","onChange","_jsxs","Stack","direction","spacing","children","jsxs","justifyContent","_jsx","InputLabel","htmlFor","sx","cursor","jsx","Typography","variant","title","Switch","disabled","id","name","switchName"],"mappings":"sHAGgCA,IAC5B,IAAIC,EACJ,MAAMC,EAAWC,EAAAA,SACVC,EAASC,GAAcC,EAAQA,SAA0B,QAAxBL,EAAKD,EAAMI,eAA4B,IAAPH,GAAgBA,GACxFM,aAAU,IAAMF,EAAWL,EAAMI,UAAU,CAACJ,EAAMI,QAASC,IAC3D,MAAMG,EAAeC,EAAAA,aAAY,CAACC,EAAOC,KACjCX,EAAMY,SACNZ,EAAMY,SAASD,EAAUD,GAGzBL,EAAWM,EACd,GACF,CAACX,EAAMY,SAAUP,IACpB,OAAQQ,EAAAA,KAAMC,EAAAA,MAAO,CAAEC,UAAW,SAAUC,QAAS,EAAGC,SAAU,CAACJ,EAAKK,KAACJ,EAAKA,MAAE,CAAEC,UAAW,MAAOC,QAAS,EAAGG,eAAgB,gBAAiBF,SAAU,CAACG,EAAAA,IAAKC,EAAAA,WAAY,CAAEC,QAASpB,EAAUqB,GAAI,CAAEC,OAAQ,WAAaP,SAAUG,EAAIK,IAACC,EAAUA,WAAE,CAAEC,QAAS,cAAeV,SAAUjB,EAAM4B,UAAaR,EAAIK,IAACI,EAAMA,OAAE,CAAEC,SAAU9B,EAAM8B,SAAUC,GAAI7B,EAAUE,QAASA,EAASQ,SAAUJ,EAAcwB,KAAMhC,EAAMiC,gBAA6C,iBAAnBjC,EAAMiB,SAAwBG,MAAKM,EAAAA,WAAY,CAAET,SAAUjB,EAAMiB,WAAcjB,EAAMiB,WAAc"}

package/cjs/layout/cookieModal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CookieModal';
+export * from './CookieModalItem';

package/cjs/layout/index.d.ts

@@ -4,3 +4,4 @@ export * from './Footer';
 export * from './Error';
 export * from './PageLayout';
 export * from './SecondaryNavigation';
+export * from './cookieModal';

package/cjs/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),i=require("../../components/indicator/indicator.js"),t=require("@mui/material/Card"),n=require("../../components/label/label.js"),r=require("../common/menuCardComponent/menuCardComponent.js"),o=require("../common/buttonCardComponent/buttonCardComponent.js"),l=require("../../components/labelFeature/labelFeature.js"),s=require("@mui/material/styles"),c=require("../../utils/utilities.js"),p=require("../../components/common/imageComponent.js");function d(e){return e&&e.__esModule?e:{default:e}}var m=d(t);const u=({label:e,labelVariant:t,vehicleName:s,equipment:d,vehicleStatus:m,vehicleStatusVariant:u,image:x,fallbackImage:g,altDescriptionImage:b,mandatoryButtonObject:y,optionalButtonObject:f,darkOpacityLayer:v,lightOpacityLayer:j,menuCardComponentProps:C,isMenuDropdown:w,vehicleSpecs:k,vehicleSpecsObject:O,isCompact:N,size:S})=>a.jsxs(h,{size:S,darkOpacityLayer:v,lightOpacityLayer:j,children:[a.jsx("div",{className:"CardImageOverlayTheme"}),a.jsx("div",{className:"ownedVehicleContainer",children:a.jsxs("div",{className:"ownedVehicleContainerContent",children:[a.jsxs("div",{className:"vehicleTitleContainer",children:[e&&("feature"===t?a.jsx(l.LabelFeature,{className:"CardImageLabelFeature",variant:"primary",children:c.handleMaxChars(e,30)}):a.jsx(n.Label,{className:"CardImageLabel",label:c.handleMaxChars(e,30)})),s&&a.jsx("h2",{style:{margin:0},className:"vehicleName",children:c.handleMaxChars(s,20)}),d&&a.jsx("h4",{style:{margin:0},className:"vehicleEquipment",children:c.handleMaxChars(d,20)}),m&&a.jsx(i.Indicator,{className:"disclamer",label:m,variant:u})]}),a.jsx("div",{className:"ownedVehicleImage",children:a.jsx(p.default,{image:x,alt:b,fallbackImage:g})}),a.jsxs("div",{className:"ownedVehicleSpecsContainer",children:[a.jsxs("div",{className:"ownedVehicleButtons",children:[(null==y?void 0:y.label)&&a.jsx(o.default,{className:"button-component",buttonObject:y,compact:N}),(null==f?void 0:f.label)&&a.jsx(o.default,{className:"button-component",buttonObject:f,compact:N})]}),k&&a.jsxs("div",{className:"ownedVehicleSpecs",children:[O.map((e=>a.jsxs("div",{children:[e.subtitle&&a.jsx("p",{children:e.subtitle}),e.value&&a.jsx("p",{children:a.jsx("b",{children:e.value})})]},e.value)))," "]})]}),w&&a.jsx(r.default,Object.assign({},C))]})})]}),h=s.styled(m.default,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((a=>{var{theme:i}=a,t=e.__rest(a,["theme"]);const n=((e,a)=>{let i="";switch(a){case"opacity25":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return i})(t.darkOpacityLayer,t.lightOpacityLayer),r=((e,a,i)=>{let t="";return"opacity0"!==a&&"opacity0"===e&&(t=i.palette.onSurface.os900),t="opacity0"!==e?i.palette.onSurface.os0:i.palette.onSurface.os900,t})(t.darkOpacityLayer,t.lightOpacityLayer,i);let o={};return o={position:"relative",width:"100%",padding:"24px",backgroundColor:i.palette.transparent.primary,color:r,"& .ownedVehicleImage":{marginTop:"-45px",position:"relative",[i.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .disclamer":{fontSize:"14px",lineHeight:"20px",marginTop:"4px",color:r},"& .ownedVehicleContainer":{position:"relative",height:"100%",width:"100%"},"& .ownedVehicleContainerContent":{overflow:"hidden",height:"100%",width:"100%",display:"flex",flexDirection:"column",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%","& > .vehicleName":{fontSize:"23px",[i.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[i.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"}},"& > .ownedVehicleSpecsContainer":{marginTop:"-25px",fontSize:"14px",lineHeight:"20px",display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[i.breakpoints.up("md")]:{flexDirection:"row",marginTop:"fixed"===t.size?0:"-25px"},"& > .ownedVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[i.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[i.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .ownedVehicleSpecs":{display:"flex",flexDirection:"row",alignItems:"end",marginBottom:i.breakpoints.values.md?0:"12px"," & > div:first-of-type":{marginRight:"24px"}," & > div > p":{margin:0}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:n}},o}));exports.CardOwnedVehicleComponent=u,exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),i=require("../../components/indicator/indicator.js"),t=require("@mui/material/Card"),n=require("../../components/label/label.js"),r=require("../common/menuCardComponent/menuCardComponent.js"),o=require("../common/buttonCardComponent/buttonCardComponent.js"),l=require("../../components/labelFeature/labelFeature.js"),s=require("@mui/material/styles"),c=require("../../utils/utilities.js"),p=require("../../components/common/imageComponent.js");function d(e){return e&&e.__esModule?e:{default:e}}var m=d(t);const u=({label:e,labelVariant:t,vehicleName:s,equipment:d,vehicleStatus:m,vehicleStatusVariant:u,image:x,fallbackImage:g,altDescriptionImage:b,mandatoryButtonObject:y,optionalButtonObject:f,darkOpacityLayer:v,lightOpacityLayer:j,menuCardComponentProps:C,isMenuDropdown:w,vehicleSpecs:k,vehicleSpecsObject:O,isCompact:N,size:S})=>a.jsxs(h,{size:S,darkOpacityLayer:v,lightOpacityLayer:j,children:[a.jsx("div",{className:"CardImageOverlayTheme"}),a.jsx("div",{className:"ownedVehicleContainer",children:a.jsxs("div",{className:"ownedVehicleContainerContent",children:[a.jsxs("div",{className:"vehicleTitleContainer",children:[e&&("feature"===t?a.jsx(l.LabelFeature,{className:"CardImageLabelFeature",variant:"primary",children:c.handleMaxChars(e,30)}):a.jsx(n.Label,{className:"CardImageLabel",label:c.handleMaxChars(e,30)})),s&&a.jsx("h2",{style:{margin:0},className:"vehicleName",children:c.handleMaxChars(s,20)}),d&&a.jsx("h4",{style:{margin:0},className:"vehicleEquipment",children:c.handleMaxChars(d,20)}),m&&a.jsx(i.Indicator,{className:"disclamer",label:m,color:u})]}),a.jsx("div",{className:"ownedVehicleImage",children:a.jsx(p.default,{image:x,alt:b,fallbackImage:g})}),a.jsxs("div",{className:"ownedVehicleSpecsContainer",children:[a.jsxs("div",{className:"ownedVehicleButtons",children:[(null==y?void 0:y.label)&&a.jsx(o.default,{className:"button-component",buttonObject:y,compact:N}),(null==f?void 0:f.label)&&a.jsx(o.default,{className:"button-component",buttonObject:f,compact:N})]}),k&&a.jsxs("div",{className:"ownedVehicleSpecs",children:[O.map((e=>a.jsxs("div",{children:[e.subtitle&&a.jsx("p",{children:e.subtitle}),e.value&&a.jsx("p",{children:a.jsx("b",{children:e.value})})]},e.value)))," "]})]}),w&&a.jsx(r.default,Object.assign({},C))]})})]}),h=s.styled(m.default,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((a=>{var{theme:i}=a,t=e.__rest(a,["theme"]);const n=((e,a)=>{let i="";switch(a){case"opacity25":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return i})(t.darkOpacityLayer,t.lightOpacityLayer),r=((e,a,i)=>{let t="";return"opacity0"!==a&&"opacity0"===e&&(t=i.palette.onSurface.os900),t="opacity0"!==e?i.palette.onSurface.os0:i.palette.onSurface.os900,t})(t.darkOpacityLayer,t.lightOpacityLayer,i);let o={};return o={position:"relative",width:"100%",padding:"24px",backgroundColor:i.palette.transparent.primary,color:r,"& .ownedVehicleImage":{marginTop:"-45px",position:"relative",[i.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .disclamer":{fontSize:"14px",lineHeight:"20px",marginTop:"4px",color:r},"& .ownedVehicleContainer":{position:"relative",height:"100%",width:"100%"},"& .ownedVehicleContainerContent":{overflow:"hidden",height:"100%",width:"100%",display:"flex",flexDirection:"column",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%","& > .vehicleName":{fontSize:"23px",[i.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[i.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"}},"& > .ownedVehicleSpecsContainer":{marginTop:"-25px",fontSize:"14px",lineHeight:"20px",display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[i.breakpoints.up("md")]:{flexDirection:"row",marginTop:"fixed"===t.size?0:"-25px"},"& > .ownedVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[i.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[i.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .ownedVehicleSpecs":{display:"flex",flexDirection:"row",alignItems:"end",marginBottom:i.breakpoints.values.md?0:"12px"," & > div:first-of-type":{marginRight:"24px"}," & > div > p":{margin:0}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:n}},o}));exports.CardOwnedVehicleComponent=u,exports.default=u;
 //# sourceMappingURL=cardOwnedVehicleComponent.js.map