@flipdish/portal-library 1.0.78 → 2.0.0

package/dist/components/ui/PageLayout/PageLayout.js

@@ -1,2 +0,0 @@
-import{jsx as i,jsxs as t,Fragment as n}from"react/jsx-runtime";import e from"react";import a from"@mui/icons-material/Add";import r from"@mui/icons-material/ArrowBack";import o from"@mui/material/Grid";import d from"@mui/material/IconButton";import{styled as m,useTheme as l}from"@mui/material/styles";import p from"@mui/material/Typography";import c from"@mui/material/useMediaQuery";import s from"./DocumentTitle.js";import h from"./FullWidthContainer.js";import g from"../FDErrorBoundary/FDErrorBoundary.js";import u from"@mui/material/Button";import{getMicroFrontendAttribute as f}from"../../renderUtilities/renderUtilities.js";import{joinUrlPaths as v}from"../../../utilities/validation.js";import b from"../Spacer/Spacer.js";import k from"@mui/material/Box";import B from"@mui/material/Divider";const x=1112,w=m("div")((({theme:i,fluid:t})=>({maxWidth:t?"none":x,[i.breakpoints.down("md")]:{maxWidth:"none"},padding:i.spacing(2,4),position:"relative",minHeight:"100vh"}))),y=m(o)((({theme:i})=>({[i.breakpoints.down("sm")]:{width:"100%",paddingTop:i.spacing(2)}}))),T=m(o)((({theme:i})=>({flexWrap:"nowrap",alignItems:"flex-start",paddingTop:i.spacing(3),paddingBottom:i.spacing(3),[i.breakpoints.down("md")]:{paddingTop:i.spacing(2),paddingBottom:i.spacing(3)}}))),W=m(o)((({theme:i})=>({paddingTop:i.spacing(2)}))),C=m(o)((()=>({flexGrow:1}))),A=m("div")((({theme:i})=>({maxWidth:x,paddingBottom:i.spacing(3),[i.breakpoints.down("md")]:{paddingBottom:i.spacing(2),paddingLeft:i.spacing(2),paddingRight:i.spacing(2)}}))),L=m(d,{shouldForwardProp:i=>"hasTitleComponent"!==i})((({theme:i,hasTitleComponent:t})=>({margin:t?i.spacing(-.75,2,-1.5,-1.5):i.spacing(-1.5,2,-1.5,-1.5),[i.breakpoints.only("sm")]:{marginLeft:i.spacing(-2)},[i.breakpoints.only("xs")]:{marginLeft:i.spacing(-2)}}))),j=m("div")((({theme:i})=>({maxWidth:x,marginLeft:i.spacing(6),marginRight:i.spacing(4),paddingBottom:i.spacing(2),[i.breakpoints.only("md")]:{marginLeft:12,marginRight:i.spacing(3)},[i.breakpoints.only("sm")]:{marginLeft:i.spacing(3),marginRight:i.spacing(3),maxWidth:"none"},[i.breakpoints.only("xs")]:{marginLeft:i.spacing(2),marginRight:i.spacing(2),maxWidth:"none"}}))),I=m(o)((()=>({display:"flex",flexGrow:1,justifyContent:"flex-end"}))),D=m(p)((()=>({lineHeight:"26px"}))),R=m(p)((()=>({fontWeight:"bold"}))),z=m(B)((({theme:i})=>({marginBottom:i.spacing(4)}))),E=({title:t})=>i(R,{variant:"h5",component:"h2",children:t}),F=m("div")((({useAlternateBackground:i,theme:t})=>({backgroundColor:i?t.palette.alternateBackground.main:t.palette.white.main,width:"100%",height:"100%"}))),H=d=>{const{actionBtnTitle:m,caption:p,children:B,contextButtons:x,documentTitle:R,fluid:H=!1,fullWidth:P,header:G,hideHeader:$,actionButtonLink:S,openLinkInNewTab:U=!1,pageHeader:V,showActionButton:_,showAddIcon:M,title:N,titleComponent:Q,toPrevious:q,toParent:J,strictToParent:K,navigate:O,hideDivider:X=!1,customActionButtons:Y,useAlternateBackground:Z=!1,titleComponentAfter:ii}=d,ti=l(),ni=c(ti.breakpoints.down("md")),ei=f("data-portal-base-url")||"/",ai=S?.startsWith("https://"),ri=ai?S:void 0!==S?v(ei,S):"";return i(F,{useAlternateBackground:Z,children:t(w,{fluid:H,children:[R&&i(s,{children:R}),V||null,t(j,{children:[V&&i(b,{size:16,variant:"vertical"}),!$&&t(n,{children:[t(T,{container:!0,alignItems:"center",direction:"column",children:[i(o,{item:!0,container:!0,direction:"row",alignContent:"space-between",children:i(I,{item:!0,children:x?.map((t=>i("div",{children:t},`context-button-${e.isValidElement(t)?t.props?.["data-testid"]||t.props?.children:"fallback"}`)))})}),t(W,{item:!0,container:!0,children:[(J||q)&&i(k,{children:i(L,{"aria-label":"Back","data-testid":"back_button",hasTitleComponent:!!Q,component:"button",onClick:()=>{q?O(-1):J&&K||J&&history.length<3?O(J):O(-1)},children:i(r,{})})}),t(C,{item:!0,children:[Q?i(Q,{}):t(k,{display:"flex",alignItems:"center",gap:2,children:[i(E,{title:N}),ii]}),p&&i(D,{variant:"caption",component:"h3",children:p})]}),_&&t(n,{children:[ni&&i(b,{size:56,variant:"vertical"}),i(y,{item:!0,children:t(u,{variant:"contained",fullWidth:!0,"data-testid":`Action-button-${m}`,href:U||ai?ri:"",target:U?"_blank":void 0,rel:U?"noopener noreferrer":void 0,onClick:U||ai?()=>{}:()=>O(S),children:[M&&i(a,{}),m]})})]}),Y?.map((n=>t("div",{children:[ni&&i(b,{size:56,variant:"vertical"}),!ni&&i(b,{size:16,variant:"vertical"}),i(y,{item:!0,children:n})]},`custom-action-button-${e.isValidElement(n)?n.props?.["data-testid"]||n.props?.children:"fallback"}`)))]})]}),!X&&i(z,{})]}),t(h,{fullWidth:P,children:[G?i(A,{children:G}):null,i(g,{identifier:R,children:i(n,{children:B})})]})]})]})})};export{E as PageTitle,H as default,x as maxWidth};
-//# sourceMappingURL=PageLayout.js.map

