@flipdish/portal-library 1.0.20 → 1.0.22

package/dist/components/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./themes/flipdishPublicTheme.cjs.js"),o=require("./ui/NotFoundPage/NotFoundPage.cjs.js"),r=require("./ui/PageLayout/PageLayout.cjs.js"),s=require("./ui/PortalMock/PortalMock.cjs.js"),t=require("./ui/LazyComponent/LazyComponent.cjs.js"),u=require("./ui/Spacer/Spacer.cjs.js");exports.flipdishPublicTheme=e,exports.NotFoundPage=o,exports.PageLayout=r.default,exports.PortalMock=s,exports.LazyComponent=t,exports.Spacer=u;
+//# sourceMappingURL=index.cjs.js.map

package/dist/components/index.cjs.js.map

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

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 export { default as flipdishPublicTheme } from './themes/flipdishPublicTheme.js';
 export { default as NotFoundPage } from './ui/NotFoundPage/NotFoundPage.js';
+export { default as PageLayout } from './ui/PageLayout/PageLayout.js';
 export { default as PortalMock } from './ui/PortalMock/PortalMock.js';
 export { default as LazyComponent } from './ui/LazyComponent/LazyComponent.js';
 export { default as Spacer } from './ui/Spacer/Spacer.js';

package/dist/components/index.js

@@ -1,16 +1,2 @@
-'use strict';
-
-var flipdishPublicTheme = require('./themes/flipdishPublicTheme.js');
-var NotFoundPage = require('./ui/NotFoundPage/NotFoundPage.js');
-var PortalMock = require('./ui/PortalMock/PortalMock.js');
-var LazyComponent = require('./ui/LazyComponent/LazyComponent.js');
-var Spacer = require('./ui/Spacer/Spacer.js');
-
-
-
-exports.flipdishPublicTheme = flipdishPublicTheme;
-exports.NotFoundPage = NotFoundPage;
-exports.PortalMock = PortalMock;
-exports.LazyComponent = LazyComponent;
-exports.Spacer = Spacer;
+export{default as flipdishPublicTheme}from"./themes/flipdishPublicTheme.js";export{default as NotFoundPage}from"./ui/NotFoundPage/NotFoundPage.js";export{default as PageLayout}from"./ui/PageLayout/PageLayout.js";export{default as PortalMock}from"./ui/PortalMock/PortalMock.js";export{default as LazyComponent}from"./ui/LazyComponent/LazyComponent.js";export{default as Spacer}from"./ui/Spacer/Spacer.js";
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/themes/flipdishPublicTheme.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("@mui/material/styles/createTheme");const o=e({typography:{body1:{fontFamily:"'Roboto', sans-serif"},body2:{fontFamily:"'Roboto', sans-serif"},h1:{fontFamily:"clarendon-text-pro,Domine,serif"},h2:{fontFamily:"clarendon-text-pro,Domine,serif"},h3:{fontFamily:"clarendon-text-pro,Domine,serif"},h4:{fontFamily:"clarendon-text-pro,Domine,serif"},h5:{fontFamily:"clarendon-text-pro,Domine,serif"},h6:{fontFamily:"clarendon-text-pro,Domine,serif"}},palette:{success:{main:"#20C26E",dark:"#137442",light:"#D2F3E2"},error:{main:"#CA0030",dark:"#79001D",light:"#FADBE2"},warning:{main:"#FFBC2C",dark:"#FF7A00",light:"#FFF2D5"}}}),r=e(o,{palette:{black:o.palette.augmentColor({color:{main:"#000000"},name:"black"}),white:o.palette.augmentColor({color:{main:"#ffffff"},name:"white"}),flippyBlue:o.palette.augmentColor({color:{main:"#0b75d7"},name:"flippyBlue"}),freezerBurn:o.palette.augmentColor({color:{main:"#a5e2f6"},name:"freezerBurn"}),spricyCarrot:o.palette.augmentColor({color:{main:"#f7742b"},name:"spricyCarrot"}),pebble:o.palette.augmentColor({color:{main:"#eeebe3"},name:"pebble"}),donutPanic:o.palette.augmentColor({color:{main:"#ffbae4"},name:"donutPanic"}),eletricLime:o.palette.augmentColor({color:{main:"#cff27d"},name:"eletricLime"}),pending:o.palette.augmentColor({color:{main:"#DEACFA",dark:"#A56AC6",light:"#FCF7FE"},name:"pending"})}});var t=e(r,{palette:{primary:{main:r.palette.flippyBlue.main},secondary:{main:r.palette.spricyCarrot.main}},components:{MuiButton:{styleOverrides:{root:{padding:"7px 14px",textTransform:"none",boxShadow:"none","&:hover":{boxShadow:"none"},borderRadius:"25px"}}},MuiCard:{styleOverrides:{root:{borderRadius:0,boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:"#999999"}}},MuiChip:{styleOverrides:{root:{borderRadius:"5px",fontWeight:"bold",textTransform:"uppercase"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:"#eaf2ff"},"&:not(:last-child)":{borderBottom:`1px solid ${r.palette.divider}`}}}}}});module.exports=t;
+//# sourceMappingURL=flipdishPublicTheme.cjs.js.map

package/dist/components/themes/flipdishPublicTheme.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flipdishPublicTheme.cjs.js","sources":["../../../src/components/themes/flipdishPublicTheme.ts"],"sourcesContent":["import { Breakpoint } from '@mui/material/styles';\nimport createTheme, { ThemeOptions } from '@mui/material/styles/createTheme';\n\n// Colours and fonts as per our brand guidelines\nconst fontTheme = createTheme({\n    typography: {\n        body1: {\n            fontFamily: \"'Roboto', sans-serif\",\n        },\n        body2: {\n            fontFamily: \"'Roboto', sans-serif\",\n        },\n        h1: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h2: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h3: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h4: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h5: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h6: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n    },\n    palette: {\n        success: {\n            main: '#20C26E',\n            dark: '#137442',\n            light: '#D2F3E2',\n        },\n        error: {\n            main: '#CA0030',\n            dark: '#79001D',\n            light: '#FADBE2',\n        },\n        warning: {\n            main: '#FFBC2C',\n            dark: '#FF7A00',\n            light: '#FFF2D5',\n        },\n    },\n});\n\nconst theme = createTheme(fontTheme as ThemeOptions, {\n    palette: {\n        // Primary\n        black: fontTheme.palette.augmentColor({\n            color: {\n                main: '#000000',\n            },\n            name: 'black',\n        }),\n        white: fontTheme.palette.augmentColor({\n            color: {\n                main: '#ffffff',\n            },\n            name: 'white',\n        }),\n        flippyBlue: fontTheme.palette.augmentColor({\n            color: {\n                main: '#0b75d7',\n            },\n            name: 'flippyBlue',\n        }),\n        // Core\n        freezerBurn: fontTheme.palette.augmentColor({\n            color: {\n                main: '#a5e2f6',\n            },\n            name: 'freezerBurn',\n        }),\n        spricyCarrot: fontTheme.palette.augmentColor({\n            color: {\n                main: '#f7742b',\n            },\n            name: 'spricyCarrot',\n        }),\n        pebble: fontTheme.palette.augmentColor({\n            color: {\n                main: '#eeebe3',\n            },\n            name: 'pebble',\n        }),\n        // Secondary\n        donutPanic: fontTheme.palette.augmentColor({\n            color: {\n                main: '#ffbae4',\n            },\n            name: 'donutPanic',\n        }),\n        eletricLime: fontTheme.palette.augmentColor({\n            color: {\n                main: '#cff27d',\n            },\n            name: 'eletricLime',\n        }),\n        pending: fontTheme.palette.augmentColor({\n            color: {\n                main: '#DEACFA',\n                dark: '#A56AC6',\n                light: '#FCF7FE',\n            },\n            name: 'pending',\n        }),\n    },\n});\n\nexport default createTheme(theme as ThemeOptions, {\n    palette: {\n        primary: {\n            main: theme.palette.flippyBlue.main,\n        },\n        secondary: {\n            main: theme.palette.spricyCarrot.main,\n        },\n    },\n    components: {\n        MuiButton: {\n            styleOverrides: {\n                root: {\n                    padding: '7px 14px',\n                    textTransform: 'none',\n                    boxShadow: 'none',\n                    '&:hover': {\n                        boxShadow: 'none',\n                    },\n                    borderRadius: '25px',\n                },\n            },\n        },\n        MuiCard: {\n            styleOverrides: {\n                root: {\n                    borderRadius: 0,\n                    boxShadow: 'none',\n                    borderWidth: '1px',\n                    borderStyle: 'solid',\n                    borderColor: '#999999',\n                },\n            },\n        },\n        MuiChip: {\n            styleOverrides: {\n                root: {\n                    borderRadius: '5px',\n                    fontWeight: 'bold',\n                    textTransform: 'uppercase',\n                },\n            },\n        },\n        MuiListItemButton: {\n            styleOverrides: {\n                root: {\n                    '&:hover': {\n                        backgroundColor: '#eaf2ff',\n                    },\n                    '&:not(:last-child)': {\n                        borderBottom: `1px solid ${theme.palette.divider}`,\n                    },\n                },\n            },\n        },\n    },\n});\n\ndeclare module '@mui/material/styles' {\n    interface Palette {\n        black: Palette['primary'];\n        white: Palette['primary'];\n        flippyBlue: Palette['primary'];\n        freezerBurn: Palette['primary'];\n        spricyCarrot: Palette['primary'];\n        pebble: Palette['primary'];\n        donutPanic: Palette['primary'];\n        eletricLime: Palette['primary'];\n        pending: Palette['primary'];\n    }\n    interface Theme {\n        breakpoints: {\n            down: (key: number | Breakpoint) => string;\n            only: (key: number | Breakpoint) => string;\n        };\n    }\n}\n"],"names":["fontTheme","createTheme","typography","body1","fontFamily","body2","h1","h2","h3","h4","h5","h6","palette","success","main","dark","light","error","warning","theme","black","augmentColor","color","name","white","flippyBlue","freezerBurn","spricyCarrot","pebble","donutPanic","eletricLime","pending","flipdishPublicTheme","primary","secondary","components","MuiButton","styleOverrides","root","padding","textTransform","boxShadow","borderRadius","MuiCard","borderWidth","borderStyle","borderColor","MuiChip","fontWeight","MuiListItemButton","backgroundColor","borderBottom","divider"],"mappings":"+DAIA,MAAMA,EAAYC,EAAY,CAC1BC,WAAY,CACRC,MAAO,CACHC,WAAY,wBAEhBC,MAAO,CACHD,WAAY,wBAEhBE,GAAI,CACAF,WAAY,mCAEhBG,GAAI,CACAH,WAAY,mCAEhBI,GAAI,CACAJ,WAAY,mCAEhBK,GAAI,CACAL,WAAY,mCAEhBM,GAAI,CACAN,WAAY,mCAEhBO,GAAI,CACAP,WAAY,oCAGpBQ,QAAS,CACLC,QAAS,CACLC,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXC,MAAO,CACHH,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXE,QAAS,CACLJ,KAAM,UACNC,KAAM,UACNC,MAAO,cAKbG,EAAQlB,EAAYD,EAA2B,CACjDY,QAAS,CAELQ,MAAOpB,EAAUY,QAAQS,aAAa,CAClCC,MAAO,CACHR,KAAM,WAEVS,KAAM,UAEVC,MAAOxB,EAAUY,QAAQS,aAAa,CAClCC,MAAO,CACHR,KAAM,WAEVS,KAAM,UAEVE,WAAYzB,EAAUY,QAAQS,aAAa,CACvCC,MAAO,CACHR,KAAM,WAEVS,KAAM,eAGVG,YAAa1B,EAAUY,QAAQS,aAAa,CACxCC,MAAO,CACHR,KAAM,WAEVS,KAAM,gBAEVI,aAAc3B,EAAUY,QAAQS,aAAa,CACzCC,MAAO,CACHR,KAAM,WAEVS,KAAM,iBAEVK,OAAQ5B,EAAUY,QAAQS,aAAa,CACnCC,MAAO,CACHR,KAAM,WAEVS,KAAM,WAGVM,WAAY7B,EAAUY,QAAQS,aAAa,CACvCC,MAAO,CACHR,KAAM,WAEVS,KAAM,eAEVO,YAAa9B,EAAUY,QAAQS,aAAa,CACxCC,MAAO,CACHR,KAAM,WAEVS,KAAM,gBAEVQ,QAAS/B,EAAUY,QAAQS,aAAa,CACpCC,MAAO,CACHR,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXO,KAAM,eAKlB,IAAeS,EAAA/B,EAAYkB,EAAuB,CAC9CP,QAAS,CACLqB,QAAS,CACLnB,KAAMK,EAAMP,QAAQa,WAAWX,MAEnCoB,UAAW,CACPpB,KAAMK,EAAMP,QAAQe,aAAab,OAGzCqB,WAAY,CACRC,UAAW,CACPC,eAAgB,CACZC,KAAM,CACFC,QAAS,WACTC,cAAe,OACfC,UAAW,OACX,UAAW,CACPA,UAAW,QAEfC,aAAc,UAI1BC,QAAS,CACLN,eAAgB,CACZC,KAAM,CACFI,aAAc,EACdD,UAAW,OACXG,YAAa,MACbC,YAAa,QACbC,YAAa,aAIzBC,QAAS,CACLV,eAAgB,CACZC,KAAM,CACFI,aAAc,MACdM,WAAY,OACZR,cAAe,eAI3BS,kBAAmB,CACfZ,eAAgB,CACZC,KAAM,CACF,UAAW,CACPY,gBAAiB,WAErB,qBAAsB,CAClBC,aAAc,aAAahC,EAAMP,QAAQwC"}

