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

package/dist/PaymentReversalForm-DtiqJTZV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentReversalForm-DtiqJTZV.js","names":["useStyles","useStyles","apiMutate","Box","LinearProgress","Typography","Grid","FormControl"],"sources":["../src/UI/forms/LoginForm.jsx","../src/UI/mapLayout/ui/ListCard.jsx","../src/UI/forms/PaymentReversalForm.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 from 'react';\nimport {\n  Card,\n  CardContent,\n  Divider,\n  Typography,\n  makeStyles\n} from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  labelRoot: {\n    color: 'inherit',\n    marginRight: theme.spacing(0.5),\n    opacity: 0.6\n  }\n}));\nexport const ListElement = ({ subject, value, style, hideDivider = false }) => {\n  const classes = useStyles();\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        paddingTop: 8,\n        ...style\n      }}\n    >\n      <Typography className={classes.labelRoot}>{subject}</Typography>\n      <Typography color='textPrimary'>{value}</Typography>\n      {!hideDivider && <Divider />}\n    </div>\n  );\n};\n\nexport const ListCard = ({ children }) => {\n  return (\n    <Card elevation={0} style={{ height: '100%' }}>\n      <CardContent style={{ height: '100%' }}>\n        <div\n          style={{\n            display: 'flex',\n            flexFlow: 'column wrap',\n            height: '100%',\n            columnGap: 8\n          }}\n        >\n          {children}\n        </div>\n      </CardContent>\n    </Card>\n  );\n};\n","import React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport { format } from 'date-fns';\nimport { FluentCardText } from '../surfaces/cards/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 'udp-react-stencil-component-library';\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"],"mappings":"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"}

package/dist/PowerBIReport-Bt0Fjlyw.js

@@ -1,60 +0,0 @@
-import { useAxiosGet } from "./useAxiosGet-VY6m2qeW.js";
-import { useSetLocationState } from "./useSetLocationState-BGgFvNVh.js";
-import { LoadingOverlay_default } from "./LoadingOverlay-DBYfWYwS.js";
-import { useIsUnityAuthenticated } from "./useIsUnityAuthenticated-n3QuDnIj.js";
-import React, { useEffect, useMemo } from "react";
-import { ConfigService } from "udp-react-stencil-component-library";
-import { useHistory } from "react-router-dom";
-import { useTranslation } from "react-i18next";
-import Alert from "@material-ui/lab/Alert";
-import { Report } from "powerbi-report-component";
-
-//#region src/reports/PowerBIReport.jsx
-const PowerBIReport = (props) => {
-	const userIsAuthenticated = useIsUnityAuthenticated();
-	const { id, reportParameters } = props;
-	const i18n = useTranslation().t;
-	const history = useHistory();
-	const setLocationState = useSetLocationState();
-	const reportStyle = { height: "calc(100vh - 51px)" };
-	const [{ data: reportData, loading, error }] = useAxiosGet(ConfigService.productV1ApiUrl, `UdpPBIReport/Access/${id}`, {}, !!!userIsAuthenticated || !!!id);
-	const urlWithParameters = useMemo(() => {
-		if (reportData?.embedUrl) if (reportParameters) {
-			let paramsString = "";
-			Object.keys(reportParameters).forEach((key) => {
-				const paramString = `&rp:${key}=${reportParameters[key]}`;
-				paramsString += paramString;
-			});
-			return reportData.embedUrl + paramsString;
-		} else return reportData.embedUrl;
-		else return "";
-	}, [reportData?.embedUrl, reportParameters]);
-	useEffect(() => {
-		if (!history?.location?.state) setLocationState({ label: i18n("Report") });
-	}, [
-		setLocationState,
-		i18n,
-		history
-	]);
-	if (loading) return /* @__PURE__ */ React.createElement(LoadingOverlay_default, null);
-	if (error) return /* @__PURE__ */ React.createElement(Alert, {
-		severity: "error",
-		onClose: () => {}
-	}, i18n("shared.messages.error"));
-	if (!userIsAuthenticated) return null;
-	if (!reportData || !reportData.embedToken || !urlWithParameters || !reportData.reportId) return /* @__PURE__ */ React.createElement("div", null);
-	return /* @__PURE__ */ React.createElement(Report, {
-		key: reportData.reportId,
-		embedType: "report",
-		tokenType: "Embed",
-		accessToken: reportData.embedToken,
-		embedUrl: urlWithParameters,
-		embedId: reportData.reportId,
-		permissions: "All",
-		style: reportStyle
-	});
-};
-
-//#endregion
-export { PowerBIReport };
-//# sourceMappingURL=PowerBIReport-Bt0Fjlyw.js.map