package/dist/components/ui/PageLayout/PageLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageLayout.js","sources":["../../../../src/components/ui/PageLayout/PageLayout.tsx"],"sourcesContent":["import React, { type ComponentType, type ReactNode } from 'react';\n\nimport Add from '@mui/icons-material/Add';\nimport ArrowBackIcon from '@mui/icons-material/ArrowBack';\nimport Grid from '@mui/material/Grid';\nimport IconButton from '@mui/material/IconButton';\nimport { styled, useTheme } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport DocumentTitle from './DocumentTitle';\nimport FullWidthContainer from './FullWidthContainer';\nimport FDErrorBoundary from '../FDErrorBoundary/FDErrorBoundary';\nimport Button from '@mui/material/Button';\nimport { getMicroFrontendAttribute } from '../../renderUtilities';\nimport { joinUrlPaths } from '../../../utilities/validation';\nimport Spacer from '../Spacer/Spacer';\nimport Box from '@mui/material/Box';\nimport Divider from '@mui/material/Divider';\n\nexport const HORIZONTAL_SPACE_CLASSNAME = 'horizontal-content-space';\nexport const LEFT_HORIZONTAL_SPACE_CLASSNAME = 'left-horizontal-content-space';\nexport const RIGHT_HORIZONTAL_SPACE_CLASSNAME = 'right-horizontal-content-space';\nexport const VERTICAL_SPACE_CLASSNAME = 'vertical-content-space';\nexport const maxWidth = 1112;\nconst historyMinLength = 3;\n\nconst StyledWrapper = styled('div')<{ fluid: boolean }>(({ theme, fluid }) => ({\n    maxWidth: fluid ? 'none' : maxWidth,\n    [theme.breakpoints.down('md')]: {\n        maxWidth: 'none',\n    },\n    padding: theme.spacing(2, 4),\n    position: 'relative',\n    minHeight: '100vh',\n}));\n\nconst StyledActionButtonGrid = styled(Grid)(({ theme }) => ({\n    [theme.breakpoints.down('sm')]: {\n        width: '100%',\n        paddingTop: theme.spacing(2),\n    },\n}));\n\nconst StyledHeader = styled(Grid)(({ theme }) => ({\n    flexWrap: 'nowrap',\n    alignItems: 'flex-start',\n    paddingTop: theme.spacing(3),\n    paddingBottom: theme.spacing(3),\n\n    [theme.breakpoints.down('md')]: {\n        paddingTop: theme.spacing(2),\n        paddingBottom: theme.spacing(3),\n    },\n}));\n\nconst StyledTitleContainer = styled(Grid)(({ theme }) => ({\n    paddingTop: theme.spacing(2),\n}));\n\nconst StyledTitleSection = styled(Grid)(() => ({\n    flexGrow: 1,\n}));\n\nconst StyledTopSection = styled('div')(({ theme }) => ({\n    maxWidth,\n    paddingBottom: theme.spacing(3),\n\n    [theme.breakpoints.down('md')]: {\n        paddingBottom: theme.spacing(2),\n        paddingLeft: theme.spacing(2),\n        paddingRight: theme.spacing(2),\n    },\n}));\n\nconst StyledBackButton = styled(IconButton, {\n    shouldForwardProp: (prop) => prop !== 'hasTitleComponent',\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n})<{ hasTitleComponent: boolean; component: any }>(({ theme, hasTitleComponent }) => ({\n    margin: hasTitleComponent ? theme.spacing(-0.75, 2, -1.5, -1.5) : theme.spacing(-1.5, 2, -1.5, -1.5),\n\n    [theme.breakpoints.only('sm')]: {\n        marginLeft: theme.spacing(-2),\n    },\n\n    [theme.breakpoints.only('xs')]: {\n        marginLeft: theme.spacing(-2),\n    },\n}));\n\nconst StyledInnerWrapper = styled('div')(({ theme }) => ({\n    maxWidth,\n    marginLeft: theme.spacing(6),\n    marginRight: theme.spacing(4),\n    paddingBottom: theme.spacing(2),\n\n    [theme.breakpoints.only('md')]: {\n        marginLeft: 12,\n        marginRight: theme.spacing(3),\n    },\n\n    [theme.breakpoints.only('sm')]: {\n        marginLeft: theme.spacing(3),\n        marginRight: theme.spacing(3),\n        maxWidth: 'none',\n    },\n\n    [theme.breakpoints.only('xs')]: {\n        marginLeft: theme.spacing(2),\n        marginRight: theme.spacing(2),\n        maxWidth: 'none',\n    },\n}));\n\nconst StyledHeaderContainer = styled(Grid)(() => ({\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'flex-end',\n}));\nconst StyledCaption = styled(Typography)<{ component: string }>(() => ({\n    lineHeight: '26px',\n}));\n\nconst StyledPageTitle = styled(Typography)<{ component: string }>(() => ({\n    fontWeight: 'bold',\n}));\n\nconst StyledPageDivider = styled(Divider)(({ theme }) => ({\n    marginBottom: theme.spacing(4),\n}));\n\nexport const PageTitle = ({ title }: { title: string | ReactNode }) => (\n    <StyledPageTitle variant=\"h5\" component=\"h2\">\n        {title}\n    </StyledPageTitle>\n);\n\nconst StyledPageContainer = styled('div')<{ useAlternateBackground: boolean }>(({ useAlternateBackground, theme }) => ({\n    backgroundColor: useAlternateBackground ? theme.palette.alternateBackground.main : theme.palette.white.main,\n    width: '100%',\n    height: '100%',\n}));\n\nexport type Props = {\n    actionBtnTitle?: string;\n    caption?: ReactNode;\n    children: ReactNode;\n    contextButtons?: ReactNode[];\n    documentTitle: string;\n    fluid?: boolean;\n    fullWidth?: boolean;\n    header?: ReactNode;\n    hideHeader?: boolean;\n    actionButtonLink?: string;\n    pageHeader?: ReactNode;\n    showActionButton?: boolean;\n    showAddIcon?: boolean;\n    title: ReactNode;\n    titleComponent?: ComponentType<React.PropsWithChildren<unknown>>;\n    titleComponentAfter?: ReactNode;\n    toPrevious?: boolean;\n    toParent?: string;\n    strictToParent?: boolean;\n    openLinkInNewTab?: boolean;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    navigate: (to: any) => void;\n    hideDivider?: boolean;\n    customActionButtons?: ReactNode[];\n    useAlternateBackground?: boolean;\n};\n\nconst PageLayout = (props: Props) => {\n    const {\n        actionBtnTitle,\n        caption,\n        children,\n        contextButtons,\n        documentTitle,\n        fluid = false,\n        fullWidth,\n        header,\n        hideHeader,\n        actionButtonLink,\n        openLinkInNewTab = false,\n        pageHeader,\n        showActionButton,\n        showAddIcon,\n        title,\n        titleComponent: TitleComponent,\n        toPrevious,\n        toParent,\n        strictToParent,\n        navigate,\n        hideDivider = false,\n        customActionButtons,\n        useAlternateBackground = false,\n        titleComponentAfter,\n    } = props;\n    const theme = useTheme();\n    const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n\n    const baseUrl = getMicroFrontendAttribute('data-portal-base-url') || '/';\n    const actionButtonWithHttps = actionButtonLink?.startsWith('https://');\n    const getActionButtonLink = () => {\n        if (actionButtonWithHttps) {\n            return actionButtonLink;\n        }\n        if (actionButtonLink !== undefined) {\n            return joinUrlPaths(baseUrl, actionButtonLink);\n        }\n        return '';\n    };\n    const actionButtonLinkFinal = getActionButtonLink();\n\n    return (\n        <StyledPageContainer useAlternateBackground={useAlternateBackground}>\n            <StyledWrapper fluid={fluid}>\n                {documentTitle && <DocumentTitle>{documentTitle}</DocumentTitle>}\n\n                {pageHeader || null}\n                <StyledInnerWrapper>\n                    {pageHeader && <Spacer size={16} variant=\"vertical\" />}\n                    {!hideHeader && (\n                        <>\n                            <StyledHeader container alignItems=\"center\" direction=\"column\">\n                                <Grid item container direction=\"row\" alignContent=\"space-between\">\n                                    <StyledHeaderContainer item>\n                                        {contextButtons?.map((button) => (\n                                            <div\n                                                key={`context-button-${React.isValidElement(button) ? button.props?.['data-testid'] || button.props?.children : 'fallback'}`}\n                                            >\n                                                {button}\n                                            </div>\n                                        ))}\n                                    </StyledHeaderContainer>\n                                </Grid>\n                                <StyledTitleContainer item container>\n                                    {(toParent || toPrevious) && (\n                                        <Box>\n                                            <StyledBackButton\n                                                aria-label=\"Back\"\n                                                data-testid=\"back_button\"\n                                                hasTitleComponent={!!TitleComponent}\n                                                component={'button'}\n                                                onClick={() => {\n                                                    if (toPrevious) {\n                                                        navigate(-1);\n                                                    } else if (toParent && strictToParent) {\n                                                        navigate(toParent);\n                                                    } else if (toParent && history.length < historyMinLength) {\n                                                        navigate(toParent);\n                                                    } else {\n                                                        navigate(-1);\n                                                    }\n                                                }}\n                                            >\n                                                <ArrowBackIcon />\n                                            </StyledBackButton>\n                                        </Box>\n                                    )}\n\n                                    <StyledTitleSection item>\n                                        {TitleComponent ? (\n                                            <TitleComponent />\n                                        ) : (\n                                            <Box display=\"flex\" alignItems=\"center\" gap={2}>\n                                                <PageTitle title={title} />\n                                                {titleComponentAfter}\n                                            </Box>\n                                        )}\n                                        {caption && (\n                                            <StyledCaption variant=\"caption\" component=\"h3\">\n                                                {caption}\n                                            </StyledCaption>\n                                        )}\n                                    </StyledTitleSection>\n\n                                    {showActionButton && (\n                                        <>\n                                            {isMobile && <Spacer size={56} variant=\"vertical\" />}\n                                            <StyledActionButtonGrid item>\n                                                <Button\n                                                    variant=\"contained\"\n                                                    fullWidth={true}\n                                                    data-testid={`Action-button-${actionBtnTitle}`}\n                                                    href={openLinkInNewTab || actionButtonWithHttps ? actionButtonLinkFinal : ''}\n                                                    target={openLinkInNewTab ? '_blank' : undefined}\n                                                    rel={openLinkInNewTab ? 'noopener noreferrer' : undefined}\n                                                    onClick={\n                                                        !openLinkInNewTab && !actionButtonWithHttps ? () => navigate(actionButtonLink) : () => {}\n                                                    }\n                                                >\n                                                    {showAddIcon && <Add />}\n                                                    {actionBtnTitle}\n                                                </Button>\n                                            </StyledActionButtonGrid>\n                                        </>\n                                    )}\n                                    {customActionButtons?.map((button) => (\n                                        <div\n                                            key={`custom-action-button-${React.isValidElement(button) ? button.props?.['data-testid'] || button.props?.children : 'fallback'}`}\n                                        >\n                                            {isMobile && <Spacer size={56} variant=\"vertical\" />}\n                                            {!isMobile && <Spacer size={16} variant=\"vertical\" />}\n                                            <StyledActionButtonGrid item>{button}</StyledActionButtonGrid>\n                                        </div>\n                                    ))}\n                                </StyledTitleContainer>\n                            </StyledHeader>\n                            {!hideDivider && <StyledPageDivider />}\n                        </>\n                    )}\n                    <FullWidthContainer fullWidth={fullWidth}>\n                        {header ? <StyledTopSection>{header}</StyledTopSection> : null}\n                        <FDErrorBoundary identifier={documentTitle}>\n                            <>{children}</>\n                        </FDErrorBoundary>\n                    </FullWidthContainer>\n                </StyledInnerWrapper>\n            </StyledWrapper>\n        </StyledPageContainer>\n    );\n};\n\nexport default PageLayout;\n"],"names":["maxWidth","StyledWrapper","styled","theme","fluid","breakpoints","down","padding","spacing","position","minHeight","StyledActionButtonGrid","Grid","width","paddingTop","StyledHeader","flexWrap","alignItems","paddingBottom","StyledTitleContainer","StyledTitleSection","flexGrow","StyledTopSection","paddingLeft","paddingRight","StyledBackButton","IconButton","shouldForwardProp","prop","hasTitleComponent","margin","only","marginLeft","StyledInnerWrapper","marginRight","StyledHeaderContainer","display","justifyContent","StyledCaption","Typography","lineHeight","StyledPageTitle","fontWeight","StyledPageDivider","Divider","marginBottom","PageTitle","title","_jsx","variant","component","children","StyledPageContainer","useAlternateBackground","backgroundColor","palette","alternateBackground","main","white","height","PageLayout","props","actionBtnTitle","caption","contextButtons","documentTitle","fullWidth","header","hideHeader","actionButtonLink","openLinkInNewTab","pageHeader","showActionButton","showAddIcon","titleComponent","TitleComponent","toPrevious","toParent","strictToParent","navigate","hideDivider","customActionButtons","titleComponentAfter","useTheme","isMobile","useMediaQuery","baseUrl","getMicroFrontendAttribute","actionButtonWithHttps","startsWith","actionButtonLinkFinal","undefined","joinUrlPaths","_jsxs","DocumentTitle","Spacer","size","_Fragment","container","direction","item","alignContent","map","button","React","isValidElement","Box","onClick","history","length","ArrowBackIcon","gap","Button","href","target","rel","Add","FullWidthContainer","FDErrorBoundary","identifier"],"mappings":"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"}

