udp-react-enterprise-component-library 25.14.1-beta.8 → 25.16.0

package/dist/PageSectionSpacer-D_yz3sra.js

@@ -1,88 +0,0 @@
-import { FluentIcon } from "./FluentIcon-CB-ANF6C.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, PageHeader, PageSectionHeader, PageSectionSpacer };
-//# sourceMappingURL=PageSectionSpacer-D_yz3sra.js.map

package/dist/PageSectionSpacer-D_yz3sra.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageSectionSpacer-D_yz3sra.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,SAAU,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,SAAU,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-CjupI8az.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageStatus-CjupI8az.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-Cw7gmU2W.js

@@ -1,20 +0,0 @@
-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 { PageSubHeaderAction, PageSubHeaderActionsTarget };
-//# sourceMappingURL=PageSubHeaderAction-Cw7gmU2W.js.map

package/dist/PageSubHeaderAction-Cw7gmU2W.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageSubHeaderAction-Cw7gmU2W.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,UAAW,GAAG,gBAAgB;AAEhD,QAAO,oCAAC,qBAAqB,cAAQ,SAAuC"}

package/dist/PasswordResetRedirect-BMDMHdhE.js

@@ -1,4 +0,0 @@
-import "./LocalRedirectUrlStorage-BQHr5JcA.js";
-import { PasswordResetRedirect, PasswordResetRedirect_default } from "./PasswordResetRedirect-avgVRKhM.js";
-
-export { PasswordResetRedirect, PasswordResetRedirect_default as default };

package/dist/PasswordResetRedirect-avgVRKhM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordResetRedirect-avgVRKhM.js","names":["errorDescription"],"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,MAAMA,qBAHS,IAAI,gBAAgB,KAAK,UAAU,EAAE,CAAC,CAGrB,IAAI,oBAAoB;AAExD,OAAIA,mBACF,aAAYA,mBAAiB;;IAIhC,CAAC,OAAO,OAAO,aAAa,CAAC;CAEhC,MAAM,eAAe,uBAAqB;EACxC,MAAM,qBAAqB,mBAAmBA,mBAAiB,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;;AAIV,oCAAe"}

package/dist/PaymentReversalForm-DtiqJTZV.js