package/dist/components/themes/flipdishPublicTheme.d.ts

@@ -1,6 +1,7 @@
-import * as _mui_material from '@mui/material';
+import * as _mui_material_styles from '@mui/material/styles';
+import { Breakpoint } from '@mui/material/styles';
 
-declare const _default: _mui_material.Theme;
+declare const _default: _mui_material_styles.Theme;
 
 declare module '@mui/material/styles' {
     interface Palette {
@@ -14,6 +15,12 @@ declare module '@mui/material/styles' {
         eletricLime: Palette['primary'];
         pending: Palette['primary'];
     }
+    interface Theme {
+        breakpoints: {
+            down: (key: number | Breakpoint) => string;
+            only: (key: number | Breakpoint) => string;
+        };
+    }
 }
 
 export { _default as default };

package/dist/components/themes/flipdishPublicTheme.js

@@ -1,173 +1,2 @@
-'use strict';
-
-var material = require('@mui/material');
-
-// Colours and fonts as per our brand guidelines
-const fontTheme = material.createTheme({
-    typography: {
-        body1: {
-            fontFamily: "'Roboto', sans-serif",
-        },
-        body2: {
-            fontFamily: "'Roboto', sans-serif",
-        },
-        h1: {
-            fontFamily: 'clarendon-text-pro,Domine,serif',
-        },
-        h2: {
-            fontFamily: 'clarendon-text-pro,Domine,serif',
-        },
-        h3: {
-            fontFamily: 'clarendon-text-pro,Domine,serif',
-        },
-        h4: {
-            fontFamily: 'clarendon-text-pro,Domine,serif',
-        },
-        h5: {
-            fontFamily: 'clarendon-text-pro,Domine,serif',
-        },
-        h6: {
-            fontFamily: 'clarendon-text-pro,Domine,serif',
-        },
-    },
-    palette: {
-        success: {
-            main: '#20C26E',
-            dark: '#137442',
-            light: '#D2F3E2',
-        },
-        error: {
-            main: '#CA0030',
-            dark: '#79001D',
-            light: '#FADBE2',
-        },
-        warning: {
-            main: '#FFBC2C',
-            dark: '#FF7A00',
-            light: '#FFF2D5',
-        },
-    },
-});
-const theme = material.createTheme(fontTheme, {
-    palette: {
-        // Primary
-        black: fontTheme.palette.augmentColor({
-            color: {
-                main: '#000000',
-            },
-            name: 'black',
-        }),
-        white: fontTheme.palette.augmentColor({
-            color: {
-                main: '#ffffff',
-            },
-            name: 'white',
-        }),
-        flippyBlue: fontTheme.palette.augmentColor({
-            color: {
-                main: '#0b75d7',
-            },
-            name: 'flippyBlue',
-        }),
-        // Core
-        freezerBurn: fontTheme.palette.augmentColor({
-            color: {
-                main: '#a5e2f6',
-            },
-            name: 'freezerBurn',
-        }),
-        spricyCarrot: fontTheme.palette.augmentColor({
-            color: {
-                main: '#f7742b',
-            },
-            name: 'spricyCarrot',
-        }),
-        pebble: fontTheme.palette.augmentColor({
-            color: {
-                main: '#eeebe3',
-            },
-            name: 'pebble',
-        }),
-        // Secondary
-        donutPanic: fontTheme.palette.augmentColor({
-            color: {
-                main: '#ffbae4',
-            },
-            name: 'donutPanic',
-        }),
-        eletricLime: fontTheme.palette.augmentColor({
-            color: {
-                main: '#cff27d',
-            },
-            name: 'eletricLime',
-        }),
-        pending: fontTheme.palette.augmentColor({
-            color: {
-                main: '#DEACFA',
-                dark: '#A56AC6',
-                light: '#FCF7FE',
-            },
-            name: 'pending',
-        }),
-    },
-});
-var flipdishPublicTheme = material.createTheme(theme, {
-    palette: {
-        primary: {
-            main: theme.palette.flippyBlue.main,
-        },
-        secondary: {
-            main: theme.palette.spricyCarrot.main,
-        },
-    },
-    components: {
-        MuiButton: {
-            styleOverrides: {
-                root: {
-                    padding: '7px 14px',
-                    textTransform: 'none',
-                    boxShadow: 'none',
-                    '&:hover': {
-                        boxShadow: 'none',
-                    },
-                    borderRadius: '25px',
-                },
-            },
-        },
-        MuiCard: {
-            styleOverrides: {
-                root: {
-                    borderRadius: 0,
-                    boxShadow: 'none',
-                    borderWidth: '1px',
-                    borderStyle: 'solid',
-                    borderColor: '#999999',
-                },
-            },
-        },
-        MuiChip: {
-            styleOverrides: {
-                root: {
-                    borderRadius: '5px',
-                    fontWeight: 'bold',
-                    textTransform: 'uppercase',
-                },
-            },
-        },
-        MuiListItemButton: {
-            styleOverrides: {
-                root: {
-                    '&:hover': {
-                        backgroundColor: '#eaf2ff',
-                    },
-                    '&:not(:last-child)': {
-                        borderBottom: `1px solid ${theme.palette.divider}`,
-                    },
-                },
-            },
-        },
-    },
-});
-
-module.exports = flipdishPublicTheme;
+import e from"@mui/material/styles/createTheme";const o=e({typography:{body1:{fontFamily:"'Roboto', sans-serif"},body2:{fontFamily:"'Roboto', sans-serif"},h1:{fontFamily:"clarendon-text-pro,Domine,serif"},h2:{fontFamily:"clarendon-text-pro,Domine,serif"},h3:{fontFamily:"clarendon-text-pro,Domine,serif"},h4:{fontFamily:"clarendon-text-pro,Domine,serif"},h5:{fontFamily:"clarendon-text-pro,Domine,serif"},h6:{fontFamily:"clarendon-text-pro,Domine,serif"}},palette:{success:{main:"#20C26E",dark:"#137442",light:"#D2F3E2"},error:{main:"#CA0030",dark:"#79001D",light:"#FADBE2"},warning:{main:"#FFBC2C",dark:"#FF7A00",light:"#FFF2D5"}}}),r=e(o,{palette:{black:o.palette.augmentColor({color:{main:"#000000"},name:"black"}),white:o.palette.augmentColor({color:{main:"#ffffff"},name:"white"}),flippyBlue:o.palette.augmentColor({color:{main:"#0b75d7"},name:"flippyBlue"}),freezerBurn:o.palette.augmentColor({color:{main:"#a5e2f6"},name:"freezerBurn"}),spricyCarrot:o.palette.augmentColor({color:{main:"#f7742b"},name:"spricyCarrot"}),pebble:o.palette.augmentColor({color:{main:"#eeebe3"},name:"pebble"}),donutPanic:o.palette.augmentColor({color:{main:"#ffbae4"},name:"donutPanic"}),eletricLime:o.palette.augmentColor({color:{main:"#cff27d"},name:"eletricLime"}),pending:o.palette.augmentColor({color:{main:"#DEACFA",dark:"#A56AC6",light:"#FCF7FE"},name:"pending"})}});var t=e(r,{palette:{primary:{main:r.palette.flippyBlue.main},secondary:{main:r.palette.spricyCarrot.main}},components:{MuiButton:{styleOverrides:{root:{padding:"7px 14px",textTransform:"none",boxShadow:"none","&:hover":{boxShadow:"none"},borderRadius:"25px"}}},MuiCard:{styleOverrides:{root:{borderRadius:0,boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:"#999999"}}},MuiChip:{styleOverrides:{root:{borderRadius:"5px",fontWeight:"bold",textTransform:"uppercase"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:"#eaf2ff"},"&:not(:last-child)":{borderBottom:`1px solid ${r.palette.divider}`}}}}}});export{t as default};
 //# sourceMappingURL=flipdishPublicTheme.js.map

