udp-react-enterprise-component-library 25.18.3 → 25.18.4-beta.2

package/dist/PageContext-BpOBJHpb.js

@@ -0,0 +1,49 @@
+import React, { createContext, useReducer } from "react";
+
+//#region src/contexts/PageContext.tsx
+const initialState = {};
+/**
+* The Page context, shared amongst the Page
+* and all children. Generally used to share state between
+* Widgets. Call dispatch() to update the state. Currently
+* only supports dispatch types of "set <state_property>".
+* Example: dispatch({ type: "set mySharedProperty", value: oldSharedProperty + 1 });
+*/
+const pageContext = createContext({});
+const { Provider } = pageContext;
+/**
+* Sets shared state based on an action type and a value.
+* action.type is in the format: <operator> <prop>
+* Currently the only supported action type is "set <prop>",
+* which will set state.prop to action.value.
+* @param state The current state
+* @param action A type and value to alter the current state
+* @returns The new state
+*/
+const reducer = (state, action) => {
+	const operator = action.type.substr(0, action.type.indexOf(" "));
+	const prop = action.type.substr(action.type.indexOf(" ") + 1);
+	switch (operator) {
+		case "set": return {
+			...state,
+			[prop]: action.value
+		};
+		default: throw new Error("Unknown operator");
+	}
+};
+/**
+* A Context component to wrap around a Page. Allows
+* sharing of state amongst sibling Widgets.
+* @returns
+*/
+const PageContextProvider = ({ children }) => {
+	const [state, dispatch] = useReducer(reducer, initialState);
+	return /* @__PURE__ */ React.createElement(Provider, { value: {
+		state,
+		dispatch
+	} }, children);
+};
+
+//#endregion
+export { pageContext as n, PageContextProvider as t };
+//# sourceMappingURL=PageContext-BpOBJHpb.js.map

package/dist/PageContext-BpOBJHpb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContext-BpOBJHpb.js","names":[],"sources":["../src/contexts/PageContext.tsx"],"sourcesContent":["import React, { createContext, useReducer } from 'react';\n\nconst initialState: any = {};\n\n/**\n * The Page context, shared amongst the Page\n * and all children. Generally used to share state between\n * Widgets. Call dispatch() to update the state. Currently\n * only supports dispatch types of \"set <state_property>\".\n * Example: dispatch({ type: \"set mySharedProperty\", value: oldSharedProperty + 1 });\n */\nconst pageContext = createContext(\n  {} as { state: any; dispatch: React.Dispatch<{ type: string; value?: any }> }\n);\nconst { Provider } = pageContext;\n\n/**\n * Sets shared state based on an action type and a value.\n * action.type is in the format: <operator> <prop>\n * Currently the only supported action type is \"set <prop>\",\n * which will set state.prop to action.value.\n * @param state The current state\n * @param action A type and value to alter the current state\n * @returns The new state\n */\nconst reducer = (state: any, action: { type: string; value?: any }) => {\n  // Action.type should be in the format: <operator> <prop>. Ex: set sharedId\n  const operator = action.type.substr(0, action.type.indexOf(' '));\n  const prop = action.type.substr(action.type.indexOf(' ') + 1);\n\n  switch (operator) {\n    case 'set':\n      const newState = { ...state, [prop]: action.value };\n      return newState;\n    default:\n      throw new Error('Unknown operator');\n  }\n};\n\n/**\n * A Context component to wrap around a Page. Allows\n * sharing of state amongst sibling Widgets.\n * @returns\n */\nconst PageContextProvider = ({ children }: any) => {\n  const [state, dispatch] = useReducer(reducer, initialState);\n\n  return <Provider value={{ state, dispatch }}>{children}</Provider>;\n};\n\nexport { pageContext, PageContextProvider };\n"],"mappings":";;;AAEA,MAAM,eAAoB,EAAE;;;;;;;;AAS5B,MAAM,cAAc,cAClB,EAAE,CACH;AACD,MAAM,EAAE,aAAa;;;;;;;;;;AAWrB,MAAM,WAAW,OAAY,WAA0C;CAErE,MAAM,WAAW,OAAO,KAAK,OAAO,GAAG,OAAO,KAAK,QAAQ,IAAI,CAAC;CAChE,MAAM,OAAO,OAAO,KAAK,OAAO,OAAO,KAAK,QAAQ,IAAI,GAAG,EAAE;AAE7D,SAAQ,UAAR;EACE,KAAK,MAEH,QADiB;GAAE,GAAG;IAAQ,OAAO,OAAO;GAAO;EAErD,QACE,OAAM,IAAI,MAAM,mBAAmB;;;;;;;;AASzC,MAAM,uBAAuB,EAAE,eAAoB;CACjD,MAAM,CAAC,OAAO,YAAY,WAAW,SAAS,aAAa;AAE3D,QAAO,oCAAC,YAAS,OAAO;EAAE;EAAO;EAAU,IAAG,SAAoB"}

package/dist/PageForbiddenRoute-Bzg9CA7g.js

@@ -0,0 +1,25 @@
+import { t as PageStatus } from "./PageStatus-DpJghCK7.js";
+import React from "react";
+import { makeStyles } from "@material-ui/core";
+import { useTranslation } from "react-i18next";
+
+//#region src/routes/components/PageForbiddenRoute.jsx
+const useStyles = makeStyles((theme) => ({ root: { marginTop: theme.spacing(4) } }));
+const PageForbiddenRoute = (props) => {
+	const { title, statusCode, subheader, message, showButton } = props;
+	const classes = useStyles();
+	const { t } = useTranslation();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(PageStatus, {
+		title: title ?? t("Page Forbidden"),
+		statusCode: statusCode ?? "403",
+		subheader: subheader ?? t("Sorry, you do not have permission to view this page."),
+		message: message ?? t("Please contact an administrator to get access."),
+		to: "/",
+		buttonLabel: t("Back to Home Page"),
+		showButton
+	}));
+};
+
+//#endregion
+export { PageForbiddenRoute as t };
+//# sourceMappingURL=PageForbiddenRoute-Bzg9CA7g.js.map

