@oneblink/apps-react 5.12.0-beta.9 → 5.12.1-beta.1

package/dist/components/formStore/display/ElementDisplay.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { saveAs } from 'file-saver';
 import { Chip, CircularProgress, Grid } from '@mui/material';
-import { SaveAlt, AttachFile } from '@mui/icons-material';
 import ErrorSnackbar from '../../ErrorSnackbar';
 import { UnorderedList, ListItem } from '../../Lists';
 import { getCognitoIdToken } from '@oneblink/apps/dist/services/cognito';
+import MaterialIcon from '../../MaterialIcon';
 async function fetchFile(url) {
     const idToken = await getCognitoIdToken();
     const response = await fetch(url, {
@@ -50,7 +50,7 @@ export function FileChip({ file: { fileName, url, data }, }) {
         }
     }, [data, fileName, url]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(Chip, { label: fileName, deleteIcon: React.createElement(SaveAlt, null), onDelete: handleDownload, variant: "outlined", icon: isDownloading ? React.createElement(CircularProgress, { size: 16 }) : React.createElement(AttachFile, null) }),
+        React.createElement(Chip, { label: fileName, deleteIcon: React.createElement(MaterialIcon, null, "save_alt"), onDelete: handleDownload, variant: "outlined", icon: isDownloading ? (React.createElement(CircularProgress, { size: 16 })) : (React.createElement(MaterialIcon, null, "attach_file")) }),
         React.createElement(ErrorSnackbar, { open: !!error, onClose: clearError },
             React.createElement("span", { "data-cypress": "download-legacy-file-error-message" }, error && error.message))));
 }

package/dist/components/formStore/display/ElementDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementDisplay.js","sourceRoot":"","sources":["../../../../src/components/formStore/display/ElementDisplay.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { saveAs } from 'file-saver'\nimport { Chip, CircularProgress, Grid } from '@mui/material'\nimport { SaveAlt, AttachFile } from '@mui/icons-material'\nimport ErrorSnackbar from '../../ErrorSnackbar'\nimport { UnorderedList, ListItem } from '../../Lists'\nimport { FormElementWithOptions } from '@oneblink/types/typescript/forms'\nimport { getCognitoIdToken } from '@oneblink/apps/dist/services/cognito'\n\nasync function fetchFile(url: string) {\n  const idToken = await getCognitoIdToken()\n  const response = await fetch(url, {\n    headers: {\n      Authorization: `Bearer ${idToken}`,\n    },\n  })\n\n  if (!response.ok) {\n    throw new Error(\n      `Unable to download file. HTTP Status Code: ${response.status}`,\n    )\n  }\n\n  return await response.blob()\n}\n\nexport function FileChip({\n  file: { fileName, url, data },\n}: {\n  file: {\n    fileName: string\n    url?: string\n    isPrivate?: boolean\n    data?: string\n  }\n}) {\n  const [{ isDownloading, error }, setState] = React.useState<{\n    error?: Error\n    isDownloading: boolean\n  }>({\n    isDownloading: false,\n  })\n  const clearError = React.useCallback(() => {\n    setState({\n      isDownloading: false,\n    })\n  }, [])\n  const handleDownload = React.useCallback(async () => {\n    try {\n      setState({\n        isDownloading: true,\n      })\n\n      if (url) {\n        const blob = await fetchFile(url)\n        saveAs(blob, fileName)\n      } else if (data) {\n        saveAs(data, fileName)\n      }\n\n      setState({\n        isDownloading: false,\n      })\n    } catch (error) {\n      setState({\n        isDownloading: false,\n        error: error as Error,\n      })\n    }\n  }, [data, fileName, url])\n  return (\n    <>\n      <Chip\n        label={fileName}\n        deleteIcon={<SaveAlt />}\n        onDelete={handleDownload}\n        variant=\"outlined\"\n        icon={isDownloading ? <CircularProgress size={16} /> : <AttachFile />}\n      />\n      <ErrorSnackbar open={!!error} onClose={clearError}>\n        <span data-cypress=\"download-legacy-file-error-message\">\n          {error && error.message}\n        </span>\n      </ErrorSnackbar>\n    </>\n  )\n}\n\nexport function FilesElementDataTableCellContent({\n  value,\n}: {\n  value: Array<{\n    fileName: string\n    url?: string | undefined\n    isPrivate?: boolean | undefined\n    data?: string | undefined\n  }>\n}) {\n  return (\n    <Grid container spacing={1}>\n      {value.map((file, index) => {\n        return (\n          <Grid item key={index} xs={12}>\n            <FileChip file={file} />\n          </Grid>\n        )\n      })}\n    </Grid>\n  )\n}\n\nexport function MultiSelectFormElementTableCellContent({\n  value,\n  formElement,\n}: {\n  value: string[]\n  formElement: FormElementWithOptions\n}) {\n  return (\n    <UnorderedList disablePadding>\n      {value.map((selection, index) => {\n        const label = getSelectedOptionLabel(formElement, selection)\n        return <ListItem key={index}>{label?.toString()}</ListItem>\n      })}\n    </UnorderedList>\n  )\n}\n\nexport function getSelectedOptionLabel(\n  formElement: FormElementWithOptions,\n  value: string,\n) {\n  const selectedOption = (formElement.options || []).find(\n    (opt) => opt.value === value,\n  )\n  return selectedOption ? selectedOption.label : value\n}\n"]}
+{"version":3,"file":"ElementDisplay.js","sourceRoot":"","sources":["../../../../src/components/formStore/display/ElementDisplay.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { saveAs } from 'file-saver'\nimport { Chip, CircularProgress, Grid } from '@mui/material'\nimport ErrorSnackbar from '../../ErrorSnackbar'\nimport { UnorderedList, ListItem } from '../../Lists'\nimport { FormElementWithOptions } from '@oneblink/types/typescript/forms'\nimport { getCognitoIdToken } from '@oneblink/apps/dist/services/cognito'\nimport MaterialIcon from '../../MaterialIcon'\n\nasync function fetchFile(url: string) {\n  const idToken = await getCognitoIdToken()\n  const response = await fetch(url, {\n    headers: {\n      Authorization: `Bearer ${idToken}`,\n    },\n  })\n\n  if (!response.ok) {\n    throw new Error(\n      `Unable to download file. HTTP Status Code: ${response.status}`,\n    )\n  }\n\n  return await response.blob()\n}\n\nexport function FileChip({\n  file: { fileName, url, data },\n}: {\n  file: {\n    fileName: string\n    url?: string\n    isPrivate?: boolean\n    data?: string\n  }\n}) {\n  const [{ isDownloading, error }, setState] = React.useState<{\n    error?: Error\n    isDownloading: boolean\n  }>({\n    isDownloading: false,\n  })\n  const clearError = React.useCallback(() => {\n    setState({\n      isDownloading: false,\n    })\n  }, [])\n  const handleDownload = React.useCallback(async () => {\n    try {\n      setState({\n        isDownloading: true,\n      })\n\n      if (url) {\n        const blob = await fetchFile(url)\n        saveAs(blob, fileName)\n      } else if (data) {\n        saveAs(data, fileName)\n      }\n\n      setState({\n        isDownloading: false,\n      })\n    } catch (error) {\n      setState({\n        isDownloading: false,\n        error: error as Error,\n      })\n    }\n  }, [data, fileName, url])\n  return (\n    <>\n      <Chip\n        label={fileName}\n        deleteIcon={<MaterialIcon>save_alt</MaterialIcon>}\n        onDelete={handleDownload}\n        variant=\"outlined\"\n        icon={\n          isDownloading ? (\n            <CircularProgress size={16} />\n          ) : (\n            <MaterialIcon>attach_file</MaterialIcon>\n          )\n        }\n      />\n      <ErrorSnackbar open={!!error} onClose={clearError}>\n        <span data-cypress=\"download-legacy-file-error-message\">\n          {error && error.message}\n        </span>\n      </ErrorSnackbar>\n    </>\n  )\n}\n\nexport function FilesElementDataTableCellContent({\n  value,\n}: {\n  value: Array<{\n    fileName: string\n    url?: string | undefined\n    isPrivate?: boolean | undefined\n    data?: string | undefined\n  }>\n}) {\n  return (\n    <Grid container spacing={1}>\n      {value.map((file, index) => {\n        return (\n          <Grid item key={index} xs={12}>\n            <FileChip file={file} />\n          </Grid>\n        )\n      })}\n    </Grid>\n  )\n}\n\nexport function MultiSelectFormElementTableCellContent({\n  value,\n  formElement,\n}: {\n  value: string[]\n  formElement: FormElementWithOptions\n}) {\n  return (\n    <UnorderedList disablePadding>\n      {value.map((selection, index) => {\n        const label = getSelectedOptionLabel(formElement, selection)\n        return <ListItem key={index}>{label?.toString()}</ListItem>\n      })}\n    </UnorderedList>\n  )\n}\n\nexport function getSelectedOptionLabel(\n  formElement: FormElementWithOptions,\n  value: string,\n) {\n  const selectedOption = (formElement.options || []).find(\n    (opt) => opt.value === value,\n  )\n  return selectedOption ? selectedOption.label : value\n}\n"]}

package/dist/components/formStore/display/FormStoreIcon.d.ts

@@ -1,2 +1,3 @@
-import Work from '@mui/icons-material/Work';
-export default Work;
+import * as React from 'react';
+import MaterialIcon from '../../MaterialIcon';
+export default function Work(props: Omit<React.ComponentProps<typeof MaterialIcon>, 'children'>): React.JSX.Element;

package/dist/components/formStore/display/FormStoreIcon.js

@@ -1,3 +1,6 @@
-import Work from '@mui/icons-material/Work';
-export default Work;
+import * as React from 'react';
+import MaterialIcon from '../../MaterialIcon';
+export default function Work(props) {
+    return React.createElement(MaterialIcon, { ...props }, "work");
+}
 //# sourceMappingURL=FormStoreIcon.js.map

