@flipdish/portal-library 1.0.8 → 1.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +36 -0
- package/dist/index.esm.js +286 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +291 -0
- package/dist/index.js.map +1 -0
- package/package.json +4 -2
- package/dist/components/index.d.ts +0 -5
- package/dist/components/index.js +0 -6
- package/dist/components/index.js.map +0 -1
- package/dist/components/themes/flipdishPublicTheme.d.ts +0 -19
- package/dist/components/themes/flipdishPublicTheme.js +0 -171
- package/dist/components/themes/flipdishPublicTheme.js.map +0 -1
- package/dist/components/ui/LazyComponent/LazyComponent.d.ts +0 -9
- package/dist/components/ui/LazyComponent/LazyComponent.js +0 -23
- package/dist/components/ui/LazyComponent/LazyComponent.js.map +0 -1
- package/dist/components/ui/NotFoundPage/NotFoundPage.d.ts +0 -5
- package/dist/components/ui/NotFoundPage/NotFoundPage.js +0 -26
- package/dist/components/ui/NotFoundPage/NotFoundPage.js.map +0 -1
- package/dist/components/ui/PortalMock/PortalMock.d.ts +0 -8
- package/dist/components/ui/PortalMock/PortalMock.js +0 -111
- package/dist/components/ui/PortalMock/PortalMock.js.map +0 -1
- package/dist/components/ui/Spacer/Spacer.d.ts +0 -12
- package/dist/components/ui/Spacer/Spacer.js +0 -43
- package/dist/components/ui/Spacer/Spacer.js.map +0 -1
- package/dist/localization/en.json.js +0 -52
- package/dist/localization/en.json.js.map +0 -1
- package/dist/providers/TranslationProvider.js +0 -26
- package/dist/providers/TranslationProvider.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/components/themes/flipdishPublicTheme.ts","../src/providers/TranslationProvider.tsx","../src/components/ui/NotFoundPage/NotFoundPage.tsx","../src/components/ui/LazyComponent/LazyComponent.tsx","../src/components/ui/Spacer/Spacer.tsx"],"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","import { createContext, useCallback, useContext, useEffect, useState } from 'react';\nimport en from '../../../../localization/en.json';\nimport { getMicroFrontendAttribute } from '../utilities/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 = { 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","import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport { useTranslation } from '../../../providers/TranslationProvider';\n\nconst StyledTextContainer = styled('div')(({ 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","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","import { 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 {\n if (variant === 'horizontal') {\n style.margin = `${size}px 0`;\n } else if (variant === 'vertical') {\n style.margin = `0 ${size}px`;\n }\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":["createTheme","createContext","useContext","useCallback","styled","_jsx","Suspense"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,25 +1,27 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flipdish/portal-library",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.10",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
7
7
|
],
|
|
8
|
+
"dependencies": {},
|
|
8
9
|
"peerDependencies": {
|
|
9
10
|
"@actions/core": "^1.2.6",
|
|
10
11
|
"@emotion/react": "11.13.3",
|
|
11
12
|
"@emotion/styled": "11.13.0",
|
|
12
13
|
"@mui/icons-material": "5.16.7",
|
|
13
14
|
"@mui/material": "5.16.7",
|
|
15
|
+
"react-error-boundary": "^4.0.13",
|
|
14
16
|
"react": "18.3.1",
|
|
15
17
|
"react-dom": "18.3.1"
|
|
16
18
|
},
|
|
17
19
|
"devDependencies": {
|
|
18
20
|
"@babel/core": "^7.25.9",
|
|
19
21
|
"@babel/plugin-transform-runtime": "^7.25.9",
|
|
22
|
+
"@babel/preset-env": "^7.25.9",
|
|
20
23
|
"@babel/preset-react": "^7.25.9",
|
|
21
24
|
"@chromatic-com/storybook": "^1.9.0",
|
|
22
|
-
"@rollup/plugin-alias": "^5.1.1",
|
|
23
25
|
"@rollup/plugin-babel": "^6.0.4",
|
|
24
26
|
"@rollup/plugin-commonjs": "^28.0.1",
|
|
25
27
|
"@rollup/plugin-json": "^6.1.0",
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { default as flipdishPublicTheme } from './themes/flipdishPublicTheme.js';
|
|
2
|
-
export { default as NotFoundPage } from './ui/NotFoundPage/NotFoundPage.js';
|
|
3
|
-
export { default as PortalMock } from './ui/PortalMock/PortalMock.js';
|
|
4
|
-
export { default as LazyComponent } from './ui/LazyComponent/LazyComponent.js';
|
|
5
|
-
export { default as Spacer } from './ui/Spacer/Spacer.js';
|
package/dist/components/index.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export { default as flipdishPublicTheme } from './themes/flipdishPublicTheme.js';
|
|
2
|
-
export { default as NotFoundPage } from './ui/NotFoundPage/NotFoundPage.js';
|
|
3
|
-
export { default as PortalMock } from './ui/PortalMock/PortalMock.js';
|
|
4
|
-
export { default as LazyComponent } from './ui/LazyComponent/LazyComponent.js';
|
|
5
|
-
export { default as Spacer } from './ui/Spacer/Spacer.js';
|
|
6
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as _mui_material from '@mui/material';
|
|
2
|
-
|
|
3
|
-
declare const _default: _mui_material.Theme;
|
|
4
|
-
|
|
5
|
-
declare module '@mui/material/styles' {
|
|
6
|
-
interface Palette {
|
|
7
|
-
black: Palette['primary'];
|
|
8
|
-
white: Palette['primary'];
|
|
9
|
-
flippyBlue: Palette['primary'];
|
|
10
|
-
freezerBurn: Palette['primary'];
|
|
11
|
-
spricyCarrot: Palette['primary'];
|
|
12
|
-
pebble: Palette['primary'];
|
|
13
|
-
donutPanic: Palette['primary'];
|
|
14
|
-
eletricLime: Palette['primary'];
|
|
15
|
-
pending: Palette['primary'];
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export { _default as default };
|
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
import { createTheme } from '@mui/material';
|
|
2
|
-
|
|
3
|
-
// Colours and fonts as per our brand guidelines
|
|
4
|
-
const fontTheme = createTheme({
|
|
5
|
-
typography: {
|
|
6
|
-
body1: {
|
|
7
|
-
fontFamily: "'Roboto', sans-serif"
|
|
8
|
-
},
|
|
9
|
-
body2: {
|
|
10
|
-
fontFamily: "'Roboto', sans-serif"
|
|
11
|
-
},
|
|
12
|
-
h1: {
|
|
13
|
-
fontFamily: 'clarendon-text-pro,Domine,serif'
|
|
14
|
-
},
|
|
15
|
-
h2: {
|
|
16
|
-
fontFamily: 'clarendon-text-pro,Domine,serif'
|
|
17
|
-
},
|
|
18
|
-
h3: {
|
|
19
|
-
fontFamily: 'clarendon-text-pro,Domine,serif'
|
|
20
|
-
},
|
|
21
|
-
h4: {
|
|
22
|
-
fontFamily: 'clarendon-text-pro,Domine,serif'
|
|
23
|
-
},
|
|
24
|
-
h5: {
|
|
25
|
-
fontFamily: 'clarendon-text-pro,Domine,serif'
|
|
26
|
-
},
|
|
27
|
-
h6: {
|
|
28
|
-
fontFamily: 'clarendon-text-pro,Domine,serif'
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
palette: {
|
|
32
|
-
success: {
|
|
33
|
-
main: '#20C26E',
|
|
34
|
-
dark: '#137442',
|
|
35
|
-
light: '#D2F3E2'
|
|
36
|
-
},
|
|
37
|
-
error: {
|
|
38
|
-
main: '#CA0030',
|
|
39
|
-
dark: '#79001D',
|
|
40
|
-
light: '#FADBE2'
|
|
41
|
-
},
|
|
42
|
-
warning: {
|
|
43
|
-
main: '#FFBC2C',
|
|
44
|
-
dark: '#FF7A00',
|
|
45
|
-
light: '#FFF2D5'
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
const theme = createTheme(fontTheme, {
|
|
50
|
-
palette: {
|
|
51
|
-
// Primary
|
|
52
|
-
black: fontTheme.palette.augmentColor({
|
|
53
|
-
color: {
|
|
54
|
-
main: '#000000'
|
|
55
|
-
},
|
|
56
|
-
name: 'black'
|
|
57
|
-
}),
|
|
58
|
-
white: fontTheme.palette.augmentColor({
|
|
59
|
-
color: {
|
|
60
|
-
main: '#ffffff'
|
|
61
|
-
},
|
|
62
|
-
name: 'white'
|
|
63
|
-
}),
|
|
64
|
-
flippyBlue: fontTheme.palette.augmentColor({
|
|
65
|
-
color: {
|
|
66
|
-
main: '#0b75d7'
|
|
67
|
-
},
|
|
68
|
-
name: 'flippyBlue'
|
|
69
|
-
}),
|
|
70
|
-
// Core
|
|
71
|
-
freezerBurn: fontTheme.palette.augmentColor({
|
|
72
|
-
color: {
|
|
73
|
-
main: '#a5e2f6'
|
|
74
|
-
},
|
|
75
|
-
name: 'freezerBurn'
|
|
76
|
-
}),
|
|
77
|
-
spricyCarrot: fontTheme.palette.augmentColor({
|
|
78
|
-
color: {
|
|
79
|
-
main: '#f7742b'
|
|
80
|
-
},
|
|
81
|
-
name: 'spricyCarrot'
|
|
82
|
-
}),
|
|
83
|
-
pebble: fontTheme.palette.augmentColor({
|
|
84
|
-
color: {
|
|
85
|
-
main: '#eeebe3'
|
|
86
|
-
},
|
|
87
|
-
name: 'pebble'
|
|
88
|
-
}),
|
|
89
|
-
// Secondary
|
|
90
|
-
donutPanic: fontTheme.palette.augmentColor({
|
|
91
|
-
color: {
|
|
92
|
-
main: '#ffbae4'
|
|
93
|
-
},
|
|
94
|
-
name: 'donutPanic'
|
|
95
|
-
}),
|
|
96
|
-
eletricLime: fontTheme.palette.augmentColor({
|
|
97
|
-
color: {
|
|
98
|
-
main: '#cff27d'
|
|
99
|
-
},
|
|
100
|
-
name: 'eletricLime'
|
|
101
|
-
}),
|
|
102
|
-
pending: fontTheme.palette.augmentColor({
|
|
103
|
-
color: {
|
|
104
|
-
main: '#DEACFA',
|
|
105
|
-
dark: '#A56AC6',
|
|
106
|
-
light: '#FCF7FE'
|
|
107
|
-
},
|
|
108
|
-
name: 'pending'
|
|
109
|
-
})
|
|
110
|
-
}
|
|
111
|
-
});
|
|
112
|
-
var flipdishPublicTheme = createTheme(theme, {
|
|
113
|
-
palette: {
|
|
114
|
-
primary: {
|
|
115
|
-
main: theme.palette.flippyBlue.main
|
|
116
|
-
},
|
|
117
|
-
secondary: {
|
|
118
|
-
main: theme.palette.spricyCarrot.main
|
|
119
|
-
}
|
|
120
|
-
},
|
|
121
|
-
components: {
|
|
122
|
-
MuiButton: {
|
|
123
|
-
styleOverrides: {
|
|
124
|
-
root: {
|
|
125
|
-
padding: '7px 14px',
|
|
126
|
-
textTransform: 'none',
|
|
127
|
-
boxShadow: 'none',
|
|
128
|
-
'&:hover': {
|
|
129
|
-
boxShadow: 'none'
|
|
130
|
-
},
|
|
131
|
-
borderRadius: '25px'
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
},
|
|
135
|
-
MuiCard: {
|
|
136
|
-
styleOverrides: {
|
|
137
|
-
root: {
|
|
138
|
-
borderRadius: 0,
|
|
139
|
-
boxShadow: 'none',
|
|
140
|
-
borderWidth: '1px',
|
|
141
|
-
borderStyle: 'solid',
|
|
142
|
-
borderColor: '#999999'
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
},
|
|
146
|
-
MuiChip: {
|
|
147
|
-
styleOverrides: {
|
|
148
|
-
root: {
|
|
149
|
-
borderRadius: '5px',
|
|
150
|
-
fontWeight: 'bold',
|
|
151
|
-
textTransform: 'uppercase'
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
},
|
|
155
|
-
MuiListItemButton: {
|
|
156
|
-
styleOverrides: {
|
|
157
|
-
root: {
|
|
158
|
-
'&:hover': {
|
|
159
|
-
backgroundColor: '#eaf2ff'
|
|
160
|
-
},
|
|
161
|
-
'&:not(:last-child)': {
|
|
162
|
-
borderBottom: `1px solid ${theme.palette.divider}`
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
});
|
|
169
|
-
|
|
170
|
-
export { flipdishPublicTheme as default };
|
|
171
|
-
//# sourceMappingURL=flipdishPublicTheme.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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":["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","primary","secondary","components","MuiButton","styleOverrides","root","padding","textTransform","boxShadow","borderRadius","MuiCard","borderWidth","borderStyle","borderColor","MuiChip","fontWeight","MuiListItemButton","backgroundColor","borderBottom","divider"],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
|
|
4
|
-
type LazyComponentProps = {
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
};
|
|
7
|
-
declare const LazyComponent: ({ children }: LazyComponentProps) => react_jsx_runtime.JSX.Element;
|
|
8
|
-
|
|
9
|
-
export { LazyComponent as default };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { Suspense } from 'react';
|
|
3
|
-
import CircularProgress from '@mui/material/CircularProgress';
|
|
4
|
-
import { styled } from '@mui/material/styles';
|
|
5
|
-
|
|
6
|
-
const StyledLoadingContainer = styled('div')({
|
|
7
|
-
display: 'flex',
|
|
8
|
-
justifyContent: 'center',
|
|
9
|
-
alignItems: 'center'
|
|
10
|
-
});
|
|
11
|
-
const LazyComponent = ({
|
|
12
|
-
children
|
|
13
|
-
}) => jsx(Suspense, {
|
|
14
|
-
fallback: jsx(StyledLoadingContainer, {
|
|
15
|
-
children: jsx(CircularProgress, {
|
|
16
|
-
size: 56
|
|
17
|
-
})
|
|
18
|
-
}),
|
|
19
|
-
children: children
|
|
20
|
-
});
|
|
21
|
-
|
|
22
|
-
export { LazyComponent as default };
|
|
23
|
-
//# sourceMappingURL=LazyComponent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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":["StyledLoadingContainer","styled","display","justifyContent","alignItems","LazyComponent","children","_jsx","Suspense","fallback","CircularProgress","size"],"mappings":";;;;;AASA,MAAMA,sBAAsB,GAAGC,MAAM,CAAC,KAAK,CAAC,CAAC;AACzCC,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,cAAc,EAAE,QAAQ;AACxBC,EAAAA,UAAU,EAAE,QAAA;AACf,CAAA,CAAC,CAAA;AAEIC,MAAAA,aAAa,GAAGA,CAAC;AAAEC,EAAAA,QAAAA;AAAQ,CAAsB,KACnDC,GAAC,CAAAC,QAAQ;AACLC,EAAAA,QAAQ,EACJF,GAAC,CAAAP,sBAAsB,EACnB;AAAAM,IAAAA,QAAA,EAAAC,GAAA,CAACG,gBAAgB,EAAA;AAACC,MAAAA,IAAI,EAAE,EAAA;KAAE,CAAA;AACL,GAAA,CAAA;AAAAL,EAAAA,QAAA,EAG5BA,QAAAA;AAAQ,CAAA;;;;"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { styled } from '@mui/material/styles';
|
|
3
|
-
import Typography from '@mui/material/Typography';
|
|
4
|
-
import { useTranslation } from '../../../providers/TranslationProvider.js';
|
|
5
|
-
|
|
6
|
-
const StyledTextContainer = styled('div')(({
|
|
7
|
-
theme
|
|
8
|
-
}) => ({
|
|
9
|
-
marginTop: theme.spacing(2),
|
|
10
|
-
display: 'flex',
|
|
11
|
-
justifyContent: 'center',
|
|
12
|
-
alignItems: 'center'
|
|
13
|
-
}));
|
|
14
|
-
const NotFoundPage = () => {
|
|
15
|
-
const {
|
|
16
|
-
translate
|
|
17
|
-
} = useTranslation();
|
|
18
|
-
return jsx(StyledTextContainer, {
|
|
19
|
-
children: jsx(Typography, {
|
|
20
|
-
children: translate('Page_Not_Found')
|
|
21
|
-
})
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export { NotFoundPage as default };
|
|
26
|
-
//# sourceMappingURL=NotFoundPage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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 { useTranslation } from '../../../providers/TranslationProvider';\n\nconst StyledTextContainer = styled('div')(({ 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","theme","marginTop","spacing","display","justifyContent","alignItems","NotFoundPage","translate","useTranslation","_jsx","children","Typography"],"mappings":";;;;;AAIA,MAAMA,mBAAmB,GAAGC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAAEC,EAAAA,KAAAA;AAAK,CAAE,MAAM;AACtDC,EAAAA,SAAS,EAAED,KAAK,CAACE,OAAO,CAAC,CAAC,CAAC;AAC3BC,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,cAAc,EAAE,QAAQ;AACxBC,EAAAA,UAAU,EAAE,QAAA;AACf,CAAA,CAAC,CAAC,CAAA;AAEGC,MAAAA,YAAY,GAAGA,MAAK;EACtB,MAAM;AAAEC,IAAAA,SAAAA;GAAW,GAAGC,cAAc,EAAE,CAAA;EACtC,OACIC,GAAA,CAACX,mBAAmB,EAAA;AAAAY,IAAAA,QAAA,EAChBD,IAACE,UAAU,EAAA;MAAAD,QAAA,EAAEH,SAAS,CAAC,gBAAgB,CAAA;KAAe,CAAA;AAAA,GAAA,CACpC,CAAA;AAE9B;;;;"}
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { styled, useTheme } from '@mui/material/styles';
|
|
3
|
-
import { Typography, Box, CssBaseline, AppBar, Drawer } from '@mui/material';
|
|
4
|
-
|
|
5
|
-
const StyledHeader = styled('div')(({
|
|
6
|
-
theme
|
|
7
|
-
}) => ({
|
|
8
|
-
display: 'flex',
|
|
9
|
-
justifyContent: 'center',
|
|
10
|
-
alignItems: 'center',
|
|
11
|
-
backgroundColor: theme.palette.grey[300],
|
|
12
|
-
height: '65px',
|
|
13
|
-
color: theme.palette.text.primary,
|
|
14
|
-
borderBottom: `2px solid ${theme.palette.grey[400]}`
|
|
15
|
-
}));
|
|
16
|
-
const StyledSidebar = styled('div')(({
|
|
17
|
-
theme
|
|
18
|
-
}) => ({
|
|
19
|
-
display: 'flex',
|
|
20
|
-
justifyContent: 'center',
|
|
21
|
-
alignItems: 'center',
|
|
22
|
-
backgroundColor: theme.palette.grey[300],
|
|
23
|
-
height: '100%',
|
|
24
|
-
color: theme.palette.text.primary
|
|
25
|
-
}));
|
|
26
|
-
const drawerWidth = 198;
|
|
27
|
-
const PortalMock = ({
|
|
28
|
-
children
|
|
29
|
-
}) => {
|
|
30
|
-
const loadedFromPortal = import.meta.env.VITE_CODE_BASE_URL !== undefined;
|
|
31
|
-
const theme = useTheme();
|
|
32
|
-
if (loadedFromPortal) {
|
|
33
|
-
return jsx(Fragment, {
|
|
34
|
-
children: children
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
const drawer = jsx(StyledSidebar, {
|
|
38
|
-
children: jsx(Typography, {
|
|
39
|
-
sx: {
|
|
40
|
-
fontWeight: 'bold'
|
|
41
|
-
},
|
|
42
|
-
children: "Sidebar"
|
|
43
|
-
})
|
|
44
|
-
});
|
|
45
|
-
return jsxs(Box, {
|
|
46
|
-
sx: {
|
|
47
|
-
display: 'flex'
|
|
48
|
-
},
|
|
49
|
-
children: [jsx(CssBaseline, {}), jsx(AppBar, {
|
|
50
|
-
position: "fixed",
|
|
51
|
-
sx: {
|
|
52
|
-
width: {
|
|
53
|
-
sm: `calc(100% - ${drawerWidth}px)`
|
|
54
|
-
},
|
|
55
|
-
ml: {
|
|
56
|
-
sm: `${drawerWidth}px`
|
|
57
|
-
},
|
|
58
|
-
boxShadow: 'none'
|
|
59
|
-
},
|
|
60
|
-
children: jsx(StyledHeader, {
|
|
61
|
-
children: jsx(Typography, {
|
|
62
|
-
sx: {
|
|
63
|
-
fontWeight: 'bold'
|
|
64
|
-
},
|
|
65
|
-
children: "Header"
|
|
66
|
-
})
|
|
67
|
-
})
|
|
68
|
-
}), jsx(Box, {
|
|
69
|
-
component: "nav",
|
|
70
|
-
sx: {
|
|
71
|
-
width: {
|
|
72
|
-
sm: drawerWidth
|
|
73
|
-
},
|
|
74
|
-
flexShrink: {
|
|
75
|
-
sm: 0
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
|
-
"aria-label": "mailbox folders",
|
|
79
|
-
children: jsx(Drawer, {
|
|
80
|
-
variant: "permanent",
|
|
81
|
-
sx: {
|
|
82
|
-
display: {
|
|
83
|
-
xs: 'none',
|
|
84
|
-
sm: 'block'
|
|
85
|
-
},
|
|
86
|
-
'& .MuiDrawer-paper': {
|
|
87
|
-
boxSizing: 'border-box',
|
|
88
|
-
width: drawerWidth,
|
|
89
|
-
borderColor: theme.palette.grey[400],
|
|
90
|
-
borderWidth: '2px'
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
open: true,
|
|
94
|
-
children: drawer
|
|
95
|
-
})
|
|
96
|
-
}), jsx(Box, {
|
|
97
|
-
component: "main",
|
|
98
|
-
sx: {
|
|
99
|
-
flexGrow: 1,
|
|
100
|
-
width: {
|
|
101
|
-
sm: `calc(100% - ${drawerWidth}px)`,
|
|
102
|
-
marginTop: '65px'
|
|
103
|
-
}
|
|
104
|
-
},
|
|
105
|
-
children: children
|
|
106
|
-
})]
|
|
107
|
-
});
|
|
108
|
-
};
|
|
109
|
-
|
|
110
|
-
export { PortalMock as default };
|
|
111
|
-
//# sourceMappingURL=PortalMock.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PortalMock.js","sources":["../../../../src/components/ui/PortalMock/PortalMock.tsx"],"sourcesContent":["import { styled, useTheme } from '@mui/material/styles';\nimport { AppBar, Box, CssBaseline, Drawer, Typography } from '@mui/material';\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 children: React.ReactNode;\n};\nconst drawerWidth = 198;\n\nconst PortalMock = ({ children }: Props) => {\n const loadedFromPortal = import.meta.env.VITE_CODE_BASE_URL !== undefined;\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","import","meta","env","VITE_CODE_BASE_URL","undefined","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":"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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
|
|
4
|
-
interface ISpacerProps {
|
|
5
|
-
className?: string;
|
|
6
|
-
variant?: 'horizontal' | 'vertical';
|
|
7
|
-
size?: 8 | 16 | 24 | 32 | 40 | 56;
|
|
8
|
-
children?: ReactNode;
|
|
9
|
-
}
|
|
10
|
-
declare const Spacer: ({ className, variant, size, children }: ISpacerProps) => react_jsx_runtime.JSX.Element;
|
|
11
|
-
|
|
12
|
-
export { type ISpacerProps, Spacer as default };
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { styled } from '@mui/material/styles';
|
|
3
|
-
|
|
4
|
-
const SpacerDiv = styled('div')(({
|
|
5
|
-
size = 8,
|
|
6
|
-
variant,
|
|
7
|
-
children
|
|
8
|
-
}) => {
|
|
9
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
10
|
-
const style = {
|
|
11
|
-
padding: children ? `${size}px` : undefined
|
|
12
|
-
};
|
|
13
|
-
if (!children) {
|
|
14
|
-
if (variant === 'horizontal') {
|
|
15
|
-
style.height = `${size}px`;
|
|
16
|
-
} else if (variant === 'vertical') {
|
|
17
|
-
style.width = `${size}px`;
|
|
18
|
-
}
|
|
19
|
-
} else {
|
|
20
|
-
if (variant === 'horizontal') {
|
|
21
|
-
style.margin = `${size}px 0`;
|
|
22
|
-
} else if (variant === 'vertical') {
|
|
23
|
-
style.margin = `0 ${size}px`;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
return style;
|
|
27
|
-
});
|
|
28
|
-
const Spacer = ({
|
|
29
|
-
className,
|
|
30
|
-
variant,
|
|
31
|
-
size = 8,
|
|
32
|
-
children
|
|
33
|
-
}) => {
|
|
34
|
-
return jsx(SpacerDiv, {
|
|
35
|
-
className: className,
|
|
36
|
-
variant: variant,
|
|
37
|
-
size: size,
|
|
38
|
-
children: children
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
export { Spacer as default };
|
|
43
|
-
//# sourceMappingURL=Spacer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Spacer.js","sources":["../../../../src/components/ui/Spacer/Spacer.tsx"],"sourcesContent":["import { 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 {\n if (variant === 'horizontal') {\n style.margin = `${size}px 0`;\n } else if (variant === 'vertical') {\n style.margin = `0 ${size}px`;\n }\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","height","width","margin","Spacer","className","_jsx"],"mappings":";;;AAUA,MAAMA,SAAS,GAAGC,MAAM,CAAC,KAAK,CAAC,CAAe,CAAC;AAAEC,EAAAA,IAAI,GAAG,CAAC;EAAEC,OAAO;AAAEC,EAAAA,QAAAA;AAAQ,CAAE,KAAI;AAC9E;AACA,EAAA,MAAMC,KAAK,GAAQ;AACfC,IAAAA,OAAO,EAAEF,QAAQ,GAAG,CAAGF,EAAAA,IAAI,IAAI,GAAGK,SAAAA;GACrC,CAAA;EAED,IAAI,CAACH,QAAQ,EAAE;IACX,IAAID,OAAO,KAAK,YAAY,EAAE;AAC1BE,MAAAA,KAAK,CAACG,MAAM,GAAG,CAAA,EAAGN,IAAI,CAAI,EAAA,CAAA,CAAA;AAC9B,KAAC,MAAM,IAAIC,OAAO,KAAK,UAAU,EAAE;AAC/BE,MAAAA,KAAK,CAACI,KAAK,GAAG,CAAA,EAAGP,IAAI,CAAI,EAAA,CAAA,CAAA;AAC7B,KAAA;AACJ,GAAC,MAAM;IACH,IAAIC,OAAO,KAAK,YAAY,EAAE;AAC1BE,MAAAA,KAAK,CAACK,MAAM,GAAG,CAAA,EAAGR,IAAI,CAAM,IAAA,CAAA,CAAA;AAChC,KAAC,MAAM,IAAIC,OAAO,KAAK,UAAU,EAAE;AAC/BE,MAAAA,KAAK,CAACK,MAAM,GAAG,CAAA,EAAA,EAAKR,IAAI,CAAI,EAAA,CAAA,CAAA;AAChC,KAAA;AACJ,GAAA;AAEA,EAAA,OAAOG,KAAK,CAAA;AAChB,CAAC,CAAC,CAAA;AAEIM,MAAAA,MAAM,GAAGA,CAAC;EAAEC,SAAS;EAAET,OAAO;AAAED,EAAAA,IAAI,GAAG,CAAC;AAAEE,EAAAA,QAAAA;AAAQ,CAAgB,KAAI;EACxE,OACIS,GAAC,CAAAb,SAAS;AAACY,IAAAA,SAAS,EAAEA,SAAS;AAAET,IAAAA,OAAO,EAAEA,OAAO;AAAED,IAAAA,IAAI,EAAEA,IAAI;cACxDE,QAAAA;AAAQ,GAAA,CACD,CAAA;AAEpB;;;;"}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
var Home = {
|
|
2
|
-
value: "Home"
|
|
3
|
-
};
|
|
4
|
-
var About = {
|
|
5
|
-
value: "About"
|
|
6
|
-
};
|
|
7
|
-
var Welcome_to_new_portal = {
|
|
8
|
-
value: "Welcome to the new Flipdish Portal"
|
|
9
|
-
};
|
|
10
|
-
var Page_Not_Found = {
|
|
11
|
-
value: "Page Not Found"
|
|
12
|
-
};
|
|
13
|
-
var Click_vite_react = {
|
|
14
|
-
value: "Click on the Vite and React logos to learn more"
|
|
15
|
-
};
|
|
16
|
-
var Go_to_about_page = {
|
|
17
|
-
value: "Go to About Page"
|
|
18
|
-
};
|
|
19
|
-
var Go_to_home_page = {
|
|
20
|
-
value: "Go to home Page"
|
|
21
|
-
};
|
|
22
|
-
var Welcome_about_page = {
|
|
23
|
-
value: "Welcome to the About Page"
|
|
24
|
-
};
|
|
25
|
-
var About_Page = {
|
|
26
|
-
value: "About Page"
|
|
27
|
-
};
|
|
28
|
-
var Something_went_wrong_please_refresh_the_page = {
|
|
29
|
-
value: "Something went wrong, please refresh the page"
|
|
30
|
-
};
|
|
31
|
-
var Count_is = {
|
|
32
|
-
value: "Count is {count}"
|
|
33
|
-
};
|
|
34
|
-
var en = {
|
|
35
|
-
Home: Home,
|
|
36
|
-
About: About,
|
|
37
|
-
Welcome_to_new_portal: Welcome_to_new_portal,
|
|
38
|
-
Page_Not_Found: Page_Not_Found,
|
|
39
|
-
"Micro-Frontend_Example": {
|
|
40
|
-
value: "Micro-Frontend Example"
|
|
41
|
-
},
|
|
42
|
-
Click_vite_react: Click_vite_react,
|
|
43
|
-
Go_to_about_page: Go_to_about_page,
|
|
44
|
-
Go_to_home_page: Go_to_home_page,
|
|
45
|
-
Welcome_about_page: Welcome_about_page,
|
|
46
|
-
About_Page: About_Page,
|
|
47
|
-
Something_went_wrong_please_refresh_the_page: Something_went_wrong_please_refresh_the_page,
|
|
48
|
-
Count_is: Count_is
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
export { About, About_Page, Click_vite_react, Count_is, Go_to_about_page, Go_to_home_page, Home, Page_Not_Found, Something_went_wrong_please_refresh_the_page, Welcome_about_page, Welcome_to_new_portal, en as default };
|
|
52
|
-
//# sourceMappingURL=en.json.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|