package/dist/PageForbiddenRoute-Bzg9CA7g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageForbiddenRoute-Bzg9CA7g.js","names":[],"sources":["../src/routes/components/PageForbiddenRoute.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { PageStatus } from './PageStatus';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: theme.spacing(4)\n  }\n}));\n\nexport const PageForbiddenRoute = (props) => {\n  const { title, statusCode, subheader, message, showButton } = props;\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  return (\n    <div className={classes.root}>\n      <PageStatus\n        title={title ?? t('Page Forbidden')}\n        statusCode={statusCode ?? '403'}\n        subheader={\n          subheader ?? t('Sorry, you do not have permission to view this page.')\n        }\n        message={message ?? t('Please contact an administrator to get access.')}\n        to='/'\n        buttonLabel={t('Back to Home Page')}\n        showButton={showButton}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,WAAW,MAAM,QAAQ,EAAE,EAC5B,EACF,EAAE;AAEH,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EAAE,OAAO,YAAY,WAAW,SAAS,eAAe;CAC9D,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EACC,OAAO,SAAS,EAAE,iBAAiB;EACnC,YAAY,cAAc;EAC1B,WACE,aAAa,EAAE,uDAAuD;EAExE,SAAS,WAAW,EAAE,iDAAiD;EACvE,IAAG;EACH,aAAa,EAAE,oBAAoB;EACvB;GACZ,CACE"}

package/dist/PageLoading-GD6E2uMU.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { CircularProgress, makeStyles } from "@material-ui/core";
+
+//#region src/UI/feedback/PageLoading.jsx
+const useStyles = makeStyles((theme) => ({ root: {
+	display: "flex",
+	justifyContent: "center",
+	alignItems: "center",
+	height: "50vh"
+} }));
+const PageLoading = () => {
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(CircularProgress, { color: "secondary" }));
+};
+
+//#endregion
+export { PageLoading as t };
+//# sourceMappingURL=PageLoading-GD6E2uMU.js.map

package/dist/PageLoading-GD6E2uMU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLoading-GD6E2uMU.js","names":[],"sources":["../src/UI/feedback/PageLoading.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, CircularProgress } from '@material-ui/core';\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    height: '50vh'\n  }\n}));\nexport const PageLoading = () => {\n  const classes = useStyles();\n  return (\n    <div className={classes.root}>\n      <CircularProgress color='secondary' />\n    </div>\n  );\n};\n"],"mappings":";;;;AAEA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,QAAQ;CACT,EACF,EAAE;AACH,MAAa,oBAAoB;CAC/B,MAAM,UAAU,WAAW;AAC3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,oBAAiB,OAAM,cAAc,CAClC"}

package/dist/PageNotFoundRoute-DSpB5lFF.js

@@ -0,0 +1,28 @@
+import { t as __exportAll } from "./chunk-BYypO7fO.js";
+import { t as PageStatus } from "./PageStatus-DpJghCK7.js";
+import React from "react";
+import { makeStyles } from "@material-ui/core";
+import { useTranslation } from "react-i18next";
+
+//#region src/routes/components/PageNotFoundRoute.jsx
+var PageNotFoundRoute_exports = /* @__PURE__ */ __exportAll({
+	PageNotFoundRoute: () => PageNotFoundRoute,
+	default: () => PageNotFoundRoute
+});
+const useStyles = makeStyles((theme) => ({ root: { marginTop: theme.spacing(4) } }));
+const PageNotFoundRoute = () => {
+	const classes = useStyles();
+	const { t } = useTranslation();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(PageStatus, {
+		statusCode: 404,
+		title: t("Page Not Found"),
+		subheader: t("Sorry, we can't find the page you are looking for."),
+		message: t("You may have typed the address incorrectly or you may have used an outdated link."),
+		to: "/",
+		buttonLabel: t("Back to Home Page")
+	}));
+};
+
+//#endregion
+export { PageNotFoundRoute_exports as n, PageNotFoundRoute as t };
+//# sourceMappingURL=PageNotFoundRoute-DSpB5lFF.js.map