package/dist/components/ui/PortalMock/PortalMock.cjs.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/styles"),i=require("@mui/material/AppBar"),t=require("@mui/material/Box"),l=require("@mui/material/CssBaseline"),a=require("@mui/material/Drawer"),o=require("@mui/material/Typography");const s=r.styled("div")((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.palette.grey[300],height:"65px",color:e.palette.text.primary,borderBottom:`2px solid ${e.palette.grey[400]}`}))),n=r.styled("div")((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.palette.grey[300],height:"100%",color:e.palette.text.primary}))),d=198;module.exports=({children:x,loadedFromPortal:m})=>{const p=r.useTheme();if(m)return e.jsx(e.Fragment,{children:x});const c=e.jsx(n,{children:e.jsx(o,{sx:{fontWeight:"bold"},children:"Sidebar"})});return e.jsxs(t,{sx:{display:"flex"},children:[e.jsx(l,{}),e.jsx(i,{position:"fixed",sx:{width:{sm:"calc(100% - 198px)"},ml:{sm:"198px"},boxShadow:"none"},children:e.jsx(s,{children:e.jsx(o,{sx:{fontWeight:"bold"},children:"Header"})})}),e.jsx(t,{component:"nav",sx:{width:{sm:d},flexShrink:{sm:0}},"aria-label":"mailbox folders",children:e.jsx(a,{variant:"permanent",sx:{display:{xs:"none",sm:"block"},"& .MuiDrawer-paper":{boxSizing:"border-box",width:d,borderColor:p.palette.grey[400],borderWidth:"2px"}},open:!0,children:c})}),e.jsx(t,{component:"main",sx:{flexGrow:1,width:{sm:"calc(100% - 198px)",marginTop:"65px"}},children:x})]})};
-//# sourceMappingURL=PortalMock.cjs.js.map