package/dist/components/formStore/display/FormStoreIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormStoreIcon.js","sourceRoot":"","sources":["../../../../src/components/formStore/display/FormStoreIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,0BAA0B,CAAA;AAC3C,eAAe,IAAI,CAAA","sourcesContent":["import Work from '@mui/icons-material/Work'\nexport default Work\n"]}
+{"version":3,"file":"FormStoreIcon.js","sourceRoot":"","sources":["../../../../src/components/formStore/display/FormStoreIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAC7C,MAAM,CAAC,OAAO,UAAU,IAAI,CAC1B,KAAkE;IAElE,OAAO,oBAAC,YAAY,OAAK,KAAK,WAAqB,CAAA;AACrD,CAAC","sourcesContent":["import * as React from 'react'\nimport MaterialIcon from '../../MaterialIcon'\nexport default function Work(\n  props: Omit<React.ComponentProps<typeof MaterialIcon>, 'children'>,\n) {\n  return <MaterialIcon {...props}>work</MaterialIcon>\n}\n"]}

package/dist/components/formStore/table/ActionedByTableCell.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { userService } from '@oneblink/sdk-core';
 import { Chip, Avatar } from '@mui/material';
-import { AccountCircle, VpnKey as KeyIcon, Help as HelpIcon, } from '@mui/icons-material';
 import TableCellCopyButton from './TableCellCopyButton';
+import MaterialIcon from '../../MaterialIcon';
 function ActionedByTableCell({ userProfile, developerKey, ...rest }) {
     const chipProps = useActionedByChipProps({
         userProfile,
@@ -24,19 +24,19 @@ function useActionedByChipProps({ userProfile, developerKey, }) {
                 emptyChipProps.avatar = (React.createElement(Avatar, { alt: userProfile.fullName, src: userProfile.picture }));
             }
             else {
-                emptyChipProps.icon = React.createElement(AccountCircle, null);
+                emptyChipProps.icon = React.createElement(MaterialIcon, null, "account_circle");
             }
             emptyChipProps.label = userService.getUserFriendlyName(userProfile);
             return emptyChipProps;
         }
         if (developerKey) {
             return {
-                icon: React.createElement(KeyIcon, null),
+                icon: React.createElement(MaterialIcon, null, "vpn_key"),
                 label: developerKey.name,
             };
         }
         return {
-            icon: React.createElement(HelpIcon, null),
+            icon: React.createElement(MaterialIcon, null, "help"),
             label: 'Anonymous',
         };
     }, [developerKey, userProfile]);

package/dist/components/formStore/table/ActionedByTableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionedByTableCell.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/ActionedByTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EACL,aAAa,EACb,MAAM,IAAI,OAAO,EACjB,IAAI,IAAI,QAAQ,GACjB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAEvD,SAAS,mBAAmB,CAAC,EAC3B,WAAW,EACX,YAAY,EACZ,GAAG,IAAI,EAIR;IACC,MAAM,SAAS,GAAG,sBAAsB,CAAC;QACvC,WAAW;QACX,YAAY;QACZ,GAAG,IAAI;KACR,CAAC,CAAA;IAEF,OAAO,CACL;QACE,oBAAC,IAAI,OAAK,SAAS,KAAM,IAAI,GAAI;QACjC,oBAAC,mBAAmB,IAAC,IAAI,EAAE,SAAS,CAAC,KAAK,GAAI,CAC7C,CACJ,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;AAE9C,SAAS,sBAAsB,CAAC,EAC9B,WAAW,EACX,YAAY,GAIb;IAKC,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,WAAW,EAAE;YACf,MAAM,cAAc,GAIhB;gBACF,KAAK,EAAE,EAAE;aACV,CAAA;YAED,IAAI,WAAW,CAAC,OAAO,EAAE;gBACvB,cAAc,CAAC,MAAM,GAAG,CACtB,oBAAC,MAAM,IAAC,GAAG,EAAE,WAAW,CAAC,QAAQ,EAAE,GAAG,EAAE,WAAW,CAAC,OAAO,GAAI,CAChE,CAAA;aACF;iBAAM;gBACL,cAAc,CAAC,IAAI,GAAG,oBAAC,aAAa,OAAG,CAAA;aACxC;YAED,cAAc,CAAC,KAAK,GAAG,WAAW,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAA;YACnE,OAAO,cAAc,CAAA;SACtB;QAED,IAAI,YAAY,EAAE;YAChB,OAAO;gBACL,IAAI,EAAE,oBAAC,OAAO,OAAG;gBACjB,KAAK,EAAE,YAAY,CAAC,IAAI;aACzB,CAAA;SACF;QAED,OAAO;YACL,IAAI,EAAE,oBAAC,QAAQ,OAAG;YAClB,KAAK,EAAE,WAAW;SACnB,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAA;AACjC,CAAC","sourcesContent":["import * as React from 'react'\nimport { userService } from '@oneblink/sdk-core'\nimport { UserProfile } from '@oneblink/types/typescript/misc'\nimport { Chip, Avatar } from '@mui/material'\nimport {\n  AccountCircle,\n  VpnKey as KeyIcon,\n  Help as HelpIcon,\n} from '@mui/icons-material'\nimport TableCellCopyButton from './TableCellCopyButton'\n\nfunction ActionedByTableCell({\n  userProfile,\n  developerKey,\n  ...rest\n}: React.ComponentProps<typeof Chip> & {\n  userProfile?: UserProfile\n  developerKey?: { name: string }\n}) {\n  const chipProps = useActionedByChipProps({\n    userProfile,\n    developerKey,\n    ...rest,\n  })\n\n  return (\n    <>\n      <Chip {...chipProps} {...rest} />\n      <TableCellCopyButton text={chipProps.label} />\n    </>\n  )\n}\n\nexport default React.memo(ActionedByTableCell)\n\nfunction useActionedByChipProps({\n  userProfile,\n  developerKey,\n}: React.ComponentProps<typeof Chip> & {\n  userProfile?: UserProfile\n  developerKey?: { name: string }\n}): {\n  label: string\n  icon?: React.ComponentProps<typeof Chip>['icon']\n  avatar?: React.ComponentProps<typeof Chip>['avatar']\n} {\n  return React.useMemo(() => {\n    if (userProfile) {\n      const emptyChipProps: {\n        label: string\n        icon?: React.ComponentProps<typeof Chip>['icon']\n        avatar?: React.ComponentProps<typeof Chip>['avatar']\n      } = {\n        label: '',\n      }\n\n      if (userProfile.picture) {\n        emptyChipProps.avatar = (\n          <Avatar alt={userProfile.fullName} src={userProfile.picture} />\n        )\n      } else {\n        emptyChipProps.icon = <AccountCircle />\n      }\n\n      emptyChipProps.label = userService.getUserFriendlyName(userProfile)\n      return emptyChipProps\n    }\n\n    if (developerKey) {\n      return {\n        icon: <KeyIcon />,\n        label: developerKey.name,\n      }\n    }\n\n    return {\n      icon: <HelpIcon />,\n      label: 'Anonymous',\n    }\n  }, [developerKey, userProfile])\n}\n"]}
+{"version":3,"file":"ActionedByTableCell.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/ActionedByTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAE7C,SAAS,mBAAmB,CAAC,EAC3B,WAAW,EACX,YAAY,EACZ,GAAG,IAAI,EAIR;IACC,MAAM,SAAS,GAAG,sBAAsB,CAAC;QACvC,WAAW;QACX,YAAY;QACZ,GAAG,IAAI;KACR,CAAC,CAAA;IAEF,OAAO,CACL;QACE,oBAAC,IAAI,OAAK,SAAS,KAAM,IAAI,GAAI;QACjC,oBAAC,mBAAmB,IAAC,IAAI,EAAE,SAAS,CAAC,KAAK,GAAI,CAC7C,CACJ,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;AAE9C,SAAS,sBAAsB,CAAC,EAC9B,WAAW,EACX,YAAY,GAIb;IAKC,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,WAAW,EAAE;YACf,MAAM,cAAc,GAIhB;gBACF,KAAK,EAAE,EAAE;aACV,CAAA;YAED,IAAI,WAAW,CAAC,OAAO,EAAE;gBACvB,cAAc,CAAC,MAAM,GAAG,CACtB,oBAAC,MAAM,IAAC,GAAG,EAAE,WAAW,CAAC,QAAQ,EAAE,GAAG,EAAE,WAAW,CAAC,OAAO,GAAI,CAChE,CAAA;aACF;iBAAM;gBACL,cAAc,CAAC,IAAI,GAAG,oBAAC,YAAY,yBAA8B,CAAA;aAClE;YAED,cAAc,CAAC,KAAK,GAAG,WAAW,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAA;YACnE,OAAO,cAAc,CAAA;SACtB;QAED,IAAI,YAAY,EAAE;YAChB,OAAO;gBACL,IAAI,EAAE,oBAAC,YAAY,kBAAuB;gBAC1C,KAAK,EAAE,YAAY,CAAC,IAAI;aACzB,CAAA;SACF;QAED,OAAO;YACL,IAAI,EAAE,oBAAC,YAAY,eAAoB;YACvC,KAAK,EAAE,WAAW;SACnB,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAA;AACjC,CAAC","sourcesContent":["import * as React from 'react'\nimport { userService } from '@oneblink/sdk-core'\nimport { UserProfile } from '@oneblink/types/typescript/misc'\nimport { Chip, Avatar } from '@mui/material'\nimport TableCellCopyButton from './TableCellCopyButton'\nimport MaterialIcon from '../../MaterialIcon'\n\nfunction ActionedByTableCell({\n  userProfile,\n  developerKey,\n  ...rest\n}: React.ComponentProps<typeof Chip> & {\n  userProfile?: UserProfile\n  developerKey?: { name: string }\n}) {\n  const chipProps = useActionedByChipProps({\n    userProfile,\n    developerKey,\n    ...rest,\n  })\n\n  return (\n    <>\n      <Chip {...chipProps} {...rest} />\n      <TableCellCopyButton text={chipProps.label} />\n    </>\n  )\n}\n\nexport default React.memo(ActionedByTableCell)\n\nfunction useActionedByChipProps({\n  userProfile,\n  developerKey,\n}: React.ComponentProps<typeof Chip> & {\n  userProfile?: UserProfile\n  developerKey?: { name: string }\n}): {\n  label: string\n  icon?: React.ComponentProps<typeof Chip>['icon']\n  avatar?: React.ComponentProps<typeof Chip>['avatar']\n} {\n  return React.useMemo(() => {\n    if (userProfile) {\n      const emptyChipProps: {\n        label: string\n        icon?: React.ComponentProps<typeof Chip>['icon']\n        avatar?: React.ComponentProps<typeof Chip>['avatar']\n      } = {\n        label: '',\n      }\n\n      if (userProfile.picture) {\n        emptyChipProps.avatar = (\n          <Avatar alt={userProfile.fullName} src={userProfile.picture} />\n        )\n      } else {\n        emptyChipProps.icon = <MaterialIcon>account_circle</MaterialIcon>\n      }\n\n      emptyChipProps.label = userService.getUserFriendlyName(userProfile)\n      return emptyChipProps\n    }\n\n    if (developerKey) {\n      return {\n        icon: <MaterialIcon>vpn_key</MaterialIcon>,\n        label: developerKey.name,\n      }\n    }\n\n    return {\n      icon: <MaterialIcon>help</MaterialIcon>,\n      label: 'Anonymous',\n    }\n  }, [developerKey, userProfile])\n}\n"]}

package/dist/components/formStore/table/FormElementTableCell.js

@@ -6,9 +6,9 @@ import { FileChip, FilesElementDataTableCellContent, MultiSelectFormElementTable
 import RepeatableSetCell from './RepeatableSetCell';
 import TableCellCopyButton from './TableCellCopyButton';
 import { format } from 'date-fns';
-const { shortDate: shortDateFormat, time: timeFormat, shortDateTime: shortDateTimeFormat, } = localisationService.getDateFnsFormats();
 function FormElementTableCell({ formElement, submission, allowCopy }) {
     var _a, _b, _c, _d, _e;
+    const { shortDate: shortDateFormat, time: timeFormat, shortDateTime: shortDateTimeFormat, } = localisationService.getDateFnsFormats();
     if (formElement.type === 'page' || formElement.type === 'section') {
         return null;
     }

package/dist/components/formStore/table/FormElementTableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormElementTableCell.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/FormElementTableCell.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { Link, Typography } from '@mui/material'\nimport { localisationService } from '@oneblink/apps'\nimport { APINSWTypes, FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { abnService } from '@oneblink/sdk-core'\nimport {\n  FileChip,\n  FilesElementDataTableCellContent,\n  MultiSelectFormElementTableCellContent,\n  getSelectedOptionLabel,\n} from '../display/ElementDisplay'\nimport RepeatableSetCell from './RepeatableSetCell'\nimport TableCellCopyButton from './TableCellCopyButton'\nimport { format } from 'date-fns'\nimport { ABNRecord } from '@oneblink/types/typescript/misc'\nimport { GeoscapeAddress } from '@oneblink/types/typescript/geoscape'\nimport { PointAddress } from '@oneblink/types/typescript/point'\n\ntype Props = {\n  formElement: FormTypes.FormElement\n  submission: SubmissionTypes.S3SubmissionData['submission'] | undefined\n  allowCopy: boolean\n}\n\nconst {\n  shortDate: shortDateFormat,\n  time: timeFormat,\n  shortDateTime: shortDateTimeFormat,\n} = localisationService.getDateFnsFormats()\n\nfunction FormElementTableCell({ formElement, submission, allowCopy }: Props) {\n  if (formElement.type === 'page' || formElement.type === 'section') {\n    return null\n  }\n  const unknown = submission?.[formElement.name]\n  if (unknown === undefined || unknown === null) {\n    return null\n  }\n\n  switch (formElement.type) {\n    case 'repeatableSet': {\n      if (!Array.isArray(unknown)) {\n        break\n      }\n      return <RepeatableSetCell formElement={formElement} value={unknown} />\n    }\n\n    case 'location': {\n      const value = unknown as {\n        latitude: number\n        longitude: number\n      }\n      if (!value.latitude || !value.longitude) {\n        break\n      }\n\n      const latLong = `${value.latitude},${value.longitude}`\n      return (\n        <>\n          <div>\n            <Typography variant=\"inherit\" component=\"p\">\n              <Link\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                href={`https://maps.google.com/?q=${latLong}`}\n              >\n                View in Google Maps\n              </Link>\n            </Typography>\n            <Typography variant=\"inherit\" component=\"p\" color=\"textSecondary\">\n              Latitude: {value.latitude}\n            </Typography>\n            <Typography variant=\"inherit\" component=\"p\" color=\"textSecondary\">\n              Longitude: {value.longitude}\n            </Typography>\n          </div>\n          <TableCellCopyButton isHidden={!allowCopy} text={latLong} />\n        </>\n      )\n    }\n\n    case 'camera':\n    case 'draw': {\n      return (\n        <FileChip\n          file={unknown as React.ComponentProps<typeof FileChip>['file']}\n        />\n      )\n    }\n\n    case 'textarea': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <span\n            style={{\n              whiteSpace: 'pre-line',\n            }}\n          >\n            {unknown}\n          </span>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n\n    case 'date': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = new Date(unknown)\n      if (isNaN(date.getTime())) {\n        break\n      }\n      const text = format(date, shortDateFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'time': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = new Date(unknown)\n      if (isNaN(date.getTime())) {\n        break\n      }\n      const text = format(date, timeFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'datetime': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = new Date(unknown)\n      if (isNaN(date.getTime())) {\n        break\n      }\n      const text = format(date, shortDateTimeFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'number': {\n      if (typeof unknown !== 'number') {\n        break\n      }\n      const text = localisationService.formatNumber(unknown)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'radio':\n    case 'autocomplete':\n    case 'checkboxes':\n    case 'select': {\n      if (\n        formElement.type === 'checkboxes' ||\n        (formElement.type === 'select' && formElement.multi)\n      ) {\n        if (\n          !Array.isArray(unknown) ||\n          !unknown.length ||\n          typeof unknown[0] !== 'string'\n        ) {\n          break\n        }\n        const text = (unknown as string[])\n          .map((selection) => getSelectedOptionLabel(formElement, selection))\n          .join(', ')\n        return (\n          <>\n            <MultiSelectFormElementTableCellContent\n              value={unknown}\n              formElement={formElement}\n            />\n            <TableCellCopyButton isHidden={!allowCopy} text={text} />\n          </>\n        )\n      } else {\n        if (typeof unknown !== 'string') {\n          break\n        }\n        const text = getSelectedOptionLabel(formElement, unknown)\n        return (\n          <>\n            {text}\n            <TableCellCopyButton isHidden={!allowCopy} text={text} />\n          </>\n        )\n      }\n    }\n\n    case 'email': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`mailto:${unknown}`}\n          >\n            {unknown}\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n    case 'telephone': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`tel:${unknown}`}\n          >\n            {unknown}\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n    case 'text':\n    case 'bsb':\n    case 'barcodeScanner': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          {unknown}\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n\n    case 'files': {\n      const value = unknown as React.ComponentProps<\n        typeof FilesElementDataTableCellContent\n      >['value']\n      if (\n        !Array.isArray(value) ||\n        !value.length ||\n        typeof value[0]?.fileName !== 'string'\n      ) {\n        break\n      }\n      return <FilesElementDataTableCellContent value={value} />\n    }\n\n    case 'calculation': {\n      if (typeof unknown !== 'number') {\n        break\n      }\n      const text = formElement.displayAsCurrency\n        ? localisationService.formatCurrency(unknown)\n        : localisationService.formatNumber(unknown)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={unknown.toString()}\n          />\n        </>\n      )\n    }\n\n    case 'civicaStreetName': {\n      const value = unknown as {\n        formattedStreet: string\n      }\n      if (typeof value?.formattedStreet !== 'string') {\n        break\n      }\n      return (\n        <>\n          {value.formattedStreet}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={value.formattedStreet}\n          />\n        </>\n      )\n    }\n\n    case 'civicaNameRecord': {\n      const value = unknown as {\n        title?: string\n        givenName1?: string\n        familyName?: string\n        emailAddress: string\n      }\n      if (typeof value?.emailAddress !== 'string') {\n        break\n      }\n      const text =\n        [value?.title, value?.givenName1, value?.familyName]\n          .filter((t) => t)\n          .join(' ') || value?.emailAddress\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'geoscapeAddress': {\n      const value = unknown as GeoscapeAddress\n      if (typeof value.addressId !== 'string') {\n        break\n      }\n      const fullAddress = value?.addressDetails?.formattedAddress || (\n        <>\n          Geoscape Address ID: <i>{value.addressId}</i>\n        </>\n      )\n      return (\n        <>\n          {fullAddress}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={fullAddress as string}\n          />\n        </>\n      )\n    }\n\n    case 'pointAddress': {\n      const value = unknown as PointAddress\n      if (typeof value.addressId !== 'string') {\n        break\n      }\n      const fullAddress = value?.addressDetails?.formattedAddress || (\n        <>\n          NSW Point Address ID: <i>{value.addressId}</i>\n        </>\n      )\n      return (\n        <>\n          {fullAddress}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={fullAddress as string}\n          />\n        </>\n      )\n    }\n\n    case 'boolean': {\n      if (typeof unknown !== 'boolean') {\n        break\n      }\n      const text = unknown ? 'Yes' : 'No'\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'abn': {\n      const value = unknown as ABNRecord\n      if (!value.ABN || !value.entityType) {\n        break\n      }\n      const abnNumber = abnService.displayABNNumberFromABNRecord(value)\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`https://www.abr.business.gov.au/ABN/View/${abnNumber}`}\n          >\n            {abnNumber} |{' '}\n            <i>{abnService.displayBusinessNameFromABNRecord(value)}</i>\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={abnNumber} />\n        </>\n      )\n    }\n    case 'apiNSWLiquorLicence': {\n      const value = unknown as APINSWTypes.LiquorLicenceDetails\n      const licenceNumber =\n        `${value.licenceDetail?.licenceNumber} | ${value.licenceDetail?.licenceName}`.trim()\n      if (!licenceNumber) {\n        break\n      }\n      return (\n        <>\n          {licenceNumber}\n          <TableCellCopyButton isHidden={!allowCopy} text={licenceNumber} />\n        </>\n      )\n    }\n\n    case 'html':\n    case 'form':\n    case 'infoPage':\n    case 'captcha':\n    case 'image':\n    case 'heading':\n    case 'arcGISWebMap':\n    case 'summary': {\n      return null\n    }\n\n    default: {\n      console.warn(\n        'Unsupported element type in Submission Data rendering',\n        formElement,\n      )\n      return null\n    }\n  }\n\n  return <>{JSON.stringify(unknown)}</>\n}\n\nexport default React.memo(FormElementTableCell)\n"]}
+{"version":3,"file":"FormElementTableCell.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/FormElementTableCell.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { Link, Typography } from '@mui/material'\nimport { localisationService } from '@oneblink/apps'\nimport { APINSWTypes, FormTypes, SubmissionTypes } from '@oneblink/types'\nimport { abnService } from '@oneblink/sdk-core'\nimport {\n  FileChip,\n  FilesElementDataTableCellContent,\n  MultiSelectFormElementTableCellContent,\n  getSelectedOptionLabel,\n} from '../display/ElementDisplay'\nimport RepeatableSetCell from './RepeatableSetCell'\nimport TableCellCopyButton from './TableCellCopyButton'\nimport { format } from 'date-fns'\nimport { ABNRecord } from '@oneblink/types/typescript/misc'\nimport { GeoscapeAddress } from '@oneblink/types/typescript/geoscape'\nimport { PointAddress } from '@oneblink/types/typescript/point'\n\ntype Props = {\n  formElement: FormTypes.FormElement\n  submission: SubmissionTypes.S3SubmissionData['submission'] | undefined\n  allowCopy: boolean\n}\n\nfunction FormElementTableCell({ formElement, submission, allowCopy }: Props) {\n  const {\n    shortDate: shortDateFormat,\n    time: timeFormat,\n    shortDateTime: shortDateTimeFormat,\n  } = localisationService.getDateFnsFormats()\n\n  if (formElement.type === 'page' || formElement.type === 'section') {\n    return null\n  }\n  const unknown = submission?.[formElement.name]\n  if (unknown === undefined || unknown === null) {\n    return null\n  }\n\n  switch (formElement.type) {\n    case 'repeatableSet': {\n      if (!Array.isArray(unknown)) {\n        break\n      }\n      return <RepeatableSetCell formElement={formElement} value={unknown} />\n    }\n\n    case 'location': {\n      const value = unknown as {\n        latitude: number\n        longitude: number\n      }\n      if (!value.latitude || !value.longitude) {\n        break\n      }\n\n      const latLong = `${value.latitude},${value.longitude}`\n      return (\n        <>\n          <div>\n            <Typography variant=\"inherit\" component=\"p\">\n              <Link\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                href={`https://maps.google.com/?q=${latLong}`}\n              >\n                View in Google Maps\n              </Link>\n            </Typography>\n            <Typography variant=\"inherit\" component=\"p\" color=\"textSecondary\">\n              Latitude: {value.latitude}\n            </Typography>\n            <Typography variant=\"inherit\" component=\"p\" color=\"textSecondary\">\n              Longitude: {value.longitude}\n            </Typography>\n          </div>\n          <TableCellCopyButton isHidden={!allowCopy} text={latLong} />\n        </>\n      )\n    }\n\n    case 'camera':\n    case 'draw': {\n      return (\n        <FileChip\n          file={unknown as React.ComponentProps<typeof FileChip>['file']}\n        />\n      )\n    }\n\n    case 'textarea': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <span\n            style={{\n              whiteSpace: 'pre-line',\n            }}\n          >\n            {unknown}\n          </span>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n\n    case 'date': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = new Date(unknown)\n      if (isNaN(date.getTime())) {\n        break\n      }\n      const text = format(date, shortDateFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'time': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = new Date(unknown)\n      if (isNaN(date.getTime())) {\n        break\n      }\n      const text = format(date, timeFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'datetime': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      const date = new Date(unknown)\n      if (isNaN(date.getTime())) {\n        break\n      }\n      const text = format(date, shortDateTimeFormat)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'number': {\n      if (typeof unknown !== 'number') {\n        break\n      }\n      const text = localisationService.formatNumber(unknown)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'radio':\n    case 'autocomplete':\n    case 'checkboxes':\n    case 'select': {\n      if (\n        formElement.type === 'checkboxes' ||\n        (formElement.type === 'select' && formElement.multi)\n      ) {\n        if (\n          !Array.isArray(unknown) ||\n          !unknown.length ||\n          typeof unknown[0] !== 'string'\n        ) {\n          break\n        }\n        const text = (unknown as string[])\n          .map((selection) => getSelectedOptionLabel(formElement, selection))\n          .join(', ')\n        return (\n          <>\n            <MultiSelectFormElementTableCellContent\n              value={unknown}\n              formElement={formElement}\n            />\n            <TableCellCopyButton isHidden={!allowCopy} text={text} />\n          </>\n        )\n      } else {\n        if (typeof unknown !== 'string') {\n          break\n        }\n        const text = getSelectedOptionLabel(formElement, unknown)\n        return (\n          <>\n            {text}\n            <TableCellCopyButton isHidden={!allowCopy} text={text} />\n          </>\n        )\n      }\n    }\n\n    case 'email': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`mailto:${unknown}`}\n          >\n            {unknown}\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n    case 'telephone': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`tel:${unknown}`}\n          >\n            {unknown}\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n    case 'text':\n    case 'bsb':\n    case 'barcodeScanner': {\n      if (typeof unknown !== 'string') {\n        break\n      }\n      return (\n        <>\n          {unknown}\n          <TableCellCopyButton isHidden={!allowCopy} text={unknown} />\n        </>\n      )\n    }\n\n    case 'files': {\n      const value = unknown as React.ComponentProps<\n        typeof FilesElementDataTableCellContent\n      >['value']\n      if (\n        !Array.isArray(value) ||\n        !value.length ||\n        typeof value[0]?.fileName !== 'string'\n      ) {\n        break\n      }\n      return <FilesElementDataTableCellContent value={value} />\n    }\n\n    case 'calculation': {\n      if (typeof unknown !== 'number') {\n        break\n      }\n      const text = formElement.displayAsCurrency\n        ? localisationService.formatCurrency(unknown)\n        : localisationService.formatNumber(unknown)\n      return (\n        <>\n          {text}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={unknown.toString()}\n          />\n        </>\n      )\n    }\n\n    case 'civicaStreetName': {\n      const value = unknown as {\n        formattedStreet: string\n      }\n      if (typeof value?.formattedStreet !== 'string') {\n        break\n      }\n      return (\n        <>\n          {value.formattedStreet}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={value.formattedStreet}\n          />\n        </>\n      )\n    }\n\n    case 'civicaNameRecord': {\n      const value = unknown as {\n        title?: string\n        givenName1?: string\n        familyName?: string\n        emailAddress: string\n      }\n      if (typeof value?.emailAddress !== 'string') {\n        break\n      }\n      const text =\n        [value?.title, value?.givenName1, value?.familyName]\n          .filter((t) => t)\n          .join(' ') || value?.emailAddress\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'geoscapeAddress': {\n      const value = unknown as GeoscapeAddress\n      if (typeof value.addressId !== 'string') {\n        break\n      }\n      const fullAddress = value?.addressDetails?.formattedAddress || (\n        <>\n          Geoscape Address ID: <i>{value.addressId}</i>\n        </>\n      )\n      return (\n        <>\n          {fullAddress}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={fullAddress as string}\n          />\n        </>\n      )\n    }\n\n    case 'pointAddress': {\n      const value = unknown as PointAddress\n      if (typeof value.addressId !== 'string') {\n        break\n      }\n      const fullAddress = value?.addressDetails?.formattedAddress || (\n        <>\n          NSW Point Address ID: <i>{value.addressId}</i>\n        </>\n      )\n      return (\n        <>\n          {fullAddress}\n          <TableCellCopyButton\n            isHidden={!allowCopy}\n            text={fullAddress as string}\n          />\n        </>\n      )\n    }\n\n    case 'boolean': {\n      if (typeof unknown !== 'boolean') {\n        break\n      }\n      const text = unknown ? 'Yes' : 'No'\n      return (\n        <>\n          {text}\n          <TableCellCopyButton isHidden={!allowCopy} text={text} />\n        </>\n      )\n    }\n\n    case 'abn': {\n      const value = unknown as ABNRecord\n      if (!value.ABN || !value.entityType) {\n        break\n      }\n      const abnNumber = abnService.displayABNNumberFromABNRecord(value)\n      return (\n        <>\n          <Link\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            href={`https://www.abr.business.gov.au/ABN/View/${abnNumber}`}\n          >\n            {abnNumber} |{' '}\n            <i>{abnService.displayBusinessNameFromABNRecord(value)}</i>\n          </Link>\n          <TableCellCopyButton isHidden={!allowCopy} text={abnNumber} />\n        </>\n      )\n    }\n    case 'apiNSWLiquorLicence': {\n      const value = unknown as APINSWTypes.LiquorLicenceDetails\n      const licenceNumber =\n        `${value.licenceDetail?.licenceNumber} | ${value.licenceDetail?.licenceName}`.trim()\n      if (!licenceNumber) {\n        break\n      }\n      return (\n        <>\n          {licenceNumber}\n          <TableCellCopyButton isHidden={!allowCopy} text={licenceNumber} />\n        </>\n      )\n    }\n\n    case 'html':\n    case 'form':\n    case 'infoPage':\n    case 'captcha':\n    case 'image':\n    case 'heading':\n    case 'arcGISWebMap':\n    case 'summary': {\n      return null\n    }\n\n    default: {\n      console.warn(\n        'Unsupported element type in Submission Data rendering',\n        formElement,\n      )\n      return null\n    }\n  }\n\n  return <>{JSON.stringify(unknown)}</>\n}\n\nexport default React.memo(FormElementTableCell)\n"]}

package/dist/components/formStore/table/HeaderCellMoreButton.js

@@ -1,7 +1,6 @@
 import * as React from 'react';
-import { Box, Button, Divider, Grid, IconButton, Popover, } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import { FilterList as FilterListIcon, MoreVert as MoreVertIcon, VisibilityOff as VisibilityOffIcon, } from '@mui/icons-material';
+import { Box, Button, Divider, Grid, IconButton, Popover, styled, } from '@mui/material';
+import MaterialIcon from '../../MaterialIcon';
 import { useIsHovering } from '../../../hooks/useIsHovering';
 import useNullableState from '../../../hooks/useNullableState';
 import ColumnFilters from './ColumnFilters';
@@ -19,7 +18,7 @@ function HeaderCellMoreButton({ headerGroup, onHide, }) {
                 event.stopPropagation();
                 setAnchorEl(event.currentTarget);
             } },
-            React.createElement(MoreVertIcon, { fontSize: "small", color: isHovering ? 'action' : 'disabled' })),
+            React.createElement(MaterialIcon, { fontSize: "small", color: isHovering ? 'action' : 'disabled' }, "more_vert")),
         React.createElement(Popover, { open: !!anchorEl, anchorEl: anchorEl, onClose: (event) => {
                 event.stopPropagation();
                 clearAnchorEl();
@@ -41,9 +40,9 @@ function HeaderCellMoreButton({ headerGroup, onHide, }) {
             React.createElement(Box, { paddingX: 2, paddingY: 1 },
                 React.createElement(Grid, { container: true, justifyContent: "flex-end", spacing: 1 },
                     headerGroup.filter && (React.createElement(Grid, { item: true },
-                        React.createElement(Button, { variant: "outlined", disabled: headerGroup.filter.value === undefined, onClick: () => { var _a; return (_a = headerGroup.filter) === null || _a === void 0 ? void 0 : _a.onChange(undefined, false); }, size: "small", startIcon: React.createElement(FilterListIcon, null) }, "Clear"))),
+                        React.createElement(Button, { variant: "outlined", disabled: headerGroup.filter.value === undefined, onClick: () => { var _a; return (_a = headerGroup.filter) === null || _a === void 0 ? void 0 : _a.onChange(undefined, false); }, size: "small", startIcon: React.createElement(MaterialIcon, null, "filter_list") }, "Clear"))),
                     React.createElement(Grid, { item: true },
-                        React.createElement(Button, { variant: "outlined", onClick: onHide, size: "small", startIcon: React.createElement(VisibilityOffIcon, null) }, "Hide")))))));
+                        React.createElement(Button, { variant: "outlined", onClick: onHide, size: "small", startIcon: React.createElement(MaterialIcon, null, "visibility_off") }, "Hide")))))));
 }
 export default React.memo(HeaderCellMoreButton);
 //# sourceMappingURL=HeaderCellMoreButton.js.map

