udp-react-enterprise-component-library 25.18.2 → 25.18.3-beta.10

package/dist/{forms-DsdldFST.js.map → forms-HlBYZESz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"forms-DsdldFST.js","names":["useStyles","Box","LinearProgress","Typography","Grid","FormControl"],"sources":["../src/UI/forms/LoginForm.jsx","../src/UI/forms/PaymentReversalForm.jsx","../src/UI/forms/UdpTransactionEmailForm.jsx"],"sourcesContent":["import React from 'react';\nimport {\n  TextField,\n  Paper,\n  Typography,\n  makeStyles,\n  LinearProgress,\n  useTheme\n} from '@material-ui/core';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { Form, FormButtons, SubmitButton, Field } from '../../utilities/form';\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    justifyContent: 'center',\n    marginTop: theme.spacing(8)\n  },\n  loginWindow: {\n    position: 'relative',\n    flex: 1,\n    padding: theme.spacing(3),\n    width: 390\n  },\n  underline: {\n    '&::after': {\n      borderColor: 'black'\n    }\n  },\n  label: {\n    color: 'black'\n  },\n  logo: {\n    width: 150\n  },\n  error: {\n    color: theme.palette.error.main\n  }\n}));\n\nexport const LoginForm = (props) => {\n  const { onSubmit, logo, usernameLabel, passwordLabel, error, loading } =\n    props;\n  const classes = useStyles();\n  const theme = useTheme();\n\n  return (\n    <div className={classes.root}>\n      <Form onSubmit={onSubmit}>\n        <Paper className={classes.loginWindow}>\n          <Typography variant='h5' gutterBottom>\n            Login\n          </Typography>\n          {error && (\n            <Typography variant='body1' className={classes.error}>\n              Your username or password is invalid\n            </Typography>\n          )}\n          <Field\n            component={TextField}\n            margin='normal'\n            type='email'\n            name='username'\n            InputProps={{\n              classes: {\n                underline: classes.underline\n              }\n            }}\n            InputLabelProps={{\n              focused: true,\n              shrink: true,\n              style: { color: theme.palette.grey[500] }\n            }}\n            label={usernameLabel || 'Sign in name'}\n            fullWidth\n            size='small'\n            variant='standard'\n            validate={(value) => {\n              if (!value?.length) {\n                return 'Please enter your sign in name';\n              }\n            }}\n          />\n          <Field\n            component={TextField}\n            margin='normal'\n            type='password'\n            name='password'\n            InputProps={{\n              classes: {\n                underline: classes.underline\n              }\n            }}\n            InputLabelProps={{\n              focused: true,\n              shrink: true,\n              style: { color: theme.palette.grey[500] }\n            }}\n            label={passwordLabel || 'Password'}\n            fullWidth\n            size='small'\n            variant='standard'\n            validate={(value) => {\n              if (!value?.length) {\n                return 'Please enter your password';\n              }\n            }}\n          />\n\n          <FormButtons style={{ justifyContent: 'flex-end', marginBottom: 0 }}>\n            <SubmitButton\n              variant='contained'\n              disablePristine={false}\n              style={{\n                margin: 0,\n                backgroundColor: theme.palette.grey[800],\n                color: '#fff'\n              }}\n            >\n              Sign In\n            </SubmitButton>\n          </FormButtons>\n          {logo && (\n            <div>\n              <img className={classes.logo} src={logo} alt='Unity' />\n            </div>\n          )}\n          <LayoutUnit unit='xxs' />\n        </Paper>\n        {loading && <LinearProgress />}\n      </Form>\n    </div>\n  );\n};\n","import React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport { format } from 'date-fns';\nimport { FluentCardText } from '../surfaces/cards/fluentCards/FluentCardText';\nimport { IndicatorChip } from '../utilityDisplay/IndicatorChip';\nimport { makeStyles, Divider, FormControlLabel } from '@material-ui/core';\nimport { Box } from '../Box';\nimport { AmbientCard } from '../surfaces/cards/AmbientCard';\nimport { Typography } from '../dataDisplay/typography/Typography';\nimport { Grid } from '../Grid';\nimport { ListElement } from '../mapLayout/ui/ListCard';\nimport { useTranslation } from 'react-i18next';\nimport { FluentCheckbox } from '../inputs/checkbox/FluentCheckbox';\nimport { FormControl } from '../utilityDisplay/FormControl';\nimport { Field } from '../../utilities/form/Field';\nimport { FluentTextField } from '../inputs/textField/FluentTextField';\nimport { Form } from '../../utilities/form/Form';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { LinearProgress } from '../loading/LinearProgress';\nimport { ConfigService } from '../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  formControlHalf: {\n    width: '40%'\n  },\n  formControl: {\n    width: '100%'\n  },\n  formControlMargin: {\n    width: '100%',\n    marginTop: '5px'\n  },\n  formControlCheck: {\n    width: '100%',\n    marginTop: '5px',\n    marginLeft: '3px'\n  },\n  submitControl: {\n    marginTop: '35px'\n  },\n  assetTypeLabel: {\n    top: theme.spacing(-0.7)\n  },\n  labelText: {\n    color: 'rgba(0, 0, 0)',\n    fontSize: '0.875rem'\n  },\n  main: {\n    flexGrow: 1,\n    padding: '0 24px',\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center'\n  },\n  appIcon: {\n    width: 24,\n    height: 24,\n    color: theme.palette.text.primary\n  },\n  arrowIcon: {\n    width: 12,\n    height: 12\n  },\n  linkTitle: {\n    marginRight: theme.spacing(1)\n  },\n  formControlGeneral: {\n    width: '100%',\n    marginLeft: '5px',\n    marginTop: '5px'\n  },\n  cardNumber: {\n    width: '60%'\n  },\n  accordion: {\n    width: '100%',\n    margin: '0px',\n    padding: '0px',\n    boxShadow: 'none',\n    backgroundColor: 'inherit',\n    '&:before': {\n      display: 'none'\n    },\n    '&$expanded': {\n      margin: '0px'\n    }\n  },\n  accordionSummary: {\n    padding: '0px',\n    paddingLeft: '5px',\n    margin: '0px',\n    minHeight: '0px',\n    backgroundColor: 'inherit',\n    flexDirection: 'row-reverse',\n    '&$expanded': {\n      margin: '0px',\n      padding: '0px',\n      minHeight: '0px'\n    }\n  },\n  expanded: {\n    margin: '0px',\n    paddingLeft: '5px'\n  },\n  content: {\n    margin: 0,\n    backgroundColor: 'inherit',\n    '&$expanded': {\n      margin: 0\n    }\n  },\n  accordionDetails: {\n    padding: '0px',\n    display: 'block',\n    margin: '0px'\n  },\n  cardContent: {\n    backgroundColor: '#FAFAFA'\n  },\n  listItem: {\n    paddingTop: '3px',\n    paddingBottom: '3px',\n    fontSize: '0.875rem'\n  },\n  listItemDetail: {\n    display: 'flex',\n    justifyContent: 'flex-end'\n  },\n  listItemAccordion: {\n    paddingTop: '3px',\n    paddingBottom: '3px',\n    paddingLeft: '0px'\n  },\n  divider: {\n    margin: '0px 12px'\n  },\n  dividerBold: {\n    margin: '0px 12px',\n    backgroundColor: 'black'\n  },\n  itemCheckbox: {\n    padding: '0px'\n  },\n  itemDescription: {\n    color: 'grey'\n  },\n  list: {\n    backgroundColor: '#FFF'\n  },\n  dropdown: {\n    marginTop: theme.spacing(-1),\n    backgroundColor: '#FFF'\n  },\n  locationDropDown: {\n    margin: theme.spacing(0),\n    marginTop: theme.spacing(-0.5),\n    fontSize: '0.75rem'\n  },\n  box: {\n    display: 'flex',\n    justifyContent: 'space-around',\n    flexDirection: 'row',\n    paddingBottom: '15px',\n    gap: '10px',\n    [theme.breakpoints.down('sm')]: {\n      flexDirection: 'column',\n      flexWrap: 'wrap',\n      alignItems: 'flex-start'\n    }\n  }\n}));\n\nconst PAYMENT_APPROVED = 1;\nconst PAYMENT_DENIED = 43;\nconst RESULT_SUCCESS = 200;\nconst RESULT_FAILURE = 401;\n\nexport const PaymentReversalForm = ({ id, paymentData, onSubmitCompleted }) => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  const [loading, setLoading] = useState(true);\n  const [paymentTransaction, setPaymentTransaction] = useState(undefined);\n\n  /**\n   * API call to get the payment transaction details\n   */\n  const getPaymentTransaction = useCallback(\n    async (payload) => {\n      if (!payload) {\n        return null;\n      }\n\n      return apiMutate(\n        ConfigService.pgV1ApiUrl,\n        `PaymentTransaction/search`,\n        {\n          method: 'POST',\n          data: payload\n        },\n        {}\n      );\n    },\n    []\n  );\n\n  /**\n   * API call to get the account information by account number\n   */\n  const reverseTransactionExecute = useCallback(\n    async (transactionID) => {\n      if (!transactionID) {\n        return null;\n      }\n\n      return apiMutate(\n        ConfigService.pgV1ApiUrl,\n        `PaymentTransaction/${transactionID}`,\n        {\n          method: 'DELETE',\n        },\n        {}\n      );\n    },\n    []\n  );\n\n  /**\n   * submitAccountDetailsForm\n   * @param {*} formData\n   * @return {*}\n   */\n  const handleSubmitPaymentReversal = (values) => {\n      // const data = {\n      //   amountToReverse: values.amountToReverse,\n      //   isSendCustomerPaymentConfirmation:\n      //     values.isSendCustomerPaymentConfirmation\n      // };\n\n      if (!paymentData?.transactionId) {\n        return;\n      }\n\n      reverseTransactionExecute(paymentData?.transactionId)\n        .then(() => {\n          onSubmitCompleted && onSubmitCompleted({ transactionId: paymentData?.transactionId, error: false });\n        })\n        .catch((error) => {\n          onSubmitCompleted && onSubmitCompleted({ transactionId: paymentData?.transactionId, error });\n        });\n  }\n\n  useEffect(() => {\n    const fetchData = async () => {\n      try {\n        setLoading(true);\n        const response = await getPaymentTransaction({\n          eagerLoad: true,\n          pageNumber: 1,\n          pageSize: 20,\n          filterElements: [\n            {\n              searchField: 'transactionId',\n              searchValue: paymentData?.transactionId,\n              searchOperator: '=',\n            },\n          ],\n          orderElements: [],\n        });\n\n        if (response?.data) {\n          setPaymentTransaction(response?.data?.pageList?.[0]);\n        }\n\n      } catch (err) {\n        console.error(err);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    if (paymentData?.transactionId) {\n      fetchData();\n    }\n  }, [getPaymentTransaction, paymentData]);\n\n  const statusText = useMemo(() => {\n      return (paymentTransaction?.responseCode === PAYMENT_APPROVED && paymentTransaction?.paymentResultID === RESULT_SUCCESS) ? 'Approved' :\n             (paymentTransaction?.responseCode === PAYMENT_DENIED && paymentTransaction?.paymentResultID === RESULT_FAILURE) ? 'Declined' : 'Undetermined';\n  }, [paymentTransaction]);\n\n  const statusCode = useMemo(() => {\n    return (paymentTransaction?.responseCode === PAYMENT_APPROVED && paymentTransaction?.paymentResultID === RESULT_SUCCESS) ?  'ok':\n           (paymentTransaction?.responseCode === PAYMENT_DENIED && paymentTransaction?.paymentResultID === RESULT_FAILURE) ? 'error'  : 'warning';\n  }, [paymentTransaction]);\n\n  return (\n    <Box>\n      {loading && (\n        <Box sx={{ width: '100%' }}>\n          <LinearProgress />\n        </Box>\n      )}\n      <Box className={classes.box}>\n        <FluentCardText title='Value' description={`$${paymentData?.amount}`} />\n        <FluentCardText\n          title='Status'\n          description={\n            <IndicatorChip\n              text={statusText}\n              status={statusCode}\n            />\n          }\n        />\n      </Box>\n      <AmbientCard fullWidth={true}>\n        <Typography\n          variant='subtitle2'\n          style={{ marginTop: '0px', marginBottom: '10px' }}\n        >\n          {t('Payment Details')}\n        </Typography>\n\n        <Box display='flex' flexDirection='column'>\n          <Grid container spacing={1}>\n            {[\n              [t('Transaction ID'), paymentData?.transactionId || t('N/A')],\n              [t('Date/Time'), paymentData?.transactionDate ? format(new Date(paymentData?.transactionDate), 'EEE, MMM d, yyyy') : t('N/A')],\n              [t('Processor'), paymentData?.paymentSourceName || t('No Information found')],\n              [t('Response Code'), paymentData?.authorizationNumber || t('N/A')]\n            ].map(([k, v]) => (\n              <Grid item xs={12} sm={6}>\n                {/* @ts-ignore */}\n                <ListElement subject={k} value={v} hideDivider={true} />\n              </Grid>\n            ))}\n          </Grid>\n        </Box>\n\n        <Divider style={{ marginTop: '10px', marginBottom: '10px' }} />\n\n        <Box display='flex' flexDirection='column'>\n          <Grid container spacing={1}>\n            {[\n              [t('Customer Name'), paymentTransaction?.reference3 || t('N/A')],\n              [t('Type'), paymentData?.tender || t('N/A')],\n              [t('Card Holder Name'), t('N/A')],\n              [t('CC Number'), paymentData?.cardLast4 || t('N/A')],\n              [t('Company'), paymentTransaction?.applicationClient?.name || t('N/A')],\n              [t('Expiration Date'), paymentData?.date || t('N/A')],\n              [t('AVS'), t('N/A')],\n              [t('Status'),paymentData?.authorizationNumber ? 'Approved' : 'Declined'],\n              [t('Confirmation'), paymentData?.authorizationNumber || t('N/A')]\n            ].map(([k, v]) => (\n              <Grid item xs={12} sm={6}>\n                {/* @ts-ignore */}\n                <ListElement subject={k} value={v} hideDivider={true} />\n              </Grid>\n            ))}\n          </Grid>\n        </Box>\n\n        <Divider style={{ marginTop: '10px', marginBottom: '10px' }} />\n\n        <Box display='flex' flexDirection='column'>\n          <Grid container spacing={1}>\n            {[\n              [t('First Attempt Date'), paymentData?.date || t('N/A')],\n              [t('Initial Transaction'), paymentData?.date || t('N/A')],\n              [t('Next Attempt Date'), paymentData?.date || t('N/A')],\n              [t('Retry Count'), t('N/A')]\n            ].map(([k, v]) => (\n              <Grid item xs={12} sm={6}>\n                {/* @ts-ignore */}\n                <ListElement subject={k} value={v} hideDivider={true} />\n              </Grid>\n            ))}\n          </Grid>\n        </Box>\n\n        <Divider style={{ marginTop: '10px', marginBottom: '10px' }} />\n\n        <Form\n          id={id}\n          onSubmit={handleSubmitPaymentReversal}\n          render={({ handleSubmit, form, values }) => {\n            return (\n              <>\n                <FormControl className={classes.formControl}>\n                  <Field\n                    component={FluentTextField}\n                    ComponentProps={{\n                      label: t('Amount to Reverse'),\n                      variant: 'outlined',\n                      margin: 'normal',\n                      size: 'small',\n                      disabled: false,\n                      fullWidth: true,\n                      autoComplete: 'off',\n                      inputProps: {\n                        maxLength: 256,\n                        autocomplete: 'off'\n                      }\n                    }}\n                    name='amountToReverse'\n                    initialValue={paymentData?.amount}\n                    onChange={() => {}}\n                    required={true}\n                  />\n                </FormControl>\n\n                <FormControl className={classes.formControlGeneral}>\n                  <FormControlLabel\n                    control={\n                      <Field\n                        component={FluentCheckbox}\n                        name='isSendCustomerPaymentConfirmation'\n                        type='checkbox'\n                        defaultValue={false}\n                        required={false}\n                        onChange={() => {}}\n                        // @ts-ignore\n                        size='small'\n                      />\n                    }\n                    label={t('Send Customer Payment Confirmation')}\n                  />\n                </FormControl>\n              </>\n            );\n          }}\n        />\n      </AmbientCard>\n    </Box>\n  );\n};\n","import React, { useCallback, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Field } from '../../utilities/form';\nimport { CkRichEditor } from '../inputs/richEditors';\nimport { AmbientAutoComplete, AmbientTextField } from '../inputs/textField';\nimport { useForm } from '../../utilities/form';\nimport { LayoutUnit } from '../../layout';\nimport { useUser } from '../../utilities/auth';\nimport { useTenantStore } from '../../stores';\n\nexport const UdpTransactionEmailForm = ({\n  existingTransactionAttachments,\n  toOptions,\n  ccOptions,\n  toLabelFunction,\n  toGroupBy,\n  toFilterOptions,\n  ccLabelFunction,\n  ccGroupBy,\n  ccFilterOptions,\n  attachmentsLabelFunction,\n  toInitialValue = [],\n  ccInitialValue = [],\n  existingTransactionAttachmentsInitialValue = [],\n  subjectInitialValue = '',\n  body = ''\n}) => {\n  const i18n = useTranslation().t;\n  const form = useForm();\n  const user = useUser();\n  const currentTenant = useTenantStore((state) => state.currentTenant);\n\n  const handleOnBodyChange = useCallback(\n    (value) => {\n      form.change('body', value);\n    },\n    [form]\n  );\n\n  useEffect(() => {\n    form.change('body', body);\n  }, [body, form]);\n\n  return (\n    <>\n      <Field\n        component={AmbientAutoComplete}\n        name='to'\n        margin='normal'\n        variant='outlined'\n        isMultiple={true}\n        options={toOptions}\n        getOptionLabelFunction={toLabelFunction}\n        groupBy={toGroupBy}\n        filterOptions={toFilterOptions}\n        label={i18n('To')}\n        required={true}\n        initialValue={toInitialValue}\n      />\n      <Field\n        component={AmbientAutoComplete}\n        name='cc'\n        margin='normal'\n        variant='outlined'\n        isMultiple={true}\n        options={ccOptions}\n        getOptionLabelFunction={ccLabelFunction}\n        groupBy={ccGroupBy}\n        filterOptions={ccFilterOptions}\n        label={i18n('Cc')}\n        initialValue={ccInitialValue}\n      />\n      <Field\n        component={AmbientAutoComplete}\n        name='attachments'\n        margin='normal'\n        variant='outlined'\n        isMultiple={true}\n        options={existingTransactionAttachments}\n        getOptionLabelFunction={attachmentsLabelFunction}\n        label={i18n('Attachments')}\n        initialValue={existingTransactionAttachmentsInitialValue}\n      />\n      <Field\n        component={AmbientTextField}\n        name='subject'\n        margin='normal'\n        variant='outlined'\n        label={i18n('Subject')}\n        required={true}\n        initialValue={subjectInitialValue}\n      />\n      <LayoutUnit unit='nudge' />\n      <CkRichEditor name='body' handleChange={handleOnBodyChange} data={body} />\n\n      {/* Hidden Fields for additional form data */}\n      <Field\n        component={AmbientTextField}\n        name='senderName'\n        margin='normal'\n        variant='outlined'\n        label={i18n('Sender Name')}\n        required={true}\n        initialValue={user?.name || ''}\n        style={{ display: 'none' }}\n      />\n      <Field\n        component={AmbientTextField}\n        name='currentTenantName'\n        margin='normal'\n        variant='outlined'\n        label={i18n('Current Tenant Name')}\n        required={true}\n        initialValue={currentTenant?.name || ''}\n        style={{ display: 'none' }}\n      />\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"forms-HlBYZESz.js","names":["useStyles","Box","LinearProgress","Typography","Grid","FormControl"],"sources":["../src/UI/forms/LoginForm.jsx","../src/UI/forms/PaymentReversalForm.jsx","../src/UI/forms/UdpTransactionEmailForm.jsx"],"sourcesContent":["import React from 'react';\nimport {\n  TextField,\n  Paper,\n  Typography,\n  makeStyles,\n  LinearProgress,\n  useTheme\n} from '@material-ui/core';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { Form, FormButtons, SubmitButton, Field } from '../../utilities/form';\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    justifyContent: 'center',\n    marginTop: theme.spacing(8)\n  },\n  loginWindow: {\n    position: 'relative',\n    flex: 1,\n    padding: theme.spacing(3),\n    width: 390\n  },\n  underline: {\n    '&::after': {\n      borderColor: 'black'\n    }\n  },\n  label: {\n    color: 'black'\n  },\n  logo: {\n    width: 150\n  },\n  error: {\n    color: theme.palette.error.main\n  }\n}));\n\nexport const LoginForm = (props) => {\n  const { onSubmit, logo, usernameLabel, passwordLabel, error, loading } =\n    props;\n  const classes = useStyles();\n  const theme = useTheme();\n\n  return (\n    <div className={classes.root}>\n      <Form onSubmit={onSubmit}>\n        <Paper className={classes.loginWindow}>\n          <Typography variant='h5' gutterBottom>\n            Login\n          </Typography>\n          {error && (\n            <Typography variant='body1' className={classes.error}>\n              Your username or password is invalid\n            </Typography>\n          )}\n          <Field\n            component={TextField}\n            margin='normal'\n            type='email'\n            name='username'\n            InputProps={{\n              classes: {\n                underline: classes.underline\n              }\n            }}\n            InputLabelProps={{\n              focused: true,\n              shrink: true,\n              style: { color: theme.palette.grey[500] }\n            }}\n            label={usernameLabel || 'Sign in name'}\n            fullWidth\n            size='small'\n            variant='standard'\n            validate={(value) => {\n              if (!value?.length) {\n                return 'Please enter your sign in name';\n              }\n            }}\n          />\n          <Field\n            component={TextField}\n            margin='normal'\n            type='password'\n            name='password'\n            InputProps={{\n              classes: {\n                underline: classes.underline\n              }\n            }}\n            InputLabelProps={{\n              focused: true,\n              shrink: true,\n              style: { color: theme.palette.grey[500] }\n            }}\n            label={passwordLabel || 'Password'}\n            fullWidth\n            size='small'\n            variant='standard'\n            validate={(value) => {\n              if (!value?.length) {\n                return 'Please enter your password';\n              }\n            }}\n          />\n\n          <FormButtons style={{ justifyContent: 'flex-end', marginBottom: 0 }}>\n            <SubmitButton\n              variant='contained'\n              disablePristine={false}\n              style={{\n                margin: 0,\n                backgroundColor: theme.palette.grey[800],\n                color: '#fff'\n              }}\n            >\n              Sign In\n            </SubmitButton>\n          </FormButtons>\n          {logo && (\n            <div>\n              <img className={classes.logo} src={logo} alt='Unity' />\n            </div>\n          )}\n          <LayoutUnit unit='xxs' />\n        </Paper>\n        {loading && <LinearProgress />}\n      </Form>\n    </div>\n  );\n};\n","import React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport { format } from 'date-fns';\nimport { FluentCardText } from '../surfaces/cards/fluentCards/FluentCardText';\nimport { IndicatorChip } from '../utilityDisplay/IndicatorChip';\nimport { makeStyles, Divider, FormControlLabel } from '@material-ui/core';\nimport { Box } from '../Box';\nimport { AmbientCard } from '../surfaces/cards/AmbientCard';\nimport { Typography } from '../dataDisplay/typography/Typography';\nimport { Grid } from '../Grid';\nimport { ListElement } from '../mapLayout/ui/ListCard';\nimport { useTranslation } from 'react-i18next';\nimport { FluentCheckbox } from '../inputs/checkbox/FluentCheckbox';\nimport { FormControl } from '../utilityDisplay/FormControl';\nimport { Field } from '../../utilities/form/Field';\nimport { FluentTextField } from '../inputs/textField/FluentTextField';\nimport { Form } from '../../utilities/form/Form';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { LinearProgress } from '../loading/LinearProgress';\nimport { ConfigService } from '../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  formControlHalf: {\n    width: '40%'\n  },\n  formControl: {\n    width: '100%'\n  },\n  formControlMargin: {\n    width: '100%',\n    marginTop: '5px'\n  },\n  formControlCheck: {\n    width: '100%',\n    marginTop: '5px',\n    marginLeft: '3px'\n  },\n  submitControl: {\n    marginTop: '35px'\n  },\n  assetTypeLabel: {\n    top: theme.spacing(-0.7)\n  },\n  labelText: {\n    color: 'rgba(0, 0, 0)',\n    fontSize: '0.875rem'\n  },\n  main: {\n    flexGrow: 1,\n    padding: '0 24px',\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center'\n  },\n  appIcon: {\n    width: 24,\n    height: 24,\n    color: theme.palette.text.primary\n  },\n  arrowIcon: {\n    width: 12,\n    height: 12\n  },\n  linkTitle: {\n    marginRight: theme.spacing(1)\n  },\n  formControlGeneral: {\n    width: '100%',\n    marginLeft: '5px',\n    marginTop: '5px'\n  },\n  cardNumber: {\n    width: '60%'\n  },\n  accordion: {\n    width: '100%',\n    margin: '0px',\n    padding: '0px',\n    boxShadow: 'none',\n    backgroundColor: 'inherit',\n    '&:before': {\n      display: 'none'\n    },\n    '&$expanded': {\n      margin: '0px'\n    }\n  },\n  accordionSummary: {\n    padding: '0px',\n    paddingLeft: '5px',\n    margin: '0px',\n    minHeight: '0px',\n    backgroundColor: 'inherit',\n    flexDirection: 'row-reverse',\n    '&$expanded': {\n      margin: '0px',\n      padding: '0px',\n      minHeight: '0px'\n    }\n  },\n  expanded: {\n    margin: '0px',\n    paddingLeft: '5px'\n  },\n  content: {\n    margin: 0,\n    backgroundColor: 'inherit',\n    '&$expanded': {\n      margin: 0\n    }\n  },\n  accordionDetails: {\n    padding: '0px',\n    display: 'block',\n    margin: '0px'\n  },\n  cardContent: {\n    backgroundColor: '#FAFAFA'\n  },\n  listItem: {\n    paddingTop: '3px',\n    paddingBottom: '3px',\n    fontSize: '0.875rem'\n  },\n  listItemDetail: {\n    display: 'flex',\n    justifyContent: 'flex-end'\n  },\n  listItemAccordion: {\n    paddingTop: '3px',\n    paddingBottom: '3px',\n    paddingLeft: '0px'\n  },\n  divider: {\n    margin: '0px 12px'\n  },\n  dividerBold: {\n    margin: '0px 12px',\n    backgroundColor: 'black'\n  },\n  itemCheckbox: {\n    padding: '0px'\n  },\n  itemDescription: {\n    color: 'grey'\n  },\n  list: {\n    backgroundColor: '#FFF'\n  },\n  dropdown: {\n    marginTop: theme.spacing(-1),\n    backgroundColor: '#FFF'\n  },\n  locationDropDown: {\n    margin: theme.spacing(0),\n    marginTop: theme.spacing(-0.5),\n    fontSize: '0.75rem'\n  },\n  box: {\n    display: 'flex',\n    justifyContent: 'space-around',\n    flexDirection: 'row',\n    paddingBottom: '15px',\n    gap: '10px',\n    [theme.breakpoints.down('sm')]: {\n      flexDirection: 'column',\n      flexWrap: 'wrap',\n      alignItems: 'flex-start'\n    }\n  }\n}));\n\nconst PAYMENT_APPROVED = 1;\nconst PAYMENT_DENIED = 43;\nconst RESULT_SUCCESS = 200;\nconst RESULT_FAILURE = 401;\n\nexport const PaymentReversalForm = ({ id, paymentData, onSubmitCompleted }) => {\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  const [loading, setLoading] = useState(true);\n  const [paymentTransaction, setPaymentTransaction] = useState(undefined);\n\n  /**\n   * API call to get the payment transaction details\n   */\n  const getPaymentTransaction = useCallback(\n    async (payload) => {\n      if (!payload) {\n        return null;\n      }\n\n      return apiMutate(\n        ConfigService.pgV1ApiUrl,\n        `PaymentTransaction/search`,\n        {\n          method: 'POST',\n          data: payload\n        },\n        {}\n      );\n    },\n    []\n  );\n\n  /**\n   * API call to get the account information by account number\n   */\n  const reverseTransactionExecute = useCallback(\n    async (transactionID) => {\n      if (!transactionID) {\n        return null;\n      }\n\n      return apiMutate(\n        ConfigService.pgV1ApiUrl,\n        `PaymentTransaction/${transactionID}`,\n        {\n          method: 'DELETE',\n        },\n        {}\n      );\n    },\n    []\n  );\n\n  /**\n   * submitAccountDetailsForm\n   * @param {*} formData\n   * @return {*}\n   */\n  const handleSubmitPaymentReversal = (values) => {\n      // const data = {\n      //   amountToReverse: values.amountToReverse,\n      //   isSendCustomerPaymentConfirmation:\n      //     values.isSendCustomerPaymentConfirmation\n      // };\n\n      if (!paymentData?.transactionId) {\n        return;\n      }\n\n      reverseTransactionExecute(paymentData?.transactionId)\n        .then(() => {\n          onSubmitCompleted && onSubmitCompleted({ transactionId: paymentData?.transactionId, error: false });\n        })\n        .catch((error) => {\n          onSubmitCompleted && onSubmitCompleted({ transactionId: paymentData?.transactionId, error });\n        });\n  }\n\n  useEffect(() => {\n    const fetchData = async () => {\n      try {\n        setLoading(true);\n        const response = await getPaymentTransaction({\n          eagerLoad: true,\n          pageNumber: 1,\n          pageSize: 20,\n          filterElements: [\n            {\n              searchField: 'transactionId',\n              searchValue: paymentData?.transactionId,\n              searchOperator: '=',\n            },\n          ],\n          orderElements: [],\n        });\n\n        if (response?.data) {\n          setPaymentTransaction(response?.data?.pageList?.[0]);\n        }\n\n      } catch (err) {\n        console.error(err);\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    if (paymentData?.transactionId) {\n      fetchData();\n    }\n  }, [getPaymentTransaction, paymentData]);\n\n  const statusText = useMemo(() => {\n      return (paymentTransaction?.responseCode === PAYMENT_APPROVED && paymentTransaction?.paymentResultID === RESULT_SUCCESS) ? 'Approved' :\n             (paymentTransaction?.responseCode === PAYMENT_DENIED && paymentTransaction?.paymentResultID === RESULT_FAILURE) ? 'Declined' : 'Undetermined';\n  }, [paymentTransaction]);\n\n  const statusCode = useMemo(() => {\n    return (paymentTransaction?.responseCode === PAYMENT_APPROVED && paymentTransaction?.paymentResultID === RESULT_SUCCESS) ?  'ok':\n           (paymentTransaction?.responseCode === PAYMENT_DENIED && paymentTransaction?.paymentResultID === RESULT_FAILURE) ? 'error'  : 'warning';\n  }, [paymentTransaction]);\n\n  return (\n    <Box>\n      {loading && (\n        <Box sx={{ width: '100%' }}>\n          <LinearProgress />\n        </Box>\n      )}\n      <Box className={classes.box}>\n        <FluentCardText title='Value' description={`$${paymentData?.amount}`} />\n        <FluentCardText\n          title='Status'\n          description={\n            <IndicatorChip\n              text={statusText}\n              status={statusCode}\n            />\n          }\n        />\n      </Box>\n      <AmbientCard fullWidth={true}>\n        <Typography\n          variant='subtitle2'\n          style={{ marginTop: '0px', marginBottom: '10px' }}\n        >\n          {t('Payment Details')}\n        </Typography>\n\n        <Box display='flex' flexDirection='column'>\n          <Grid container spacing={1}>\n            {[\n              [t('Transaction ID'), paymentData?.transactionId || t('N/A')],\n              [t('Date/Time'), paymentData?.transactionDate ? format(new Date(paymentData?.transactionDate), 'EEE, MMM d, yyyy') : t('N/A')],\n              [t('Processor'), paymentData?.paymentSourceName || t('No Information found')],\n              [t('Response Code'), paymentData?.authorizationNumber || t('N/A')]\n            ].map(([k, v]) => (\n              <Grid item xs={12} sm={6}>\n                {/* @ts-ignore */}\n                <ListElement subject={k} value={v} hideDivider={true} />\n              </Grid>\n            ))}\n          </Grid>\n        </Box>\n\n        <Divider style={{ marginTop: '10px', marginBottom: '10px' }} />\n\n        <Box display='flex' flexDirection='column'>\n          <Grid container spacing={1}>\n            {[\n              [t('Customer Name'), paymentTransaction?.reference3 || t('N/A')],\n              [t('Type'), paymentData?.tender || t('N/A')],\n              [t('Card Holder Name'), t('N/A')],\n              [t('CC Number'), paymentData?.cardLast4 || t('N/A')],\n              [t('Company'), paymentTransaction?.applicationClient?.name || t('N/A')],\n              [t('Expiration Date'), paymentData?.date || t('N/A')],\n              [t('AVS'), t('N/A')],\n              [t('Status'),paymentData?.authorizationNumber ? 'Approved' : 'Declined'],\n              [t('Confirmation'), paymentData?.authorizationNumber || t('N/A')]\n            ].map(([k, v]) => (\n              <Grid item xs={12} sm={6}>\n                {/* @ts-ignore */}\n                <ListElement subject={k} value={v} hideDivider={true} />\n              </Grid>\n            ))}\n          </Grid>\n        </Box>\n\n        <Divider style={{ marginTop: '10px', marginBottom: '10px' }} />\n\n        <Box display='flex' flexDirection='column'>\n          <Grid container spacing={1}>\n            {[\n              [t('First Attempt Date'), paymentData?.date || t('N/A')],\n              [t('Initial Transaction'), paymentData?.date || t('N/A')],\n              [t('Next Attempt Date'), paymentData?.date || t('N/A')],\n              [t('Retry Count'), t('N/A')]\n            ].map(([k, v]) => (\n              <Grid item xs={12} sm={6}>\n                {/* @ts-ignore */}\n                <ListElement subject={k} value={v} hideDivider={true} />\n              </Grid>\n            ))}\n          </Grid>\n        </Box>\n\n        <Divider style={{ marginTop: '10px', marginBottom: '10px' }} />\n\n        <Form\n          id={id}\n          onSubmit={handleSubmitPaymentReversal}\n          render={({ handleSubmit, form, values }) => {\n            return (\n              <>\n                <FormControl className={classes.formControl}>\n                  <Field\n                    component={FluentTextField}\n                    ComponentProps={{\n                      label: t('Amount to Reverse'),\n                      variant: 'outlined',\n                      margin: 'normal',\n                      size: 'small',\n                      disabled: false,\n                      fullWidth: true,\n                      autoComplete: 'off',\n                      inputProps: {\n                        maxLength: 256,\n                        autocomplete: 'off'\n                      }\n                    }}\n                    name='amountToReverse'\n                    initialValue={paymentData?.amount}\n                    onChange={() => {}}\n                    required={true}\n                  />\n                </FormControl>\n\n                <FormControl className={classes.formControlGeneral}>\n                  <FormControlLabel\n                    control={\n                      <Field\n                        component={FluentCheckbox}\n                        name='isSendCustomerPaymentConfirmation'\n                        type='checkbox'\n                        defaultValue={false}\n                        required={false}\n                        onChange={() => {}}\n                        // @ts-ignore\n                        size='small'\n                      />\n                    }\n                    label={t('Send Customer Payment Confirmation')}\n                  />\n                </FormControl>\n              </>\n            );\n          }}\n        />\n      </AmbientCard>\n    </Box>\n  );\n};\n","import React, { useCallback, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Field } from '../../utilities/form';\nimport { CkRichEditor } from '../inputs/richEditors';\nimport { AmbientAutoComplete, AmbientTextField } from '../inputs/textField';\nimport { useForm } from '../../utilities/form';\nimport { LayoutUnit } from '../../layout';\nimport { useUser } from '../../utilities/auth';\nimport { useTenantStore } from '../../stores';\n\nexport const UdpTransactionEmailForm = ({\n  existingTransactionAttachments,\n  toOptions,\n  ccOptions,\n  toLabelFunction,\n  toGroupBy,\n  toFilterOptions,\n  ccLabelFunction,\n  ccGroupBy,\n  ccFilterOptions,\n  attachmentsLabelFunction,\n  toInitialValue = [],\n  ccInitialValue = [],\n  existingTransactionAttachmentsInitialValue = [],\n  subjectInitialValue = '',\n  body = ''\n}) => {\n  const i18n = useTranslation().t;\n  const form = useForm();\n  const user = useUser();\n  const currentTenant = useTenantStore((state) => state.currentTenant);\n\n  const handleOnBodyChange = useCallback(\n    (value) => {\n      form.change('body', value);\n    },\n    [form]\n  );\n\n  useEffect(() => {\n    form.change('body', body);\n  }, [body, form]);\n\n  return (\n    <>\n      <Field\n        component={AmbientAutoComplete}\n        name='to'\n        margin='normal'\n        variant='outlined'\n        isMultiple={true}\n        options={toOptions}\n        getOptionLabelFunction={toLabelFunction}\n        groupBy={toGroupBy}\n        filterOptions={toFilterOptions}\n        label={i18n('To')}\n        required={true}\n        initialValue={toInitialValue}\n      />\n      <Field\n        component={AmbientAutoComplete}\n        name='cc'\n        margin='normal'\n        variant='outlined'\n        isMultiple={true}\n        options={ccOptions}\n        getOptionLabelFunction={ccLabelFunction}\n        groupBy={ccGroupBy}\n        filterOptions={ccFilterOptions}\n        label={i18n('Cc')}\n        initialValue={ccInitialValue}\n      />\n      <Field\n        component={AmbientAutoComplete}\n        name='attachments'\n        margin='normal'\n        variant='outlined'\n        isMultiple={true}\n        options={existingTransactionAttachments}\n        getOptionLabelFunction={attachmentsLabelFunction}\n        label={i18n('Attachments')}\n        initialValue={existingTransactionAttachmentsInitialValue}\n      />\n      <Field\n        component={AmbientTextField}\n        name='subject'\n        margin='normal'\n        variant='outlined'\n        label={i18n('Subject')}\n        required={true}\n        initialValue={subjectInitialValue}\n      />\n      <LayoutUnit unit='nudge' />\n      <CkRichEditor name='body' handleChange={handleOnBodyChange} data={body} />\n\n      {/* Hidden Fields for additional form data */}\n      <Field\n        component={AmbientTextField}\n        name='senderName'\n        margin='normal'\n        variant='outlined'\n        label={i18n('Sender Name')}\n        required={true}\n        initialValue={user?.name || ''}\n        style={{ display: 'none' }}\n      />\n      <Field\n        component={AmbientTextField}\n        name='currentTenantName'\n        margin='normal'\n        variant='outlined'\n        label={i18n('Current Tenant Name')}\n        required={true}\n        initialValue={currentTenant?.name || ''}\n        style={{ display: 'none' }}\n      />\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/hooks/index.js

@@ -1,17 +1,17 @@
-import { t as useCrudActions } from "../crudActions-C1Ur7cS5.js";
-import { n as useActions, t as useActionState } from "../useActions-DZe6YlEm.js";
+import { t as useCrudActions } from "../crudActions-BNDjc56_.js";
+import { n as useActions, t as useActionState } from "../useActions-Ct3UAtTb.js";
 import { t as useSetLocationState } from "../useSetLocationState-Kvcc9BTb.js";
-import { t as usePromotedMethodEntity } from "../usePromotedMethodEntity-B4rk75tH.js";
+import { t as usePromotedMethodEntity } from "../usePromotedMethodEntity-Fr6JxDuh.js";
 import { t as useDynamicListCalculation } from "../useDynamicListCalculation-BzXkwt1u.js";
-import { t as useApiCatalog } from "../useApiCatalog-cpchDfC1.js";
+import { t as useApiCatalog } from "../useApiCatalog-CFnv-X8K.js";
 import { t as useFluentIcon } from "../useFluentIcon-Dy-hy_aD.js";
 import { t as useItemSubCard } from "../useItemSubCard-CJ3DL7fz.js";
-import { a as useOutlook, i as useProductVersion, n as useWorkflow, r as useDateLocale, t as usePreloadPages } from "../hooks-BNndjGer.js";
-import { n as usePromotedLookupMethods, t as usePromotedMethodEntities } from "../usePromotedMethodEntities-D-GoZJZB.js";
-import { t as useQueryExecutors } from "../useQueryExecutors-DuuHrj2M.js";
-import { t as useSearchFilterParamsMap } from "../useSearchFilterParamsMap-hAHx2Rav.js";
+import { a as useOutlook, i as useProductVersion, n as useWorkflow, r as useDateLocale, t as usePreloadPages } from "../hooks-B_0PVsdp.js";
+import { n as usePromotedLookupMethods, t as usePromotedMethodEntities } from "../usePromotedMethodEntities-CKfXJwBP.js";
+import { t as useQueryExecutors } from "../useQueryExecutors-6dxzYiaQ.js";
+import { t as useSearchFilterParamsMap } from "../useSearchFilterParamsMap-BR31_fpl.js";
 import { t as useSplitDecimal } from "../useSplitDecimal-CsxaeRaU.js";
-import { t as useVirtualActions } from "../virtualActions-B788CBd7.js";
+import { t as useVirtualActions } from "../virtualActions-DGiVDudB.js";
 import { t as useUpdateSearchParams } from "../useUpdateSearchParams-HVBDF-DL.js";
 
 export { useActionState, useActions, useApiCatalog, useCrudActions, useDateLocale, useDynamicListCalculation, useFluentIcon, useItemSubCard, useOutlook, usePreloadPages, useProductVersion, usePromotedLookupMethods, usePromotedMethodEntities, usePromotedMethodEntity, useQueryExecutors, useSearchFilterParamsMap, useSetLocationState, useSplitDecimal, useUpdateSearchParams, useVirtualActions, useWorkflow };

package/dist/{hooks-BNndjGer.js → hooks-B_0PVsdp.js}

@@ -1,8 +1,8 @@
 import { t as ConfigService } from "./configService-C4uoG3wj.js";
 import { t as useUser } from "./useUser-wpHGo6jU.js";
-import { t as apiMutate } from "./useAxiosMutate-DeqKSi5z.js";
+import { t as apiMutate } from "./useAxiosMutate-CChDJc0L.js";
 import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
-import { t as useAxiosGet } from "./useAxiosGet-CYnt6Hd0.js";
+import { t as useAxiosGet } from "./useAxiosGet-B3uusywz.js";
 import { t as useWorkflowStore } from "./workflowStore-CCoN5uHd.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { DateTime } from "luxon";
@@ -280,4 +280,4 @@ const usePreloadPages = () => {
 
 //#endregion
 export { useOutlook as a, useProductVersion as i, useWorkflow as n, useDateLocale as r, usePreloadPages as t };
-//# sourceMappingURL=hooks-BNndjGer.js.map
+//# sourceMappingURL=hooks-B_0PVsdp.js.map

package/dist/{hooks-BNndjGer.js.map → hooks-B_0PVsdp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"hooks-BNndjGer.js","names":["error"],"sources":["../src/hooks/useOutlook.js","../src/hooks/useProductVersion.js","../src/hooks/useDateLocale.ts","../src/hooks/useWorkflow.js","../src/hooks/usePreloadPages.js"],"sourcesContent":["import { apiMutate } from '../utilities/useAxiosMutate';\nimport { useEffect } from 'react';\nimport { ConfigService } from '../configService';\n\nexport const useOutlook = (callbackUri, onLogin) => {\n\n    const invalidateUserSession = async () => {\n        try {\n            // if (ConfigService.integrationV2ApiUrl === undefined) {\n            //     throw new Error('REACT_APP_INTEGRATION_V2_API_BASE is undefined')\n            // }\n            // const accessToken = localStorage.getItem('outlookAccessToken');\n            // const response = await apiMutate(\n            //     ConfigService.integrationV2ApiUrl,\n            //     `OutlookIntegrationAccessToken/invalidateUserSession`,\n            //     {\n            //         method: \"post\",\n            //         headers : {\n            //             OutlookAccessToken: accessToken\n            //         }\n            //     }\n            // )\n\n        } catch (error) {\n            console.error('Error refreshing access token:', error);\n            return null;\n        // }\n            } finally {\n            try {\n                localStorage.removeItem('outlookAccessToken');\n              } catch (error) {\n                console.error('Error removing accessToken:', error);\n              }\n\n              try {\n                localStorage.removeItem('outlookRefreshToken');\n              } catch (error) {\n                console.error('Error removing refreshToken:', error);\n              }\n\n              try {\n                localStorage.removeItem('outlookExpiresAt');\n              } catch (error) {\n                console.error('Error removing expiresAt:', error);\n              }\n\n        }\n    }\n\n    const getAccessToken = async () => {\n        let accessToken = localStorage.getItem('outlookAccessToken');\n\n        if (!accessToken) {\n            throw(new Error(\"No access token found\"));\n        }\n\n        const expiresAt = localStorage.getItem('outlookExpiresAt');\n        if (expiresAt && !isBeforeCurrentTime(expiresAt)) {\n            return accessToken;\n        }\n\n        const refreshToken = localStorage.getItem('outlookRefreshToken');\n        if (!refreshToken) {\n            throw(new Error(\"No refresh token found\"));\n        }\n\n        try {\n            if (ConfigService.integrationV2ApiUrl === undefined) {\n                throw new Error('REACT_APP_INTEGRATION_V2_API_BASE is undefined')\n            }\n            const response = await apiMutate(\n                ConfigService.integrationV2ApiUrl,\n                `OutlookIntegrationAccessToken/getAccessToken`,\n                {\n                    method: \"post\",\n                    data: {\n                        option: \"refresh_token\",\n                        value: refreshToken,\n                        redirectUri: ConfigService.config.UNITY_URL + \"/aad_redirect\"\n                    }\n                }\n            )\n            const data = response.data;\n            if (data.accessToken != null && data.refreshToken != null && data.expiresIn != null) {\n              localStorage.setItem('outlookAccessToken', data.accessToken);\n              localStorage.setItem('outlookRefreshToken', data.refreshToken);\n              localStorage.setItem('outlookExpiresAt', addSecondsToCurrentTimeUnix(data.expiresIn));\n              return data.accessToken;\n            } else {\n                throw(new Error(\"Error: unable to get access token\"));\n            }\n\n        } catch (error) {\n            console.error('Error refreshing access token:', error);\n            return null;\n        }\n    };\n\n    const login = () => {\n\n        const baseUrl = 'https://login.microsoftonline.com/common/oauth2/v2.0/authorize';\n        const clientId = process.env.REACT_APP_MSAL_API_CLIENT_ID;\n        const responseType = 'code';\n        const redirectUri = `${ConfigService.config.UNITY_URL}/aad_redirect`;\n        const responseMode = 'query';\n        const scope = [\n            'https://graph.microsoft.com/Calendars.ReadWrite',\n            'https://graph.microsoft.com/Calendars.ReadWrite.Shared',\n            'https://graph.microsoft.com/OnlineMeetingTranscript.Read.All',\n            'https://graph.microsoft.com/OnlineMeetings.Read',\n        ].join('%20'); // Join scopes with URL-encoded space\n\n        const authUrl = `${baseUrl}?client_id=${clientId}&response_type=${responseType}&redirect_uri=${redirectUri}&response_mode=${responseMode}&scope=${scope}&state=${callbackUri}`;\n        openLoginPopup(authUrl)\n        // window.location.href = authUrl;\n    }\n\n\n    function openLoginPopup(url) {\n        var width = 600;\n        var height = 600;\n        var left = (screen.width - width) / 2;\n        var top = (screen.height - height) / 2;\n        var features = `width=${width},height=${height},top=${top},left=${left},status=no,toolbar=no,menubar=no,location=no`;\n\n        var popup = window.open(url, 'LoginPopup', features);\n        return popup;\n    }\n    function addSecondsToCurrentTimeUnix(seconds) {\n        var now = new Date();\n        now.setSeconds(now.getSeconds() + seconds);\n        return now.getTime();\n    }\n\n    function isBeforeCurrentTime(unixTime) {\n        var now = new Date().getTime();\n        return unixTime < now;\n    }\n\n    const isUserSignedIn = () => {\n        const accessToken = localStorage.getItem('outlookAccessToken');\n        const refreshToken = localStorage.getItem('outlookRefreshToken');\n        const expiresAt = localStorage.getItem('outlookExpiresAt');\n        if (accessToken && refreshToken && expiresAt && !isBeforeCurrentTime(expiresAt)) {\n            return true;\n        } else {\n            return false;\n        }\n    }\n\n    useEffect(() => {\n        const handleStorageChange = (event) => {\n          if (event.key === 'outlookAccessToken') {\n            onLogin();\n          }\n        };\n\n        window.addEventListener('storage', handleStorageChange);\n\n        // Clean up the event listener\n        return () => {\n          window.removeEventListener('storage', handleStorageChange);\n        };\n      }, []);\n    return {getAccessToken, invalidateUserSession, login, isUserSignedIn};\n}\n","import { useUser } from '../utilities/auth/useUser';\n\nexport const useProductVersion = (productId) => {\n  const user = useUser();\n\n  const matchingProduct = user?.products?.find(\n    (product) => product?.productId === productId\n  );\n\n  return matchingProduct?.currentProductVersionId || '';\n};\n","import React, { useMemo } from 'react'\nimport {DateTime} from 'luxon'\n\n// TODO: tie in datetime config at the user or tenant level\n\nexport interface UseDateLocaleReturn {\n    convertISOStringToLocalDateTime: (date: string) => string | null;\n    convertISOStringToLocalDate: (date: string) => string | null;\n    getISODate: () => string;\n}\n\nexport const useDateLocale = (\n    datetimeFormatOptions : Intl.DateTimeFormatOptions | null = null,\n    locale: string | null = null\n): UseDateLocaleReturn => {\n\n    const dateTimeOptions: Intl.DateTimeFormatOptions = useMemo(() => (datetimeFormatOptions ?? {\n        timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n        year: 'numeric',\n        month: 'short',\n        day: 'numeric',\n        hour: 'numeric',\n        minute: 'numeric',\n        hour12: true,\n    }), [datetimeFormatOptions]);\n\n    const localeString: string = useMemo(() => locale ?? navigator.language,[locale]);\n\n    const convertISOStringToLocalDateTime = (date: string): string | null => {\n        const luxonDateTime = DateTime.fromISO(date, {zone: 'utc'});\n        luxonDateTime.setZone(dateTimeOptions.timeZone);\n\n        luxonDateTime.setLocale(localeString);\n\n        if(!luxonDateTime.isValid)\n        {\n            return null;\n        }\n        return luxonDateTime.toLocaleString(dateTimeOptions);\n\n    }\n\n    const convertISOStringToLocalDate = (date: string): string | null => {\n        const luxonDateTime = DateTime.fromISO(date);\n        luxonDateTime.setZone(dateTimeOptions.timeZone);\n\n        luxonDateTime.setLocale(localeString);\n        if(!luxonDateTime.isValid)\n        {\n            return null;\n        }\n        const { hour, minute, ...dateOptions} = dateTimeOptions;\n        return luxonDateTime.toLocaleString(dateOptions);\n    }\n\n    const getISODate = ():string => {\n        return DateTime.now().toISO({includeOffset:true, suppressMilliseconds: true})\n    }\n\n    return {\n        convertISOStringToLocalDateTime: convertISOStringToLocalDateTime,\n        convertISOStringToLocalDate: convertISOStringToLocalDate,\n        getISODate: getISODate\n    };\n}\n","import { useCallback } from 'react';\nimport { useWorkflowStore } from '../stores/workflowStore';\n\nexport const useWorkflow = () => {\n  const { updateTaskDataMap } = useWorkflowStore();\n\n  const setWorkflowTaskPageData = useCallback(\n    (taskId, pageId, data) => {\n      updateTaskDataMap(taskId, pageId, data);\n    },\n    [updateTaskDataMap]\n  );\n\n  return {\n    setWorkflowTaskPageData\n  };\n};\n","import { useEffect, useState, useCallback, useRef } from 'react';\nimport { useUser } from '../utilities/auth/useUser';\nimport { ConfigService } from '../configService';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport {useShellStore} from '../stores/shellStore';\n\n// Global cache to store preloaded modules (persists across component re-renders)\n// This prevents re-fetching modules when navigating to pages\nconst preloadedModulesCache = new Map();\n\n/**\n * Custom hook to preload all pages for a product.\n * This eliminates sequential server calls when navigating to /page/<id>\n * by fetching all page metadata in a single API call on mount.\n * After fetching metadata, it preloads the actual widget modules in the background.\n *\n * @param {Function} getWidget - Function to load widget modules\n * @returns {Object} - { pages, loading, error, refetch, preloadingWidgets }\n */\nexport const usePreloadPages = () => {\n  const user = useUser();\n  const [preloadingWidgets, setPreloadingWidgets] = useState(false);\n  const [preloadedWidgets, setPreloadedWidgets] = useState(new Set());\n  const { getWidget } = useShellStore();\n  const preloadingRef = useRef(false); // Prevent duplicate preloading\n\n\n  // Build the query parameters for the pages endpoint\n  const queryParams = `page/product/${ConfigService.config.UNITY_PRODUCT_ID}?includeUdpPages=true`;\n\n  // Fetch pages data - manual is true if user is not available\n  const [{ data: pages, loading, error }, refetch] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    queryParams,\n    {},\n    !!!user?.id || !!!user?.currentTenantId, // Skip if user info not available\n    false // Don't use cache for fresh data\n  );\n\n  // Preload widget modules in the background after pages are fetched\n  useEffect(() => {\n    if (!pages || pages.length === 0 || !getWidget || preloadingRef.current) {\n      return;\n    }\n\n    // Background preloading function\n    const preloadWidgets = async () => {\n      preloadingRef.current = true;\n      setPreloadingWidgets(true);\n\n      // Collect all unique widget types from all pages\n      const widgetTypes = new Set();\n\n      for (const page of pages) {\n        try {\n          // Parse the widgets field which contains JSON string\n          if (page.widgets) {\n            // The widgets field is a JSON object where the key is the pageId\n            // and the value is a JSON string containing an array of widgets\n            const widgetsObj = JSON.parse(page.widgets);\n            const widgetsJson = widgetsObj[page.pageId];\n\n            if (widgetsJson) {\n              const widgetsList = JSON.parse(widgetsJson);\n\n              // Extract widget types from the array\n              if (Array.isArray(widgetsList)) {\n                widgetsList.forEach(widget => {\n                  if (widget.widgetType && widget.widgetType !== '0') {\n                    widgetTypes.add(widget.widgetType);\n                  }\n                });\n              }\n            }\n          }\n        } catch (error) {\n          console.warn(`Failed to parse widgets for page ${page.name || page.pageId}:`, error);\n        }\n      }\n\n      // Iterate through unique widget types and preload each module\n      for (const widgetType of widgetTypes) {\n        // Skip if already preloaded or no valid widget type\n        if (!widgetType || preloadedWidgets.has(widgetType) || preloadedModulesCache.has(widgetType)) {\n          continue;\n        }\n\n        try {\n          // Call getWidget in the background to preload the module\n          const lazyComponent = await getWidget(widgetType);\n\n          // If it's a React.lazy component, we need to resolve its internal promise\n          // React.lazy components have a _payload that stores the loading state\n          if (lazyComponent && typeof lazyComponent === 'object' && lazyComponent._payload) {\n            const payload = lazyComponent._payload;\n\n            // Check if the payload is still pending (status: -1 = pending, 0 = error, 1 = success)\n            if (payload._status === undefined || payload._status === -1) {\n              // The module hasn't been loaded yet - trigger the import\n              if (typeof payload._result === 'function') {\n                // _result is the import() function - call it\n                try {\n                  const module = await payload._result();\n                  // Update the lazy component's internal state\n                  payload._status = 1; // Success\n                  payload._result = module;\n                  console.log(widgetType, module);\n                  preloadedModulesCache.set(widgetType, module);\n                  console.log(`✓ Preloaded and cached: ${widgetType}`);\n                } catch (err) {\n                  payload._status = 0; // Error\n                  payload._result = err;\n                  throw err;\n                }\n              }\n            } else if (payload._status === 1) {\n              // Already loaded - just cache it\n              preloadedModulesCache.set(widgetType, payload._result);\n              console.log(`✓ Already loaded: ${widgetType}`);\n            }\n          }\n\n          // Mark as preloaded\n          setPreloadedWidgets((prev) => new Set([...prev, widgetType]));\n        } catch (error) {\n          // Silently fail - don't want to block or show errors for background preloading\n          console.warn(`✗ Failed to preload widget: ${widgetType}`, error);\n        }\n      }\n\n      setPreloadingWidgets(false);\n    };\n\n    // Run preloading in background without blocking\n    preloadWidgets();\n  }, [pages, getWidget, preloadedWidgets]);\n\n  /**\n   * Helper function to find a page by ID from the preloaded pages\n   * @param {string} pageId - The page ID to search for\n   * @returns {Object|undefined} - The page object if found\n   */\n  const getPageById = useCallback(\n    (pageId) => {\n      if (!pages || !Array.isArray(pages)) return undefined;\n      return pages.find((page) => page.pageId === pageId || page.id === pageId);\n    },\n    [pages]\n  );\n\n  /**\n   * Helper function to check if a page name is valid (exists in preloaded pages)\n   * @param {string} pageName - The page name to check\n   * @returns {boolean} - True if the page name exists\n   */\n  const isValidPageName = useCallback(\n    (pageName) => {\n      if (!pages || !Array.isArray(pages)) return false;\n      return pages.some(\n        (page) => page.name === pageName || page.componentName === pageName\n      );\n    },\n    [pages]\n  );\n\n  /**\n   * Check if a module has been preloaded and cached\n   * @param {string} pageName - The page/widget name\n   * @returns {boolean} - True if the module is cached\n   */\n  const isModulePreloaded = useCallback(\n    (pageName) => preloadedModulesCache.has(pageName),\n    []\n  );\n\n  /**\n   * Get a preloaded module from cache (if available)\n   * @param {string} pageName - The page/widget name\n   * @returns {Object|undefined} - The cached module or undefined\n   */\n  const getPreloadedModule = useCallback(\n    (pageName) => preloadedModulesCache.get(pageName),\n    []\n  );\n\n  return {\n    pages,\n    loading,\n    error,\n    refetch,\n    getPageById,\n    isValidPageName,\n    preloadingWidgets,\n    preloadedCount: preloadedWidgets.size,\n    isModulePreloaded,\n    getPreloadedModule,\n    // Expose the cache for debugging\n    _cache: preloadedModulesCache\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"hooks-B_0PVsdp.js","names":["error"],"sources":["../src/hooks/useOutlook.js","../src/hooks/useProductVersion.js","../src/hooks/useDateLocale.ts","../src/hooks/useWorkflow.js","../src/hooks/usePreloadPages.js"],"sourcesContent":["import { apiMutate } from '../utilities/useAxiosMutate';\nimport { useEffect } from 'react';\nimport { ConfigService } from '../configService';\n\nexport const useOutlook = (callbackUri, onLogin) => {\n\n    const invalidateUserSession = async () => {\n        try {\n            // if (ConfigService.integrationV2ApiUrl === undefined) {\n            //     throw new Error('REACT_APP_INTEGRATION_V2_API_BASE is undefined')\n            // }\n            // const accessToken = localStorage.getItem('outlookAccessToken');\n            // const response = await apiMutate(\n            //     ConfigService.integrationV2ApiUrl,\n            //     `OutlookIntegrationAccessToken/invalidateUserSession`,\n            //     {\n            //         method: \"post\",\n            //         headers : {\n            //             OutlookAccessToken: accessToken\n            //         }\n            //     }\n            // )\n\n        } catch (error) {\n            console.error('Error refreshing access token:', error);\n            return null;\n        // }\n            } finally {\n            try {\n                localStorage.removeItem('outlookAccessToken');\n              } catch (error) {\n                console.error('Error removing accessToken:', error);\n              }\n\n              try {\n                localStorage.removeItem('outlookRefreshToken');\n              } catch (error) {\n                console.error('Error removing refreshToken:', error);\n              }\n\n              try {\n                localStorage.removeItem('outlookExpiresAt');\n              } catch (error) {\n                console.error('Error removing expiresAt:', error);\n              }\n\n        }\n    }\n\n    const getAccessToken = async () => {\n        let accessToken = localStorage.getItem('outlookAccessToken');\n\n        if (!accessToken) {\n            throw(new Error(\"No access token found\"));\n        }\n\n        const expiresAt = localStorage.getItem('outlookExpiresAt');\n        if (expiresAt && !isBeforeCurrentTime(expiresAt)) {\n            return accessToken;\n        }\n\n        const refreshToken = localStorage.getItem('outlookRefreshToken');\n        if (!refreshToken) {\n            throw(new Error(\"No refresh token found\"));\n        }\n\n        try {\n            if (ConfigService.integrationV2ApiUrl === undefined) {\n                throw new Error('REACT_APP_INTEGRATION_V2_API_BASE is undefined')\n            }\n            const response = await apiMutate(\n                ConfigService.integrationV2ApiUrl,\n                `OutlookIntegrationAccessToken/getAccessToken`,\n                {\n                    method: \"post\",\n                    data: {\n                        option: \"refresh_token\",\n                        value: refreshToken,\n                        redirectUri: ConfigService.config.UNITY_URL + \"/aad_redirect\"\n                    }\n                }\n            )\n            const data = response.data;\n            if (data.accessToken != null && data.refreshToken != null && data.expiresIn != null) {\n              localStorage.setItem('outlookAccessToken', data.accessToken);\n              localStorage.setItem('outlookRefreshToken', data.refreshToken);\n              localStorage.setItem('outlookExpiresAt', addSecondsToCurrentTimeUnix(data.expiresIn));\n              return data.accessToken;\n            } else {\n                throw(new Error(\"Error: unable to get access token\"));\n            }\n\n        } catch (error) {\n            console.error('Error refreshing access token:', error);\n            return null;\n        }\n    };\n\n    const login = () => {\n\n        const baseUrl = 'https://login.microsoftonline.com/common/oauth2/v2.0/authorize';\n        const clientId = process.env.REACT_APP_MSAL_API_CLIENT_ID;\n        const responseType = 'code';\n        const redirectUri = `${ConfigService.config.UNITY_URL}/aad_redirect`;\n        const responseMode = 'query';\n        const scope = [\n            'https://graph.microsoft.com/Calendars.ReadWrite',\n            'https://graph.microsoft.com/Calendars.ReadWrite.Shared',\n            'https://graph.microsoft.com/OnlineMeetingTranscript.Read.All',\n            'https://graph.microsoft.com/OnlineMeetings.Read',\n        ].join('%20'); // Join scopes with URL-encoded space\n\n        const authUrl = `${baseUrl}?client_id=${clientId}&response_type=${responseType}&redirect_uri=${redirectUri}&response_mode=${responseMode}&scope=${scope}&state=${callbackUri}`;\n        openLoginPopup(authUrl)\n        // window.location.href = authUrl;\n    }\n\n\n    function openLoginPopup(url) {\n        var width = 600;\n        var height = 600;\n        var left = (screen.width - width) / 2;\n        var top = (screen.height - height) / 2;\n        var features = `width=${width},height=${height},top=${top},left=${left},status=no,toolbar=no,menubar=no,location=no`;\n\n        var popup = window.open(url, 'LoginPopup', features);\n        return popup;\n    }\n    function addSecondsToCurrentTimeUnix(seconds) {\n        var now = new Date();\n        now.setSeconds(now.getSeconds() + seconds);\n        return now.getTime();\n    }\n\n    function isBeforeCurrentTime(unixTime) {\n        var now = new Date().getTime();\n        return unixTime < now;\n    }\n\n    const isUserSignedIn = () => {\n        const accessToken = localStorage.getItem('outlookAccessToken');\n        const refreshToken = localStorage.getItem('outlookRefreshToken');\n        const expiresAt = localStorage.getItem('outlookExpiresAt');\n        if (accessToken && refreshToken && expiresAt && !isBeforeCurrentTime(expiresAt)) {\n            return true;\n        } else {\n            return false;\n        }\n    }\n\n    useEffect(() => {\n        const handleStorageChange = (event) => {\n          if (event.key === 'outlookAccessToken') {\n            onLogin();\n          }\n        };\n\n        window.addEventListener('storage', handleStorageChange);\n\n        // Clean up the event listener\n        return () => {\n          window.removeEventListener('storage', handleStorageChange);\n        };\n      }, []);\n    return {getAccessToken, invalidateUserSession, login, isUserSignedIn};\n}\n","import { useUser } from '../utilities/auth/useUser';\n\nexport const useProductVersion = (productId) => {\n  const user = useUser();\n\n  const matchingProduct = user?.products?.find(\n    (product) => product?.productId === productId\n  );\n\n  return matchingProduct?.currentProductVersionId || '';\n};\n","import React, { useMemo } from 'react'\nimport {DateTime} from 'luxon'\n\n// TODO: tie in datetime config at the user or tenant level\n\nexport interface UseDateLocaleReturn {\n    convertISOStringToLocalDateTime: (date: string) => string | null;\n    convertISOStringToLocalDate: (date: string) => string | null;\n    getISODate: () => string;\n}\n\nexport const useDateLocale = (\n    datetimeFormatOptions : Intl.DateTimeFormatOptions | null = null,\n    locale: string | null = null\n): UseDateLocaleReturn => {\n\n    const dateTimeOptions: Intl.DateTimeFormatOptions = useMemo(() => (datetimeFormatOptions ?? {\n        timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n        year: 'numeric',\n        month: 'short',\n        day: 'numeric',\n        hour: 'numeric',\n        minute: 'numeric',\n        hour12: true,\n    }), [datetimeFormatOptions]);\n\n    const localeString: string = useMemo(() => locale ?? navigator.language,[locale]);\n\n    const convertISOStringToLocalDateTime = (date: string): string | null => {\n        const luxonDateTime = DateTime.fromISO(date, {zone: 'utc'});\n        luxonDateTime.setZone(dateTimeOptions.timeZone);\n\n        luxonDateTime.setLocale(localeString);\n\n        if(!luxonDateTime.isValid)\n        {\n            return null;\n        }\n        return luxonDateTime.toLocaleString(dateTimeOptions);\n\n    }\n\n    const convertISOStringToLocalDate = (date: string): string | null => {\n        const luxonDateTime = DateTime.fromISO(date);\n        luxonDateTime.setZone(dateTimeOptions.timeZone);\n\n        luxonDateTime.setLocale(localeString);\n        if(!luxonDateTime.isValid)\n        {\n            return null;\n        }\n        const { hour, minute, ...dateOptions} = dateTimeOptions;\n        return luxonDateTime.toLocaleString(dateOptions);\n    }\n\n    const getISODate = ():string => {\n        return DateTime.now().toISO({includeOffset:true, suppressMilliseconds: true})\n    }\n\n    return {\n        convertISOStringToLocalDateTime: convertISOStringToLocalDateTime,\n        convertISOStringToLocalDate: convertISOStringToLocalDate,\n        getISODate: getISODate\n    };\n}\n","import { useCallback } from 'react';\nimport { useWorkflowStore } from '../stores/workflowStore';\n\nexport const useWorkflow = () => {\n  const { updateTaskDataMap } = useWorkflowStore();\n\n  const setWorkflowTaskPageData = useCallback(\n    (taskId, pageId, data) => {\n      updateTaskDataMap(taskId, pageId, data);\n    },\n    [updateTaskDataMap]\n  );\n\n  return {\n    setWorkflowTaskPageData\n  };\n};\n","import { useEffect, useState, useCallback, useRef } from 'react';\nimport { useUser } from '../utilities/auth/useUser';\nimport { ConfigService } from '../configService';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport {useShellStore} from '../stores/shellStore';\n\n// Global cache to store preloaded modules (persists across component re-renders)\n// This prevents re-fetching modules when navigating to pages\nconst preloadedModulesCache = new Map();\n\n/**\n * Custom hook to preload all pages for a product.\n * This eliminates sequential server calls when navigating to /page/<id>\n * by fetching all page metadata in a single API call on mount.\n * After fetching metadata, it preloads the actual widget modules in the background.\n *\n * @param {Function} getWidget - Function to load widget modules\n * @returns {Object} - { pages, loading, error, refetch, preloadingWidgets }\n */\nexport const usePreloadPages = () => {\n  const user = useUser();\n  const [preloadingWidgets, setPreloadingWidgets] = useState(false);\n  const [preloadedWidgets, setPreloadedWidgets] = useState(new Set());\n  const { getWidget } = useShellStore();\n  const preloadingRef = useRef(false); // Prevent duplicate preloading\n\n\n  // Build the query parameters for the pages endpoint\n  const queryParams = `page/product/${ConfigService.config.UNITY_PRODUCT_ID}?includeUdpPages=true`;\n\n  // Fetch pages data - manual is true if user is not available\n  const [{ data: pages, loading, error }, refetch] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    queryParams,\n    {},\n    !!!user?.id || !!!user?.currentTenantId, // Skip if user info not available\n    false // Don't use cache for fresh data\n  );\n\n  // Preload widget modules in the background after pages are fetched\n  useEffect(() => {\n    if (!pages || pages.length === 0 || !getWidget || preloadingRef.current) {\n      return;\n    }\n\n    // Background preloading function\n    const preloadWidgets = async () => {\n      preloadingRef.current = true;\n      setPreloadingWidgets(true);\n\n      // Collect all unique widget types from all pages\n      const widgetTypes = new Set();\n\n      for (const page of pages) {\n        try {\n          // Parse the widgets field which contains JSON string\n          if (page.widgets) {\n            // The widgets field is a JSON object where the key is the pageId\n            // and the value is a JSON string containing an array of widgets\n            const widgetsObj = JSON.parse(page.widgets);\n            const widgetsJson = widgetsObj[page.pageId];\n\n            if (widgetsJson) {\n              const widgetsList = JSON.parse(widgetsJson);\n\n              // Extract widget types from the array\n              if (Array.isArray(widgetsList)) {\n                widgetsList.forEach(widget => {\n                  if (widget.widgetType && widget.widgetType !== '0') {\n                    widgetTypes.add(widget.widgetType);\n                  }\n                });\n              }\n            }\n          }\n        } catch (error) {\n          console.warn(`Failed to parse widgets for page ${page.name || page.pageId}:`, error);\n        }\n      }\n\n      // Iterate through unique widget types and preload each module\n      for (const widgetType of widgetTypes) {\n        // Skip if already preloaded or no valid widget type\n        if (!widgetType || preloadedWidgets.has(widgetType) || preloadedModulesCache.has(widgetType)) {\n          continue;\n        }\n\n        try {\n          // Call getWidget in the background to preload the module\n          const lazyComponent = await getWidget(widgetType);\n\n          // If it's a React.lazy component, we need to resolve its internal promise\n          // React.lazy components have a _payload that stores the loading state\n          if (lazyComponent && typeof lazyComponent === 'object' && lazyComponent._payload) {\n            const payload = lazyComponent._payload;\n\n            // Check if the payload is still pending (status: -1 = pending, 0 = error, 1 = success)\n            if (payload._status === undefined || payload._status === -1) {\n              // The module hasn't been loaded yet - trigger the import\n              if (typeof payload._result === 'function') {\n                // _result is the import() function - call it\n                try {\n                  const module = await payload._result();\n                  // Update the lazy component's internal state\n                  payload._status = 1; // Success\n                  payload._result = module;\n                  console.log(widgetType, module);\n                  preloadedModulesCache.set(widgetType, module);\n                  console.log(`✓ Preloaded and cached: ${widgetType}`);\n                } catch (err) {\n                  payload._status = 0; // Error\n                  payload._result = err;\n                  throw err;\n                }\n              }\n            } else if (payload._status === 1) {\n              // Already loaded - just cache it\n              preloadedModulesCache.set(widgetType, payload._result);\n              console.log(`✓ Already loaded: ${widgetType}`);\n            }\n          }\n\n          // Mark as preloaded\n          setPreloadedWidgets((prev) => new Set([...prev, widgetType]));\n        } catch (error) {\n          // Silently fail - don't want to block or show errors for background preloading\n          console.warn(`✗ Failed to preload widget: ${widgetType}`, error);\n        }\n      }\n\n      setPreloadingWidgets(false);\n    };\n\n    // Run preloading in background without blocking\n    preloadWidgets();\n  }, [pages, getWidget, preloadedWidgets]);\n\n  /**\n   * Helper function to find a page by ID from the preloaded pages\n   * @param {string} pageId - The page ID to search for\n   * @returns {Object|undefined} - The page object if found\n   */\n  const getPageById = useCallback(\n    (pageId) => {\n      if (!pages || !Array.isArray(pages)) return undefined;\n      return pages.find((page) => page.pageId === pageId || page.id === pageId);\n    },\n    [pages]\n  );\n\n  /**\n   * Helper function to check if a page name is valid (exists in preloaded pages)\n   * @param {string} pageName - The page name to check\n   * @returns {boolean} - True if the page name exists\n   */\n  const isValidPageName = useCallback(\n    (pageName) => {\n      if (!pages || !Array.isArray(pages)) return false;\n      return pages.some(\n        (page) => page.name === pageName || page.componentName === pageName\n      );\n    },\n    [pages]\n  );\n\n  /**\n   * Check if a module has been preloaded and cached\n   * @param {string} pageName - The page/widget name\n   * @returns {boolean} - True if the module is cached\n   */\n  const isModulePreloaded = useCallback(\n    (pageName) => preloadedModulesCache.has(pageName),\n    []\n  );\n\n  /**\n   * Get a preloaded module from cache (if available)\n   * @param {string} pageName - The page/widget name\n   * @returns {Object|undefined} - The cached module or undefined\n   */\n  const getPreloadedModule = useCallback(\n    (pageName) => preloadedModulesCache.get(pageName),\n    []\n  );\n\n  return {\n    pages,\n    loading,\n    error,\n    refetch,\n    getPageById,\n    isValidPageName,\n    preloadingWidgets,\n    preloadedCount: preloadedWidgets.size,\n    isModulePreloaded,\n    getPreloadedModule,\n    // Expose the cache for debugging\n    _cache: preloadedModulesCache\n  };\n};\n"],"mappings":";;;;;;;;;;AAIA,MAAa,cAAc,aAAa,YAAY;CAEhD,MAAM,wBAAwB,YAAY;AAsBlC,MAAI;AACA,gBAAa,WAAW,qBAAqB;WACtC,OAAO;AACd,WAAQ,MAAM,+BAA+B,MAAM;;AAGrD,MAAI;AACF,gBAAa,WAAW,sBAAsB;WACvC,OAAO;AACd,WAAQ,MAAM,gCAAgC,MAAM;;AAGtD,MAAI;AACF,gBAAa,WAAW,mBAAmB;WACpC,OAAO;AACd,WAAQ,MAAM,6BAA6B,MAAM;;;CAM7D,MAAM,iBAAiB,YAAY;EAC/B,IAAI,cAAc,aAAa,QAAQ,qBAAqB;AAE5D,MAAI,CAAC,YACD,uBAAM,IAAI,MAAM,wBAAwB;EAG5C,MAAM,YAAY,aAAa,QAAQ,mBAAmB;AAC1D,MAAI,aAAa,CAAC,oBAAoB,UAAU,CAC5C,QAAO;EAGX,MAAM,eAAe,aAAa,QAAQ,sBAAsB;AAChE,MAAI,CAAC,aACD,uBAAM,IAAI,MAAM,yBAAyB;AAG7C,MAAI;AACA,OAAI,cAAc,wBAAwB,OACtC,OAAM,IAAI,MAAM,iDAAiD;GAcrE,MAAM,QAZW,MAAM,UACnB,cAAc,qBACd,gDACA;IACI,QAAQ;IACR,MAAM;KACF,QAAQ;KACR,OAAO;KACP,aAAa,cAAc,OAAO,YAAY;KACjD;IACJ,CACJ,EACqB;AACtB,OAAI,KAAK,eAAe,QAAQ,KAAK,gBAAgB,QAAQ,KAAK,aAAa,MAAM;AACnF,iBAAa,QAAQ,sBAAsB,KAAK,YAAY;AAC5D,iBAAa,QAAQ,uBAAuB,KAAK,aAAa;AAC9D,iBAAa,QAAQ,oBAAoB,4BAA4B,KAAK,UAAU,CAAC;AACrF,WAAO,KAAK;SAEV,uBAAM,IAAI,MAAM,oCAAoC;WAGnD,OAAO;AACZ,WAAQ,MAAM,kCAAkC,MAAM;AACtD,UAAO;;;CAIf,MAAM,cAAc;AAehB,iBADgB,4EAXC,QAAQ,IAAI,6BAWoB,mCAT7B,GAAG,cAAc,OAAO,UAAU,eASqD,6BAP7F;GACV;GACA;GACA;GACA;GACH,CAAC,KAAK,MAAM,CAE2I,SAAS,cAC1I;;CAK3B,SAAS,eAAe,KAAK;EACzB,IAAI,QAAQ;EACZ,IAAI,SAAS;EACb,IAAI,QAAQ,OAAO,QAAQ,SAAS;EAEpC,IAAI,WAAW,SAAS,MAAM,UAAU,OAAO,QADpC,OAAO,SAAS,UAAU,EACqB,QAAQ,KAAK;AAGvE,SADY,OAAO,KAAK,KAAK,cAAc,SAAS;;CAGxD,SAAS,4BAA4B,SAAS;EAC1C,IAAI,sBAAM,IAAI,MAAM;AACpB,MAAI,WAAW,IAAI,YAAY,GAAG,QAAQ;AAC1C,SAAO,IAAI,SAAS;;CAGxB,SAAS,oBAAoB,UAAU;AAEnC,SAAO,4BADG,IAAI,MAAM,EAAC,SAAS;;CAIlC,MAAM,uBAAuB;EACzB,MAAM,cAAc,aAAa,QAAQ,qBAAqB;EAC9D,MAAM,eAAe,aAAa,QAAQ,sBAAsB;EAChE,MAAM,YAAY,aAAa,QAAQ,mBAAmB;AAC1D,MAAI,eAAe,gBAAgB,aAAa,CAAC,oBAAoB,UAAU,CAC3E,QAAO;MAEP,QAAO;;AAIf,iBAAgB;EACZ,MAAM,uBAAuB,UAAU;AACrC,OAAI,MAAM,QAAQ,qBAChB,UAAS;;AAIb,SAAO,iBAAiB,WAAW,oBAAoB;AAGvD,eAAa;AACX,UAAO,oBAAoB,WAAW,oBAAoB;;IAE3D,EAAE,CAAC;AACR,QAAO;EAAC;EAAgB;EAAuB;EAAO;EAAe;;;;;AClKzE,MAAa,qBAAqB,cAAc;AAO9C,SANa,SAAS,EAEQ,UAAU,MACrC,YAAY,SAAS,cAAc,UACrC,GAEuB,2BAA2B;;;;;ACErD,MAAa,iBACT,wBAA4D,MAC5D,SAAwB,SACF;CAEtB,MAAM,kBAA8C,cAAe,yBAAyB;EACxF,UAAU,KAAK,gBAAgB,CAAC,iBAAiB,CAAC;EAClD,MAAM;EACN,OAAO;EACP,KAAK;EACL,MAAM;EACN,QAAQ;EACR,QAAQ;EACX,EAAG,CAAC,sBAAsB,CAAC;CAE5B,MAAM,eAAuB,cAAc,UAAU,UAAU,UAAS,CAAC,OAAO,CAAC;CAEjF,MAAM,mCAAmC,SAAgC;EACrE,MAAM,gBAAgB,SAAS,QAAQ,MAAM,EAAC,MAAM,OAAM,CAAC;AAC3D,gBAAc,QAAQ,gBAAgB,SAAS;AAE/C,gBAAc,UAAU,aAAa;AAErC,MAAG,CAAC,cAAc,QAEd,QAAO;AAEX,SAAO,cAAc,eAAe,gBAAgB;;CAIxD,MAAM,+BAA+B,SAAgC;EACjE,MAAM,gBAAgB,SAAS,QAAQ,KAAK;AAC5C,gBAAc,QAAQ,gBAAgB,SAAS;AAE/C,gBAAc,UAAU,aAAa;AACrC,MAAG,CAAC,cAAc,QAEd,QAAO;EAEX,MAAM,EAAE,MAAM,QAAQ,GAAG,gBAAe;AACxC,SAAO,cAAc,eAAe,YAAY;;CAGpD,MAAM,mBAA0B;AAC5B,SAAO,SAAS,KAAK,CAAC,MAAM;GAAC,eAAc;GAAM,sBAAsB;GAAK,CAAC;;AAGjF,QAAO;EAC8B;EACJ;EACjB;EACf;;;;;AC5DL,MAAa,oBAAoB;CAC/B,MAAM,EAAE,sBAAsB,kBAAkB;AAShD,QAAO,EACL,yBAR8B,aAC7B,QAAQ,QAAQ,SAAS;AACxB,oBAAkB,QAAQ,QAAQ,KAAK;IAEzC,CAAC,kBAAkB,CACpB,EAIA;;;;;ACPH,MAAM,wCAAwB,IAAI,KAAK;;;;;;;;;;AAWvC,MAAa,wBAAwB;CACnC,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,MAAM;CACjE,MAAM,CAAC,kBAAkB,uBAAuB,yBAAS,IAAI,KAAK,CAAC;CACnE,MAAM,EAAE,cAAc,eAAe;CACrC,MAAM,gBAAgB,OAAO,MAAM;CAInC,MAAM,cAAc,gBAAgB,cAAc,OAAO,iBAAiB;CAG1E,MAAM,CAAC,EAAE,MAAM,OAAO,SAAS,SAAS,WAAW,YACjD,cAAc,gBACd,aACA,EAAE,EACF,CAAC,CAAC,CAAC,MAAM,MAAM,CAAC,CAAC,CAAC,MAAM,iBACxB,MACD;AAGD,iBAAgB;AACd,MAAI,CAAC,SAAS,MAAM,WAAW,KAAK,CAAC,aAAa,cAAc,QAC9D;EAIF,MAAM,iBAAiB,YAAY;AACjC,iBAAc,UAAU;AACxB,wBAAqB,KAAK;GAG1B,MAAM,8BAAc,IAAI,KAAK;AAE7B,QAAK,MAAM,QAAQ,MACjB,KAAI;AAEF,QAAI,KAAK,SAAS;KAIhB,MAAM,cADa,KAAK,MAAM,KAAK,QAAQ,CACZ,KAAK;AAEpC,SAAI,aAAa;MACf,MAAM,cAAc,KAAK,MAAM,YAAY;AAG3C,UAAI,MAAM,QAAQ,YAAY,CAC5B,aAAY,SAAQ,WAAU;AAC5B,WAAI,OAAO,cAAc,OAAO,eAAe,IAC7C,aAAY,IAAI,OAAO,WAAW;QAEpC;;;YAIDA,SAAO;AACd,YAAQ,KAAK,oCAAoC,KAAK,QAAQ,KAAK,OAAO,IAAIA,QAAM;;AAKxF,QAAK,MAAM,cAAc,aAAa;AAEpC,QAAI,CAAC,cAAc,iBAAiB,IAAI,WAAW,IAAI,sBAAsB,IAAI,WAAW,CAC1F;AAGF,QAAI;KAEF,MAAM,gBAAgB,MAAM,UAAU,WAAW;AAIjD,SAAI,iBAAiB,OAAO,kBAAkB,YAAY,cAAc,UAAU;MAChF,MAAM,UAAU,cAAc;AAG9B,UAAI,QAAQ,YAAY,UAAa,QAAQ,YAAY,IAEvD;WAAI,OAAO,QAAQ,YAAY,WAE7B,KAAI;QACF,MAAM,SAAS,MAAM,QAAQ,SAAS;AAEtC,gBAAQ,UAAU;AAClB,gBAAQ,UAAU;AAClB,gBAAQ,IAAI,YAAY,OAAO;AAC/B,8BAAsB,IAAI,YAAY,OAAO;AAC7C,gBAAQ,IAAI,2BAA2B,aAAa;gBAC7C,KAAK;AACZ,gBAAQ,UAAU;AAClB,gBAAQ,UAAU;AAClB,cAAM;;iBAGD,QAAQ,YAAY,GAAG;AAEhC,6BAAsB,IAAI,YAAY,QAAQ,QAAQ;AACtD,eAAQ,IAAI,qBAAqB,aAAa;;;AAKlD,0BAAqB,SAAS,IAAI,IAAI,CAAC,GAAG,MAAM,WAAW,CAAC,CAAC;aACtDA,SAAO;AAEd,aAAQ,KAAK,+BAA+B,cAAcA,QAAM;;;AAIpE,wBAAqB,MAAM;;AAI7B,kBAAgB;IACf;EAAC;EAAO;EAAW;EAAiB,CAAC;;;;;;CAOxC,MAAM,cAAc,aACjB,WAAW;AACV,MAAI,CAAC,SAAS,CAAC,MAAM,QAAQ,MAAM,CAAE,QAAO;AAC5C,SAAO,MAAM,MAAM,SAAS,KAAK,WAAW,UAAU,KAAK,OAAO,OAAO;IAE3E,CAAC,MAAM,CACR;;;;;;CAOD,MAAM,kBAAkB,aACrB,aAAa;AACZ,MAAI,CAAC,SAAS,CAAC,MAAM,QAAQ,MAAM,CAAE,QAAO;AAC5C,SAAO,MAAM,MACV,SAAS,KAAK,SAAS,YAAY,KAAK,kBAAkB,SAC5D;IAEH,CAAC,MAAM,CACR;;;;;;CAOD,MAAM,oBAAoB,aACvB,aAAa,sBAAsB,IAAI,SAAS,EACjD,EAAE,CACH;;;;;;CAOD,MAAM,qBAAqB,aACxB,aAAa,sBAAsB,IAAI,SAAS,EACjD,EAAE,CACH;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA,gBAAgB,iBAAiB;EACjC;EACA;EAEA,QAAQ;EACT"}