package/dist/components/ui/PortalMock/PortalMock.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PortalMock.cjs.js","sources":["../../../../src/components/ui/PortalMock/PortalMock.tsx"],"sourcesContent":["import { styled, useTheme } from '@mui/material/styles';\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport Typography from '@mui/material/Typography';\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: theme.palette.grey[300],\n    height: '65px',\n    color: theme.palette.text.primary,\n    borderBottom: `2px solid ${theme.palette.grey[400]}`,\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: theme.palette.grey[300],\n    height: '100%',\n    color: theme.palette.text.primary,\n}));\n\ntype Props = {\n    loadedFromPortal: boolean;\n    children: React.ReactNode;\n};\nconst drawerWidth = 198;\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n    const theme = useTheme();\n\n    if (loadedFromPortal) {\n        return <>{children}</>;\n    }\n\n    const drawer = (\n        <StyledSidebar>\n            <Typography sx={{ fontWeight: 'bold' }}>Sidebar</Typography>\n        </StyledSidebar>\n    );\n\n    return (\n        <Box sx={{ display: 'flex' }}>\n            <CssBaseline />\n            <AppBar\n                position=\"fixed\"\n                sx={{\n                    width: { sm: `calc(100% - ${drawerWidth}px)` },\n                    ml: { sm: `${drawerWidth}px` },\n                    boxShadow: 'none',\n                }}\n            >\n                <StyledHeader>\n                    <Typography sx={{ fontWeight: 'bold' }}>Header</Typography>\n                </StyledHeader>\n            </AppBar>\n            <Box component=\"nav\" sx={{ width: { sm: drawerWidth }, flexShrink: { sm: 0 } }} aria-label=\"mailbox folders\">\n                <Drawer\n                    variant=\"permanent\"\n                    sx={{\n                        display: { xs: 'none', sm: 'block' },\n                        '& .MuiDrawer-paper': {\n                            boxSizing: 'border-box',\n                            width: drawerWidth,\n                            borderColor: theme.palette.grey[400],\n                            borderWidth: '2px',\n                        },\n                    }}\n                    open\n                >\n                    {drawer}\n                </Drawer>\n            </Box>\n            <Box component=\"main\" sx={{ flexGrow: 1, width: { sm: `calc(100% - ${drawerWidth}px)`, marginTop: '65px' } }}>\n                {children}\n            </Box>\n        </Box>\n    );\n};\n\nexport default PortalMock;\n"],"names":["StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","grey","height","color","text","primary","borderBottom","StyledSidebar","drawerWidth","children","loadedFromPortal","useTheme","_jsx","jsx","_Fragment","Fragment","drawer","Typography","sx","fontWeight","_jsxs","Box","CssBaseline","AppBar","position","width","sm","ml","boxShadow","component","flexShrink","Drawer","variant","xs","boxSizing","borderColor","borderWidth","open","flexGrow","marginTop"],"mappings":"kQAOA,MAAMA,EAAeC,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAa,CAC/CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,KAAK,KACpCC,OAAQ,OACRC,MAAOR,EAAMK,QAAQI,KAAKC,QAC1BC,aAAc,aAAaX,EAAMK,QAAQC,KAAK,WAG5CM,EAAgBb,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAa,CAChDC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,KAAK,KACpCC,OAAQ,OACRC,MAAOR,EAAMK,QAAQI,KAAKC,YAOxBG,EAAc,mBAED,EAAGC,WAAUC,uBAC5B,MAAMf,EAAQgB,EAAAA,WAEd,GAAID,EACA,OAAOE,EAAAC,IAAAC,EAAAC,SAAA,CAAAN,SAAGA,IAGd,MAAMO,EACFJ,EAAAA,IAACL,EAAa,CAAAE,SACVG,MAACK,EAAU,CAACC,GAAI,CAAEC,WAAY,QAA8BV,SAAA,cAIpE,OACIW,EAAAA,KAACC,EAAI,CAAAH,GAAI,CAAEtB,QAAS,QAAQa,SAAA,CACxBG,MAACU,EAAW,CAAA,GACZV,EAAAC,IAACU,EAAM,CACHC,SAAS,QACTN,GAAI,CACAO,MAAO,CAAEC,GAAI,sBACbC,GAAI,CAAED,GAAI,SACVE,UAAW,QAGfnB,SAAAG,EAAAC,IAACpB,EAAY,CAAAgB,SACTG,MAACK,GAAWC,GAAI,CAAEC,WAAY,QAA6BV,SAAA,eAGnEG,MAACS,EAAI,CAAAQ,UAAU,MAAMX,GAAI,CAAEO,MAAO,CAAEC,GAAIlB,GAAesB,WAAY,CAAEJ,GAAI,IAAK,aAAa,kBAAiBjB,SACxGG,EAAAA,IAACmB,EACG,CAAAC,QAAQ,YACRd,GAAI,CACAtB,QAAS,CAAEqC,GAAI,OAAQP,GAAI,SAC3B,qBAAsB,CAClBQ,UAAW,aACXT,MAAOjB,EACP2B,YAAaxC,EAAMK,QAAQC,KAAK,KAChCmC,YAAa,QAGrBC,MAEC,EAAA5B,SAAAO,MAGTJ,MAACS,EAAI,CAAAQ,UAAU,OAAOX,GAAI,CAAEoB,SAAU,EAAGb,MAAO,CAAEC,GAAI,qBAAiCa,UAAW,SAAU9B,SACvGA,MAGX"}