package/dist/PageNotFoundRoute-DSpB5lFF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNotFoundRoute-DSpB5lFF.js","names":[],"sources":["../src/routes/components/PageNotFoundRoute.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\nimport { PageStatus } from './PageStatus';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginTop: theme.spacing(4)\n  }\n}));\n\nexport const PageNotFoundRoute = () => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n  return (\n    <div className={classes.root}>\n      <PageStatus\n        statusCode={404}\n        title={t('Page Not Found')}\n        subheader={t(\"Sorry, we can't find the page you are looking for.\")}\n        message={t(\n          'You may have typed the address incorrectly or you may have used an outdated link.'\n        )}\n        to='/'\n        buttonLabel={t('Back to Home Page')}\n      />\n    </div>\n  );\n};\n\nexport default PageNotFoundRoute;\n"],"mappings":";;;;;;;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,WAAW,MAAM,QAAQ,EAAE,EAC5B,EACF,EAAE;AAEH,MAAa,0BAA0B;CACrC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EACC,YAAY;EACZ,OAAO,EAAE,iBAAiB;EAC1B,WAAW,EAAE,qDAAqD;EAClE,SAAS,EACP,oFACD;EACD,IAAG;EACH,aAAa,EAAE,oBAAoB;GACnC,CACE"}

package/dist/PageRenderer-DPPEuave.js

@@ -0,0 +1,29 @@
+import { t as withEngineComponent } from "./withEngineComponent-G08rAK1l.js";
+import { cloneElement, useCallback } from "react";
+import PropTypes from "prop-types";
+
+//#region src/componentSystems/pageRenderer/PageRenderer.js
+const PageRenderer = (props) => {
+	const { viewBuilderMetaData, setSideSheetOpen, sideSheetOpen, sideSheetComponent, setSideSheetComponent } = props;
+	return useCallback(() => {
+		if (!viewBuilderMetaData || !viewBuilderMetaData.length) return;
+		return (viewBuilderMetaData && viewBuilderMetaData.map((item, index) => item?.map((subItem) => withEngineComponent(subItem.component)({
+			propsComponent: subItem,
+			setSideSheetOpen,
+			sideSheetOpen,
+			sideSheetComponent,
+			setSideSheetComponent
+		}))))?.flat() || [];
+	}, [
+		setSideSheetComponent,
+		setSideSheetOpen,
+		sideSheetComponent,
+		sideSheetOpen,
+		viewBuilderMetaData
+	])()?.map((component, index) => cloneElement(component));
+};
+PageRenderer.propTypes = { viewBuilderMetaData: PropTypes.array.isRequired };
+
+//#endregion
+export { PageRenderer as t };
+//# sourceMappingURL=PageRenderer-DPPEuave.js.map

package/dist/PageRenderer-DPPEuave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageRenderer-DPPEuave.js","names":[],"sources":["../src/componentSystems/pageRenderer/PageRenderer.js"],"sourcesContent":["import { useCallback, cloneElement } from 'react';\nimport { withEngineComponent } from './hocs/withEngineComponent';\nimport PropTypes from 'prop-types';\n\nexport const PageRenderer = (props) => {\n  const {\n    viewBuilderMetaData,\n    setSideSheetOpen,\n    sideSheetOpen,\n    sideSheetComponent,\n    setSideSheetComponent\n  } = props;\n\n  // useCallback is used to prevent an error due to a nested useEffect inside useMemo\n  const RenderPageComponentTree = useCallback(() => {\n    if (!viewBuilderMetaData || !viewBuilderMetaData.length) return;\n\n    const componentsList =\n      viewBuilderMetaData &&\n      viewBuilderMetaData.map((item, index) =>\n        item?.map((subItem) =>\n          withEngineComponent(subItem.component)({\n            propsComponent: subItem,\n            setSideSheetOpen,\n            sideSheetOpen,\n            sideSheetComponent,\n            setSideSheetComponent\n          })\n        )\n      );\n\n    // viewBuilderMetaData.map(item => {\n    //   item.map(subItem => {\n    //     console.log('subItem', subItem);\n    //   });\n    // });\n\n    return componentsList?.flat() || [];\n  }, [\n    setSideSheetComponent,\n    setSideSheetOpen,\n    sideSheetComponent,\n    sideSheetOpen,\n    viewBuilderMetaData\n  ]);\n\n  return RenderPageComponentTree()?.map(\n    (component, index) => cloneElement(component)\n    //cloneElement(component, { key: index })\n  );\n};\n\nPageRenderer.propTypes = {\n  /**\n   * View Builder Meta Data\n   */\n  viewBuilderMetaData: PropTypes.array.isRequired\n};\n"],"mappings":";;;;;AAIA,MAAa,gBAAgB,UAAU;CACrC,MAAM,EACJ,qBACA,kBACA,eACA,oBACA,0BACE;AAmCJ,QAhCgC,kBAAkB;AAChD,MAAI,CAAC,uBAAuB,CAAC,oBAAoB,OAAQ;AAsBzD,UAnBE,uBACA,oBAAoB,KAAK,MAAM,UAC7B,MAAM,KAAK,YACT,oBAAoB,QAAQ,UAAU,CAAC;GACrC,gBAAgB;GAChB;GACA;GACA;GACA;GACD,CAAC,CACH,CACF,GAQoB,MAAM,IAAI,EAAE;IAClC;EACD;EACA;EACA;EACA;EACA;EACD,CAAC,EAE8B,EAAE,KAC/B,WAAW,UAAU,aAAa,UAAU,CAE9C;;AAGH,aAAa,YAAY,EAIvB,qBAAqB,UAAU,MAAM,YACtC"}

package/dist/PageSectionSpacer-zAG3cUcj.js

@@ -0,0 +1,88 @@
+import { t as FluentIcon } from "./FluentIcon-pwGrBtD8.js";
+import React from "react";
+import { AppBar, Avatar, IconButton, Typography, makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import { RefreshIcon } from "@fluentui/react-icons";
+
+//#region src/page/PageContent.jsx
+const useStyles$3 = makeStyles((theme) => ({ root: {
+	flex: 1,
+	display: "flex",
+	flexDirection: "column",
+	padding: theme.spacing(2),
+	marginTop: theme.spacing(2),
+	paddingTop: theme.spacing(0)
+} }), { name: "PageContent" });
+/**
+* Page content wrapper that provides page gutters
+*/
+const PageContent = (props) => {
+	const classes = useStyles$3(props);
+	const { className, children, ...other } = props;
+	return /* @__PURE__ */ React.createElement("div", {
+		...other,
+		classes: null,
+		className: clsx(className, classes.root)
+	}, children);
+};
+
+//#endregion
+//#region src/page/PageHeader.jsx
+const useStyles$2 = makeStyles((theme) => ({ root: { color: theme.palette.appBar.contrastText } }), { name: "PageHeader" });
+/**
+* A page's header bar
+*
+* Includes the page title and optional confirmation UI.
+*/
+const PageHeader = (props) => {
+	const classes = useStyles$2(props);
+	const { title, className, children, ...other } = props;
+	return /* @__PURE__ */ React.createElement(AppBar, {
+		position: "static",
+		color: "transparent",
+		elevation: 0,
+		...other,
+		classes: { root: classes.root }
+	});
+};
+
+//#endregion
+//#region src/page/PageSectionHeader.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		flexDirection: "row"
+	},
+	title: { flex: 1 },
+	icon: { marginTop: theme.spacing(-2.5) }
+}));
+const PageSectionHeader = (props) => {
+	const classes = useStyles$1();
+	const { action, title } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Typography, {
+		variant: "h6",
+		className: classes.title
+	}, " ", title, " "), /* @__PURE__ */ React.createElement(IconButton, {
+		onClick: action,
+		className: classes.icon
+	}, /* @__PURE__ */ React.createElement(Avatar, null, /* @__PURE__ */ React.createElement(FluentIcon, {
+		size: "small",
+		component: RefreshIcon
+	}))));
+};
+
+//#endregion
+//#region src/page/PageSectionSpacer.jsx
+const useStyles = makeStyles((theme) => ({ toolbar: {} }));
+/**
+* A spacing component with the same height as the SiteHeader
+*/
+const PageSectionSpacer = (props) => {
+	const classes = useStyles();
+	const { className } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(className, classes.toolbar) });
+};
+
+//#endregion
+export { PageContent as i, PageSectionHeader as n, PageHeader as r, PageSectionSpacer as t };
+//# sourceMappingURL=PageSectionSpacer-zAG3cUcj.js.map