package/dist/components/formStore/table/HeaderCellMoreButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCellMoreButton.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/HeaderCellMoreButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { HeaderGroup } from 'react-table'\nimport {\n  Box,\n  Button,\n  Divider,\n  Grid,\n  IconButton,\n  Popover,\n  SxProps,\n} from '@mui/material'\nimport { styled } from '@mui/material/styles'\nimport {\n  FilterList as FilterListIcon,\n  MoreVert as MoreVertIcon,\n  VisibilityOff as VisibilityOffIcon,\n} from '@mui/icons-material'\nimport { useIsHovering } from '../../../hooks/useIsHovering'\nimport useNullableState from '../../../hooks/useNullableState'\nimport ColumnFilters from './ColumnFilters'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\n\nconst StyledIconButton = styled(IconButton)(({ theme }) => ({\n  margin: theme.spacing(-1, -1, -1, 1),\n}))\n\nconst paperStyles: SxProps = {\n  maxWidth: 500,\n}\n\nfunction HeaderCellMoreButton({\n  headerGroup,\n  onHide,\n}: {\n  headerGroup: HeaderGroup<FormStoreRecord>\n  onHide: () => void\n}) {\n  const isHovering = useIsHovering()\n  const [anchorEl, setAnchorEl, clearAnchorEl] =\n    useNullableState<HTMLButtonElement>(null)\n\n  return (\n    <span>\n      <StyledIconButton\n        color=\"inherit\"\n        onClick={(event) => {\n          event.stopPropagation()\n          setAnchorEl(event.currentTarget)\n        }}\n      >\n        <MoreVertIcon\n          fontSize=\"small\"\n          color={isHovering ? 'action' : 'disabled'}\n        />\n      </StyledIconButton>\n      <Popover\n        open={!!anchorEl}\n        anchorEl={anchorEl}\n        onClose={(event: React.MouseEvent) => {\n          event.stopPropagation()\n          clearAnchorEl()\n        }}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        PaperProps={{\n          sx: paperStyles,\n        }}\n        onClick={(event) => {\n          event.stopPropagation()\n        }}\n      >\n        {headerGroup.filter && (\n          <>\n            <Box padding={2}>\n              <ColumnFilters filter={headerGroup.filter} />\n            </Box>\n            <Divider />\n          </>\n        )}\n        <Box paddingX={2} paddingY={1}>\n          <Grid container justifyContent=\"flex-end\" spacing={1}>\n            {headerGroup.filter && (\n              <Grid item>\n                <Button\n                  variant=\"outlined\"\n                  disabled={headerGroup.filter.value === undefined}\n                  onClick={() => headerGroup.filter?.onChange(undefined, false)}\n                  size=\"small\"\n                  startIcon={<FilterListIcon />}\n                >\n                  Clear\n                </Button>\n              </Grid>\n            )}\n            <Grid item>\n              <Button\n                variant=\"outlined\"\n                onClick={onHide}\n                size=\"small\"\n                startIcon={<VisibilityOffIcon />}\n              >\n                Hide\n              </Button>\n            </Grid>\n          </Grid>\n        </Box>\n      </Popover>\n    </span>\n  )\n}\n\nexport default React.memo(HeaderCellMoreButton)\n"]}
+{"version":3,"file":"HeaderCellMoreButton.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/HeaderCellMoreButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { HeaderGroup } from 'react-table'\nimport {\n  Box,\n  Button,\n  Divider,\n  Grid,\n  IconButton,\n  Popover,\n  SxProps,\n  styled,\n} from '@mui/material'\nimport MaterialIcon from '../../MaterialIcon'\nimport { useIsHovering } from '../../../hooks/useIsHovering'\nimport useNullableState from '../../../hooks/useNullableState'\nimport ColumnFilters from './ColumnFilters'\nimport { FormStoreRecord } from '@oneblink/types/typescript/submissions'\n\nconst StyledIconButton = styled(IconButton)(({ theme }) => ({\n  margin: theme.spacing(-1, -1, -1, 1),\n}))\n\nconst paperStyles: SxProps = {\n  maxWidth: 500,\n}\n\nfunction HeaderCellMoreButton({\n  headerGroup,\n  onHide,\n}: {\n  headerGroup: HeaderGroup<FormStoreRecord>\n  onHide: () => void\n}) {\n  const isHovering = useIsHovering()\n  const [anchorEl, setAnchorEl, clearAnchorEl] =\n    useNullableState<HTMLButtonElement>(null)\n\n  return (\n    <span>\n      <StyledIconButton\n        color=\"inherit\"\n        onClick={(event) => {\n          event.stopPropagation()\n          setAnchorEl(event.currentTarget)\n        }}\n      >\n        <MaterialIcon\n          fontSize=\"small\"\n          color={isHovering ? 'action' : 'disabled'}\n        >\n          more_vert\n        </MaterialIcon>\n      </StyledIconButton>\n      <Popover\n        open={!!anchorEl}\n        anchorEl={anchorEl}\n        onClose={(event: React.MouseEvent) => {\n          event.stopPropagation()\n          clearAnchorEl()\n        }}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        PaperProps={{\n          sx: paperStyles,\n        }}\n        onClick={(event) => {\n          event.stopPropagation()\n        }}\n      >\n        {headerGroup.filter && (\n          <>\n            <Box padding={2}>\n              <ColumnFilters filter={headerGroup.filter} />\n            </Box>\n            <Divider />\n          </>\n        )}\n        <Box paddingX={2} paddingY={1}>\n          <Grid container justifyContent=\"flex-end\" spacing={1}>\n            {headerGroup.filter && (\n              <Grid item>\n                <Button\n                  variant=\"outlined\"\n                  disabled={headerGroup.filter.value === undefined}\n                  onClick={() => headerGroup.filter?.onChange(undefined, false)}\n                  size=\"small\"\n                  startIcon={<MaterialIcon>filter_list</MaterialIcon>}\n                >\n                  Clear\n                </Button>\n              </Grid>\n            )}\n            <Grid item>\n              <Button\n                variant=\"outlined\"\n                onClick={onHide}\n                size=\"small\"\n                startIcon={<MaterialIcon>visibility_off</MaterialIcon>}\n              >\n                Hide\n              </Button>\n            </Grid>\n          </Grid>\n        </Box>\n      </Popover>\n    </span>\n  )\n}\n\nexport default React.memo(HeaderCellMoreButton)\n"]}