package/dist/PowerBIReport-Bt0Fjlyw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PowerBIReport-Bt0Fjlyw.js","names":["LoadingOverlay"],"sources":["../src/reports/PowerBIReport.jsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport Alert from '@material-ui/lab/Alert';\nimport { Report } from 'powerbi-report-component';\nimport { useTranslation } from 'react-i18next';\nimport { useIsUnityAuthenticated } from '../utilities/auth/useIsUnityAuthenticated';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport LoadingOverlay from '../UI/loading/LoadingOverlay';\nimport { useHistory } from 'react-router-dom';\nimport { useSetLocationState } from '../hooks/useSetLocationState';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nexport const PowerBIReport = (props) => {\n  const userIsAuthenticated = useIsUnityAuthenticated();\n  const { id, reportParameters } = props;\n  const i18n = useTranslation().t;\n  const history = useHistory();\n  const setLocationState = useSetLocationState();\n\n  const reportStyle = {\n    height: 'calc(100vh - 51px)'\n  };\n\n  const [{ data: reportData, loading, error }] = useAxiosGet(\n    ConfigService.productV1ApiUrl,\n    `UdpPBIReport/Access/${id}`,\n    {},\n    !!!userIsAuthenticated || !!!id\n  );\n\n  const urlWithParameters = useMemo(() => {\n    if (reportData?.embedUrl) {\n      if (reportParameters) {\n        let paramsString = '';\n        Object.keys(reportParameters).forEach((key) => {\n          const paramString = `&rp:${key}=${reportParameters[key]}`;\n          paramsString += paramString;\n        });\n        return reportData.embedUrl + paramsString;\n      } else {\n        return reportData.embedUrl;\n      }\n    } else return '';\n  }, [reportData?.embedUrl, reportParameters]);\n\n  // Setting location state label so that if this page was saved to favorites\n  // we can determine the bread crumb\n  useEffect(() => {\n    if (!history?.location?.state) {\n      setLocationState({ label: i18n('Report') });\n    }\n  }, [setLocationState, i18n, history]);\n\n  if (loading) return <LoadingOverlay />;\n\n  if (error) {\n    return (\n      <Alert severity='error' onClose={() => {}}>\n        {i18n('shared.messages.error')}\n      </Alert>\n    );\n  }\n\n  if (!userIsAuthenticated) return null;\n\n  if (\n    !reportData ||\n    !reportData.embedToken ||\n    !urlWithParameters ||\n    !reportData.reportId\n  ) {\n    //If no report is found, should we display something?\n    //Right now it will display a blank screen\n    return <div />;\n  }\n\n  return (\n    <Report\n      key={reportData.reportId}\n      embedType='report'\n      tokenType='Embed'\n      accessToken={reportData.embedToken}\n      embedUrl={urlWithParameters}\n      embedId={reportData.reportId}\n      permissions='All'\n      style={reportStyle}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,iBAAiB,UAAU;CACtC,MAAM,sBAAsB,yBAAyB;CACrD,MAAM,EAAE,IAAI,qBAAqB;CACjC,MAAM,OAAO,gBAAgB,CAAC;CAC9B,MAAM,UAAU,YAAY;CAC5B,MAAM,mBAAmB,qBAAqB;CAE9C,MAAM,cAAc,EAClB,QAAQ,sBACT;CAED,MAAM,CAAC,EAAE,MAAM,YAAY,SAAS,WAAW,YAC7C,cAAc,iBACd,uBAAuB,MACvB,EAAE,EACF,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,GAC9B;CAED,MAAM,oBAAoB,cAAc;AACtC,MAAI,YAAY,SACd,KAAI,kBAAkB;GACpB,IAAI,eAAe;AACnB,UAAO,KAAK,iBAAiB,CAAC,SAAS,QAAQ;IAC7C,MAAM,cAAc,OAAO,IAAI,GAAG,iBAAiB;AACnD,oBAAgB;KAChB;AACF,UAAO,WAAW,WAAW;QAE7B,QAAO,WAAW;MAEf,QAAO;IACb,CAAC,YAAY,UAAU,iBAAiB,CAAC;AAI5C,iBAAgB;AACd,MAAI,CAAC,SAAS,UAAU,MACtB,kBAAiB,EAAE,OAAO,KAAK,SAAS,EAAE,CAAC;IAE5C;EAAC;EAAkB;EAAM;EAAQ,CAAC;AAErC,KAAI,QAAS,QAAO,oCAACA,6BAAiB;AAEtC,KAAI,MACF,QACE,oCAAC;EAAM,UAAS;EAAQ,eAAe;IACpC,KAAK,wBAAwB,CACxB;AAIZ,KAAI,CAAC,oBAAqB,QAAO;AAEjC,KACE,CAAC,cACD,CAAC,WAAW,cACZ,CAAC,qBACD,CAAC,WAAW,SAIZ,QAAO,oCAAC,YAAM;AAGhB,QACE,oCAAC;EACC,KAAK,WAAW;EAChB,WAAU;EACV,WAAU;EACV,aAAa,WAAW;EACxB,UAAU;EACV,SAAS,WAAW;EACpB,aAAY;EACZ,OAAO;GACP"}

package/dist/PrimaryActionButton-CQXyHAeG.js

@@ -1,36 +0,0 @@
-import React from "react";
-import { Button, makeStyles } from "@material-ui/core";
-
-//#region src/UI/inputs/buttons/PrimaryActionButton.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		borderRadius: 0,
-		padding: "calc(.875rem - 3px) 23px calc(.875rem - 3px) 15px"
-	},
-	label: { textTransform: "none" },
-	endIcon: {
-		display: "flex",
-		justifyContent: "flex-end",
-		marginLeft: theme.spacing(2)
-	}
-}));
-const PrimaryActionButton = ({ children, icon,...otherProps }) => {
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, {
-		...otherProps,
-		disableElevation: true,
-		classes: {
-			root: classes.root,
-			label: classes.label,
-			endIcon: classes.endIcon
-		},
-		variant: "contained",
-		color: "secondary",
-		endIcon: icon
-	}, children));
-};
-var PrimaryActionButton_default = PrimaryActionButton;
-
-//#endregion
-export { PrimaryActionButton, PrimaryActionButton_default };
-//# sourceMappingURL=PrimaryActionButton-CQXyHAeG.js.map