package/dist/components/ui/PortalMock/PortalMock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PortalMock.js","sources":["../../../../src/components/ui/PortalMock/PortalMock.tsx"],"sourcesContent":["import { styled, useTheme } from '@mui/material/styles';\nimport AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport Typography from '@mui/material/Typography';\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: theme.palette.grey[300],\n    height: '65px',\n    color: theme.palette.text.primary,\n    borderBottom: `2px solid ${theme.palette.grey[400]}`,\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: theme.palette.grey[300],\n    height: '100%',\n    color: theme.palette.text.primary,\n}));\n\ntype Props = {\n    loadedFromPortal: boolean;\n    children: React.ReactNode;\n};\nconst drawerWidth = 198;\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n    const theme = useTheme();\n\n    if (loadedFromPortal) {\n        return <>{children}</>;\n    }\n\n    const drawer = (\n        <StyledSidebar>\n            <Typography sx={{ fontWeight: 'bold' }}>Sidebar</Typography>\n        </StyledSidebar>\n    );\n\n    return (\n        <Box sx={{ display: 'flex' }}>\n            <CssBaseline />\n            <AppBar\n                position=\"fixed\"\n                sx={{\n                    width: { sm: `calc(100% - ${drawerWidth}px)` },\n                    ml: { sm: `${drawerWidth}px` },\n                    boxShadow: 'none',\n                }}\n            >\n                <StyledHeader>\n                    <Typography sx={{ fontWeight: 'bold' }}>Header</Typography>\n                </StyledHeader>\n            </AppBar>\n            <Box component=\"nav\" sx={{ width: { sm: drawerWidth }, flexShrink: { sm: 0 } }} aria-label=\"mailbox folders\">\n                <Drawer\n                    variant=\"permanent\"\n                    sx={{\n                        display: { xs: 'none', sm: 'block' },\n                        '& .MuiDrawer-paper': {\n                            boxSizing: 'border-box',\n                            width: drawerWidth,\n                            borderColor: theme.palette.grey[400],\n                            borderWidth: '2px',\n                        },\n                    }}\n                    open\n                >\n                    {drawer}\n                </Drawer>\n            </Box>\n            <Box component=\"main\" sx={{ flexGrow: 1, width: { sm: `calc(100% - ${drawerWidth}px)`, marginTop: '65px' } }}>\n                {children}\n            </Box>\n        </Box>\n    );\n};\n\nexport default PortalMock;\n"],"names":["StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","grey","height","color","text","primary","borderBottom","StyledSidebar","drawerWidth","PortalMock","children","loadedFromPortal","useTheme","_jsx","_Fragment","drawer","Typography","sx","fontWeight","_jsxs","Box","CssBaseline","AppBar","position","width","sm","ml","boxShadow","component","flexShrink","Drawer","variant","xs","boxSizing","borderColor","borderWidth","open","flexGrow","marginTop"],"mappings":"sTAOA,MAAMA,EAAeC,EAAO,MAAPA,EAAc,EAAGC,YAAa,CAC/CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,KAAK,KACpCC,OAAQ,OACRC,MAAOR,EAAMK,QAAQI,KAAKC,QAC1BC,aAAc,aAAaX,EAAMK,QAAQC,KAAK,WAG5CM,EAAgBb,EAAO,MAAPA,EAAc,EAAGC,YAAa,CAChDC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,KAAK,KACpCC,OAAQ,OACRC,MAAOR,EAAMK,QAAQI,KAAKC,YAOxBG,EAAc,IAEdC,EAAa,EAAGC,WAAUC,uBAC5B,MAAMhB,EAAQiB,IAEd,GAAID,EACA,OAAOE,EAAAC,EAAA,CAAAJ,SAAGA,IAGd,MAAMK,EACFF,EAACN,EAAa,CAAAG,SACVG,EAACG,EAAU,CAACC,GAAI,CAAEC,WAAY,QAA8BR,SAAA,cAIpE,OACIS,EAACC,EAAI,CAAAH,GAAI,CAAErB,QAAS,QAAQc,SAAA,CACxBG,EAACQ,EAAW,CAAA,GACZR,EAACS,EAAM,CACHC,SAAS,QACTN,GAAI,CACAO,MAAO,CAAEC,GAAI,sBACbC,GAAI,CAAED,GAAI,SACVE,UAAW,QAGfjB,SAAAG,EAACpB,EAAY,CAAAiB,SACTG,EAACG,GAAWC,GAAI,CAAEC,WAAY,QAA6BR,SAAA,eAGnEG,EAACO,EAAI,CAAAQ,UAAU,MAAMX,GAAI,CAAEO,MAAO,CAAEC,GAAIjB,GAAeqB,WAAY,CAAEJ,GAAI,IAAK,aAAa,kBAAiBf,SACxGG,EAACiB,EACG,CAAAC,QAAQ,YACRd,GAAI,CACArB,QAAS,CAAEoC,GAAI,OAAQP,GAAI,SAC3B,qBAAsB,CAClBQ,UAAW,aACXT,MAAOhB,EACP0B,YAAavC,EAAMK,QAAQC,KAAK,KAChCkC,YAAa,QAGrBC,MAEC,EAAA1B,SAAAK,MAGTF,EAACO,EAAI,CAAAQ,UAAU,OAAOX,GAAI,CAAEoB,SAAU,EAAGb,MAAO,CAAEC,GAAI,qBAAiCa,UAAW,SAAU5B,SACvGA,MAGX"}

package/dist/components/ui/Spacer/Spacer.cjs.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime");require("react");const i=require("@mui/material/styles").styled("div")((({size:e=8,variant:i,children:r})=>{const a={padding:r?`${e}px`:void 0};return r?"horizontal"===i?a.margin=`${e}px 0`:"vertical"===i&&(a.margin=`0 ${e}px`):"horizontal"===i?a.height=`${e}px`:"vertical"===i&&(a.width=`${e}px`),a}));module.exports=({className:r,variant:a,size:t=8,children:s})=>e.jsx(i,{className:r,variant:a,size:t,children:s});
-//# sourceMappingURL=Spacer.cjs.js.map

package/dist/components/ui/Spacer/Spacer.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spacer.cjs.js","sources":["../../../../src/components/ui/Spacer/Spacer.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nexport interface ISpacerProps {\n    className?: string;\n    variant?: 'horizontal' | 'vertical';\n    size?: 8 | 16 | 24 | 32 | 40 | 56;\n    children?: ReactNode;\n}\n\nconst SpacerDiv = styled('div')<ISpacerProps>(({ size = 8, variant, children }) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const style: any = {\n        padding: children ? `${size}px` : undefined,\n    };\n\n    if (!children) {\n        if (variant === 'horizontal') {\n            style.height = `${size}px`;\n        } else if (variant === 'vertical') {\n            style.width = `${size}px`;\n        }\n    } else if (variant === 'horizontal') {\n        style.margin = `${size}px 0`;\n    } else if (variant === 'vertical') {\n        style.margin = `0 ${size}px`;\n    }\n\n    return style;\n});\n\nconst Spacer = ({ className, variant, size = 8, children }: ISpacerProps) => {\n    return (\n        <SpacerDiv className={className} variant={variant} size={size}>\n            {children}\n        </SpacerDiv>\n    );\n};\n\nexport default Spacer;\n"],"names":["SpacerDiv","styled","size","variant","children","style","padding","undefined","margin","height","width","className","_jsx"],"mappings":"iEAUA,MAAMA,kCAAYC,OAAO,MAAPA,EAA4B,EAAGC,OAAO,EAAGC,UAASC,eAEhE,MAAMC,EAAa,CACfC,QAASF,EAAW,GAAGF,WAAWK,GAetC,OAZKH,EAMkB,eAAZD,EACPE,EAAMG,OAAS,GAAGN,QACC,aAAZC,IACPE,EAAMG,OAAS,KAAKN,OARJ,eAAZC,EACAE,EAAMI,OAAS,GAAGP,MACC,aAAZC,IACPE,EAAMK,MAAQ,GAAGR,OAQlBG,CAAK,mBAGD,EAAGM,YAAWR,UAASD,OAAO,EAAGE,cAExCQ,MAACZ,GAAUW,UAAWA,EAAWR,QAASA,EAASD,KAAMA,WACpDE"}