package/dist/components/formStore/table/RepeatableSetCellAccordion.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { CustomAccordion, CustomAccordionSummary, CustomAccordionDetails, } from '../../CustomAccordion';
 import { Typography } from '@mui/material';
-import { ExpandMore } from '@mui/icons-material';
+import MaterialIcon from '../../MaterialIcon';
 const RepeatableSetCell = ({ isOpen, onChange, title, children }) => {
     return (React.createElement(CustomAccordion, { expanded: isOpen, onChange: onChange, "data-cypress": "form-store-repeatable-set-cell-accordion" },
-        React.createElement(CustomAccordionSummary, { expandIcon: React.createElement(ExpandMore, null), "data-cypress": "form-store-repeatable-set-cell-accordion-summary" },
+        React.createElement(CustomAccordionSummary, { expandIcon: React.createElement(MaterialIcon, null, "expand_more"), "data-cypress": "form-store-repeatable-set-cell-accordion-summary" },
             React.createElement(Typography, null, title)),
         React.createElement(CustomAccordionDetails, null, children)));
 };

package/dist/components/formStore/table/RepeatableSetCellAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepeatableSetCellAccordion.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/RepeatableSetCellAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAShD,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAS,EAAE,EAAE;IACzE,OAAO,CACL,oBAAC,eAAe,IACd,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,kBACL,0CAA0C;QAEvD,oBAAC,sBAAsB,IACrB,UAAU,EAAE,oBAAC,UAAU,OAAG,kBACb,kDAAkD;YAE/D,oBAAC,UAAU,QAAE,KAAK,CAAc,CACT;QACzB,oBAAC,sBAAsB,QAAE,QAAQ,CAA0B,CAC3C,CACnB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,iBAAiB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {\n  CustomAccordion,\n  CustomAccordionSummary,\n  CustomAccordionDetails,\n} from '../../CustomAccordion'\nimport { Typography } from '@mui/material'\nimport { ExpandMore } from '@mui/icons-material'\n\ntype Props = {\n  isOpen: boolean\n  onChange: () => void\n  title: string\n  children: React.ReactNode\n}\n\nconst RepeatableSetCell = ({ isOpen, onChange, title, children }: Props) => {\n  return (\n    <CustomAccordion\n      expanded={isOpen}\n      onChange={onChange}\n      data-cypress=\"form-store-repeatable-set-cell-accordion\"\n    >\n      <CustomAccordionSummary\n        expandIcon={<ExpandMore />}\n        data-cypress=\"form-store-repeatable-set-cell-accordion-summary\"\n      >\n        <Typography>{title}</Typography>\n      </CustomAccordionSummary>\n      <CustomAccordionDetails>{children}</CustomAccordionDetails>\n    </CustomAccordion>\n  )\n}\n\nexport default React.memo<Props>(RepeatableSetCell)\n"]}
+{"version":3,"file":"RepeatableSetCellAccordion.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/RepeatableSetCellAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAS7C,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAS,EAAE,EAAE;IACzE,OAAO,CACL,oBAAC,eAAe,IACd,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,kBACL,0CAA0C;QAEvD,oBAAC,sBAAsB,IACrB,UAAU,EAAE,oBAAC,YAAY,sBAA2B,kBACvC,kDAAkD;YAE/D,oBAAC,UAAU,QAAE,KAAK,CAAc,CACT;QACzB,oBAAC,sBAAsB,QAAE,QAAQ,CAA0B,CAC3C,CACnB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,iBAAiB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {\n  CustomAccordion,\n  CustomAccordionSummary,\n  CustomAccordionDetails,\n} from '../../CustomAccordion'\nimport { Typography } from '@mui/material'\nimport MaterialIcon from '../../MaterialIcon'\n\ntype Props = {\n  isOpen: boolean\n  onChange: () => void\n  title: string\n  children: React.ReactNode\n}\n\nconst RepeatableSetCell = ({ isOpen, onChange, title, children }: Props) => {\n  return (\n    <CustomAccordion\n      expanded={isOpen}\n      onChange={onChange}\n      data-cypress=\"form-store-repeatable-set-cell-accordion\"\n    >\n      <CustomAccordionSummary\n        expandIcon={<MaterialIcon>expand_more</MaterialIcon>}\n        data-cypress=\"form-store-repeatable-set-cell-accordion-summary\"\n      >\n        <Typography>{title}</Typography>\n      </CustomAccordionSummary>\n      <CustomAccordionDetails>{children}</CustomAccordionDetails>\n    </CustomAccordion>\n  )\n}\n\nexport default React.memo<Props>(RepeatableSetCell)\n"]}