package/dist/PageSectionSpacer-zAG3cUcj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageSectionSpacer-zAG3cUcj.js","names":["useStyles","useStyles","useStyles"],"sources":["../src/page/PageContent.jsx","../src/page/PageHeader.jsx","../src/page/PageSectionHeader.jsx","../src/page/PageSectionSpacer.jsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      flex: 1,\n      display: 'flex',\n      flexDirection: 'column',\n      padding: theme.spacing(2),\n      marginTop: theme.spacing(2),\n      paddingTop: theme.spacing(0)\n    }\n  }),\n  { name: 'PageContent' }\n);\n\n/**\n * Page content wrapper that provides page gutters\n */\nexport const PageContent = (props) => {\n  const classes = useStyles(props);\n  const { className, children, ...other } = props;\n\n  return (\n    <div {...other} classes={null} className={clsx(className, classes.root)}>\n      {children}\n    </div>\n  );\n};\n","import React from 'react';\nimport { AppBar, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      color: theme.palette.appBar.contrastText\n    }\n  }),\n  { name: 'PageHeader' }\n);\n\n/**\n * A page's header bar\n *\n * Includes the page title and optional confirmation UI.\n */\nexport const PageHeader = (props) => {\n  const classes = useStyles(props);\n  const { title, className, children, ...other } = props;\n\n  return (\n    <AppBar\n      position='static'\n      color='transparent'\n      elevation={0}\n      {...other}\n      classes={{ root: classes.root }}\n    />\n  );\n};\n","import React from 'react';\nimport { Avatar, makeStyles, IconButton, Typography } from '@material-ui/core';\nimport { FluentIcon } from '../utilities/iconLibrary/FluentIcon';\nimport { RefreshIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  title: {\n    flex: 1\n  },\n  icon: {\n    marginTop: theme.spacing(-2.5)\n  }\n}));\n\nexport const PageSectionHeader = (props) => {\n  const classes = useStyles();\n  const { action, title } = props;\n\n  return (\n    <div className={classes.root}>\n      <Typography variant='h6' className={classes.title}>\n        {' '}\n        {title}{' '}\n      </Typography>\n      <IconButton onClick={action} className={classes.icon}>\n        <Avatar>\n          <FluentIcon size='small' component={RefreshIcon} />\n        </Avatar>\n      </IconButton>\n    </div>\n  );\n};\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  toolbar: {\n    // ...theme.mixins.toolbar\n  }\n}));\n\n/**\n * A spacing component with the same height as the SiteHeader\n */\n\nexport const PageSectionSpacer = (props) => {\n  const classes = useStyles();\n  const { className } = props;\n\n  return <div className={clsx(className, classes.toolbar)} />;\n};\n"],"mappings":";;;;;;;AAIA,MAAMA,cAAY,YACf,WAAW,EACV,MAAM;CACJ,MAAM;CACN,SAAS;CACT,eAAe;CACf,SAAS,MAAM,QAAQ,EAAE;CACzB,WAAW,MAAM,QAAQ,EAAE;CAC3B,YAAY,MAAM,QAAQ,EAAE;CAC7B,EACF,GACD,EAAE,MAAM,eAAe,CACxB;;;;AAKD,MAAa,eAAe,UAAU;CACpC,MAAM,UAAUA,YAAU,MAAM;CAChC,MAAM,EAAE,WAAW,UAAU,GAAG,UAAU;AAE1C,QACE,oCAAC;EAAI,GAAI;EAAO,SAAS;EAAM,WAAW,KAAK,WAAW,QAAQ,KAAK;IACpE,SACG;;;;;ACzBV,MAAMC,cAAY,YACf,WAAW,EACV,MAAM,EACJ,OAAO,MAAM,QAAQ,OAAO,cAC7B,EACF,GACD,EAAE,MAAM,cAAc,CACvB;;;;;;AAOD,MAAa,cAAc,UAAU;CACnC,MAAM,UAAUA,YAAU,MAAM;CAChC,MAAM,EAAE,OAAO,WAAW,UAAU,GAAG,UAAU;AAEjD,QACE,oCAAC;EACC,UAAS;EACT,OAAM;EACN,WAAW;EACX,GAAI;EACJ,SAAS,EAAE,MAAM,QAAQ,MAAM;GAC/B;;;;;ACvBN,MAAMC,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,eAAe;EAChB;CACD,OAAO,EACL,MAAM,GACP;CACD,MAAM,EACJ,WAAW,MAAM,QAAQ,KAAK,EAC/B;CACF,EAAE;AAEH,MAAa,qBAAqB,UAAU;CAC1C,MAAM,UAAUA,aAAW;CAC3B,MAAM,EAAE,QAAQ,UAAU;AAE1B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EAAW,SAAQ;EAAK,WAAW,QAAQ;IACzC,KACA,OAAO,IACG,EACb,oCAAC;EAAW,SAAS;EAAQ,WAAW,QAAQ;IAC9C,oCAAC,cACC,oCAAC;EAAW,MAAK;EAAQ,WAAW;GAAe,CAC5C,CACE,CACT;;;;;AC7BV,MAAM,YAAY,YAAY,WAAW,EACvC,SAAS,EAER,EACF,EAAE;;;;AAMH,MAAa,qBAAqB,UAAU;CAC1C,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,cAAc;AAEtB,QAAO,oCAAC,SAAI,WAAW,KAAK,WAAW,QAAQ,QAAQ,GAAI"}

package/dist/PageStatus-DpJghCK7.js

@@ -0,0 +1,52 @@
+import React from "react";
+import { Button, Card, CardContent, Typography, makeStyles } from "@material-ui/core";
+import { Link as Link$1 } from "react-router-dom";
+
+//#region src/routes/components/PageStatus.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center"
+	},
+	card: {
+		background: theme.palette.primary.main,
+		minWidth: (props) => props?.minWidth,
+		minHeight: (props) => props?.minHeight
+	},
+	subHeader: { marginTop: theme.spacing(3) },
+	content: { color: theme.palette.getContrastText(theme.palette.primary.main) },
+	header: {
+		textAlign: "center",
+		marginTop: theme.spacing(2)
+	},
+	button: {
+		marginTop: theme.spacing(8),
+		display: "flex",
+		justifyContent: "center"
+	},
+	largeDisplay: {
+		fontSize: "4rem",
+		color: theme.palette.getContrastText(theme.palette.primary.main)
+	},
+	message: { marginTop: theme.spacing(3) }
+}));
+const PageStatus = (props) => {
+	const classes = useStyles(props);
+	const { title, subheader, message, to, buttonLabel, statusCode, showButton = true } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Card, { className: classes.card }, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement("div", { className: classes.content }, /* @__PURE__ */ React.createElement("div", { className: classes.header }, statusCode && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { className: classes.largeDisplay }, statusCode)), /* @__PURE__ */ React.createElement("div", { className: classes.subHeader }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, title))), /* @__PURE__ */ React.createElement("div", { className: classes.message }, /* @__PURE__ */ React.createElement(Typography, {
+		variant: "overline",
+		style: { fontWeight: 700 }
+	}, subheader), /* @__PURE__ */ React.createElement("div", { style: { textAlign: "left" } }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, message))), showButton && /* @__PURE__ */ React.createElement("div", { className: classes.button }, /* @__PURE__ */ React.createElement(Button, {
+		component: Link$1,
+		to,
+		variant: "contained",
+		color: "secondary",
+		id: `udpRecord-PageStatus-${buttonLabel}`,
+		udprecordid: `udpRecord-PageStatus-${buttonLabel}`
+	}, buttonLabel))))));
+};
+
+//#endregion
+export { PageStatus as t };
+//# sourceMappingURL=PageStatus-DpJghCK7.js.map