package/dist/PrimaryActionButton-CQXyHAeG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PrimaryActionButton-CQXyHAeG.js","names":[],"sources":["../src/UI/inputs/buttons/PrimaryActionButton.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Button } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    borderRadius: 0,\n    padding: 'calc(.875rem - 3px) 23px calc(.875rem - 3px) 15px'\n  },\n  label: {\n    textTransform: 'none'\n  },\n  endIcon: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    marginLeft: theme.spacing(2)\n  }\n}))\n\nexport const PrimaryActionButton = ({ children, icon, ...otherProps }) => {\n  const classes = useStyles()\n\n  return (\n    <div>\n      <Button\n        {...otherProps}\n        disableElevation\n        classes={{\n          root: classes.root,\n          label: classes.label,\n          endIcon: classes.endIcon\n        }}\n        variant='contained'\n        color='secondary'\n        endIcon={icon}\n      >\n        {children}\n      </Button>\n    </div>\n  )\n}\nexport default PrimaryActionButton\n"],"mappings":";;;;AAGA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,cAAc;EACd,SAAS;EACV;CACD,OAAO,EACL,eAAe,QAChB;CACD,SAAS;EACP,SAAS;EACT,gBAAgB;EAChB,YAAY,MAAM,QAAQ,EAAE;EAC7B;CACF,EAAE;AAEH,MAAa,uBAAuB,EAAE,UAAU,KAAM,GAAG,iBAAiB;CACxE,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC,aACC,oCAAC;EACC,GAAI;EACJ;EACA,SAAS;GACP,MAAM,QAAQ;GACd,OAAO,QAAQ;GACf,SAAS,QAAQ;GAClB;EACD,SAAQ;EACR,OAAM;EACN,SAAS;IAER,SACM,CACL;;AAGV,kCAAe"}