package/dist/components/messages/ErrorMessage.js

@@ -1,13 +1,11 @@
 import * as React from 'react';
-import ErrorIcon from '@mui/icons-material/Error';
 import LargeIconMessage from './LargeIconMessage';
 import { Button } from '@mui/material';
+import MaterialIcon from '../MaterialIcon';
+const ErrorIcon = (props) => React.createElement(MaterialIcon, { ...props }, "error");
 function ErrorMessage({ title, children, gutterTop, gutterBottom, IconComponent, onTryAgain, }) {
-    if (!IconComponent) {
-        IconComponent = ErrorIcon;
-    }
     return (React.createElement(React.Fragment, null,
-        React.createElement(LargeIconMessage, { IconComponent: IconComponent, title: title, variant: "error", gutterTop: gutterTop, gutterBottom: gutterBottom, action: onTryAgain && (React.createElement(Button, { variant: "outlined", color: "primary", onClick: () => onTryAgain(), "data-cypress": "error-try-again-button" }, "Try Again")), className: "ob-error-snackbar" }, children)));
+        React.createElement(LargeIconMessage, { IconComponent: IconComponent || ErrorIcon, title: title, variant: "error", gutterTop: gutterTop, gutterBottom: gutterBottom, action: onTryAgain && (React.createElement(Button, { variant: "outlined", color: "primary", onClick: () => onTryAgain(), "data-cypress": "error-try-again-button" }, "Try Again")), className: "ob-error-snackbar" }, children)));
 }
 export default React.memo(ErrorMessage);
 //# sourceMappingURL=ErrorMessage.js.map