package/dist/components/themes/flipdishPublicTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"flipdishPublicTheme.js","sources":["../../../src/components/themes/flipdishPublicTheme.ts"],"sourcesContent":["import { createTheme } from '@mui/material';\n\n// Colours and fonts as per our brand guidelines\nconst fontTheme = createTheme({\n    typography: {\n        body1: {\n            fontFamily: \"'Roboto', sans-serif\",\n        },\n        body2: {\n            fontFamily: \"'Roboto', sans-serif\",\n        },\n        h1: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h2: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h3: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h4: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h5: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h6: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n    },\n    palette: {\n        success: {\n            main: '#20C26E',\n            dark: '#137442',\n            light: '#D2F3E2',\n        },\n        error: {\n            main: '#CA0030',\n            dark: '#79001D',\n            light: '#FADBE2',\n        },\n        warning: {\n            main: '#FFBC2C',\n            dark: '#FF7A00',\n            light: '#FFF2D5',\n        },\n    },\n});\n\nconst theme = createTheme(fontTheme, {\n    palette: {\n        // Primary\n        black: fontTheme.palette.augmentColor({\n            color: {\n                main: '#000000',\n            },\n            name: 'black',\n        }),\n        white: fontTheme.palette.augmentColor({\n            color: {\n                main: '#ffffff',\n            },\n            name: 'white',\n        }),\n        flippyBlue: fontTheme.palette.augmentColor({\n            color: {\n                main: '#0b75d7',\n            },\n            name: 'flippyBlue',\n        }),\n        // Core\n        freezerBurn: fontTheme.palette.augmentColor({\n            color: {\n                main: '#a5e2f6',\n            },\n            name: 'freezerBurn',\n        }),\n        spricyCarrot: fontTheme.palette.augmentColor({\n            color: {\n                main: '#f7742b',\n            },\n            name: 'spricyCarrot',\n        }),\n        pebble: fontTheme.palette.augmentColor({\n            color: {\n                main: '#eeebe3',\n            },\n            name: 'pebble',\n        }),\n        // Secondary\n        donutPanic: fontTheme.palette.augmentColor({\n            color: {\n                main: '#ffbae4',\n            },\n            name: 'donutPanic',\n        }),\n        eletricLime: fontTheme.palette.augmentColor({\n            color: {\n                main: '#cff27d',\n            },\n            name: 'eletricLime',\n        }),\n        pending: fontTheme.palette.augmentColor({\n            color: {\n                main: '#DEACFA',\n                dark: '#A56AC6',\n                light: '#FCF7FE',\n            },\n            name: 'pending',\n        }),\n    },\n});\n\nexport default createTheme(theme, {\n    palette: {\n        primary: {\n            main: theme.palette.flippyBlue.main,\n        },\n        secondary: {\n            main: theme.palette.spricyCarrot.main,\n        },\n    },\n    components: {\n        MuiButton: {\n            styleOverrides: {\n                root: {\n                    padding: '7px 14px',\n                    textTransform: 'none',\n                    boxShadow: 'none',\n                    '&:hover': {\n                        boxShadow: 'none',\n                    },\n                    borderRadius: '25px',\n                },\n            },\n        },\n        MuiCard: {\n            styleOverrides: {\n                root: {\n                    borderRadius: 0,\n                    boxShadow: 'none',\n                    borderWidth: '1px',\n                    borderStyle: 'solid',\n                    borderColor: '#999999',\n                },\n            },\n        },\n        MuiChip: {\n            styleOverrides: {\n                root: {\n                    borderRadius: '5px',\n                    fontWeight: 'bold',\n                    textTransform: 'uppercase',\n                },\n            },\n        },\n        MuiListItemButton: {\n            styleOverrides: {\n                root: {\n                    '&:hover': {\n                        backgroundColor: '#eaf2ff',\n                    },\n                    '&:not(:last-child)': {\n                        borderBottom: `1px solid ${theme.palette.divider}`,\n                    },\n                },\n            },\n        },\n    },\n});\n\ndeclare module '@mui/material/styles' {\n    interface Palette {\n        black: Palette['primary'];\n        white: Palette['primary'];\n        flippyBlue: Palette['primary'];\n        freezerBurn: Palette['primary'];\n        spricyCarrot: Palette['primary'];\n        pebble: Palette['primary'];\n        donutPanic: Palette['primary'];\n        eletricLime: Palette['primary'];\n        pending: Palette['primary'];\n    }\n}\n"],"names":["createTheme"],"mappings":"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"}
+{"version":3,"file":"flipdishPublicTheme.js","sources":["../../../src/components/themes/flipdishPublicTheme.ts"],"sourcesContent":["import { Breakpoint } from '@mui/material/styles';\nimport createTheme, { ThemeOptions } from '@mui/material/styles/createTheme';\n\n// Colours and fonts as per our brand guidelines\nconst fontTheme = createTheme({\n    typography: {\n        body1: {\n            fontFamily: \"'Roboto', sans-serif\",\n        },\n        body2: {\n            fontFamily: \"'Roboto', sans-serif\",\n        },\n        h1: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h2: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h3: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h4: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h5: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h6: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n    },\n    palette: {\n        success: {\n            main: '#20C26E',\n            dark: '#137442',\n            light: '#D2F3E2',\n        },\n        error: {\n            main: '#CA0030',\n            dark: '#79001D',\n            light: '#FADBE2',\n        },\n        warning: {\n            main: '#FFBC2C',\n            dark: '#FF7A00',\n            light: '#FFF2D5',\n        },\n    },\n});\n\nconst theme = createTheme(fontTheme as ThemeOptions, {\n    palette: {\n        // Primary\n        black: fontTheme.palette.augmentColor({\n            color: {\n                main: '#000000',\n            },\n            name: 'black',\n        }),\n        white: fontTheme.palette.augmentColor({\n            color: {\n                main: '#ffffff',\n            },\n            name: 'white',\n        }),\n        flippyBlue: fontTheme.palette.augmentColor({\n            color: {\n                main: '#0b75d7',\n            },\n            name: 'flippyBlue',\n        }),\n        // Core\n        freezerBurn: fontTheme.palette.augmentColor({\n            color: {\n                main: '#a5e2f6',\n            },\n            name: 'freezerBurn',\n        }),\n        spricyCarrot: fontTheme.palette.augmentColor({\n            color: {\n                main: '#f7742b',\n            },\n            name: 'spricyCarrot',\n        }),\n        pebble: fontTheme.palette.augmentColor({\n            color: {\n                main: '#eeebe3',\n            },\n            name: 'pebble',\n        }),\n        // Secondary\n        donutPanic: fontTheme.palette.augmentColor({\n            color: {\n                main: '#ffbae4',\n            },\n            name: 'donutPanic',\n        }),\n        eletricLime: fontTheme.palette.augmentColor({\n            color: {\n                main: '#cff27d',\n            },\n            name: 'eletricLime',\n        }),\n        pending: fontTheme.palette.augmentColor({\n            color: {\n                main: '#DEACFA',\n                dark: '#A56AC6',\n                light: '#FCF7FE',\n            },\n            name: 'pending',\n        }),\n    },\n});\n\nexport default createTheme(theme as ThemeOptions, {\n    palette: {\n        primary: {\n            main: theme.palette.flippyBlue.main,\n        },\n        secondary: {\n            main: theme.palette.spricyCarrot.main,\n        },\n    },\n    components: {\n        MuiButton: {\n            styleOverrides: {\n                root: {\n                    padding: '7px 14px',\n                    textTransform: 'none',\n                    boxShadow: 'none',\n                    '&:hover': {\n                        boxShadow: 'none',\n                    },\n                    borderRadius: '25px',\n                },\n            },\n        },\n        MuiCard: {\n            styleOverrides: {\n                root: {\n                    borderRadius: 0,\n                    boxShadow: 'none',\n                    borderWidth: '1px',\n                    borderStyle: 'solid',\n                    borderColor: '#999999',\n                },\n            },\n        },\n        MuiChip: {\n            styleOverrides: {\n                root: {\n                    borderRadius: '5px',\n                    fontWeight: 'bold',\n                    textTransform: 'uppercase',\n                },\n            },\n        },\n        MuiListItemButton: {\n            styleOverrides: {\n                root: {\n                    '&:hover': {\n                        backgroundColor: '#eaf2ff',\n                    },\n                    '&:not(:last-child)': {\n                        borderBottom: `1px solid ${theme.palette.divider}`,\n                    },\n                },\n            },\n        },\n    },\n});\n\ndeclare module '@mui/material/styles' {\n    interface Palette {\n        black: Palette['primary'];\n        white: Palette['primary'];\n        flippyBlue: Palette['primary'];\n        freezerBurn: Palette['primary'];\n        spricyCarrot: Palette['primary'];\n        pebble: Palette['primary'];\n        donutPanic: Palette['primary'];\n        eletricLime: Palette['primary'];\n        pending: Palette['primary'];\n    }\n    interface Theme {\n        breakpoints: {\n            down: (key: number | Breakpoint) => string;\n            only: (key: number | Breakpoint) => string;\n        };\n    }\n}\n"],"names":["fontTheme","createTheme","typography","body1","fontFamily","body2","h1","h2","h3","h4","h5","h6","palette","success","main","dark","light","error","warning","theme","black","augmentColor","color","name","white","flippyBlue","freezerBurn","spricyCarrot","pebble","donutPanic","eletricLime","pending","flipdishPublicTheme","primary","secondary","components","MuiButton","styleOverrides","root","padding","textTransform","boxShadow","borderRadius","MuiCard","borderWidth","borderStyle","borderColor","MuiChip","fontWeight","MuiListItemButton","backgroundColor","borderBottom","divider"],"mappings":"gDAIA,MAAMA,EAAYC,EAAY,CAC1BC,WAAY,CACRC,MAAO,CACHC,WAAY,wBAEhBC,MAAO,CACHD,WAAY,wBAEhBE,GAAI,CACAF,WAAY,mCAEhBG,GAAI,CACAH,WAAY,mCAEhBI,GAAI,CACAJ,WAAY,mCAEhBK,GAAI,CACAL,WAAY,mCAEhBM,GAAI,CACAN,WAAY,mCAEhBO,GAAI,CACAP,WAAY,oCAGpBQ,QAAS,CACLC,QAAS,CACLC,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXC,MAAO,CACHH,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXE,QAAS,CACLJ,KAAM,UACNC,KAAM,UACNC,MAAO,cAKbG,EAAQlB,EAAYD,EAA2B,CACjDY,QAAS,CAELQ,MAAOpB,EAAUY,QAAQS,aAAa,CAClCC,MAAO,CACHR,KAAM,WAEVS,KAAM,UAEVC,MAAOxB,EAAUY,QAAQS,aAAa,CAClCC,MAAO,CACHR,KAAM,WAEVS,KAAM,UAEVE,WAAYzB,EAAUY,QAAQS,aAAa,CACvCC,MAAO,CACHR,KAAM,WAEVS,KAAM,eAGVG,YAAa1B,EAAUY,QAAQS,aAAa,CACxCC,MAAO,CACHR,KAAM,WAEVS,KAAM,gBAEVI,aAAc3B,EAAUY,QAAQS,aAAa,CACzCC,MAAO,CACHR,KAAM,WAEVS,KAAM,iBAEVK,OAAQ5B,EAAUY,QAAQS,aAAa,CACnCC,MAAO,CACHR,KAAM,WAEVS,KAAM,WAGVM,WAAY7B,EAAUY,QAAQS,aAAa,CACvCC,MAAO,CACHR,KAAM,WAEVS,KAAM,eAEVO,YAAa9B,EAAUY,QAAQS,aAAa,CACxCC,MAAO,CACHR,KAAM,WAEVS,KAAM,gBAEVQ,QAAS/B,EAAUY,QAAQS,aAAa,CACpCC,MAAO,CACHR,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXO,KAAM,eAKlB,IAAeS,EAAA/B,EAAYkB,EAAuB,CAC9CP,QAAS,CACLqB,QAAS,CACLnB,KAAMK,EAAMP,QAAQa,WAAWX,MAEnCoB,UAAW,CACPpB,KAAMK,EAAMP,QAAQe,aAAab,OAGzCqB,WAAY,CACRC,UAAW,CACPC,eAAgB,CACZC,KAAM,CACFC,QAAS,WACTC,cAAe,OACfC,UAAW,OACX,UAAW,CACPA,UAAW,QAEfC,aAAc,UAI1BC,QAAS,CACLN,eAAgB,CACZC,KAAM,CACFI,aAAc,EACdD,UAAW,OACXG,YAAa,MACbC,YAAa,QACbC,YAAa,aAIzBC,QAAS,CACLV,eAAgB,CACZC,KAAM,CACFI,aAAc,MACdM,WAAY,OACZR,cAAe,eAI3BS,kBAAmB,CACfZ,eAAgB,CACZC,KAAM,CACF,UAAW,CACPY,gBAAiB,WAErB,qBAAsB,CAClBC,aAAc,aAAahC,EAAMP,QAAQwC"}

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