@@ -1,456 +0,0 @@
-import { Form, FormButtons, SubmitButton } from "./FormButtons-Bstnb0d-.js";
-import { Field } from "./Field-Idoc1A5M.js";
-import { apiMutate as apiMutate$1 } from "./useAxiosMutate-BNEb4J04.js";
-import { Typography as Typography$1 } from "./Typography-6jelcyoY.js";
-import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.js";
-import { AmbientCard } from "./AmbientCard-Cp-eNzrW.js";
-import { LinearProgress as LinearProgress$1 } from "./LinearProgress-CVk0GRO-.js";
-import { FluentTextField } from "./FluentTextField-DCzp_6wE.js";
-import { FluentCheckbox } from "./FluentCheckbox-DdPx94AF.js";
-import { FluentCardText } from "./FluentCardText-Cs6pzYL3.js";
-import { FormControl as FormControl$1, IndicatorChip } from "./FormControl-4nCOpGXb.js";
-import { Box as Box$1 } from "./Box-C79_2EQb.js";
-import { Grid as Grid$1 } from "./Grid-DcfHTwyY.js";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { Card, CardContent, Divider, FormControlLabel, LinearProgress, Paper, TextField, Typography, makeStyles, useTheme } from "@material-ui/core";
-import { ConfigService } from "udp-react-stencil-component-library";
-import { useTranslation } from "react-i18next";
-import { format } from "date-fns";
-
-//#region src/UI/forms/LoginForm.jsx
-const useStyles$2 = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		justifyContent: "center",
-		marginTop: theme.spacing(8)
-	},
-	loginWindow: {
-		position: "relative",
-		flex: 1,
-		padding: theme.spacing(3),
-		width: 390
-	},
-	underline: { "&::after": { borderColor: "black" } },
-	label: { color: "black" },
-	logo: { width: 150 },
-	error: { color: theme.palette.error.main }
-}));
-const LoginForm = (props) => {
-	const { onSubmit, logo, usernameLabel, passwordLabel, error, loading } = props;
-	const classes = useStyles$2();
-	const theme = useTheme();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Form, { onSubmit }, /* @__PURE__ */ React.createElement(Paper, { className: classes.loginWindow }, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "h5",
-		gutterBottom: true
-	}, "Login"), error && /* @__PURE__ */ React.createElement(Typography, {
-		variant: "body1",
-		className: classes.error
-	}, "Your username or password is invalid"), /* @__PURE__ */ React.createElement(Field, {
-		component: TextField,
-		margin: "normal",
-		type: "email",
-		name: "username",
-		InputProps: { classes: { underline: classes.underline } },
-		InputLabelProps: {
-			focused: true,
-			shrink: true,
-			style: { color: theme.palette.grey[500] }
-		},
-		label: usernameLabel || "Sign in name",
-		fullWidth: true,
-		size: "small",
-		variant: "standard",
-		validate: (value) => {
-			if (!value?.length) return "Please enter your sign in name";
-		}
-	}), /* @__PURE__ */ React.createElement(Field, {
-		component: TextField,
-		margin: "normal",
-		type: "password",
-		name: "password",
-		InputProps: { classes: { underline: classes.underline } },
-		InputLabelProps: {
-			focused: true,
-			shrink: true,
-			style: { color: theme.palette.grey[500] }
-		},
-		label: passwordLabel || "Password",
-		fullWidth: true,
-		size: "small",
-		variant: "standard",
-		validate: (value) => {
-			if (!value?.length) return "Please enter your password";
-		}
-	}), /* @__PURE__ */ React.createElement(FormButtons, { style: {
-		justifyContent: "flex-end",
-		marginBottom: 0
-	} }, /* @__PURE__ */ React.createElement(SubmitButton, {
-		variant: "contained",
-		disablePristine: false,
-		style: {
-			margin: 0,
-			backgroundColor: theme.palette.grey[800],
-			color: "#fff"
-		}
-	}, "Sign In")), logo && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("img", {
-		className: classes.logo,
-		src: logo,
-		alt: "Unity"
-	})), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" })), loading && /* @__PURE__ */ React.createElement(LinearProgress, null)));
-};
-
-//#endregion
-//#region src/UI/mapLayout/ui/ListCard.jsx
-const useStyles$1 = makeStyles((theme) => ({ labelRoot: {
-	color: "inherit",
-	marginRight: theme.spacing(.5),
-	opacity: .6
-} }));
-const ListElement = ({ subject, value, style, hideDivider = false }) => {
-	const classes = useStyles$1();
-	return /* @__PURE__ */ React.createElement("div", { style: {
-		display: "flex",
-		flexDirection: "column",
-		paddingTop: 8,
-		...style
-	} }, /* @__PURE__ */ React.createElement(Typography, { className: classes.labelRoot }, subject), /* @__PURE__ */ React.createElement(Typography, { color: "textPrimary" }, value), !hideDivider && /* @__PURE__ */ React.createElement(Divider, null));
-};
-const ListCard = ({ children }) => {
-	return /* @__PURE__ */ React.createElement(Card, {
-		elevation: 0,
-		style: { height: "100%" }
-	}, /* @__PURE__ */ React.createElement(CardContent, { style: { height: "100%" } }, /* @__PURE__ */ React.createElement("div", { style: {
-		display: "flex",
-		flexFlow: "column wrap",
-		height: "100%",
-		columnGap: 8
-	} }, children)));
-};
-
-//#endregion
-//#region src/UI/forms/PaymentReversalForm.jsx
-const useStyles = makeStyles((theme) => ({
-	formControlHalf: { width: "40%" },
-	formControl: { width: "100%" },
-	formControlMargin: {
-		width: "100%",
-		marginTop: "5px"
-	},
-	formControlCheck: {
-		width: "100%",
-		marginTop: "5px",
-		marginLeft: "3px"
-	},
-	submitControl: { marginTop: "35px" },
-	assetTypeLabel: { top: theme.spacing(-.7) },
-	labelText: {
-		color: "rgba(0, 0, 0)",
-		fontSize: "0.875rem"
-	},
-	main: {
-		flexGrow: 1,
-		padding: "0 24px",
-		display: "flex",
-		justifyContent: "space-between",
-		alignItems: "center"
-	},
-	appIcon: {
-		width: 24,
-		height: 24,
-		color: theme.palette.text.primary
-	},
-	arrowIcon: {
-		width: 12,
-		height: 12
-	},
-	linkTitle: { marginRight: theme.spacing(1) },
-	formControlGeneral: {
-		width: "100%",
-		marginLeft: "5px",
-		marginTop: "5px"
-	},
-	cardNumber: { width: "60%" },
-	accordion: {
-		width: "100%",
-		margin: "0px",
-		padding: "0px",
-		boxShadow: "none",
-		backgroundColor: "inherit",
-		"&:before": { display: "none" },
-		"&$expanded": { margin: "0px" }
-	},
-	accordionSummary: {
-		padding: "0px",
-		paddingLeft: "5px",
-		margin: "0px",
-		minHeight: "0px",
-		backgroundColor: "inherit",
-		flexDirection: "row-reverse",
-		"&$expanded": {
-			margin: "0px",
-			padding: "0px",
-			minHeight: "0px"
-		}
-	},
-	expanded: {
-		margin: "0px",
-		paddingLeft: "5px"
-	},
-	content: {
-		margin: 0,
-		backgroundColor: "inherit",
-		"&$expanded": { margin: 0 }
-	},
-	accordionDetails: {
-		padding: "0px",
-		display: "block",
-		margin: "0px"
-	},
-	cardContent: { backgroundColor: "#FAFAFA" },
-	listItem: {
-		paddingTop: "3px",
-		paddingBottom: "3px",
-		fontSize: "0.875rem"
-	},
-	listItemDetail: {
-		display: "flex",
-		justifyContent: "flex-end"
-	},
-	listItemAccordion: {
-		paddingTop: "3px",
-		paddingBottom: "3px",
-		paddingLeft: "0px"
-	},
-	divider: { margin: "0px 12px" },
-	dividerBold: {
-		margin: "0px 12px",
-		backgroundColor: "black"
-	},
-	itemCheckbox: { padding: "0px" },
-	itemDescription: { color: "grey" },
-	list: { backgroundColor: "#FFF" },
-	dropdown: {
-		marginTop: theme.spacing(-1),
-		backgroundColor: "#FFF"
-	},
-	locationDropDown: {
-		margin: theme.spacing(0),
-		marginTop: theme.spacing(-.5),
-		fontSize: "0.75rem"
-	},
-	box: {
-		display: "flex",
-		justifyContent: "space-around",
-		flexDirection: "row",
-		paddingBottom: "15px",
-		gap: "10px",
-		[theme.breakpoints.down("sm")]: {
-			flexDirection: "column",
-			flexWrap: "wrap",
-			alignItems: "flex-start"
-		}
-	}
-}));
-const PAYMENT_APPROVED = 1;
-const PAYMENT_DENIED = 43;
-const RESULT_SUCCESS = 200;
-const RESULT_FAILURE = 401;
-const PaymentReversalForm = ({ id, paymentData, onSubmitCompleted }) => {
-	const classes = useStyles();
-	const { t } = useTranslation();
-	const [loading, setLoading] = useState(true);
-	const [paymentTransaction, setPaymentTransaction] = useState(void 0);
-	/**
-	* API call to get the payment transaction details
-	*/
-	const getPaymentTransaction = useCallback(async (payload) => {
-		if (!payload) return null;
-		return apiMutate$1(ConfigService.pgV1ApiUrl, `PaymentTransaction/search`, {
-			method: "POST",
-			data: payload
-		}, {});
-	}, []);
-	/**
-	* API call to get the account information by account number
-	*/
-	const reverseTransactionExecute = useCallback(async (transactionID) => {
-		if (!transactionID) return null;
-		return apiMutate$1(ConfigService.pgV1ApiUrl, `PaymentTransaction/${transactionID}`, { method: "DELETE" }, {});
-	}, []);
-	/**
-	* submitAccountDetailsForm
-	* @param {*} formData
-	* @return {*}
-	*/
-	const handleSubmitPaymentReversal = (values) => {
-		if (!paymentData?.transactionId) return;
-		reverseTransactionExecute(paymentData?.transactionId).then(() => {
-			onSubmitCompleted && onSubmitCompleted({
-				transactionId: paymentData?.transactionId,
-				error: false
-			});
-		}).catch((error) => {
-			onSubmitCompleted && onSubmitCompleted({
-				transactionId: paymentData?.transactionId,
-				error
-			});
-		});
-	};
-	useEffect(() => {
-		const fetchData = async () => {
-			try {
-				setLoading(true);
-				const response = await getPaymentTransaction({
-					eagerLoad: true,
-					pageNumber: 1,
-					pageSize: 20,
-					filterElements: [{
-						searchField: "transactionId",
-						searchValue: paymentData?.transactionId,
-						searchOperator: "="
-					}],
-					orderElements: []
-				});
-				if (response?.data) setPaymentTransaction(response?.data?.pageList?.[0]);
-			} catch (err) {
-				console.error(err);
-			} finally {
-				setLoading(false);
-			}
-		};
-		if (paymentData?.transactionId) fetchData();
-	}, [getPaymentTransaction, paymentData]);
-	const statusText = useMemo(() => {
-		return paymentTransaction?.responseCode === PAYMENT_APPROVED && paymentTransaction?.paymentResultID === RESULT_SUCCESS ? "Approved" : paymentTransaction?.responseCode === PAYMENT_DENIED && paymentTransaction?.paymentResultID === RESULT_FAILURE ? "Declined" : "Undetermined";
-	}, [paymentTransaction]);
-	const statusCode = useMemo(() => {
-		return paymentTransaction?.responseCode === PAYMENT_APPROVED && paymentTransaction?.paymentResultID === RESULT_SUCCESS ? "ok" : paymentTransaction?.responseCode === PAYMENT_DENIED && paymentTransaction?.paymentResultID === RESULT_FAILURE ? "error" : "warning";
-	}, [paymentTransaction]);
-	return /* @__PURE__ */ React.createElement(Box$1, null, loading && /* @__PURE__ */ React.createElement(Box$1, { sx: { width: "100%" } }, /* @__PURE__ */ React.createElement(LinearProgress$1, null)), /* @__PURE__ */ React.createElement(Box$1, { className: classes.box }, /* @__PURE__ */ React.createElement(FluentCardText, {
-		title: "Value",
-		description: `$${paymentData?.amount}`
-	}), /* @__PURE__ */ React.createElement(FluentCardText, {
-		title: "Status",
-		description: /* @__PURE__ */ React.createElement(IndicatorChip, {
-			text: statusText,
-			status: statusCode
-		})
-	})), /* @__PURE__ */ React.createElement(AmbientCard, { fullWidth: true }, /* @__PURE__ */ React.createElement(Typography$1, {
-		variant: "subtitle2",
-		style: {
-			marginTop: "0px",
-			marginBottom: "10px"
-		}
-	}, t("Payment Details")), /* @__PURE__ */ React.createElement(Box$1, {
-		display: "flex",
-		flexDirection: "column"
-	}, /* @__PURE__ */ React.createElement(Grid$1, {
-		container: true,
-		spacing: 1
-	}, [
-		[t("Transaction ID"), paymentData?.transactionId || t("N/A")],
-		[t("Date/Time"), paymentData?.transactionDate ? format(new Date(paymentData?.transactionDate), "EEE, MMM d, yyyy") : t("N/A")],
-		[t("Processor"), paymentData?.paymentSourceName || t("No Information found")],
-		[t("Response Code"), paymentData?.authorizationNumber || t("N/A")]
-	].map(([k, v]) => /* @__PURE__ */ React.createElement(Grid$1, {
-		item: true,
-		xs: 12,
-		sm: 6
-	}, /* @__PURE__ */ React.createElement(ListElement, {
-		subject: k,
-		value: v,
-		hideDivider: true
-	}))))), /* @__PURE__ */ React.createElement(Divider, { style: {
-		marginTop: "10px",
-		marginBottom: "10px"
-	} }), /* @__PURE__ */ React.createElement(Box$1, {
-		display: "flex",
-		flexDirection: "column"
-	}, /* @__PURE__ */ React.createElement(Grid$1, {
-		container: true,
-		spacing: 1
-	}, [
-		[t("Customer Name"), paymentTransaction?.reference3 || t("N/A")],
-		[t("Type"), paymentData?.tender || t("N/A")],
-		[t("Card Holder Name"), t("N/A")],
-		[t("CC Number"), paymentData?.cardLast4 || t("N/A")],
-		[t("Company"), paymentTransaction?.applicationClient?.name || t("N/A")],
-		[t("Expiration Date"), paymentData?.date || t("N/A")],
-		[t("AVS"), t("N/A")],
-		[t("Status"), paymentData?.authorizationNumber ? "Approved" : "Declined"],
-		[t("Confirmation"), paymentData?.authorizationNumber || t("N/A")]
-	].map(([k, v]) => /* @__PURE__ */ React.createElement(Grid$1, {
-		item: true,
-		xs: 12,
-		sm: 6
-	}, /* @__PURE__ */ React.createElement(ListElement, {
-		subject: k,
-		value: v,
-		hideDivider: true
-	}))))), /* @__PURE__ */ React.createElement(Divider, { style: {
-		marginTop: "10px",
-		marginBottom: "10px"
-	} }), /* @__PURE__ */ React.createElement(Box$1, {
-		display: "flex",
-		flexDirection: "column"
-	}, /* @__PURE__ */ React.createElement(Grid$1, {
-		container: true,
-		spacing: 1
-	}, [
-		[t("First Attempt Date"), paymentData?.date || t("N/A")],
-		[t("Initial Transaction"), paymentData?.date || t("N/A")],
-		[t("Next Attempt Date"), paymentData?.date || t("N/A")],
-		[t("Retry Count"), t("N/A")]
-	].map(([k, v]) => /* @__PURE__ */ React.createElement(Grid$1, {
-		item: true,
-		xs: 12,
-		sm: 6
-	}, /* @__PURE__ */ React.createElement(ListElement, {
-		subject: k,
-		value: v,
-		hideDivider: true
-	}))))), /* @__PURE__ */ React.createElement(Divider, { style: {
-		marginTop: "10px",
-		marginBottom: "10px"
-	} }), /* @__PURE__ */ React.createElement(Form, {
-		id,
-		onSubmit: handleSubmitPaymentReversal,
-		render: ({ handleSubmit, form, values }) => {
-			return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FormControl$1, { className: classes.formControl }, /* @__PURE__ */ React.createElement(Field, {
-				component: FluentTextField,
-				ComponentProps: {
-					label: t("Amount to Reverse"),
-					variant: "outlined",
-					margin: "normal",
-					size: "small",
-					disabled: false,
-					fullWidth: true,
-					autoComplete: "off",
-					inputProps: {
-						maxLength: 256,
-						autocomplete: "off"
-					}
-				},
-				name: "amountToReverse",
-				initialValue: paymentData?.amount,
-				onChange: () => {},
-				required: true
-			})), /* @__PURE__ */ React.createElement(FormControl$1, { className: classes.formControlGeneral }, /* @__PURE__ */ React.createElement(FormControlLabel, {
-				control: /* @__PURE__ */ React.createElement(Field, {
-					component: FluentCheckbox,
-					name: "isSendCustomerPaymentConfirmation",
-					type: "checkbox",
-					defaultValue: false,
-					required: false,
-					onChange: () => {},
-					size: "small"
-				}),
-				label: t("Send Customer Payment Confirmation")
-			})));
-		}
-	})));
-};
-
-//#endregion
-export { ListCard, ListElement, LoginForm, PaymentReversalForm };
-//# sourceMappingURL=PaymentReversalForm-DtiqJTZV.js.map