package/dist/components/messages/ErrorMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../src/components/messages/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,gBAEN,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAUtC,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,aAAa,EACb,UAAU,GACJ;IACN,IAAI,CAAC,aAAa,EAAE;QAClB,aAAa,GAAG,SAAS,CAAA;KAC1B;IAED,OAAO,CACL;QACE,oBAAC,gBAAgB,IACf,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,MAAM,EACJ,UAAU,IAAI,CACZ,oBAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,kBACd,wBAAwB,gBAG9B,CACV,EAEH,SAAS,EAAC,mBAAmB,IAE5B,QAAQ,CACQ,CAClB,CACJ,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,YAAY,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport ErrorIcon from '@mui/icons-material/Error'\nimport LargeIconMessage, {\n  Props as LargeIconMessageProps,\n} from './LargeIconMessage'\nimport { Button } from '@mui/material'\ntype Props = {\n  IconComponent?: LargeIconMessageProps['IconComponent']\n  title: string\n  gutterTop?: boolean\n  gutterBottom?: boolean\n  children?: React.ReactNode\n  onTryAgain?: () => void\n}\n\nfunction ErrorMessage({\n  title,\n  children,\n  gutterTop,\n  gutterBottom,\n  IconComponent,\n  onTryAgain,\n}: Props) {\n  if (!IconComponent) {\n    IconComponent = ErrorIcon\n  }\n\n  return (\n    <>\n      <LargeIconMessage\n        IconComponent={IconComponent}\n        title={title}\n        variant=\"error\"\n        gutterTop={gutterTop}\n        gutterBottom={gutterBottom}\n        action={\n          onTryAgain && (\n            <Button\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={() => onTryAgain()}\n              data-cypress=\"error-try-again-button\"\n            >\n              Try Again\n            </Button>\n          )\n        }\n        className=\"ob-error-snackbar\"\n      >\n        {children}\n      </LargeIconMessage>\n    </>\n  )\n}\n\nexport default React.memo<Props>(ErrorMessage)\n"]}
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../src/components/messages/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAEN,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAU1C,MAAM,SAAS,GAA2C,CACxD,KAAgD,EAChD,EAAE,CAAC,oBAAC,YAAY,OAAK,KAAK,YAAsB,CAAA;AAElD,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,aAAa,EACb,UAAU,GACJ;IACN,OAAO,CACL;QACE,oBAAC,gBAAgB,IACf,aAAa,EAAE,aAAa,IAAI,SAAS,EACzC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,MAAM,EACJ,UAAU,IAAI,CACZ,oBAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,kBACd,wBAAwB,gBAG9B,CACV,EAEH,SAAS,EAAC,mBAAmB,IAE5B,QAAQ,CACQ,CAClB,CACJ,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,YAAY,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport LargeIconMessage, {\n  Props as LargeIconMessageProps,\n} from './LargeIconMessage'\nimport { Button } from '@mui/material'\nimport MaterialIcon from '../MaterialIcon'\ntype Props = {\n  IconComponent?: LargeIconMessageProps['IconComponent']\n  title: string\n  gutterTop?: boolean\n  gutterBottom?: boolean\n  children?: React.ReactNode\n  onTryAgain?: () => void\n}\n\nconst ErrorIcon: LargeIconMessageProps['IconComponent'] = (\n  props: React.ComponentProps<typeof MaterialIcon>,\n) => <MaterialIcon {...props}>error</MaterialIcon>\n\nfunction ErrorMessage({\n  title,\n  children,\n  gutterTop,\n  gutterBottom,\n  IconComponent,\n  onTryAgain,\n}: Props) {\n  return (\n    <>\n      <LargeIconMessage\n        IconComponent={IconComponent || ErrorIcon}\n        title={title}\n        variant=\"error\"\n        gutterTop={gutterTop}\n        gutterBottom={gutterBottom}\n        action={\n          onTryAgain && (\n            <Button\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={() => onTryAgain()}\n              data-cypress=\"error-try-again-button\"\n            >\n              Try Again\n            </Button>\n          )\n        }\n        className=\"ob-error-snackbar\"\n      >\n        {children}\n      </LargeIconMessage>\n    </>\n  )\n}\n\nexport default React.memo<Props>(ErrorMessage)\n"]}

package/dist/components/messages/LargeIconMessage.d.ts

@@ -1,13 +1,15 @@
 import * as React from 'react';
+import { Icon } from '@mui/material';
 import { CommonProps } from '@mui/material/OverridableComponent';