package/dist/components/ui/Spacer/Spacer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spacer.js","sources":["../../../../src/components/ui/Spacer/Spacer.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nexport interface ISpacerProps {\n    className?: string;\n    variant?: 'horizontal' | 'vertical';\n    size?: 8 | 16 | 24 | 32 | 40 | 56;\n    children?: ReactNode;\n}\n\nconst SpacerDiv = styled('div')<ISpacerProps>(({ size = 8, variant, children }) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const style: any = {\n        padding: children ? `${size}px` : undefined,\n    };\n\n    if (!children) {\n        if (variant === 'horizontal') {\n            style.height = `${size}px`;\n        } else if (variant === 'vertical') {\n            style.width = `${size}px`;\n        }\n    } else if (variant === 'horizontal') {\n        style.margin = `${size}px 0`;\n    } else if (variant === 'vertical') {\n        style.margin = `0 ${size}px`;\n    }\n\n    return style;\n});\n\nconst Spacer = ({ className, variant, size = 8, children }: ISpacerProps) => {\n    return (\n        <SpacerDiv className={className} variant={variant} size={size}>\n            {children}\n        </SpacerDiv>\n    );\n};\n\nexport default Spacer;\n"],"names":["SpacerDiv","styled","size","variant","children","style","padding","undefined","margin","height","width","Spacer","className","_jsx"],"mappings":"oGAUA,MAAMA,EAAYC,EAAO,MAAPA,EAA4B,EAAGC,OAAO,EAAGC,UAASC,eAEhE,MAAMC,EAAa,CACfC,QAASF,EAAW,GAAGF,WAAWK,GAetC,OAZKH,EAMkB,eAAZD,EACPE,EAAMG,OAAS,GAAGN,QACC,aAAZC,IACPE,EAAMG,OAAS,KAAKN,OARJ,eAAZC,EACAE,EAAMI,OAAS,GAAGP,MACC,aAAZC,IACPE,EAAMK,MAAQ,GAAGR,OAQlBG,CAAK,IAGVM,EAAS,EAAGC,YAAWT,UAASD,OAAO,EAAGE,cAExCS,EAACb,GAAUY,UAAWA,EAAWT,QAASA,EAASD,KAAMA,WACpDE"}

package/dist/components/ui/Switch/Switch.cjs.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("@mui/material/FormControlLabel"),r=require("@mui/material/Switch");module.exports=({label:l,checked:t,onChange:i,labelPlacement:m="start",size:s="medium",disabled:c=!1,testId:d})=>e.jsx(a,{label:l,labelPlacement:m,control:e.jsx(r,{checked:t,onChange:i,color:"primary",size:s,disabled:c,"data-fd":d})});
-//# sourceMappingURL=Switch.cjs.js.map