package/dist/PageStatus-DpJghCK7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageStatus-DpJghCK7.js","names":["Link"],"sources":["../src/routes/components/PageStatus.jsx"],"sourcesContent":["import React from 'react';\nimport {\n  Button,\n  makeStyles,\n  Typography,\n  Card,\n  CardContent,\n} from '@material-ui/core';\nimport { Link } from 'react-router-dom';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  card: {\n    background: theme.palette.primary.main,\n    minWidth: props => props?.minWidth,\n    minHeight: props => props?.minHeight,\n  },\n  subHeader: {\n    marginTop: theme.spacing(3),\n  },\n  content: {\n    color: theme.palette.getContrastText(theme.palette.primary.main),\n  },\n  header: {\n    textAlign: 'center',\n    marginTop: theme.spacing(2),\n  },\n  button: {\n    marginTop: theme.spacing(8),\n    display: 'flex',\n    justifyContent: 'center',\n  },\n  largeDisplay: {\n    fontSize: '4rem',\n    color: theme.palette.getContrastText(theme.palette.primary.main),\n  },\n  message: {\n    marginTop: theme.spacing(3),\n  },\n}));\nexport const PageStatus = props => {\n  const classes = useStyles(props);\n  const {\n    title,\n    subheader,\n    message,\n    to,\n    buttonLabel,\n    statusCode,\n    showButton = true,\n  } = props;\n\n  return (\n    <div className={classes.root}>\n      <Card className={classes.card}>\n        <CardContent>\n          <div className={classes.content}>\n            <div className={classes.header}>\n              {statusCode && (\n                <div>\n                  <Typography className={classes.largeDisplay}>\n                    {statusCode}\n                  </Typography>\n                </div>\n              )}\n              <div className={classes.subHeader}>\n                <Typography variant=\"h6\">{title}</Typography>\n              </div>\n            </div>\n            <div className={classes.message}>\n              <Typography variant=\"overline\" style={{ fontWeight: 700 }}>\n                {subheader}\n              </Typography>\n              <div style={{ textAlign: 'left' }}>\n                <Typography variant=\"caption\">{message}</Typography>\n              </div>\n            </div>\n            {showButton && (\n              <div className={classes.button}>\n                <Button\n                  component={Link}\n                  to={to}\n                  variant=\"contained\"\n                  color=\"secondary\"\n                  id={`udpRecord-PageStatus-${buttonLabel}`}\n                  udprecordid={`udpRecord-PageStatus-${buttonLabel}`}\n                >\n                  {buttonLabel}\n                </Button>\n              </div>\n            )}\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAUA,MAAM,YAAY,YAAW,WAAU;CACrC,MAAM;EACJ,SAAS;EACT,gBAAgB;EAChB,YAAY;EACb;CACD,MAAM;EACJ,YAAY,MAAM,QAAQ,QAAQ;EAClC,WAAU,UAAS,OAAO;EAC1B,YAAW,UAAS,OAAO;EAC5B;CACD,WAAW,EACT,WAAW,MAAM,QAAQ,EAAE,EAC5B;CACD,SAAS,EACP,OAAO,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ,KAAK,EACjE;CACD,QAAQ;EACN,WAAW;EACX,WAAW,MAAM,QAAQ,EAAE;EAC5B;CACD,QAAQ;EACN,WAAW,MAAM,QAAQ,EAAE;EAC3B,SAAS;EACT,gBAAgB;EACjB;CACD,cAAc;EACZ,UAAU;EACV,OAAO,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,QAAQ,KAAK;EACjE;CACD,SAAS,EACP,WAAW,MAAM,QAAQ,EAAE,EAC5B;CACF,EAAE;AACH,MAAa,cAAa,UAAS;CACjC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,OACA,WACA,SACA,IACA,aACA,YACA,aAAa,SACX;AAEJ,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,QAAK,WAAW,QAAQ,QACvB,oCAAC,mBACC,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC,SAAI,WAAW,QAAQ,UACrB,cACC,oCAAC,aACC,oCAAC,cAAW,WAAW,QAAQ,gBAC5B,WACU,CACT,EAER,oCAAC,SAAI,WAAW,QAAQ,aACtB,oCAAC,cAAW,SAAQ,QAAM,MAAmB,CACzC,CACF,EACN,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC;EAAW,SAAQ;EAAW,OAAO,EAAE,YAAY,KAAK;IACtD,UACU,EACb,oCAAC,SAAI,OAAO,EAAE,WAAW,QAAQ,IAC/B,oCAAC,cAAW,SAAQ,aAAW,QAAqB,CAChD,CACF,EACL,cACC,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC;EACC,WAAWA;EACP;EACJ,SAAQ;EACR,OAAM;EACN,IAAI,wBAAwB;EAC5B,aAAa,wBAAwB;IAEpC,YACM,CACL,CAEJ,CACM,CACT,CACH"}

package/dist/PageSubHeaderAction-C_T27QG1.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { createTeleporter } from "react-teleporter";
+
+//#region src/utilities/page/PageSubHeaderAction.jsx
+const PageSubHeaderActions = createTeleporter({ multiSources: true });
+/**
+* @type {React.FC}
+*/
+const PageSubHeaderActionsTarget = PageSubHeaderActions.Target;
+/**
+* Places a button in the App SubHeader
+*/
+const PageSubHeaderAction = (props) => {
+	const { children, className, ...buttonProps } = props;
+	return /* @__PURE__ */ React.createElement(PageSubHeaderActions.Source, null, children);
+};
+
+//#endregion
+export { PageSubHeaderActionsTarget as n, PageSubHeaderAction as t };
+//# sourceMappingURL=PageSubHeaderAction-C_T27QG1.js.map

package/dist/PageSubHeaderAction-C_T27QG1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageSubHeaderAction-C_T27QG1.js","names":[],"sources":["../src/utilities/page/PageSubHeaderAction.jsx"],"sourcesContent":["import React from 'react';\nimport { createTeleporter } from 'react-teleporter';\n\nconst PageSubHeaderActions = createTeleporter({\n  multiSources: true\n});\n\n/**\n * @type {React.FC}\n */\nexport const PageSubHeaderActionsTarget = PageSubHeaderActions.Target;\n\n/**\n * Places a button in the App SubHeader\n */\nexport const PageSubHeaderAction = (props) => {\n  const { children, className, ...buttonProps } = props;\n\n  return <PageSubHeaderActions.Source>{children}</PageSubHeaderActions.Source>;\n};"],"mappings":";;;;AAGA,MAAM,uBAAuB,iBAAiB,EAC5C,cAAc,MACf,CAAC;;;;AAKF,MAAa,6BAA6B,qBAAqB;;;;AAK/D,MAAa,uBAAuB,UAAU;CAC5C,MAAM,EAAE,UAAU,WAAW,GAAG,gBAAgB;AAEhD,QAAO,oCAAC,qBAAqB,cAAQ,SAAuC"}

package/dist/PasswordResetRedirect-CqWa28HU.js

@@ -0,0 +1,58 @@
+import { t as __exportAll } from "./chunk-BYypO7fO.js";
+import { t as clearStoredPath } from "./LocalRedirectUrlStorage-CoKXrY8k.js";
+import React, { useEffect, useState } from "react";
+
+//#region src/routes/components/PasswordResetRedirect.jsx
+var PasswordResetRedirect_exports = /* @__PURE__ */ __exportAll({
+	PasswordResetRedirect: () => PasswordResetRedirect,
+	default: () => PasswordResetRedirect
+});
+const PasswordResetRedirect = (props) => {
+	const [errorDescription, setErrorDescription] = useState(null);
+	useEffect(() => {
+		const hash = window.location.hash || "";
+		if (props?.error?.errorMessage) formatError(props?.error?.errorMessage);
+		else if (hash) {
+			const errorDescription = new URLSearchParams(hash.substring(1)).get("error_description");
+			if (errorDescription) formatError(errorDescription);
+		}
+	}, [props?.error?.errorMessage]);
+	const formatError = (errorDescription) => {
+		const decodedDescription = decodeURIComponent(errorDescription).replace(/%0d%0a/g, "\n");
+		if (decodedDescription.includes("AADB2C90208")) setErrorDescription("The password reset link has expired.");
+		else if (decodedDescription.includes("AADB2C")) setErrorDescription("Unable to find an account associated to that email.");
+		else setErrorDescription("An unexpected error occurred.");
+	};
+	const handleGoHome = () => {
+		clearStoredPath();
+		window.location.href = "/";
+	};
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { style: {
+		textAlign: "center",
+		marginTop: "50px"
+	} }, /* @__PURE__ */ React.createElement("img", {
+		src: "https://customb2cpolicydevtest.blob.core.windows.net/root/unitylogo.svg",
+		alt: "Unity Logo",
+		width: "300",
+		style: {
+			height: "auto",
+			marginBottom: 50
+		}
+	}), errorDescription ? /* @__PURE__ */ React.createElement("h2", null, errorDescription) : /* @__PURE__ */ React.createElement("h2", null, "Your password has been successfully reset"), errorDescription !== "The password reset link has expired." && /* @__PURE__ */ React.createElement("p", null, "Please click below to return to the sign in page"), errorDescription !== "The password reset link has expired." && /* @__PURE__ */ React.createElement("button", {
+		onClick: handleGoHome,
+		style: {
+			marginTop: "10px",
+			backgroundColor: "#0C2F50",
+			color: "white",
+			border: "none",
+			padding: "10px 20px",
+			cursor: "pointer",
+			borderRadius: "5px",
+			fontSize: "16px"
+		}
+	}, "Sign In")));
+};
+
+//#endregion
+export { PasswordResetRedirect_exports as n, PasswordResetRedirect as t };
+//# sourceMappingURL=PasswordResetRedirect-CqWa28HU.js.map