@@ -0,0 +1,2 @@
+"use strict";var r=require("react/jsx-runtime"),e=require("react-error-boundary"),n=require("../../../providers/TranslationProvider.cjs.js");const t=require("@mui/material/styles").styled("div")((({theme:r})=>({marginTop:r.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"})));module.exports=({identifier:s,children:i})=>{const{translate:o}=n.useTranslation();return r.jsx(e.ErrorBoundary,{FallbackComponent:()=>r.jsx(t,{children:o("Something_went_wrong_please_refresh_the_page")}),onError:(r,e)=>{window.fdlogger?.error(`${s?.toString()} Error Boundary`,{message:r?.message,stack:e})},children:i})};
+//# sourceMappingURL=FDErrorBoundary.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FDErrorBoundary.cjs.js","sources":["../../../../src/components/ui/FDErrorBoundary/FDErrorBoundary.tsx"],"sourcesContent":["import { ErrorBoundary } from 'react-error-boundary';\nimport { useTranslation } from '../../../providers/TranslationProvider';\nimport { ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\nconst FDErrorBoundary = ({ identifier, children }: { identifier: string; children: ReactNode }) => {\n    const { translate } = useTranslation();\n    return (\n        <ErrorBoundary\n            FallbackComponent={() => <StyledTextContainer>{translate('Something_went_wrong_please_refresh_the_page')}</StyledTextContainer>}\n            onError={(error, info) => {\n                window.fdlogger?.error(`${identifier?.toString()} Error Boundary`, {\n                    message: error?.message,\n                    stack: info,\n                });\n            }}\n        >\n            {children}\n        </ErrorBoundary>\n    );\n};\n\nexport default FDErrorBoundary;\n"],"names":["StyledTextContainer","styled","theme","marginTop","spacing","display","justifyContent","alignItems","identifier","children","translate","useTranslation","_jsx","ErrorBoundary","FallbackComponent","onError","error","info","window","fdlogger","toString","message","stack"],"mappings":"6IAKA,MAAMA,kCAAsBC,OAAO,MAAPA,EAAc,EAAGC,YAAa,CACtDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,4BAEQ,EAAGC,aAAYC,eACnC,MAAMC,UAAEA,GAAcC,EAAAA,iBACtB,OACIC,EAAAA,IAACC,EAAAA,cACG,CAAAC,kBAAmB,IAAMF,EAAAA,IAACZ,EAAmB,CAAAS,SAAEC,EAAU,kDACzDK,QAAS,CAACC,EAAOC,KACbC,OAAOC,UAAUH,MAAM,GAAGR,GAAYY,4BAA6B,CAC/DC,QAASL,GAAOK,QAChBC,MAAOL,GACT,EAGLR,SAAAA,GAEP"}

package/dist/components/ui/FDErrorBoundary/FDErrorBoundary.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{ErrorBoundary as e}from"react-error-boundary";import{useTranslation as t}from"../../../providers/TranslationProvider.js";import{styled as o}from"@mui/material/styles";const n=o("div")((({theme:r})=>({marginTop:r.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"}))),i=({identifier:o,children:i})=>{const{translate:a}=t();return r(e,{FallbackComponent:()=>r(n,{children:a("Something_went_wrong_please_refresh_the_page")}),onError:(r,e)=>{window.fdlogger?.error(`${o?.toString()} Error Boundary`,{message:r?.message,stack:e})},children:i})};export{i as default};
+//# sourceMappingURL=FDErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FDErrorBoundary.js","sources":["../../../../src/components/ui/FDErrorBoundary/FDErrorBoundary.tsx"],"sourcesContent":["import { ErrorBoundary } from 'react-error-boundary';\nimport { useTranslation } from '../../../providers/TranslationProvider';\nimport { ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\nconst FDErrorBoundary = ({ identifier, children }: { identifier: string; children: ReactNode }) => {\n    const { translate } = useTranslation();\n    return (\n        <ErrorBoundary\n            FallbackComponent={() => <StyledTextContainer>{translate('Something_went_wrong_please_refresh_the_page')}</StyledTextContainer>}\n            onError={(error, info) => {\n                window.fdlogger?.error(`${identifier?.toString()} Error Boundary`, {\n                    message: error?.message,\n                    stack: info,\n                });\n            }}\n        >\n            {children}\n        </ErrorBoundary>\n    );\n};\n\nexport default FDErrorBoundary;\n"],"names":["StyledTextContainer","styled","theme","marginTop","spacing","display","justifyContent","alignItems","FDErrorBoundary","identifier","children","translate","useTranslation","_jsx","ErrorBoundary","FallbackComponent","onError","error","info","window","fdlogger","toString","message","stack"],"mappings":"sNAKA,MAAMA,EAAsBC,EAAO,MAAPA,EAAc,EAAGC,YAAa,CACtDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,aAEVC,EAAkB,EAAGC,aAAYC,eACnC,MAAMC,UAAEA,GAAcC,IACtB,OACIC,EAACC,EACG,CAAAC,kBAAmB,IAAMF,EAACb,EAAmB,CAAAU,SAAEC,EAAU,kDACzDK,QAAS,CAACC,EAAOC,KACbC,OAAOC,UAAUH,MAAM,GAAGR,GAAYY,4BAA6B,CAC/DC,QAASL,GAAOK,QAChBC,MAAOL,GACT,EAGLR,SAAAA,GAEP"}

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

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material/CircularProgress");const s=require("@mui/material/styles").styled("div")({display:"flex",justifyContent:"center",alignItems:"center"});module.exports=({children:t})=>e.jsx(r.Suspense,{fallback:e.jsx(s,{children:e.jsx(i,{size:56})}),children:t});
+//# sourceMappingURL=LazyComponent.cjs.js.map

package/dist/components/ui/LazyComponent/{LazyComponent.esm.js.map → LazyComponent.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LazyComponent.esm.js","sources":["../../../../src/components/ui/LazyComponent/LazyComponent.tsx"],"sourcesContent":["import { Suspense, ReactNode } from 'react';\n\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { styled } from '@mui/material/styles';\n\ntype LazyComponentProps = {\n    children: ReactNode;\n};\n\nconst StyledLoadingContainer = styled('div')({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n});\n\nconst LazyComponent = ({ children }: LazyComponentProps) => (\n    <Suspense\n        fallback={\n            <StyledLoadingContainer>\n                <CircularProgress size={56} />\n            </StyledLoadingContainer>\n        }\n    >\n        {children}\n    </Suspense>\n);\n\nexport default LazyComponent;\n"],"names":["_jsx"],"mappings":";;;;;AASA,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AACzC,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,UAAU,EAAE,QAAQ;AACvB,CAAA,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAsB,MACnDA,GAAC,CAAA,QAAQ,IACL,QAAQ,EACJA,GAAC,CAAA,sBAAsB,EACnB,EAAA,QAAA,EAAAA,GAAA,CAAC,gBAAgB,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,EACT,CAAA,EAAA,QAAA,EAG5B,QAAQ,EAAA,CACF;;;;"}
+{"version":3,"file":"LazyComponent.cjs.js","sources":["../../../../src/components/ui/LazyComponent/LazyComponent.tsx"],"sourcesContent":["import { Suspense, ReactNode } from 'react';\n\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { styled } from '@mui/material/styles';\n\ntype LazyComponentProps = {\n    children: ReactNode;\n};\n\nconst StyledLoadingContainer = styled('div')({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n});\n\nconst LazyComponent = ({ children }: LazyComponentProps) => (\n    <Suspense\n        fallback={\n            <StyledLoadingContainer>\n                <CircularProgress size={56} />\n            </StyledLoadingContainer>\n        }\n    >\n        {children}\n    </Suspense>\n);\n\nexport default LazyComponent;\n"],"names":["StyledLoadingContainer","styled","display","justifyContent","alignItems","children","_jsx","Suspense","fallback","jsx","CircularProgress","size"],"mappings":"+GASA,MAAMA,kCAAyBC,OAAO,MAAPA,CAAc,CACzCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,0BAGM,EAAGC,cACrBC,EAAAA,IAACC,EAAAA,UACGC,SACIF,EAACG,IAAAT,EACG,CAAAK,SAAAC,MAACI,EAAgB,CAACC,KAAM,OACHN,SAG5BA"}

package/dist/components/ui/LazyComponent/LazyComponent.js

@@ -1,16 +1,2 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var CircularProgress = require('@mui/material/CircularProgress');
-var styles = require('@mui/material/styles');
-
-const StyledLoadingContainer = styles.styled('div')({
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-});
-const LazyComponent = ({ children }) => (jsxRuntime.jsx(react.Suspense, { fallback: jsxRuntime.jsx(StyledLoadingContainer, { children: jsxRuntime.jsx(CircularProgress, { size: 56 }) }), children: children }));
-
-module.exports = LazyComponent;
+import{jsx as r}from"react/jsx-runtime";import{Suspense as e}from"react";import t from"@mui/material/CircularProgress";import{styled as i}from"@mui/material/styles";const m=i("div")({display:"flex",justifyContent:"center",alignItems:"center"}),a=({children:i})=>r(e,{fallback:r(m,{children:r(t,{size:56})}),children:i});export{a as default};
 //# sourceMappingURL=LazyComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LazyComponent.js","sources":["../../../../src/components/ui/LazyComponent/LazyComponent.tsx"],"sourcesContent":["import { Suspense, ReactNode } from 'react';\n\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { styled } from '@mui/material/styles';\n\ntype LazyComponentProps = {\n    children: ReactNode;\n};\n\nconst StyledLoadingContainer = styled('div')({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n});\n\nconst LazyComponent = ({ children }: LazyComponentProps) => (\n    <Suspense\n        fallback={\n            <StyledLoadingContainer>\n                <CircularProgress size={56} />\n            </StyledLoadingContainer>\n        }\n    >\n        {children}\n    </Suspense>\n);\n\nexport default LazyComponent;\n"],"names":["styled","_jsx","Suspense"],"mappings":";;;;;;;AASA,MAAM,sBAAsB,GAAGA,aAAM,CAAC,KAAK,CAAC,CAAC;AACzC,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,UAAU,EAAE,QAAQ;AACvB,CAAA,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAsB,MACnDC,cAAC,CAAAC,cAAQ,IACL,QAAQ,EACJD,cAAC,CAAA,sBAAsB,EACnB,EAAA,QAAA,EAAAA,cAAA,CAAC,gBAAgB,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,EACT,CAAA,EAAA,QAAA,EAG5B,QAAQ,EAAA,CACF;;;;"}
+{"version":3,"file":"LazyComponent.js","sources":["../../../../src/components/ui/LazyComponent/LazyComponent.tsx"],"sourcesContent":["import { Suspense, ReactNode } from 'react';\n\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { styled } from '@mui/material/styles';\n\ntype LazyComponentProps = {\n    children: ReactNode;\n};\n\nconst StyledLoadingContainer = styled('div')({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n});\n\nconst LazyComponent = ({ children }: LazyComponentProps) => (\n    <Suspense\n        fallback={\n            <StyledLoadingContainer>\n                <CircularProgress size={56} />\n            </StyledLoadingContainer>\n        }\n    >\n        {children}\n    </Suspense>\n);\n\nexport default LazyComponent;\n"],"names":["StyledLoadingContainer","styled","display","justifyContent","alignItems","LazyComponent","children","_jsx","Suspense","fallback","CircularProgress","size"],"mappings":"qKASA,MAAMA,EAAyBC,EAAO,MAAPA,CAAc,CACzCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGVC,EAAgB,EAAGC,cACrBC,EAACC,GACGC,SACIF,EAACP,EACG,CAAAM,SAAAC,EAACG,EAAgB,CAACC,KAAM,OACHL,SAG5BA"}

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

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/styles"),t=require("@mui/material/Typography"),i=require("@mui/material/Box"),s=require("../../../providers/TranslationProvider.cjs.js");const a=r.styled(i)((({theme:e})=>({marginTop:e.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"})));module.exports=()=>{const{translate:r}=s.useTranslation();return e.jsx(a,{children:e.jsx(t,{children:r("Page_Not_Found")})})};
+//# sourceMappingURL=NotFoundPage.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundPage.cjs.js","sources":["../../../../src/components/ui/NotFoundPage/NotFoundPage.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport { useTranslation } from '../../../providers/TranslationProvider';\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\nconst NotFoundPage = () => {\n    const { translate } = useTranslation();\n    return (\n        <StyledTextContainer>\n            <Typography>{translate('Page_Not_Found')}</Typography>\n        </StyledTextContainer>\n    );\n};\n\nexport default NotFoundPage;\n"],"names":["StyledTextContainer","styled","Box","theme","marginTop","spacing","display","justifyContent","alignItems","translate","useTranslation","_jsx","children","Typography"],"mappings":"kNAKA,MAAMA,EAAsBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAa,CACpDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,4BAGK,KACjB,MAAMC,UAAEA,GAAcC,EAAAA,iBACtB,OACIC,MAACX,EAAmB,CAAAY,SAChBD,EAAAA,IAACE,EAAU,CAAAD,SAAEH,EAAU,qBAE7B"}

package/dist/components/ui/NotFoundPage/NotFoundPage.js

@@ -1,21 +1,2 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var styles = require('@mui/material/styles');
-var Typography = require('@mui/material/Typography');
-var Box = require('@mui/material/Box');
-var TranslationProvider = require('../../../providers/TranslationProvider.js');
-
-const StyledTextContainer = styles.styled(props => jsxRuntime.jsx(Box, { ...props }))(({ theme }) => ({
-    marginTop: theme.spacing(2),
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-}));
-const NotFoundPage = () => {
-    const { translate } = TranslationProvider.useTranslation();
-    return (jsxRuntime.jsx(StyledTextContainer, { children: jsxRuntime.jsx(Typography, { children: translate('Page_Not_Found') }) }));
-};
-
-module.exports = NotFoundPage;
+import{jsx as r}from"react/jsx-runtime";import{styled as t}from"@mui/material/styles";import e from"@mui/material/Typography";import i from"@mui/material/Box";import{useTranslation as o}from"../../../providers/TranslationProvider.js";const m=t(i)((({theme:r})=>({marginTop:r.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"}))),a=()=>{const{translate:t}=o();return r(m,{children:r(e,{children:t("Page_Not_Found")})})};export{a as default};
 //# sourceMappingURL=NotFoundPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotFoundPage.js","sources":["../../../../src/components/ui/NotFoundPage/NotFoundPage.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport { useTranslation } from '../../../providers/TranslationProvider';\n\nconst StyledTextContainer = styled(props => <Box {...props} />)(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\n\nconst NotFoundPage = () => {\n    const { translate } = useTranslation();\n    return (\n        <StyledTextContainer>\n            <Typography>{translate('Page_Not_Found')}</Typography>\n        </StyledTextContainer>\n    );\n};\n\nexport default NotFoundPage;\n"],"names":["styled","_jsx","useTranslation"],"mappings":";;;;;;;;AAKA,MAAM,mBAAmB,GAAGA,aAAM,CAAC,KAAK,IAAIC,cAAA,CAAC,GAAG,EAAA,EAAA,GAAK,KAAK,EAAI,CAAA,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAC5E,IAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,UAAU,EAAE,QAAQ;AACvB,CAAA,CAAC,CAAC,CAAC;AAGE,MAAA,YAAY,GAAG,MAAK;AACtB,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGC,kCAAc,EAAE,CAAC;AACvC,IAAA,QACID,cAAA,CAAC,mBAAmB,EAAA,EAAA,QAAA,EAChBA,eAAC,UAAU,EAAA,EAAA,QAAA,EAAE,SAAS,CAAC,gBAAgB,CAAC,EAAc,CAAA,EAAA,CACpC,EACxB;AACN;;;;"}
+{"version":3,"file":"NotFoundPage.js","sources":["../../../../src/components/ui/NotFoundPage/NotFoundPage.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport { useTranslation } from '../../../providers/TranslationProvider';\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\nconst NotFoundPage = () => {\n    const { translate } = useTranslation();\n    return (\n        <StyledTextContainer>\n            <Typography>{translate('Page_Not_Found')}</Typography>\n        </StyledTextContainer>\n    );\n};\n\nexport default NotFoundPage;\n"],"names":["StyledTextContainer","styled","Box","theme","marginTop","spacing","display","justifyContent","alignItems","NotFoundPage","translate","useTranslation","_jsx","children","Typography"],"mappings":"0OAKA,MAAMA,EAAsBC,EAAOC,EAAPD,EAAY,EAAGE,YAAa,CACpDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,aAGVC,EAAe,KACjB,MAAMC,UAAEA,GAAcC,IACtB,OACIC,EAACZ,EAAmB,CAAAa,SAChBD,EAACE,EAAU,CAAAD,SAAEH,EAAU,qBAE7B"}

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

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),r=require("../../../providers/TranslationProvider.cjs.js");module.exports=({children:t})=>{const{translate:i}=r.useTranslation();return e.useEffect((()=>(document.title=`${i(t)} | Flipdish`,()=>{document.title="Flipdish Portal"})),[t]),null};
+//# sourceMappingURL=DocumentTitle.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentTitle.cjs.js","sources":["../../../../src/components/ui/PageLayout/DocumentTitle.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useTranslation } from '../../../providers/TranslationProvider';\n\ntype Props = {\n    children: string;\n};\n\nconst DEFAULT_TITLE = 'Flipdish Portal';\n\nconst DocumentTitle = ({ children }: Props) => {\n    const { translate } = useTranslation();\n\n    useEffect(() => {\n        document.title = `${translate(children as TranslationId)} | Flipdish`;\n        return () => {\n            document.title = DEFAULT_TITLE;\n        };\n    }, [children]);\n\n    return null;\n};\n\nexport default DocumentTitle;\n"],"names":["children","translate","useTranslation","useEffect","document","title"],"mappings":"8GASsB,EAAGA,eACrB,MAAMC,UAAEA,GAAcC,EAAAA,iBAStB,OAPAC,EAAAA,WAAU,KACNC,SAASC,MAAQ,GAAGJ,EAAUD,gBACvB,KACHI,SAASC,MARC,iBAQoB,IAEnC,CAACL,IAEG,IAAI"}

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

@@ -0,0 +1,2 @@
+import{useEffect as t}from"react";import{useTranslation as r}from"../../../providers/TranslationProvider.js";const o=({children:o})=>{const{translate:e}=r();return t((()=>(document.title=`${e(o)} | Flipdish`,()=>{document.title="Flipdish Portal"})),[o]),null};export{o as default};
+//# sourceMappingURL=DocumentTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentTitle.js","sources":["../../../../src/components/ui/PageLayout/DocumentTitle.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useTranslation } from '../../../providers/TranslationProvider';\n\ntype Props = {\n    children: string;\n};\n\nconst DEFAULT_TITLE = 'Flipdish Portal';\n\nconst DocumentTitle = ({ children }: Props) => {\n    const { translate } = useTranslation();\n\n    useEffect(() => {\n        document.title = `${translate(children as TranslationId)} | Flipdish`;\n        return () => {\n            document.title = DEFAULT_TITLE;\n        };\n    }, [children]);\n\n    return null;\n};\n\nexport default DocumentTitle;\n"],"names":["DocumentTitle","children","translate","useTranslation","useEffect","document","title"],"mappings":"6GAOA,MAEMA,EAAgB,EAAGC,eACrB,MAAMC,UAAEA,GAAcC,IAStB,OAPAC,GAAU,KACNC,SAASC,MAAQ,GAAGJ,EAAUD,gBACvB,KACHI,SAASC,MARC,iBAQoB,IAEnC,CAACL,IAEG,IAAI"}

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

@@ -0,0 +1,2 @@
+"use strict";var i=require("react/jsx-runtime"),a=require("@mui/material/styles");module.exports=({children:n,className:e="",fullWidth:r,fullSize:s,noTopSpace:t})=>{const g=a.useTheme(),m=a.styled("div")((()=>({...r&&{marginLeft:-20,marginRight:-20},...s&&{[g.breakpoints.up("sm")]:{marginLeft:g.spacing(-3),marginRight:g.spacing(-3)}},...t&&{marginTop:`${g.spacing(-3)} !important`,[g.breakpoints.only("xs")]:{marginTop:`${g.spacing(-2)} !important`}},[g.breakpoints.only("sm")]:{marginLeft:g.spacing(-3),marginRight:g.spacing(-3)},[g.breakpoints.only("xs")]:{marginLeft:g.spacing(-2),marginRight:g.spacing(-2)}})));return i.jsx(m,{className:e,children:n})};
+//# sourceMappingURL=FullWidthContainer.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FullWidthContainer.cjs.js","sources":["../../../../src/components/ui/PageLayout/FullWidthContainer.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { styled, useTheme, Theme } from '@mui/material/styles';\n\ntype Props = {\n    className?: string;\n    children: ReactNode;\n    fullWidth?: boolean;\n    fullSize?: boolean;\n    noTopSpace?: boolean;\n};\n\nconst FullWidthContainer = ({ children, className = '', fullWidth, fullSize, noTopSpace }: Props) => {\n    const theme = useTheme<Theme>();\n\n    const FullWidthDiv = styled('div')(() => ({\n        // Base styles\n        ...(fullWidth && {\n            marginLeft: -20,\n            marginRight: -20,\n        }),\n        ...(fullSize && {\n            [theme.breakpoints.up('sm')]: {\n                marginLeft: theme.spacing(-3),\n                marginRight: theme.spacing(-3),\n            },\n        }),\n        ...(noTopSpace && {\n            marginTop: `${theme.spacing(-3)} !important`,\n            [theme.breakpoints.only('xs')]: {\n                marginTop: `${theme.spacing(-2)} !important`,\n            },\n        }),\n        [theme.breakpoints.only('sm')]: {\n            marginLeft: theme.spacing(-3),\n            marginRight: theme.spacing(-3),\n        },\n        [theme.breakpoints.only('xs')]: {\n            marginLeft: theme.spacing(-2),\n            marginRight: theme.spacing(-2),\n        },\n    }));\n\n    return <FullWidthDiv className={className}>{children}</FullWidthDiv>;\n};\n\nexport default FullWidthContainer;\n"],"names":["children","className","fullWidth","fullSize","noTopSpace","theme","useTheme","FullWidthDiv","styled","marginLeft","marginRight","breakpoints","up","spacing","marginTop","only","_jsx"],"mappings":"iGAW2B,EAAGA,WAAUC,YAAY,GAAIC,YAAWC,WAAUC,iBACzE,MAAMC,EAAQC,EAAAA,WAERC,EAAeC,EAAAA,OAAO,MAAPA,EAAc,KAAO,IAElCN,GAAa,CACbO,YAAa,GACbC,aAAc,OAEdP,GAAY,CACZ,CAACE,EAAMM,YAAYC,GAAG,OAAQ,CAC1BH,WAAYJ,EAAMQ,SAAS,GAC3BH,YAAaL,EAAMQ,SAAS,QAGhCT,GAAc,CACdU,UAAW,GAAGT,EAAMQ,SAAS,gBAC7B,CAACR,EAAMM,YAAYI,KAAK,OAAQ,CAC5BD,UAAW,GAAGT,EAAMQ,SAAS,kBAGrC,CAACR,EAAMM,YAAYI,KAAK,OAAQ,CAC5BN,WAAYJ,EAAMQ,SAAS,GAC3BH,YAAaL,EAAMQ,SAAS,IAEhC,CAACR,EAAMM,YAAYI,KAAK,OAAQ,CAC5BN,WAAYJ,EAAMQ,SAAS,GAC3BH,YAAaL,EAAMQ,SAAS,QAIpC,OAAOG,EAAAA,IAACT,EAAa,CAAAN,UAAWA,EAASD,SAAGA,GAAwB"}

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

@@ -0,0 +1,2 @@
+import{jsx as i}from"react/jsx-runtime";import{useTheme as a,styled as n}from"@mui/material/styles";const r=({children:r,className:t="",fullWidth:s,fullSize:m,noTopSpace:g})=>{const p=a(),e=n("div")((()=>({...s&&{marginLeft:-20,marginRight:-20},...m&&{[p.breakpoints.up("sm")]:{marginLeft:p.spacing(-3),marginRight:p.spacing(-3)}},...g&&{marginTop:`${p.spacing(-3)} !important`,[p.breakpoints.only("xs")]:{marginTop:`${p.spacing(-2)} !important`}},[p.breakpoints.only("sm")]:{marginLeft:p.spacing(-3),marginRight:p.spacing(-3)},[p.breakpoints.only("xs")]:{marginLeft:p.spacing(-2),marginRight:p.spacing(-2)}})));return i(e,{className:t,children:r})};export{r as default};
+//# sourceMappingURL=FullWidthContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FullWidthContainer.js","sources":["../../../../src/components/ui/PageLayout/FullWidthContainer.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { styled, useTheme, Theme } from '@mui/material/styles';\n\ntype Props = {\n    className?: string;\n    children: ReactNode;\n    fullWidth?: boolean;\n    fullSize?: boolean;\n    noTopSpace?: boolean;\n};\n\nconst FullWidthContainer = ({ children, className = '', fullWidth, fullSize, noTopSpace }: Props) => {\n    const theme = useTheme<Theme>();\n\n    const FullWidthDiv = styled('div')(() => ({\n        // Base styles\n        ...(fullWidth && {\n            marginLeft: -20,\n            marginRight: -20,\n        }),\n        ...(fullSize && {\n            [theme.breakpoints.up('sm')]: {\n                marginLeft: theme.spacing(-3),\n                marginRight: theme.spacing(-3),\n            },\n        }),\n        ...(noTopSpace && {\n            marginTop: `${theme.spacing(-3)} !important`,\n            [theme.breakpoints.only('xs')]: {\n                marginTop: `${theme.spacing(-2)} !important`,\n            },\n        }),\n        [theme.breakpoints.only('sm')]: {\n            marginLeft: theme.spacing(-3),\n            marginRight: theme.spacing(-3),\n        },\n        [theme.breakpoints.only('xs')]: {\n            marginLeft: theme.spacing(-2),\n            marginRight: theme.spacing(-2),\n        },\n    }));\n\n    return <FullWidthDiv className={className}>{children}</FullWidthDiv>;\n};\n\nexport default FullWidthContainer;\n"],"names":["FullWidthContainer","children","className","fullWidth","fullSize","noTopSpace","theme","useTheme","FullWidthDiv","styled","marginLeft","marginRight","breakpoints","up","spacing","marginTop","only","_jsx"],"mappings":"oGAWA,MAAMA,EAAqB,EAAGC,WAAUC,YAAY,GAAIC,YAAWC,WAAUC,iBACzE,MAAMC,EAAQC,IAERC,EAAeC,EAAO,MAAPA,EAAc,KAAO,IAElCN,GAAa,CACbO,YAAa,GACbC,aAAc,OAEdP,GAAY,CACZ,CAACE,EAAMM,YAAYC,GAAG,OAAQ,CAC1BH,WAAYJ,EAAMQ,SAAS,GAC3BH,YAAaL,EAAMQ,SAAS,QAGhCT,GAAc,CACdU,UAAW,GAAGT,EAAMQ,SAAS,gBAC7B,CAACR,EAAMM,YAAYI,KAAK,OAAQ,CAC5BD,UAAW,GAAGT,EAAMQ,SAAS,kBAGrC,CAACR,EAAMM,YAAYI,KAAK,OAAQ,CAC5BN,WAAYJ,EAAMQ,SAAS,GAC3BH,YAAaL,EAAMQ,SAAS,IAEhC,CAACR,EAAMM,YAAYI,KAAK,OAAQ,CAC5BN,WAAYJ,EAAMQ,SAAS,GAC3BH,YAAaL,EAAMQ,SAAS,QAIpC,OAAOG,EAACT,EAAa,CAAAN,UAAWA,EAASD,SAAGA,GAAwB"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("@mui/icons-material/Add"),t=require("@mui/icons-material/ArrowBack"),n=require("@mui/material/Grid"),r=require("@mui/material/IconButton"),a=require("@mui/material/styles"),s=require("@mui/material/Typography"),o=require("@mui/material/useMediaQuery"),d=require("./DocumentTitle.cjs.js"),l=require("./FullWidthContainer.cjs.js"),c=require("../FDErrorBoundary/FDErrorBoundary.cjs.js"),m=require("@mui/material/Button"),p=require("../../../providers/TranslationProvider.cjs.js"),u=require("../../../utilities/renderUtilities.cjs.js"),g=require("../../../utilities/validation.cjs.js"),h=require("../Spacer/Spacer.cjs.js"),x=require("../../../node_modules/.pnpm/react-router@6.27.0_react@18.3.1/node_modules/react-router/dist/index.cjs.js");const j=1112,f=a.styled("div")((({theme:e,fluid:i})=>({maxWidth:i?"none":j,[e.breakpoints.down("md")]:{maxWidth:"none"},margin:e.spacing(2,4)}))),y=a.styled(n)((({theme:e})=>({[e.breakpoints.down("sm")]:{width:"100%",paddingTop:e.spacing(2)}}))),b=a.styled(n)((({theme:e})=>({flexWrap:"nowrap",alignItems:"flex-start",paddingTop:e.spacing(3),paddingBottom:e.spacing(3),[e.breakpoints.down("md")]:{paddingTop:e.spacing(2),paddingBottom:e.spacing(3)}}))),v=a.styled(n)((({theme:e})=>({paddingTop:e.spacing(2)}))),k=a.styled(n)((()=>({flexGrow:1}))),q=a.styled("div")((({theme:e})=>({maxWidth:j,paddingBottom:e.spacing(3),[e.breakpoints.down("md")]:{paddingBottom:e.spacing(2),paddingLeft:e.spacing(2),paddingRight:e.spacing(2)}}))),T=a.styled(r)((({theme:e,hasTitleComponent:i})=>({margin:i?e.spacing(-.75,0,-1.5,-1.5):e.spacing(-1.5,0,-1.5,-1.5),[e.breakpoints.only("sm")]:{marginLeft:e.spacing(-2)},[e.breakpoints.only("xs")]:{marginLeft:e.spacing(-2)}}))),w=a.styled("div")((({theme:e})=>({maxWidth:j,marginLeft:e.spacing(6),marginRight:e.spacing(4),paddingBottom:e.spacing(2),[e.breakpoints.only("md")]:{marginLeft:12,marginRight:e.spacing(3)},[e.breakpoints.only("sm")]:{marginLeft:e.spacing(3),marginRight:e.spacing(3),maxWidth:"none"},[e.breakpoints.only("xs")]:{marginLeft:e.spacing(2),marginRight:e.spacing(2),maxWidth:"none"}}))),B=a.styled(n)((()=>({display:"flex",flexGrow:1,justifyContent:"flex-end"}))),W=a.styled(s)((()=>({lineHeight:"26px"}))),L=({title:i})=>e.jsx(s,{variant:"h5",component:"h2",children:i});exports.PageTitle=L,exports.default=r=>{const{actionBtnTitle:s,caption:j,children:C,contextButtons:F,documentTitle:_,fluid:A=!1,fullWidth:P,header:I,hideHeader:R,actionButtonLink:D,openLinkInNewTab:G=!1,pageHeader:H,showActionButton:M,showAddIcon:z,strictToParent:E,title:N,titleComponent:S,toParent:U}=r,{translate:O}=p.useTranslation(),Q=x.useNavigate(),$=a.useTheme(),J=o($.breakpoints.down("md")),K=u.getMicroFrontendAttribute("data-portal-base-url")||"/",V=D?.startsWith("https://"),X=V?D:void 0!==D?g.joinUrlPaths(K,D):"";return e.jsxs(f,{fluid:A,children:[_&&e.jsx(d,{children:_}),H||null,e.jsxs(w,{children:[H&&e.jsx(h,{size:16,variant:"vertical"}),!R&&e.jsxs(b,{container:!0,alignItems:"center",direction:"column",children:[e.jsxs(n,{item:!0,container:!0,direction:"row",alignContent:"space-between",children:[U&&e.jsx(n,{item:!0,children:e.jsx(T,{"aria-label":"Back","data-testid":"back_button",hasTitleComponent:!!S,component:"button",onClick:()=>{U&&E||U&&history.length<3?Q(U):Q(-1)},children:e.jsx(t,{})})}),e.jsx(B,{item:!0,children:F&&F.map((i=>e.jsx(e.Fragment,{children:i})))})]}),e.jsxs(v,{item:!0,container:!0,children:[e.jsxs(k,{item:!0,children:[S?e.jsx(S,{}):e.jsx(L,{title:N}),j&&e.jsx(W,{variant:"caption",component:"h3",children:j})]}),M&&e.jsxs(e.Fragment,{children:[J&&e.jsx(h,{size:56,variant:"vertical"}),e.jsx(y,{item:!0,children:e.jsxs(m,{variant:"contained",fullWidth:!0,"data-testid":`Action-button-${s}`,href:G||V?X:"",target:G?"_blank":void 0,rel:G?"noopener noreferrer":void 0,onClick:G||V?()=>{}:()=>Q(D),children:[z&&e.jsx(i,{}),s&&O(s)]})})]})]})]}),e.jsxs(l,{fullWidth:P,children:[I?e.jsx(q,{children:I}):null,e.jsx(c,{identifier:_,children:e.jsx(e.Fragment,{children:C})})]})]})]})},exports.maxWidth=j;
+//# sourceMappingURL=PageLayout.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayout.cjs.js","sources":["../../../../src/components/ui/PageLayout/PageLayout.tsx"],"sourcesContent":["import React, { ComponentType, 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 { useTranslation } from '../../../providers/TranslationProvider';\nimport { getMicroFrontendAttribute } from '../../../utilities/renderUtilities';\nimport { joinUrlPaths } from '../../../utilities/validation';\nimport Spacer from '../Spacer/Spacer';\nimport { useNavigate } from 'react-router-dom';\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    margin: theme.spacing(2, 4),\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\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst StyledBackButton = styled(IconButton)<{ hasTitleComponent: boolean; component: any }>(({ theme, hasTitleComponent }) => ({\n    margin: hasTitleComponent ? theme.spacing(-0.75, 0, -1.5, -1.5) : theme.spacing(-1.5, 0, -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\nexport const PageTitle = ({ title }: { title: string | ReactNode }) => (\n    <Typography variant=\"h5\" component=\"h2\">\n        {title}\n    </Typography>\n);\n\nexport type Props = {\n    actionBtnTitle?: TranslationId;\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    strictToParent?: boolean;\n    title: ReactNode;\n    titleComponent?: ComponentType<React.PropsWithChildren<unknown>>;\n    toParent?: string;\n    openLinkInNewTab?: 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        strictToParent,\n        title,\n        titleComponent: TitleComponent,\n        toParent,\n    } = props;\n    const { translate } = useTranslation();\n    const navigate = useNavigate();\n    const theme = useTheme();\n    const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n    const baseUrl = getMicroFrontendAttribute('data-portal-base-url') || '/';\n    const actionButtonWithHttps = actionButtonLink?.startsWith('https://');\n    const actionButtonLinkFinal = actionButtonWithHttps\n        ? actionButtonLink\n        : actionButtonLink !== undefined\n          ? joinUrlPaths(baseUrl, actionButtonLink)\n          : '';\n\n    return (\n        <StyledWrapper fluid={fluid}>\n            {documentTitle && <DocumentTitle>{documentTitle}</DocumentTitle>}\n\n            {pageHeader ? pageHeader : null}\n            <StyledInnerWrapper>\n                {pageHeader && <Spacer size={16} variant=\"vertical\" />}\n                {!hideHeader && (\n                    <StyledHeader container alignItems=\"center\" direction=\"column\">\n                        <Grid item container direction=\"row\" alignContent=\"space-between\">\n                            {toParent && (\n                                <Grid item>\n                                    <StyledBackButton\n                                        aria-label=\"Back\"\n                                        data-testid=\"back_button\"\n                                        hasTitleComponent={!!TitleComponent}\n                                        component={'button'}\n                                        onClick={() => {\n                                            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                                </Grid>\n                            )}\n                            <StyledHeaderContainer item>{contextButtons && contextButtons.map((button) => <>{button}</>)}</StyledHeaderContainer>\n                        </Grid>\n                        <StyledTitleContainer item container>\n                            <StyledTitleSection item>\n                                {TitleComponent ? <TitleComponent /> : <PageTitle title={title} />}\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={!openLinkInNewTab && !actionButtonWithHttps ? () => navigate(actionButtonLink) : () => {}}\n                                        >\n                                            {showAddIcon && <Add />}\n                                            {actionBtnTitle && translate(actionBtnTitle)}\n                                        </Button>\n                                    </StyledActionButtonGrid>\n                                </>\n                            )}\n                        </StyledTitleContainer>\n                    </StyledHeader>\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    );\n};\n\nexport default PageLayout;\n"],"names":["maxWidth","StyledWrapper","styled","theme","fluid","breakpoints","down","margin","spacing","StyledActionButtonGrid","Grid","width","paddingTop","StyledHeader","flexWrap","alignItems","paddingBottom","StyledTitleContainer","StyledTitleSection","flexGrow","StyledTopSection","paddingLeft","paddingRight","StyledBackButton","IconButton","hasTitleComponent","only","marginLeft","StyledInnerWrapper","marginRight","StyledHeaderContainer","display","justifyContent","StyledCaption","Typography","lineHeight","PageTitle","title","_jsx","variant","component","children","props","actionBtnTitle","caption","contextButtons","documentTitle","fullWidth","header","hideHeader","actionButtonLink","openLinkInNewTab","pageHeader","showActionButton","showAddIcon","strictToParent","titleComponent","TitleComponent","toParent","translate","useTranslation","navigate","useNavigate","useTheme","isMobile","useMediaQuery","baseUrl","getMicroFrontendAttribute","actionButtonWithHttps","startsWith","actionButtonLinkFinal","undefined","joinUrlPaths","_jsxs","DocumentTitle","jsxs","Spacer","size","container","direction","item","alignContent","onClick","history","length","jsx","ArrowBackIcon","map","button","_Fragment","Button","href","target","rel","Add","FullWidthContainer","FDErrorBoundary","identifier","Fragment"],"mappings":"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"}

package/dist/components/ui/PageLayout/PageLayout.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React, { ReactNode, ComponentType } from 'react';
+
+type Props = {
+    actionBtnTitle?: TranslationId;
+    caption?: ReactNode;
+    children: ReactNode;
+    contextButtons?: ReactNode[];
+    documentTitle: string;
+    fluid?: boolean;
+    fullWidth?: boolean;
+    header?: ReactNode;
+    hideHeader?: boolean;
+    actionButtonLink?: string;
+    pageHeader?: ReactNode;
+    showActionButton?: boolean;
+    showAddIcon?: boolean;
+    strictToParent?: boolean;
+    title: ReactNode;
+    titleComponent?: ComponentType<React.PropsWithChildren<unknown>>;
+    toParent?: string;
+    openLinkInNewTab?: boolean;
+};
+declare const PageLayout: (props: Props) => react_jsx_runtime.JSX.Element;
+
+export { type Props, PageLayout as default };

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

@@ -0,0 +1,2 @@
+import{jsxs as i,jsx as t,Fragment as n}from"react/jsx-runtime";import e from"@mui/icons-material/Add";import r from"@mui/icons-material/ArrowBack";import o from"@mui/material/Grid";import a from"@mui/material/IconButton";import{styled as m,useTheme as d}from"@mui/material/styles";import p from"@mui/material/Typography";import l from"@mui/material/useMediaQuery";import c from"./DocumentTitle.js";import s from"./FullWidthContainer.js";import h from"../FDErrorBoundary/FDErrorBoundary.js";import g from"@mui/material/Button";import{useTranslation as u}from"../../../providers/TranslationProvider.js";import{getMicroFrontendAttribute as f}from"../../../utilities/renderUtilities.js";import{joinUrlPaths as b}from"../../../utilities/validation.js";import x from"../Spacer/Spacer.js";import{useNavigate as k}from"../../../node_modules/.pnpm/react-router@6.27.0_react@18.3.1/node_modules/react-router/dist/index.js";const v=1112,w=m("div")((({theme:i,fluid:t})=>({maxWidth:t?"none":v,[i.breakpoints.down("md")]:{maxWidth:"none"},margin:i.spacing(2,4)}))),B=m(o)((({theme:i})=>({[i.breakpoints.down("sm")]:{width:"100%",paddingTop:i.spacing(2)}}))),y=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)}}))),T=m(o)((({theme:i})=>({paddingTop:i.spacing(2)}))),W=m(o)((()=>({flexGrow:1}))),j=m("div")((({theme:i})=>({maxWidth:v,paddingBottom:i.spacing(3),[i.breakpoints.down("md")]:{paddingBottom:i.spacing(2),paddingLeft:i.spacing(2),paddingRight:i.spacing(2)}}))),L=m(a)((({theme:i,hasTitleComponent:t})=>({margin:t?i.spacing(-.75,0,-1.5,-1.5):i.spacing(-1.5,0,-1.5,-1.5),[i.breakpoints.only("sm")]:{marginLeft:i.spacing(-2)},[i.breakpoints.only("xs")]:{marginLeft:i.spacing(-2)}}))),C=m("div")((({theme:i})=>({maxWidth:v,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"}}))),A=m(o)((()=>({display:"flex",flexGrow:1,justifyContent:"flex-end"}))),I=m(p)((()=>({lineHeight:"26px"}))),R=({title:i})=>t(p,{variant:"h5",component:"h2",children:i}),_=a=>{const{actionBtnTitle:m,caption:p,children:v,contextButtons:_,documentTitle:D,fluid:F=!1,fullWidth:G,header:H,hideHeader:P,actionButtonLink:z,openLinkInNewTab:E=!1,pageHeader:S,showActionButton:M,showAddIcon:N,strictToParent:Q,title:U,titleComponent:$,toParent:q}=a,{translate:J}=u(),K=k(),O=d(),V=l(O.breakpoints.down("md")),X=f("data-portal-base-url")||"/",Y=z?.startsWith("https://"),Z=Y?z:void 0!==z?b(X,z):"";return i(w,{fluid:F,children:[D&&t(c,{children:D}),S||null,i(C,{children:[S&&t(x,{size:16,variant:"vertical"}),!P&&i(y,{container:!0,alignItems:"center",direction:"column",children:[i(o,{item:!0,container:!0,direction:"row",alignContent:"space-between",children:[q&&t(o,{item:!0,children:t(L,{"aria-label":"Back","data-testid":"back_button",hasTitleComponent:!!$,component:"button",onClick:()=>{q&&Q||q&&history.length<3?K(q):K(-1)},children:t(r,{})})}),t(A,{item:!0,children:_&&_.map((i=>t(n,{children:i})))})]}),i(T,{item:!0,container:!0,children:[i(W,{item:!0,children:[$?t($,{}):t(R,{title:U}),p&&t(I,{variant:"caption",component:"h3",children:p})]}),M&&i(n,{children:[V&&t(x,{size:56,variant:"vertical"}),t(B,{item:!0,children:i(g,{variant:"contained",fullWidth:!0,"data-testid":`Action-button-${m}`,href:E||Y?Z:"",target:E?"_blank":void 0,rel:E?"noopener noreferrer":void 0,onClick:E||Y?()=>{}:()=>K(z),children:[N&&t(e,{}),m&&J(m)]})})]})]})]}),i(s,{fullWidth:G,children:[H?t(j,{children:H}):null,t(h,{identifier:D,children:t(n,{children:v})})]})]})]})};export{R as PageTitle,_ as default,v as maxWidth};
+//# sourceMappingURL=PageLayout.js.map