-type Variant = 'primary' | 'success' | 'error' | 'warning';
+import { Color } from '../../types/mui-color';
+type IconProps = React.ComponentProps<typeof Icon>;
 export type Props = {
     IconComponent: React.ComponentType<{
-        color: Variant;
-        style: React.CSSProperties;
+        color: IconProps['color'];
+        style: IconProps['style'];
     }>;
     title: string;
-    variant: Variant;
+    variant: Color;
     gutterTop?: boolean;
     gutterBottom?: boolean;
     children?: React.ReactNode;

package/dist/components/messages/LargeIconMessage.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Typography, Grid, Container, useTheme, styled } from '@mui/material';
+import { Typography, Grid, Container, useTheme, styled, } from '@mui/material';
 function LargeIconMessage({ IconComponent, title, variant, gutterTop, gutterBottom, children, action, className, }) {
     const theme = useTheme();
     const fontSize = React.useMemo(() => theme.spacing(16), [theme]);

package/dist/components/messages/LargeIconMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LargeIconMessage.js","sourceRoot":"","sources":["../../../src/components/messages/LargeIconMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAkB7E,SAAS,gBAAgB,CAAC,EACxB,aAAa,EACb,KAAK,EACL,OAAO,EACP,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,SAAS,GACH;IACN,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,SAAS,IAAC,QAAQ,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,IAAI,uBAAuB;QACtE,oBAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS;YACvC,oBAAC,aAAa,IAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAI,CAClC;QACtB,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,QAAQ,EACd,YAAY,QACZ,KAAK,EAAE,GAAG,OAAO,OAAO,IAEvB,KAAK,CACK;QACZ,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,gBAAgB,IACf,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,CAAC,CAAC,MAAM,EACnB,YAAY,EAAE,CAAC,MAAM,IAAI,YAAY,IAEpC,QAAQ,CACQ,CACpB,CAAC,CAAC,CAAC,IAAI;QACP,MAAM,IAAI,CACT,oBAAC,UAAU,IACT,SAAS,QACT,cAAc,EAAC,QAAQ,EACvB,YAAY,EAAE,YAAY,IAEzB,MAAM,CACI,CACd,CACS,CACb,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,gBAAgB,CAAC,CAAA;AAElD,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,EAAE;IACxC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,WAAW;CAClD,CAAC,CAEC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5B,SAAS,EAAE,QAAQ;IACnB,GAAG,CAAC,SAAS;QACX,CAAC,CAAC;YACE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;SAC7B;QACH,CAAC,CAAC,EAAE,CAAC;CACR,CAAC,CAAC,CAAA;AAEH,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,EAAE;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,cAAc;CACrD,CAAC,CAA0C,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;IACxE,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5D,CAAC,CAAC,CAAA;AAEH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,EAAE;IAC9B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,cAAc;CACrD,CAAC,CAA6B,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3D,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5D,CAAC,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Typography, Grid, Container, useTheme, styled } from '@mui/material'\nimport { CommonProps } from '@mui/material/OverridableComponent'\n\ntype Variant = 'primary' | 'success' | 'error' | 'warning'\nexport type Props = {\n  IconComponent: React.ComponentType<{\n    color: Variant\n    style: React.CSSProperties\n  }>\n  title: string\n  variant: Variant\n  gutterTop?: boolean\n  gutterBottom?: boolean\n  children?: React.ReactNode\n  action?: React.ReactNode\n  className?: CommonProps['className']\n}\n\nfunction LargeIconMessage({\n  IconComponent,\n  title,\n  variant,\n  gutterTop,\n  gutterBottom,\n  children,\n  action,\n  className,\n}: Props) {\n  const theme = useTheme()\n\n  const fontSize = React.useMemo(() => theme.spacing(16), [theme])\n\n  return (\n    <Container maxWidth=\"sm\" className={className || 'ob-large-icon-message'}>\n      <StyledIconContainer gutterTop={gutterTop}>\n        <IconComponent color={variant} style={{ fontSize }} />\n      </StyledIconContainer>\n      <Typography\n        variant=\"h5\"\n        align=\"center\"\n        gutterBottom\n        color={`${variant}.main`}\n      >\n        {title}\n      </Typography>\n      {children ? (\n        <StyledTypography\n          align=\"center\"\n          variant=\"body2\"\n          paragraph={!!action}\n          gutterBottom={!action && gutterBottom}\n        >\n          {children}\n        </StyledTypography>\n      ) : null}\n      {action && (\n        <StyledGrid\n          container\n          justifyContent=\"center\"\n          gutterBottom={gutterBottom}\n        >\n          {action}\n        </StyledGrid>\n      )}\n    </Container>\n  )\n}\n\nexport default React.memo<Props>(LargeIconMessage)\n\nconst StyledIconContainer = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'gutterTop',\n})<{\n  gutterTop?: boolean\n}>(({ theme, gutterTop }) => ({\n  textAlign: 'center',\n  ...(gutterTop\n    ? {\n        paddingTop: theme.spacing(4),\n      }\n    : {}),\n}))\n\nconst StyledTypography = styled(Typography, {\n  shouldForwardProp: (prop) => prop !== 'gutterBottom',\n})<React.ComponentProps<typeof Typography>>(({ theme, gutterBottom }) => ({\n  ...(gutterBottom ? { marginBottom: theme.spacing(4) } : {}),\n}))\n\nconst StyledGrid = styled(Grid, {\n  shouldForwardProp: (prop) => prop !== 'gutterBottom',\n})<{ gutterBottom?: boolean }>(({ theme, gutterBottom }) => ({\n  ...(gutterBottom ? { marginBottom: theme.spacing(4) } : {}),\n}))\n"]}
+{"version":3,"file":"LargeIconMessage.js","sourceRoot":"","sources":["../../../src/components/messages/LargeIconMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,UAAU,EACV,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,MAAM,GAEP,MAAM,eAAe,CAAA;AAoBtB,SAAS,gBAAgB,CAAC,EACxB,aAAa,EACb,KAAK,EACL,OAAO,EACP,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,SAAS,GACH;IACN,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,SAAS,IAAC,QAAQ,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,IAAI,uBAAuB;QACtE,oBAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS;YACvC,oBAAC,aAAa,IAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAI,CAClC;QACtB,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,QAAQ,EACd,YAAY,QACZ,KAAK,EAAE,GAAG,OAAO,OAAO,IAEvB,KAAK,CACK;QACZ,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,gBAAgB,IACf,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,CAAC,CAAC,MAAM,EACnB,YAAY,EAAE,CAAC,MAAM,IAAI,YAAY,IAEpC,QAAQ,CACQ,CACpB,CAAC,CAAC,CAAC,IAAI;QACP,MAAM,IAAI,CACT,oBAAC,UAAU,IACT,SAAS,QACT,cAAc,EAAC,QAAQ,EACvB,YAAY,EAAE,YAAY,IAEzB,MAAM,CACI,CACd,CACS,CACb,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,gBAAgB,CAAC,CAAA;AAElD,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,EAAE;IACxC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,WAAW;CAClD,CAAC,CAEC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5B,SAAS,EAAE,QAAQ;IACnB,GAAG,CAAC,SAAS;QACX,CAAC,CAAC;YACE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;SAC7B;QACH,CAAC,CAAC,EAAE,CAAC;CACR,CAAC,CAAC,CAAA;AAEH,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,EAAE;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,cAAc;CACrD,CAAC,CAA0C,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;IACxE,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5D,CAAC,CAAC,CAAA;AAEH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,EAAE;IAC9B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,cAAc;CACrD,CAAC,CAA6B,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3D,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5D,CAAC,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {\n  Typography,\n  Grid,\n  Container,\n  useTheme,\n  styled,\n  Icon,\n} from '@mui/material'\nimport { CommonProps } from '@mui/material/OverridableComponent'\nimport { Color } from '../../types/mui-color'\n\ntype IconProps = React.ComponentProps<typeof Icon>\n\nexport type Props = {\n  IconComponent: React.ComponentType<{\n    color: IconProps['color']\n    style: IconProps['style']\n  }>\n  title: string\n  variant: Color\n  gutterTop?: boolean\n  gutterBottom?: boolean\n  children?: React.ReactNode\n  action?: React.ReactNode\n  className?: CommonProps['className']\n}\n\nfunction LargeIconMessage({\n  IconComponent,\n  title,\n  variant,\n  gutterTop,\n  gutterBottom,\n  children,\n  action,\n  className,\n}: Props) {\n  const theme = useTheme()\n\n  const fontSize = React.useMemo(() => theme.spacing(16), [theme])\n\n  return (\n    <Container maxWidth=\"sm\" className={className || 'ob-large-icon-message'}>\n      <StyledIconContainer gutterTop={gutterTop}>\n        <IconComponent color={variant} style={{ fontSize }} />\n      </StyledIconContainer>\n      <Typography\n        variant=\"h5\"\n        align=\"center\"\n        gutterBottom\n        color={`${variant}.main`}\n      >\n        {title}\n      </Typography>\n      {children ? (\n        <StyledTypography\n          align=\"center\"\n          variant=\"body2\"\n          paragraph={!!action}\n          gutterBottom={!action && gutterBottom}\n        >\n          {children}\n        </StyledTypography>\n      ) : null}\n      {action && (\n        <StyledGrid\n          container\n          justifyContent=\"center\"\n          gutterBottom={gutterBottom}\n        >\n          {action}\n        </StyledGrid>\n      )}\n    </Container>\n  )\n}\n\nexport default React.memo<Props>(LargeIconMessage)\n\nconst StyledIconContainer = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'gutterTop',\n})<{\n  gutterTop?: boolean\n}>(({ theme, gutterTop }) => ({\n  textAlign: 'center',\n  ...(gutterTop\n    ? {\n        paddingTop: theme.spacing(4),\n      }\n    : {}),\n}))\n\nconst StyledTypography = styled(Typography, {\n  shouldForwardProp: (prop) => prop !== 'gutterBottom',\n})<React.ComponentProps<typeof Typography>>(({ theme, gutterBottom }) => ({\n  ...(gutterBottom ? { marginBottom: theme.spacing(4) } : {}),\n}))\n\nconst StyledGrid = styled(Grid, {\n  shouldForwardProp: (prop) => prop !== 'gutterBottom',\n})<{ gutterBottom?: boolean }>(({ theme, gutterBottom }) => ({\n  ...(gutterBottom ? { marginBottom: theme.spacing(4) } : {}),\n}))\n"]}

package/dist/components/payments/PaymentForm.js

@@ -4,6 +4,7 @@ import WestpacQuickStreamPaymentForm from './WestpacQuickStreamPaymentForm';
 import useQuery from '../../hooks/useQuery';
 import useLoadDataState from '../../hooks/useLoadDataState';
 import OnLoading from '../renderer/OnLoading';