package/dist/components/ui/Switch/Switch.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.cjs.js","sources":["../../../../src/components/ui/Switch/Switch.tsx"],"sourcesContent":["import FormControlLabel, { type FormControlLabelProps } from '@mui/material/FormControlLabel';\nimport MuiSwitch, { type SwitchProps as MuiSwitchProps } from '@mui/material/Switch';\n\nexport type SwitchProps = {\n    label: string;\n    labelPlacement?: FormControlLabelProps['labelPlacement'];\n    checked?: boolean;\n    onChange?: MuiSwitchProps['onChange'];\n    size?: MuiSwitchProps['size'];\n    disabled?: boolean;\n    testId?: string;\n};\n\nconst Switch = ({ label, checked, onChange, labelPlacement = 'start', size = 'medium', disabled = false, testId = undefined }: SwitchProps) => {\n    return (\n        <FormControlLabel\n            label={label}\n            labelPlacement={labelPlacement}\n            control={<MuiSwitch checked={checked} onChange={onChange} color=\"primary\" size={size} disabled={disabled} data-fd={testId} />}\n        />\n    );\n};\n\nexport default Switch;\n"],"names":["label","checked","onChange","labelPlacement","size","disabled","testId","_jsx","FormControlLabel","control","MuiSwitch","color"],"mappings":"6IAae,EAAGA,QAAOC,UAASC,WAAUC,iBAAiB,QAASC,OAAO,SAAUC,YAAW,EAAOC,YAEjGC,MAACC,GACGR,MAAOA,EACPG,eAAgBA,EAChBM,QAASF,EAAAA,IAACG,EAAS,CAACT,QAASA,EAASC,SAAUA,EAAUS,MAAM,UAAUP,KAAMA,EAAMC,SAAUA,EAAQ,UAAWC"}

package/dist/components/ui/Switch/Switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.js","sources":["../../../../src/components/ui/Switch/Switch.tsx"],"sourcesContent":["import FormControlLabel, { type FormControlLabelProps } from '@mui/material/FormControlLabel';\nimport MuiSwitch, { type SwitchProps as MuiSwitchProps } from '@mui/material/Switch';\n\nexport type SwitchProps = {\n    label: string;\n    labelPlacement?: FormControlLabelProps['labelPlacement'];\n    checked?: boolean;\n    onChange?: MuiSwitchProps['onChange'];\n    size?: MuiSwitchProps['size'];\n    disabled?: boolean;\n    testId?: string;\n};\n\nconst Switch = ({ label, checked, onChange, labelPlacement = 'start', size = 'medium', disabled = false, testId = undefined }: SwitchProps) => {\n    return (\n        <FormControlLabel\n            label={label}\n            labelPlacement={labelPlacement}\n            control={<MuiSwitch checked={checked} onChange={onChange} color=\"primary\" size={size} disabled={disabled} data-fd={testId} />}\n        />\n    );\n};\n\nexport default Switch;\n"],"names":["Switch","label","checked","onChange","labelPlacement","size","disabled","testId","_jsx","FormControlLabel","control","MuiSwitch","color"],"mappings":"0HAaM,MAAAA,EAAS,EAAGC,QAAOC,UAASC,WAAUC,iBAAiB,QAASC,OAAO,SAAUC,YAAW,EAAOC,YAEjGC,EAACC,GACGR,MAAOA,EACPG,eAAgBA,EAChBM,QAASF,EAACG,EAAS,CAACT,QAASA,EAASC,SAAUA,EAAUS,MAAM,UAAUP,KAAMA,EAAMC,SAAUA,EAAQ,UAAWC"}

package/dist/components/ui/Tooltip/Tooltip.cjs.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material/Tooltip"),r=require("@mui/material/IconButton"),t=require("@mui/icons-material/InfoOutlined");module.exports=({text:u,iconSize:l="small"})=>e.jsx(i,{title:u,children:e.jsx(r,{children:e.jsx(t,{fontSize:l})})});
-//# sourceMappingURL=Tooltip.cjs.js.map

package/dist/components/ui/Tooltip/Tooltip.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.cjs.js","sources":["../../../../src/components/ui/Tooltip/Tooltip.tsx"],"sourcesContent":["import MuiTooltip from '@mui/material/Tooltip';\nimport IconButton from '@mui/material/IconButton';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\n\nexport const ICON_SIZES = ['small', 'medium', 'large'] as const;\nexport type IconSize = (typeof ICON_SIZES)[number];\n\nexport type TooltipProps = {\n    text: string;\n    iconSize?: IconSize;\n};\n\nconst Tooltip = ({ text, iconSize = 'small' }: TooltipProps) => (\n    <MuiTooltip title={text}>\n        <IconButton>\n            <InfoOutlinedIcon fontSize={iconSize} />\n        </IconButton>\n    </MuiTooltip>\n);\n\nexport default Tooltip;\n"],"names":["text","iconSize","_jsx","MuiTooltip","title","children","IconButton","InfoOutlinedIcon","fontSize"],"mappings":"sLAYgB,EAAGA,OAAMC,WAAW,WAChCC,EAAAA,IAACC,EAAU,CAACC,MAAOJ,EAAIK,SACnBH,EAAAA,IAACI,YACGJ,MAACK,EAAiB,CAAAC,SAAUP"}

package/dist/components/ui/Tooltip/Tooltip.js

@@ -1,2 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import i from"@mui/material/Tooltip";import o from"@mui/material/IconButton";import m from"@mui/icons-material/InfoOutlined";const r=({text:r,iconSize:e="small"})=>t(i,{title:r,children:t(o,{children:t(m,{fontSize:e})})});export{r as default};
-//# sourceMappingURL=Tooltip.js.map

package/dist/components/ui/Tooltip/Tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/ui/Tooltip/Tooltip.tsx"],"sourcesContent":["import MuiTooltip from '@mui/material/Tooltip';\nimport IconButton from '@mui/material/IconButton';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\n\nexport const ICON_SIZES = ['small', 'medium', 'large'] as const;\nexport type IconSize = (typeof ICON_SIZES)[number];\n\nexport type TooltipProps = {\n    text: string;\n    iconSize?: IconSize;\n};\n\nconst Tooltip = ({ text, iconSize = 'small' }: TooltipProps) => (\n    <MuiTooltip title={text}>\n        <IconButton>\n            <InfoOutlinedIcon fontSize={iconSize} />\n        </IconButton>\n    </MuiTooltip>\n);\n\nexport default Tooltip;\n"],"names":["Tooltip","text","iconSize","_jsx","MuiTooltip","title","children","IconButton","InfoOutlinedIcon","fontSize"],"mappings":"qKAYA,MAAMA,EAAU,EAAGC,OAAMC,WAAW,WAChCC,EAACC,EAAU,CAACC,MAAOJ,EAAIK,SACnBH,EAACI,YACGJ,EAACK,EAAiB,CAAAC,SAAUP"}

package/dist/localization/en.json.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e={value:"About"},o={value:"About Page"},t={value:"Click on the Vite and React logos to learn more"},a={value:"Count is {count}"},_={value:"Flipdish staff only"},l={value:"Go to About Page"},r={value:"Go to home Page"},u={value:"Home"},p={value:"Page Not Found"},s={value:"Required"},i={value:"Something went wrong, please refresh the page"},n={value:"Valid"},g={value:"Welcome to the About Page"},d={value:"Welcome to the new Flipdish Portal"},h={About:e,About_Page:o,Click_vite_react:t,Count_is:a,Flipdish_staff_only:_,Go_to_about_page:l,Go_to_home_page:r,Home:u,"Micro-Frontend_Example":{value:"Micro-Frontend Example"},Page_Not_Found:p,Required:s,Something_went_wrong_please_refresh_the_page:i,Valid:n,Welcome_about_page:g,Welcome_to_new_portal:d};exports.About=e,exports.About_Page=o,exports.Click_vite_react=t,exports.Count_is=a,exports.Flipdish_staff_only=_,exports.Go_to_about_page=l,exports.Go_to_home_page=r,exports.Home=u,exports.Page_Not_Found=p,exports.Required=s,exports.Something_went_wrong_please_refresh_the_page=i,exports.Valid=n,exports.Welcome_about_page=g,exports.Welcome_to_new_portal=d,exports.default=h;
-//# sourceMappingURL=en.json.cjs.js.map

package/dist/localization/en.json.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"en.json.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/providers/ToastProvider.cjs.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/styles"),r=require("notistack");const n=t.styled(r.MaterialDesignContent)((({theme:e})=>({"&.notistack-MuiContent-default":{backgroundColor:e.palette.black.main},"&.notistack-MuiContent-success":{backgroundColor:e.palette.success.main},"&.notistack-MuiContent-error":{backgroundColor:e.palette.error.main}})));module.exports=({children:t})=>e.jsx(r.SnackbarProvider,{maxSnack:3,anchorOrigin:{vertical:"bottom",horizontal:"center"},Components:{success:n,error:n,default:n},children:t});
-//# sourceMappingURL=ToastProvider.cjs.js.map

package/dist/providers/ToastProvider.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastProvider.cjs.js","sources":["../../src/providers/ToastProvider.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport { SnackbarProvider, MaterialDesignContent } from 'notistack';\n\nconst StyledMaterialDesignContent = styled(MaterialDesignContent)(({ theme }) => ({\n    '&.notistack-MuiContent-default': {\n        backgroundColor: theme.palette.black.main,\n    },\n    '&.notistack-MuiContent-success': {\n        backgroundColor: theme.palette.success.main,\n    },\n    '&.notistack-MuiContent-error': {\n        backgroundColor: theme.palette.error.main,\n    },\n}));\n\n/**\n * ToastProvider component that wraps the application with notistack's SnackbarProvider.\n * Provides a centralized toast notification system with custom styling.\n *\n * Features:\n * - Maximum of 3 notifications displayed simultaneously\n * - Notifications appear at the bottom center of the scree\n *\n * @param {Object} props - Component props\n * @param {React.ReactNode} props.children - Child components to be wrapped by the provider\n * @returns {JSX.Element} ToastProvider component\n *\n * @example\n * ```tsx\n * <ToastProvider>\n *   <App />\n * </ToastProvider>\n * ```\n */\nconst ToastProvider = ({ children }: { children: React.ReactNode }) => {\n    return (\n        <SnackbarProvider\n            maxSnack={3}\n            anchorOrigin={{\n                vertical: 'bottom',\n                horizontal: 'center',\n            }}\n            Components={{\n                success: StyledMaterialDesignContent,\n                error: StyledMaterialDesignContent,\n                default: StyledMaterialDesignContent,\n            }}\n        >\n            {children}\n        </SnackbarProvider>\n    );\n};\n\nexport default ToastProvider;\n"],"names":["StyledMaterialDesignContent","styled","MaterialDesignContent","theme","backgroundColor","palette","black","main","success","error","children","_jsx","SnackbarProvider","maxSnack","anchorOrigin","vertical","horizontal","Components","default"],"mappings":"yGAGA,MAAMA,EAA8BC,EAAAA,OAAOC,EAAAA,sBAAPD,EAA8B,EAAGE,YAAa,CAC9E,iCAAkC,CAC9BC,gBAAiBD,EAAME,QAAQC,MAAMC,MAEzC,iCAAkC,CAC9BH,gBAAiBD,EAAME,QAAQG,QAAQD,MAE3C,+BAAgC,CAC5BH,gBAAiBD,EAAME,QAAQI,MAAMF,yBAuBvB,EAAGG,cAEjBC,MAACC,EAAgBA,iBAAA,CACbC,SAAU,EACVC,aAAc,CACVC,SAAU,SACVC,WAAY,UAEhBC,WAAY,CACRT,QAASR,EACTS,MAAOT,EACPkB,QAASlB,GAGZU,SAAAA"}

package/dist/providers/TranslationProvider.cjs.js

@@ -1,2 +0,0 @@
-"use strict";require("react/jsx-runtime");var e=require("react"),t=require("../localization/en.json.cjs.js");const r=e.createContext({});exports.useTranslation=()=>{const{translations:a}=e.useContext(r);return{translate:e.useCallback(((e,r)=>{let s=a?.[e]?.value||t.default[e]?.value||e;return r&&s&&Object.keys(r)?.forEach((e=>{s=s.replace(new RegExp(`{${e}}`,"g"),`${r[e]}`)})),s}),[a]),translations:a}};
-//# sourceMappingURL=TranslationProvider.cjs.js.map

package/dist/providers/TranslationProvider.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TranslationProvider.cjs.js","sources":["../../src/providers/TranslationProvider.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';\nimport en from '../../../../localization/en.json';\nimport { getMicroFrontendAttribute } from '../components/renderUtilities';\n\ndeclare global {\n    type TranslationId = keyof typeof en;\n}\n\ntype Translation = { value: string };\n\ninterface TranslationBase {\n    translations: Record<string, Translation>;\n}\n\nconst TranslationContext = createContext<TranslationBase>({} as unknown as TranslationBase);\n\ntype TranslationProp = {\n    children: JSX.Element;\n} & TranslationBase;\n\nexport const TranslationProvider = ({ children, translations }: TranslationProp): JSX.Element => {\n    const value = useMemo(() => ({ translations }), [translations]);\n    return <TranslationContext.Provider value={value}>{children}</TranslationContext.Provider>;\n};\n\nexport const useTranslation = (): {\n    translate: (key: TranslationId, data?: Record<string, string | number>) => string;\n    translations: Record<string, Translation>;\n} => {\n    const { translations } = useContext(TranslationContext);\n\n    const translate = useCallback(\n        (key: TranslationId, data?: Record<string, string | number>): string => {\n            let translation = translations?.[key]?.value || en[key]?.value || key;\n            if (data && translation) {\n                Object.keys(data)?.forEach((key) => {\n                    translation = translation.replace(new RegExp(`{${key}}`, 'g'), `${data[key]}`);\n                });\n            }\n            return translation;\n        },\n        [translations],\n    );\n    return { translate, translations };\n};\n\nconst languagesToLoad = ['nl', 'en-US', 'de', 'fr', 'it', 'es', 'pt', 'es-MX', 'dev-lang'];\n\nexport const useLoadTranslations = () => {\n    const [translations, setTranslations] = useState<{\n        loading: boolean;\n        translations?: Record<string, { value: string }>;\n    }>({ loading: true, translations: {} });\n    const languageFromParentDiv = getMicroFrontendAttribute('data-language') || '';\n\n    useEffect(() => {\n        const fetchJSONData = async () => {\n            // en loaded as default fallback already\n            const shouldLoadLanguage = languagesToLoad.includes(languageFromParentDiv);\n            if (shouldLoadLanguage) {\n                import(`../../../../localization/${languageFromParentDiv}.json`)\n                    .then((response) => response.default) // Access the default export of the module\n                    .then((text) => {\n                        setTranslations({ loading: false, translations: text });\n                    })\n                    .catch((error) => {\n                        setTranslations({ loading: false });\n                        window.fdlogger?.error(`Error while fetching ${languageFromParentDiv || 'en'} language JSON data: ${error.message}`);\n                    });\n            } else {\n                setTranslations({ loading: false });\n            }\n        };\n\n        void fetchJSONData();\n    }, [languageFromParentDiv]);\n\n    return {\n        translations: translations.translations || {},\n        loading: translations.loading,\n    };\n};\n"],"names":["TranslationContext","createContext","translations","useContext","translate","useCallback","key","data","translation","value","en","Object","keys","forEach","replace","RegExp"],"mappings":"6GAcA,MAAMA,EAAqBC,EAAAA,cAA+B,CAAA,0BAW5B,KAI1B,MAAMC,aAAEA,GAAiBC,EAAUA,WAACH,GAcpC,MAAO,CAAEI,UAZSC,EAAAA,aACd,CAACC,EAAoBC,KACjB,IAAIC,EAAcN,IAAeI,IAAMG,OAASC,EAAAA,QAAGJ,IAAMG,OAASH,EAMlE,OALIC,GAAQC,GACRG,OAAOC,KAAKL,IAAOM,SAASP,IACxBE,EAAcA,EAAYM,QAAQ,IAAIC,OAAO,IAAIT,KAAQ,KAAM,GAAGC,EAAKD,KAAO,IAG/EE,CAAW,GAEtB,CAACN,IAEeA,eAAc"}

package/dist/utilities/validation.cjs.js

@@ -1,2 +0,0 @@
-"use strict";exports.joinUrlPaths=(s,t)=>(s.endsWith("/")||(s+="/"),t.startsWith("/")&&(t=t.substring(1)),s+t);
-//# sourceMappingURL=validation.cjs.js.map

package/dist/utilities/validation.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"validation.cjs.js","sources":["../../src/utilities/validation.ts"],"sourcesContent":["export const joinUrlPaths = (baseUrl: string, path: string): string => {\n    if (!baseUrl.endsWith('/')) {\n        baseUrl += '/';\n    }\n    if (path.startsWith('/')) {\n        path = path.substring(1);\n    }\n    return baseUrl + path;\n};\n"],"names":["baseUrl","path","endsWith","startsWith","substring"],"mappings":"kCAA4B,CAACA,EAAiBC,KACrCD,EAAQE,SAAS,OAClBF,GAAW,KAEXC,EAAKE,WAAW,OAChBF,EAAOA,EAAKG,UAAU,IAEnBJ,EAAUC"}