package/dist/PasswordResetRedirect-CqWa28HU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordResetRedirect-CqWa28HU.js","names":[],"sources":["../src/routes/components/PasswordResetRedirect.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { clearStoredPath } from '../../utilities/redirect/LocalRedirectUrlStorage';\n\nexport const PasswordResetRedirect = (props) => {\n  const [errorDescription, setErrorDescription] = useState(null);\n\n  useEffect(() => {\n    // Get the hash portion of the URL\n    const hash = window.location.hash || ''; // Fallback to empty string if no hash\n\n    if (props?.error?.errorMessage) {\n      formatError(props?.error?.errorMessage);\n    } else if (hash) {\n      // Parse the hash to get query parameters\n      const params = new URLSearchParams(hash.substring(1)); // Remove \"#\" and parse\n\n      // Get and decode the error_description\n      const errorDescription = params.get('error_description');\n\n      if (errorDescription) {\n        formatError(errorDescription);\n        // Decode the URL-encoded string\n      }\n    }\n  }, [props?.error?.errorMessage]);\n\n  const formatError = (errorDescription) => {\n    const decodedDescription = decodeURIComponent(errorDescription).replace(\n      /%0d%0a/g,\n      '\\n'\n    ); // Replace %0d%0a with newlines for clarity\n\n    if (decodedDescription.includes('AADB2C90208')) {\n      // Hardcoded message for AADB2C90208 (a specific error code, often related to user not found or invalid credentials)\n      setErrorDescription('The password reset link has expired.');\n      // Check for \"AADB2C\" or \"AADB2C90208\" in the decoded description\n    } else if (decodedDescription.includes('AADB2C')) {\n      // Hardcoded message for generic AADB2C errors\n      setErrorDescription('Unable to find an account associated to that email.');\n    } else {\n      // Fallback message if neither error is found (optional)\n      setErrorDescription('An unexpected error occurred.');\n    }\n  };\n\n  const handleGoHome = () => {\n    clearStoredPath();\n    window.location.href = '/';\n  };\n\n  return (\n    <div>\n      <div style={{ textAlign: 'center', marginTop: '50px' }}>\n        <img\n          src='https://customb2cpolicydevtest.blob.core.windows.net/root/unitylogo.svg'\n          alt='Unity Logo'\n          width='300'\n          style={{ height: 'auto', marginBottom: 50 }}\n        />\n        {errorDescription ? (\n          <h2>{errorDescription}</h2>\n        ) : (\n          <h2>\n            Your password has been successfully reset\n          </h2>\n        )}\n        {errorDescription !== 'The password reset link has expired.' && (\n        <p>Please click below to return to the sign in page</p>)}\n\n        {errorDescription !== 'The password reset link has expired.' && (\n          <button\n            onClick={handleGoHome}\n            style={{\n              marginTop: '10px',\n              backgroundColor: '#0C2F50',\n              color: 'white',\n              border: 'none',\n              padding: '10px 20px',\n              cursor: 'pointer',\n              borderRadius: '5px',\n              fontSize: '16px'\n            }}\n          >\n            Sign In\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default PasswordResetRedirect;\n"],"mappings":";;;;;;;;;AAGA,MAAa,yBAAyB,UAAU;CAC9C,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,KAAK;AAE9D,iBAAgB;EAEd,MAAM,OAAO,OAAO,SAAS,QAAQ;AAErC,MAAI,OAAO,OAAO,aAChB,aAAY,OAAO,OAAO,aAAa;WAC9B,MAAM;GAKf,MAAM,mBAHS,IAAI,gBAAgB,KAAK,UAAU,EAAE,CAAC,CAGrB,IAAI,oBAAoB;AAExD,OAAI,iBACF,aAAY,iBAAiB;;IAIhC,CAAC,OAAO,OAAO,aAAa,CAAC;CAEhC,MAAM,eAAe,qBAAqB;EACxC,MAAM,qBAAqB,mBAAmB,iBAAiB,CAAC,QAC9D,WACA,KACD;AAED,MAAI,mBAAmB,SAAS,cAAc,CAE5C,qBAAoB,uCAAuC;WAElD,mBAAmB,SAAS,SAAS,CAE9C,qBAAoB,sDAAsD;MAG1E,qBAAoB,gCAAgC;;CAIxD,MAAM,qBAAqB;AACzB,mBAAiB;AACjB,SAAO,SAAS,OAAO;;AAGzB,QACE,oCAAC,aACC,oCAAC,SAAI,OAAO;EAAE,WAAW;EAAU,WAAW;EAAQ,IACpD,oCAAC;EACC,KAAI;EACJ,KAAI;EACJ,OAAM;EACN,OAAO;GAAE,QAAQ;GAAQ,cAAc;GAAI;GAC3C,EACD,mBACC,oCAAC,YAAI,iBAAsB,GAE3B,oCAAC,YAAG,4CAEC,EAEN,qBAAqB,0CACtB,oCAAC,WAAE,mDAAoD,EAEtD,qBAAqB,0CACpB,oCAAC;EACC,SAAS;EACT,OAAO;GACL,WAAW;GACX,iBAAiB;GACjB,OAAO;GACP,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,cAAc;GACd,UAAU;GACX;IACF,UAEQ,CAEP,CACF"}