+import MaterialIcon from '../MaterialIcon';
 function PaymentForm({ captchaSiteKey, onCompleted, onCancelled, appImageUrl, title, }) {
     const query = useQuery();
     const loadPaymentFormConfiguration = React.useCallback(async (abortSignal) => {
@@ -50,7 +51,7 @@ function PaymentForm({ captchaSiteKey, onCompleted, onCancelled, appImageUrl, ti
         case 'ERROR': {
             return (React.createElement("section", { className: "cypress-payment-form-loading-error-message" },
                 React.createElement("div", { className: "ob-payment-form__error-icon-container has-text-centered has-margin-bottom-8" },
-                    React.createElement("i", { className: "ob-payment-form__error-icon material-icons has-text-danger icon-x-large" }, "error")),
+                    React.createElement(MaterialIcon, { className: "ob-payment-form__error-icon has-text-danger icon-x-large" }, "error")),
                 React.createElement("p", { className: "ob-payment-form__error-message has-text-centered has-margin-bottom-4" }, state.error.message)));
         }
         case 'SUCCESS': {

package/dist/components/payments/PaymentForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentForm.js","sourceRoot":"","sources":["../../../src/components/payments/PaymentForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { paymentService } from '@oneblink/apps'\nimport { SubmissionTypes } from '@oneblink/types'\nimport React from 'react'\nimport WestpacQuickStreamPaymentForm from './WestpacQuickStreamPaymentForm'\nimport useQuery from '../../hooks/useQuery'\nimport useLoadDataState from '../../hooks/useLoadDataState'\nimport OnLoading from '../renderer/OnLoading'\n\nfunction PaymentForm({\n  captchaSiteKey,\n  onCompleted,\n  onCancelled,\n  appImageUrl,\n  title,\n}: {\n  captchaSiteKey: string\n  onCompleted: (result: {\n    formSubmissionPayment: SubmissionTypes.FormSubmissionPayment\n    paymentReceiptUrl: string\n  }) => void\n  onCancelled: (result: { paymentReceiptUrl: string }) => void\n  appImageUrl?: string\n  title?: string\n}) {\n  const query = useQuery()\n\n  const loadPaymentFormConfiguration = React.useCallback(\n    async (abortSignal: AbortSignal) => {\n      const formSubmissionPaymentId = query.formSubmissionPaymentId\n      if (typeof formSubmissionPaymentId !== 'string') {\n        throw new Error(\n          'It looks like you are attempting to make an unknown payment.',\n        )\n      }\n\n      const { formSubmissionResult, paymentSubmissionEvent } =\n        await paymentService.getFormSubmissionResultPayment()\n      switch (paymentSubmissionEvent.type) {\n        case 'BPOINT':\n        case 'CP_PAY':\n        case 'NSW_GOV_PAY':\n        case 'WESTPAC_QUICK_WEB': {\n          throw new Error(\n            `\"${paymentSubmissionEvent.type}\" payment events do not support a custom payment form.`,\n          )\n        }\n        case 'WESTPAC_QUICK_STREAM': {\n          const { supplierBusinessCode, publishableApiKey, isTestMode } =\n            await paymentService.westpacQuickStream.getPaymentFormConfiguration(\n              {\n                formSubmissionPaymentId,\n                formSubmissionResult,\n                paymentSubmissionEvent,\n                abortSignal,\n              },\n            )\n          return {\n            renderPaymentForm: () => (\n              <WestpacQuickStreamPaymentForm\n                formSubmissionResult={formSubmissionResult}\n                paymentSubmissionEvent={paymentSubmissionEvent}\n                formSubmissionPaymentId={formSubmissionPaymentId}\n                supplierBusinessCode={supplierBusinessCode}\n                publishableApiKey={publishableApiKey}\n                isTestMode={isTestMode}\n                captchaSiteKey={captchaSiteKey}\n                onCompleted={onCompleted}\n                onCancelled={onCancelled}\n                appImageUrl={appImageUrl}\n                title={title}\n              />\n            ),\n          }\n        }\n      }\n    },\n    [\n      appImageUrl,\n      captchaSiteKey,\n      onCancelled,\n      onCompleted,\n      query.formSubmissionPaymentId,\n      title,\n    ],\n  )\n\n  const [state] = useLoadDataState(loadPaymentFormConfiguration)\n\n  switch (state.status) {\n    case 'LOADING': {\n      return (\n        <section>\n          <div className=\"cypress-loading has-text-centered\">\n            <OnLoading className=\"has-text-centered\"></OnLoading>\n            <span>Loading payment configuration...</span>\n          </div>\n        </section>\n      )\n    }\n    case 'ERROR': {\n      return (\n        <section className=\"cypress-payment-form-loading-error-message\">\n          <div className=\"ob-payment-form__error-icon-container has-text-centered has-margin-bottom-8\">\n            <i className=\"ob-payment-form__error-icon material-icons has-text-danger icon-x-large\">\n              error\n            </i>\n          </div>\n          <p className=\"ob-payment-form__error-message has-text-centered has-margin-bottom-4\">\n            {state.error.message}\n          </p>\n        </section>\n      )\n    }\n    case 'SUCCESS': {\n      return state.result.renderPaymentForm()\n    }\n  }\n}\n\nexport default React.memo(PaymentForm)\n"]}
+{"version":3,"file":"PaymentForm.js","sourceRoot":"","sources":["../../../src/components/payments/PaymentForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import { paymentService } from '@oneblink/apps'\nimport { SubmissionTypes } from '@oneblink/types'\nimport React from 'react'\nimport WestpacQuickStreamPaymentForm from './WestpacQuickStreamPaymentForm'\nimport useQuery from '../../hooks/useQuery'\nimport useLoadDataState from '../../hooks/useLoadDataState'\nimport OnLoading from '../renderer/OnLoading'\nimport MaterialIcon from '../MaterialIcon'\n\nfunction PaymentForm({\n  captchaSiteKey,\n  onCompleted,\n  onCancelled,\n  appImageUrl,\n  title,\n}: {\n  captchaSiteKey: string\n  onCompleted: (result: {\n    formSubmissionPayment: SubmissionTypes.FormSubmissionPayment\n    paymentReceiptUrl: string\n  }) => void\n  onCancelled: (result: { paymentReceiptUrl: string }) => void\n  appImageUrl?: string\n  title?: string\n}) {\n  const query = useQuery()\n\n  const loadPaymentFormConfiguration = React.useCallback(\n    async (abortSignal: AbortSignal) => {\n      const formSubmissionPaymentId = query.formSubmissionPaymentId\n      if (typeof formSubmissionPaymentId !== 'string') {\n        throw new Error(\n          'It looks like you are attempting to make an unknown payment.',\n        )\n      }\n\n      const { formSubmissionResult, paymentSubmissionEvent } =\n        await paymentService.getFormSubmissionResultPayment()\n      switch (paymentSubmissionEvent.type) {\n        case 'BPOINT':\n        case 'CP_PAY':\n        case 'NSW_GOV_PAY':\n        case 'WESTPAC_QUICK_WEB': {\n          throw new Error(\n            `\"${paymentSubmissionEvent.type}\" payment events do not support a custom payment form.`,\n          )\n        }\n        case 'WESTPAC_QUICK_STREAM': {\n          const { supplierBusinessCode, publishableApiKey, isTestMode } =\n            await paymentService.westpacQuickStream.getPaymentFormConfiguration(\n              {\n                formSubmissionPaymentId,\n                formSubmissionResult,\n                paymentSubmissionEvent,\n                abortSignal,\n              },\n            )\n          return {\n            renderPaymentForm: () => (\n              <WestpacQuickStreamPaymentForm\n                formSubmissionResult={formSubmissionResult}\n                paymentSubmissionEvent={paymentSubmissionEvent}\n                formSubmissionPaymentId={formSubmissionPaymentId}\n                supplierBusinessCode={supplierBusinessCode}\n                publishableApiKey={publishableApiKey}\n                isTestMode={isTestMode}\n                captchaSiteKey={captchaSiteKey}\n                onCompleted={onCompleted}\n                onCancelled={onCancelled}\n                appImageUrl={appImageUrl}\n                title={title}\n              />\n            ),\n          }\n        }\n      }\n    },\n    [\n      appImageUrl,\n      captchaSiteKey,\n      onCancelled,\n      onCompleted,\n      query.formSubmissionPaymentId,\n      title,\n    ],\n  )\n\n  const [state] = useLoadDataState(loadPaymentFormConfiguration)\n\n  switch (state.status) {\n    case 'LOADING': {\n      return (\n        <section>\n          <div className=\"cypress-loading has-text-centered\">\n            <OnLoading className=\"has-text-centered\"></OnLoading>\n            <span>Loading payment configuration...</span>\n          </div>\n        </section>\n      )\n    }\n    case 'ERROR': {\n      return (\n        <section className=\"cypress-payment-form-loading-error-message\">\n          <div className=\"ob-payment-form__error-icon-container has-text-centered has-margin-bottom-8\">\n            <MaterialIcon className=\"ob-payment-form__error-icon has-text-danger icon-x-large\">\n              error\n            </MaterialIcon>\n          </div>\n          <p className=\"ob-payment-form__error-message has-text-centered has-margin-bottom-4\">\n            {state.error.message}\n          </p>\n        </section>\n      )\n    }\n    case 'SUCCESS': {\n      return state.result.renderPaymentForm()\n    }\n  }\n}\n\nexport default React.memo(PaymentForm)\n"]}

package/dist/components/payments/WestpacQuickStreamPaymentForm.js

@@ -5,6 +5,7 @@ import ReCAPTCHA from 'react-google-recaptcha';
 import OnLoading from '../renderer/OnLoading';
 import OneBlinkAppsErrorOriginalMessage from '../renderer/OneBlinkAppsErrorOriginalMessage';
 import Modal from '../renderer/Modal';
+import MaterialIcon from '../MaterialIcon';
 function WestpacQuickStreamPaymentForm({ formSubmissionResult, paymentSubmissionEvent, formSubmissionPaymentId, supplierBusinessCode, publishableApiKey, isTestMode, captchaSiteKey, onCompleted, onCancelled, appImageUrl, title, }) {
     var _a, _b;
     const [{ isCompletingTransaction, completeTransactionError, captchaToken, displayCaptchaRequired, }, setCompleteTransactionState,] = React.useState({
@@ -192,7 +193,7 @@ function WestpacQuickStreamPaymentForm({ formSubmissionResult, paymentSubmission
                 React.createElement("span", null, "Building payment form...")))),
         loadError && (React.createElement("section", { className: "cypress-payment-form-loading-error-message" },
             React.createElement("div", { className: "ob-payment-form__error-icon-container has-text-centered has-margin-bottom-8" },
-                React.createElement("i", { className: "ob-payment-form__error-icon material-icons has-text-danger icon-x-large" }, "error")),
+                React.createElement(MaterialIcon, { className: "ob-payment-form__error-icon has-text-danger icon-x-large" }, "error")),
             React.createElement("p", { className: "ob-payment-form__error-message has-text-centered has-margin-bottom-4" }, loadError.message))),
         React.createElement("section", null,
             React.createElement("form", { onSubmit: (event) => {