@oneblink/apps-react 2.3.0-beta.2 → 2.3.0-beta.4

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/formStore/table/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport { TableInstance } from 'react-table'\nimport clsx from 'clsx'\nimport { Box, Paper, TableContainer, Tooltip } from '@mui/material'\nimport makeStyles from '@mui/styles/makeStyles'\nimport {\n  FilterList as FilterListIcon,\n  Warning as WarningIcon,\n  ArrowDownward as SortingIcon,\n} from '@mui/icons-material'\nimport { SubmissionTypes } from '@oneblink/types'\nimport { IsHoveringProvider } from '../../../hooks/useIsHovering'\nimport { NoResourcesYet } from '../../NoResourcesYet'\nimport FormStoreIcon from '../display/FormStoreIcon'\nimport HeaderCellMoreButton from './HeaderCellMoreButton'\nimport { OnChangeFilters } from '../../../hooks/useInfiniteScrollDataLoad'\nimport { formStoreService } from '@oneblink/apps'\n\nconst useStyles = makeStyles((theme) => ({\n  tooltip: {\n    zIndex: theme.zIndex.drawer,\n  },\n  sortingIcon: {\n    transition: theme.transitions.create('transform'),\n  },\n  sortingIconDescending: {\n    transform: 'rotate(180deg)',\n  },\n  table: {\n    display: 'inline-block',\n    '& .tbody .tr:last-child .tc': {\n      borderBottom: 0,\n    },\n    '& .tc': {\n      padding: theme.spacing(1),\n      borderBottomColor: theme.palette.divider,\n      borderBottom: '1px solid',\n      display: 'flex',\n      alignItems: 'center',\n      '&.is-clickable': {\n        cursor: 'pointer',\n        transition: theme.transitions.create('transform'),\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n      },\n    },\n    '& .td': {\n      position: 'relative',\n      borderRight: '1px solid',\n      borderRightColor: theme.palette.divider,\n      overflowX: 'hidden',\n      // minus 1 to cater for the border\n      minHeight: `${parseInt(theme.spacing(5.5)) - 1}px`,\n      '&.is-resizing': {\n        borderRightStyle: 'dashed',\n      },\n    },\n    '& .th': {\n      position: 'relative',\n      fontWeight: theme.typography.fontWeightBold,\n      paddingRight: 0,\n      '& .th-content': {\n        flex: 1,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        borderRight: '1px solid',\n        borderRightColor: theme.palette.divider,\n        paddingRight: theme.spacing(),\n        '& .th-label': {\n          display: 'inline-flex',\n          alignItems: 'center',\n          '& .th-icon': {\n            marginLeft: theme.spacing(),\n          },\n        },\n      },\n      '& .resizer': {\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        borderWidth: 0,\n        borderLeftStyle: 'solid',\n        borderRightStyle: 'solid',\n        borderColor: theme.palette.divider,\n        paddingTop: theme.spacing(),\n        paddingBottom: theme.spacing(),\n        paddingRight: `calc(${theme.spacing(1)} + 1px)`,\n        position: 'absolute',\n        right: 0,\n        top: theme.spacing(0.5),\n        bottom: theme.spacing(0.5),\n        transform: `translateX(calc(${theme.spacing(0.5)} + 1px))`,\n        zIndex: 1,\n        // prevents from scrolling while dragging on touch devices\n        touchAction: 'none',\n        '&:hover': {\n          borderWidth: '1px',\n        },\n        '&.is-resizing': {\n          borderWidth: '1px',\n          borderColor: theme.palette.grey[700],\n        },\n      },\n    },\n  },\n}))\n\ntype FormStoreTableInstance = TableInstance<SubmissionTypes.FormStoreRecord>\n\nfunction FormStoreTable({\n  getTableProps,\n  getTableBodyProps,\n  headerGroups,\n  rows,\n  prepareRow,\n  isEmptyResults,\n  onChangeFilters,\n}: {\n  getTableProps: FormStoreTableInstance['getTableProps']\n  getTableBodyProps: FormStoreTableInstance['getTableBodyProps']\n  headerGroups: FormStoreTableInstance['headerGroups']\n  rows: FormStoreTableInstance['rows']\n  prepareRow: FormStoreTableInstance['prepareRow']\n  isEmptyResults: boolean\n  onChangeFilters: OnChangeFilters<formStoreService.FormStoreFilters>\n}) {\n  const classes = useStyles()\n\n  return (\n    <>\n      <Paper>\n        <TableContainer>\n          <div className={classes.table} {...getTableProps()}>\n            <div className=\"thead\">\n              {\n                // Loop over the header rows\n                headerGroups.map((headerGroup) => (\n                  // Apply the header row props\n                  <div {...headerGroup.getHeaderGroupProps()} className=\"tr\">\n                    {\n                      // Loop over the headers in each row\n                      headerGroup.headers.map((headerGroup) => {\n                        const sortingProperty = headerGroup.sorting?.property\n                        const sortingDirection = headerGroup.sorting?.direction\n\n                        return (\n                          <Tooltip\n                            title={headerGroup.tooltip || ''}\n                            arrow\n                            key={headerGroup.id}\n                            classes={{\n                              popper: classes.tooltip,\n                            }}\n                          >\n                            <div\n                              className={clsx('th tc', {\n                                'is-clickable': !!sortingProperty,\n                              })}\n                              onClick={\n                                sortingProperty\n                                  ? () => {\n                                      onChangeFilters((currentFilters) => {\n                                        switch (sortingDirection) {\n                                          case 'ascending': {\n                                            return {\n                                              ...currentFilters,\n                                              sorting: [\n                                                {\n                                                  property: sortingProperty,\n                                                  direction: 'descending',\n                                                },\n                                              ],\n                                            }\n                                          }\n                                          case 'descending': {\n                                            return {\n                                              ...currentFilters,\n                                              sorting: undefined,\n                                            }\n                                          }\n                                          default: {\n                                            return {\n                                              ...currentFilters,\n                                              sorting: [\n                                                {\n                                                  property: sortingProperty,\n                                                  direction: 'ascending',\n                                                },\n                                              ],\n                                            }\n                                          }\n                                        }\n                                      }, false)\n                                    }\n                                  : undefined\n                              }\n                              // Apply the header cell props\n                              {...headerGroup.getHeaderProps()}\n                            >\n                              <IsHoveringProvider className=\"th-content\">\n                                <div className=\"th-label\">\n                                  <span>{headerGroup.headerText}</span>\n                                  {sortingDirection && (\n                                    <SortingIcon\n                                      fontSize=\"small\"\n                                      color=\"primary\"\n                                      className={clsx(\n                                        'th-icon',\n                                        classes.sortingIcon,\n                                        {\n                                          [classes.sortingIconDescending]:\n                                            sortingDirection === 'descending',\n                                        },\n                                      )}\n                                    />\n                                  )}\n                                  {headerGroup.filter?.isInvalid ? (\n                                    <Tooltip\n                                      title={\n                                        headerGroup.filter?.validationMessage ||\n                                        ''\n                                      }\n                                    >\n                                      <WarningIcon\n                                        fontSize=\"small\"\n                                        color=\"error\"\n                                        className=\"th-icon\"\n                                      />\n                                    </Tooltip>\n                                  ) : headerGroup.filter?.value ? (\n                                    <FilterListIcon\n                                      fontSize=\"small\"\n                                      color=\"primary\"\n                                      className=\"th-icon\"\n                                    />\n                                  ) : null}\n                                </div>\n                                <HeaderCellMoreButton\n                                  headerGroup={headerGroup}\n                                  onHide={headerGroup.toggleHidden}\n                                />\n                                <div\n                                  {...headerGroup.getResizerProps()}\n                                  className={clsx('resizer', {\n                                    'is-resizing': headerGroup.isResizing,\n                                  })}\n                                  onClick={(event) => {\n                                    event.stopPropagation()\n                                  }}\n                                />\n                              </IsHoveringProvider>\n                            </div>\n                          </Tooltip>\n                        )\n                      })\n                    }\n                  </div>\n                ))\n              }\n            </div>\n            {!isEmptyResults ? (\n              <div {...getTableBodyProps()} className=\"tbody\">\n                {\n                  // Loop over the table rows\n                  rows.map((row) => {\n                    // Prepare the row for display\n                    prepareRow(row)\n                    return (\n                      // Apply the row props\n                      <div {...row.getRowProps()} className=\"tr\">\n                        {\n                          // Loop over the rows cells\n                          row.cells.map((cell) => {\n                            // Apply the cell props\n                            return (\n                              <IsHoveringProvider\n                                {...cell.getCellProps()}\n                                className={clsx('td tc', {\n                                  'is-resizing': cell.column.isResizing,\n                                })}\n                              >\n                                {\n                                  // Render the cell contents\n                                  cell.render('Cell')\n                                }\n                              </IsHoveringProvider>\n                            )\n                          })\n                        }\n                      </div>\n                    )\n                  })\n                }\n              </div>\n            ) : (\n              <Box padding={2} />\n            )}\n          </div>\n        </TableContainer>\n      </Paper>\n\n      {isEmptyResults && (\n        <NoResourcesYet\n          IconComponent={FormStoreIcon}\n          title=\"No Records Found...\"\n        >\n          There are no Submissions matching your filters.\n        </NoResourcesYet>\n      )}\n    </>\n  )\n}\n\nexport default React.memo(FormStoreTable)\n"]}

package/dist/components/renderer/attachments/Files.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-declare function Files<T>({ id, element, isDirty, attachments, validationMessage, displayValidationMessage, onAddFiles, onRenderAttachment, }: {
-    id: string;
-    element: FormTypes.FilesElement;
-    isDirty: boolean;
-    attachments: T[];
-    displayValidationMessage: boolean;
-    validationMessage: string | undefined;
-    onAddFiles: (files: File[]) => void;
-    onRenderAttachment: (attachment: T, index: number) => React.ReactNode;
-}): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof Files>;
-export default _default;

package/dist/components/renderer/attachments/Files.js

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import FormElementLabelContainer from '../FormElementLabelContainer';
-function Files({ id, element, isDirty, attachments, validationMessage, displayValidationMessage, onAddFiles, onRenderAttachment, }) {
-    const inputRef = React.useRef(null);
-    const handleAdd = React.useCallback(() => {
-        if (!inputRef.current)
-            return;
-        // RESET HTML FILE INPUT VALUE SO FILES PREVIOUSLY ADDED AND REMOVED ARE RECOGNISED
-        inputRef.current.value = '';
-        inputRef.current.click();
-    }, []);
-    return (React.createElement("div", { className: "cypress-files-element" },
-        React.createElement(FormElementLabelContainer, { className: "ob-files", element: element, id: id, required: !!element.minEntries },
-            React.createElement("input", { ref: inputRef, type: "file", name: element.name, id: id, className: "file-input ob-input", multiple: element.maxEntries !== 1, disabled: element.readOnly, onChange: (event) => onAddFiles(event.target.files ? Array.from(event.target.files) : []) }),
-            React.createElement("div", { className: "control cypress-files-control" },
-                React.createElement("div", { className: "columns is-multiline" },
-                    attachments.map(onRenderAttachment),
-                    !element.readOnly &&
-                        (!element.maxEntries ||
-                            attachments.length < element.maxEntries) && (React.createElement("div", { className: "column is-one-quarter" },
-                        React.createElement("button", { type: "button", className: "button ob-files__add-new-button", onClick: handleAdd },
-                            React.createElement("i", { className: "material-icons icon-x-large" }, "add")))))),
-            (isDirty || displayValidationMessage) && !!validationMessage && (React.createElement("div", { role: "alert", className: "has-margin-top-8" },
-                React.createElement("div", { className: "has-text-danger ob-error__text cypress-validation-message" }, validationMessage))))));
-}
-export default React.memo(Files);
-//# sourceMappingURL=Files.js.map

package/dist/components/renderer/attachments/Files.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Files.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/Files.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,yBAAyB,MAAM,8BAA8B,CAAA;AAEpE,SAAS,KAAK,CAAI,EAChB,EAAE,EACF,OAAO,EACP,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,wBAAwB,EACxB,UAAU,EACV,kBAAkB,GAUnB;IACC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAA;IAErD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAM;QAC7B,mFAAmF;QACnF,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;QAC3B,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;QACpC,oBAAC,yBAAyB,IACxB,SAAS,EAAC,UAAU,EACpB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU;YAE9B,+BACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,qBAAqB,EAC/B,QAAQ,EAAE,OAAO,CAAC,UAAU,KAAK,CAAC,EAClC,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAEtE;YACF,6BAAK,SAAS,EAAC,+BAA+B;gBAC5C,6BAAK,SAAS,EAAC,sBAAsB;oBAClC,WAAW,CAAC,GAAG,CAAC,kBAAkB,CAAC;oBACnC,CAAC,OAAO,CAAC,QAAQ;wBAChB,CAAC,CAAC,OAAO,CAAC,UAAU;4BAClB,WAAW,CAAC,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAC5C,6BAAK,SAAS,EAAC,uBAAuB;wBACpC,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,SAAS;4BAElB,2BAAG,SAAS,EAAC,6BAA6B,UAAQ,CAC3C,CACL,CACP,CACC,CACF;YAEL,CAAC,OAAO,IAAI,wBAAwB,CAAC,IAAI,CAAC,CAAC,iBAAiB,IAAI,CAC/D,6BAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB;gBAC5C,6BAAK,SAAS,EAAC,2DAA2D,IACvE,iBAAiB,CACd,CACF,CACP,CACyB,CACxB,CACP,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA","sourcesContent":["import * as React from 'react'\n\nimport { FormTypes } from '@oneblink/types'\nimport FormElementLabelContainer from '../FormElementLabelContainer'\n\nfunction Files<T>({\n  id,\n  element,\n  isDirty,\n  attachments,\n  validationMessage,\n  displayValidationMessage,\n  onAddFiles,\n  onRenderAttachment,\n}: {\n  id: string\n  element: FormTypes.FilesElement\n  isDirty: boolean\n  attachments: T[]\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n  onAddFiles: (files: File[]) => void\n  onRenderAttachment: (attachment: T, index: number) => React.ReactNode\n}) {\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  const handleAdd = React.useCallback(() => {\n    if (!inputRef.current) return\n    // RESET HTML FILE INPUT VALUE SO FILES PREVIOUSLY ADDED AND REMOVED ARE RECOGNISED\n    inputRef.current.value = ''\n    inputRef.current.click()\n  }, [])\n\n  return (\n    <div className=\"cypress-files-element\">\n      <FormElementLabelContainer\n        className=\"ob-files\"\n        element={element}\n        id={id}\n        required={!!element.minEntries}\n      >\n        <input\n          ref={inputRef}\n          type=\"file\"\n          name={element.name}\n          id={id}\n          className=\"file-input ob-input\"\n          multiple={element.maxEntries !== 1}\n          disabled={element.readOnly}\n          onChange={(event) =>\n            onAddFiles(event.target.files ? Array.from(event.target.files) : [])\n          }\n        />\n        <div className=\"control cypress-files-control\">\n          <div className=\"columns is-multiline\">\n            {attachments.map(onRenderAttachment)}\n            {!element.readOnly &&\n              (!element.maxEntries ||\n                attachments.length < element.maxEntries) && (\n                <div className=\"column is-one-quarter\">\n                  <button\n                    type=\"button\"\n                    className=\"button ob-files__add-new-button\"\n                    onClick={handleAdd}\n                  >\n                    <i className=\"material-icons icon-x-large\">add</i>\n                  </button>\n                </div>\n              )}\n          </div>\n        </div>\n\n        {(isDirty || displayValidationMessage) && !!validationMessage && (\n          <div role=\"alert\" className=\"has-margin-top-8\">\n            <div className=\"has-text-danger ob-error__text cypress-validation-message\">\n              {validationMessage}\n            </div>\n          </div>\n        )}\n      </FormElementLabelContainer>\n    </div>\n  )\n}\n\nexport default React.memo(Files)\n"]}

package/dist/components/renderer/attachments/UploadingAttachment.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-declare function UploadingAttachment(): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof UploadingAttachment>;
-export default _default;

package/dist/components/renderer/attachments/UploadingAttachment.js

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { Tooltip } from '@mui/material';
-import useIsOffline from '../../../hooks/useIsOffline';
-import OnLoading from '../OnLoading';
-function UploadingAttachment() {
-    const isOffline = useIsOffline();
-    return (React.createElement(Tooltip, { title: isOffline
-            ? 'Upload will start when you connect to the internet'
-            : 'Uploading' },
-        React.createElement("div", { className: "cypress-attachment-uploading" }, isOffline ? (React.createElement("i", { className: "material-icons has-text-warning" }, "wifi_off")) : (React.createElement(OnLoading, { tiny: true })))));
-}
-export default React.memo(UploadingAttachment);
-//# sourceMappingURL=UploadingAttachment.js.map

package/dist/components/renderer/attachments/UploadingAttachment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UploadingAttachment.js","sourceRoot":"","sources":["../../../../src/components/renderer/attachments/UploadingAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,YAAY,MAAM,6BAA6B,CAAA;AACtD,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,SAAS,mBAAmB;IAC1B,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,CACL,oBAAC,OAAO,IACN,KAAK,EACH,SAAS;YACP,CAAC,CAAC,oDAAoD;YACtD,CAAC,CAAC,WAAW;QAGjB,6BAAK,SAAS,EAAC,8BAA8B,IAC1C,SAAS,CAAC,CAAC,CAAC,CACX,2BAAG,SAAS,EAAC,iCAAiC,eAAa,CAC5D,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IAAC,IAAI,SAAG,CACnB,CACG,CACE,CACX,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { Tooltip } from '@mui/material'\nimport useIsOffline from '../../../hooks/useIsOffline'\nimport OnLoading from '../OnLoading'\n\nfunction UploadingAttachment() {\n  const isOffline = useIsOffline()\n\n  return (\n    <Tooltip\n      title={\n        isOffline\n          ? 'Upload will start when you connect to the internet'\n          : 'Uploading'\n      }\n    >\n      <div className=\"cypress-attachment-uploading\">\n        {isOffline ? (\n          <i className=\"material-icons has-text-warning\">wifi_off</i>\n        ) : (\n          <OnLoading tiny />\n        )}\n      </div>\n    </Tooltip>\n  )\n}\n\nexport default React.memo(UploadingAttachment)\n"]}

package/dist/form-elements/FormElementFiles/FormElementFile.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-import { OnChange } from '../../hooks/attachments/useAttachment';
-import { Attachment } from '../../types/attachments';
-declare type Props = {
-    element: FormTypes.FilesElement;
-    onRemove: (id: string) => void;
-    file: Attachment;
-    disableUpload: boolean;
-    onChange: OnChange;
-};
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;

package/dist/form-elements/FormElementFiles/FormElementFile.js

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import downloadAttachment from '../../services/download-file';
-import useAttachment from '../../hooks/attachments/useAttachment';
-import FileCard from '../../components/renderer/attachments/FileCard';
-const FormElementFile = ({ element, onRemove, file, onChange, disableUpload, }) => {
-    const attachmentResult = useAttachment(file, element, onChange, disableUpload);
-    const handleRemove = React.useCallback(() => {
-        if (!file.type) {
-            return onRemove(file.id);
-        }
-        return onRemove(file._id);
-    }, [file, onRemove]);
-    const handleDownload = React.useCallback(async () => {
-        await downloadAttachment(file);
-    }, [file]);
-    const handleRetry = React.useMemo(() => {
-        if (file.type === 'ERROR' && file.data) {
-            return () => {
-                onChange(file._id, {
-                    type: 'NEW',
-                    _id: file._id,
-                    data: file.data,
-                    fileName: file.fileName,
-                    isPrivate: file.isPrivate,
-                });
-            };
-        }
-    }, [file, onChange]);
-    return (React.createElement(FileCard, { element: element, isUploading: attachmentResult.isUploading, isUploadPaused: disableUpload, uploadErrorMessage: attachmentResult.uploadErrorMessage, loadImageUrlError: attachmentResult.loadImageUrlError, isLoadingImageUrl: attachmentResult.isLoadingImageUrl, imageUrl: attachmentResult.imageUrl, fileName: file.fileName, onDownload: attachmentResult.canDownload ? handleDownload : undefined, onRemove: handleRemove, onRetry: handleRetry }));
-};
-export default React.memo(FormElementFile);
-//# sourceMappingURL=FormElementFile.js.map

package/dist/form-elements/FormElementFiles/FormElementFile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormElementFile.js","sourceRoot":"","sources":["../../../src/form-elements/FormElementFiles/FormElementFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,kBAAkB,MAAM,8BAA8B,CAAA;AAE7D,OAAO,aAA2B,MAAM,uCAAuC,CAAA;AAC/E,OAAO,QAAQ,MAAM,gDAAgD,CAAA;AAWrE,MAAM,eAAe,GAAG,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,aAAa,GACP,EAAE,EAAE;IACV,MAAM,gBAAgB,GAAG,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAA;IAE9E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;SACzB;QACD,OAAO,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC3B,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEpB,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE;QAClD,MAAM,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE;YACtC,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE;oBACjB,IAAI,EAAE,KAAK;oBACX,GAAG,EAAE,IAAI,CAAC,GAAG;oBACb,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,SAAS,EAAE,IAAI,CAAC,SAAS;iBAC1B,CAAC,CAAA;YACJ,CAAC,CAAA;SACF;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,oBAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,gBAAgB,CAAC,WAAW,EACzC,cAAc,EAAE,aAAa,EAC7B,kBAAkB,EAAE,gBAAgB,CAAC,kBAAkB,EACvD,iBAAiB,EAAE,gBAAgB,CAAC,iBAAiB,EACrD,iBAAiB,EAAE,gBAAgB,CAAC,iBAAiB,EACrD,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EACrE,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,GACpB,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,eAAe,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport downloadAttachment from '../../services/download-file'\nimport { FormTypes } from '@oneblink/types'\nimport useAttachment, { OnChange } from '../../hooks/attachments/useAttachment'\nimport FileCard from '../../components/renderer/attachments/FileCard'\nimport { Attachment } from '../../types/attachments'\n\ntype Props = {\n  element: FormTypes.FilesElement\n  onRemove: (id: string) => void\n  file: Attachment\n  disableUpload: boolean\n  onChange: OnChange\n}\n\nconst FormElementFile = ({\n  element,\n  onRemove,\n  file,\n  onChange,\n  disableUpload,\n}: Props) => {\n  const attachmentResult = useAttachment(file, element, onChange, disableUpload)\n\n  const handleRemove = React.useCallback(() => {\n    if (!file.type) {\n      return onRemove(file.id)\n    }\n    return onRemove(file._id)\n  }, [file, onRemove])\n\n  const handleDownload = React.useCallback(async () => {\n    await downloadAttachment(file)\n  }, [file])\n\n  const handleRetry = React.useMemo(() => {\n    if (file.type === 'ERROR' && file.data) {\n      return () => {\n        onChange(file._id, {\n          type: 'NEW',\n          _id: file._id,\n          data: file.data,\n          fileName: file.fileName,\n          isPrivate: file.isPrivate,\n        })\n      }\n    }\n  }, [file, onChange])\n\n  return (\n    <FileCard\n      element={element}\n      isUploading={attachmentResult.isUploading}\n      isUploadPaused={disableUpload}\n      uploadErrorMessage={attachmentResult.uploadErrorMessage}\n      loadImageUrlError={attachmentResult.loadImageUrlError}\n      isLoadingImageUrl={attachmentResult.isLoadingImageUrl}\n      imageUrl={attachmentResult.imageUrl}\n      fileName={file.fileName}\n      onDownload={attachmentResult.canDownload ? handleDownload : undefined}\n      onRemove={handleRemove}\n      onRetry={handleRetry}\n    />\n  )\n}\n\nexport default React.memo<Props>(FormElementFile)\n"]}

package/dist/form-elements/FormElementFiles/FormElementFileDisplay.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-declare const _default: React.NamedExoticComponent<{
-    canDownload: boolean;
-    imageUrl?: string | null | undefined;
-    loadImageUrlError?: Error | undefined;
-    isUploading: boolean;
-    uploadErrorMessage: string | undefined;
-    isLoadingImageUrl: boolean;
-}>;
-export default _default;

package/dist/form-elements/FormElementFiles/FormElementFileDisplay.js

@@ -1,11 +0,0 @@
-import * as React from 'react';
-const FormElementFileDisplay = ({ imageUrl, }) => {
-    if (imageUrl) {
-        return (React.createElement("div", { className: "ob-files__content-image" },
-            React.createElement("img", { className: "ob-files__image", src: imageUrl })));
-    }
-    return (React.createElement("div", { className: "ob-files__content-file has-text-centered" },
-        React.createElement("i", { className: "material-icons icon-large ob-files__attach-icon has-text-grey" }, "attach_file")));
-};
-export default React.memo(FormElementFileDisplay);
-//# sourceMappingURL=FormElementFileDisplay.js.map

package/dist/form-elements/FormElementFiles/FormElementFileDisplay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormElementFileDisplay.js","sourceRoot":"","sources":["../../../src/form-elements/FormElementFiles/FormElementFileDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,sBAAsB,GAAG,CAAC,EAC9B,QAAQ,GACyB,EAAE,EAAE;IACrC,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,6BAAK,SAAS,EAAC,yBAAyB;YACtC,6BAAK,SAAS,EAAC,iBAAiB,EAAC,GAAG,EAAE,QAAQ,GAAI,CAC9C,CACP,CAAA;KACF;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,0CAA0C;QACvD,2BAAG,SAAS,EAAC,+DAA+D,kBAExE,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CACvB,sBAAsB,CACvB,CAAA","sourcesContent":["import * as React from 'react'\nimport useAttachment from '../../hooks/attachments/useAttachment'\n\nconst FormElementFileDisplay = ({\n  imageUrl,\n}: ReturnType<typeof useAttachment>) => {\n  if (imageUrl) {\n    return (\n      <div className=\"ob-files__content-image\">\n        <img className=\"ob-files__image\" src={imageUrl} />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"ob-files__content-file has-text-centered\">\n      <i className=\"material-icons icon-large ob-files__attach-icon has-text-grey\">\n        attach_file\n      </i>\n    </div>\n  )\n}\n\nexport default React.memo<ReturnType<typeof useAttachment>>(\n  FormElementFileDisplay,\n)\n"]}

package/dist/form-elements/FormElementFiles/FormElementFiles.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-import { Attachment } from '../../types/attachments';
-import { FormElementValueChangeHandler } from '../../types/form';
-declare type Props = {
-    id: string;
-    element: FormTypes.FilesElement;
-    value?: Attachment[];
-    onChange: FormElementValueChangeHandler<Attachment[]>;
-    displayValidationMessage: boolean;
-    validationMessage: string | undefined;
-};
-declare function FormElementFiles({ id, element, value, onChange, validationMessage, displayValidationMessage, }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FormElementFiles>;
-export default _default;

package/dist/form-elements/FormElementFiles/FormElementFiles.js

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import Files from '../../components/renderer/attachments/Files';
-import FormElementFile from './FormElementFile';
-import useAttachments from '../../hooks/attachments/useAttachments';
-import { checkFileNameIsValid, checkFileNameExtensionIsValid, } from '../../services/form-validation';
-function FormElementFiles({ id, element, value, onChange, validationMessage, displayValidationMessage, }) {
-    const { isDirty, addAttachments, removeAttachment, changeAttachment } = useAttachments(element, onChange);
-    const attachments = value || [];
-    const handleRenderAttachment = React.useCallback((attachment, index) => {
-        return (React.createElement(FormElementFile, { key: index, element: element, onRemove: removeAttachment, file: attachment, onChange: changeAttachment, disableUpload: (!!element.maxEntries && attachments.length > element.maxEntries) ||
-                !checkFileNameIsValid(element, attachment.fileName) ||
-                !checkFileNameExtensionIsValid(element, attachment.fileName) }));
-    }, [attachments.length, changeAttachment, element, removeAttachment]);
-    return (React.createElement(Files, { id: id, isDirty: isDirty, element: element, attachments: attachments, displayValidationMessage: displayValidationMessage, validationMessage: validationMessage, onAddFiles: addAttachments, onRenderAttachment: handleRenderAttachment }));
-}
-export default React.memo(FormElementFiles);
-//# sourceMappingURL=FormElementFiles.js.map

package/dist/form-elements/FormElementFiles/FormElementFiles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormElementFiles.js","sourceRoot":"","sources":["../../../src/form-elements/FormElementFiles/FormElementFiles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,MAAM,6CAA6C,CAAA;AAC/D,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,cAAc,MAAM,wCAAwC,CAAA;AACnE,OAAO,EACL,oBAAoB,EACpB,6BAA6B,GAC9B,MAAM,gCAAgC,CAAA;AAYvC,SAAS,gBAAgB,CAAC,EACxB,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,wBAAwB,GAClB;IACN,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GACnE,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;IAEnC,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE,CAAA;IAE/B,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAC9C,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;QACpB,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,gBAAgB,EAC1B,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,gBAAgB,EAC1B,aAAa,EACX,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,IAAI,WAAW,CAAC,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC;gBACjE,CAAC,oBAAoB,CAAC,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC;gBACnD,CAAC,6BAA6B,CAAC,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,GAE9D,CACH,CAAA;IACH,CAAC,EACD,CAAC,WAAW,CAAC,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAClE,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,wBAAwB,EAAE,wBAAwB,EAClD,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,cAAc,EAC1B,kBAAkB,EAAE,sBAAsB,GAC1C,CACH,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport Files from '../../components/renderer/attachments/Files'\nimport FormElementFile from './FormElementFile'\nimport useAttachments from '../../hooks/attachments/useAttachments'\nimport {\n  checkFileNameIsValid,\n  checkFileNameExtensionIsValid,\n} from '../../services/form-validation'\nimport { Attachment } from '../../types/attachments'\nimport { FormElementValueChangeHandler } from '../../types/form'\ntype Props = {\n  id: string\n  element: FormTypes.FilesElement\n  value?: Attachment[]\n  onChange: FormElementValueChangeHandler<Attachment[]>\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n}\n\nfunction FormElementFiles({\n  id,\n  element,\n  value,\n  onChange,\n  validationMessage,\n  displayValidationMessage,\n}: Props) {\n  const { isDirty, addAttachments, removeAttachment, changeAttachment } =\n    useAttachments(element, onChange)\n\n  const attachments = value || []\n\n  const handleRenderAttachment = React.useCallback(\n    (attachment, index) => {\n      return (\n        <FormElementFile\n          key={index}\n          element={element}\n          onRemove={removeAttachment}\n          file={attachment}\n          onChange={changeAttachment}\n          disableUpload={\n            (!!element.maxEntries && attachments.length > element.maxEntries) ||\n            !checkFileNameIsValid(element, attachment.fileName) ||\n            !checkFileNameExtensionIsValid(element, attachment.fileName)\n          }\n        />\n      )\n    },\n    [attachments.length, changeAttachment, element, removeAttachment],\n  )\n\n  return (\n    <Files\n      id={id}\n      isDirty={isDirty}\n      element={element}\n      attachments={attachments}\n      displayValidationMessage={displayValidationMessage}\n      validationMessage={validationMessage}\n      onAddFiles={addAttachments}\n      onRenderAttachment={handleRenderAttachment}\n    />\n  )\n}\n\nexport default React.memo(FormElementFiles)\n"]}

package/dist/form-elements/FormElementFiles/FormElementFilesInvalidAttachment.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { AttachmentError } from '../../types/attachments';
-interface Props {
-    file: AttachmentError;
-}
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;

package/dist/form-elements/FormElementFiles/FormElementFilesInvalidAttachment.js

@@ -1,11 +0,0 @@
-import * as React from 'react';
-const FormElementFilesInvalidAttachment = ({ file }) => {
-    return (React.createElement("div", { className: "ob-files__upload-error" },
-        React.createElement("i", { className: "material-icons has-text-warning icon-small ob-files__upload-error-icon" }, "error"),
-        React.createElement("span", null,
-            "An error occurred uploading the file ",
-            `"${file.fileName}"`,
-            ".")));
-};
-export default React.memo(FormElementFilesInvalidAttachment);
-//# sourceMappingURL=FormElementFilesInvalidAttachment.js.map

package/dist/form-elements/FormElementFiles/FormElementFilesInvalidAttachment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormElementFilesInvalidAttachment.js","sourceRoot":"","sources":["../../../src/form-elements/FormElementFiles/FormElementFilesInvalidAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,iCAAiC,GAAG,CAAC,EAAE,IAAI,EAAS,EAAE,EAAE;IAC5D,OAAO,CACL,6BAAK,SAAS,EAAC,wBAAwB;QACrC,2BAAG,SAAS,EAAC,wEAAwE,YAEjF;QACJ;;YAA4C,IAAI,IAAI,CAAC,QAAQ,GAAG;gBAAS,CACrE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,iCAAiC,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { AttachmentError } from '../../types/attachments'\n\ninterface Props {\n  file: AttachmentError\n}\n\nconst FormElementFilesInvalidAttachment = ({ file }: Props) => {\n  return (\n    <div className=\"ob-files__upload-error\">\n      <i className=\"material-icons has-text-warning icon-small ob-files__upload-error-icon\">\n        error\n      </i>\n      <span>An error occurred uploading the file {`\"${file.fileName}\"`}.</span>\n    </div>\n  )\n}\n\nexport default React.memo<Props>(FormElementFilesInvalidAttachment)\n"]}

package/dist/form-elements/FormElementFiles/index.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-import { FilesElementFile } from './legacy/FormElementFiles';
-import { Attachment } from '../../types/attachments';
-import { FormElementValueChangeHandler } from '../../types/form';
-export declare type PossibleFileConfiguration = Attachment | FilesElementFile;
-interface Props {
-    id: string;
-    element: FormTypes.FilesElement;
-    value: unknown;
-    onChange: FormElementValueChangeHandler;
-    displayValidationMessage: boolean;
-    validationMessage: string | undefined;
-}
-export declare function stringifyAttachments(value: Attachment[] | undefined): string;
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;

package/dist/form-elements/FormElementFiles/index.js

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import FormElementFilesLegacy from './legacy/FormElementFiles';
-import FormElementFiles from './FormElementFiles';
-import { checkIsUsingLegacyStorage } from '../../services/attachments';
-export function stringifyAttachments(value) {
-    if (value === null || value === void 0 ? void 0 : value.every((attachment) => !attachment.type)) {
-        return JSON.stringify(value);
-    }
-    return '';
-}
-const FormElementFilesController = ({ value, onChange, ...props }) => {
-    if (checkIsUsingLegacyStorage(props.element)) {
-        return (React.createElement(FormElementFilesLegacy, { value: value, onChange: onChange, ...props }));
-    }
-    return (React.createElement(FormElementFiles, { value: value, onChange: onChange, ...props }));
-};
-export default React.memo(FormElementFilesController);
-//# sourceMappingURL=index.js.map

package/dist/form-elements/FormElementFiles/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form-elements/FormElementFiles/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,sBAEN,MAAM,2BAA2B,CAAA;AAClC,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AAEjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAA;AAYtE,MAAM,UAAU,oBAAoB,CAAC,KAA+B;IAClE,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;QAClD,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;KAC7B;IACD,OAAO,EAAE,CAAA;AACX,CAAC;AAED,MAAM,0BAA0B,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE;IAC1E,IAAI,yBAAyB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QAC5C,OAAO,CACL,oBAAC,sBAAsB,IACrB,KAAK,EAAE,KAAuC,EAC9C,QAAQ,EAAE,QAA6D,KACnE,KAAK,GACT,CACH,CAAA;KACF;IACD,OAAO,CACL,oBAAC,gBAAgB,IACf,KAAK,EAAE,KAAiC,EACxC,QAAQ,EAAE,QAAuD,KAC7D,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,0BAA0B,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { FormTypes } from '@oneblink/types'\nimport FormElementFilesLegacy, {\n  FilesElementFile,\n} from './legacy/FormElementFiles'\nimport FormElementFiles from './FormElementFiles'\nimport { Attachment } from '../../types/attachments'\nimport { checkIsUsingLegacyStorage } from '../../services/attachments'\nimport { FormElementValueChangeHandler } from '../../types/form'\nexport type PossibleFileConfiguration = Attachment | FilesElementFile\ninterface Props {\n  id: string\n  element: FormTypes.FilesElement\n  value: unknown\n  onChange: FormElementValueChangeHandler\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n}\n\nexport function stringifyAttachments(value: Attachment[] | undefined): string {\n  if (value?.every((attachment) => !attachment.type)) {\n    return JSON.stringify(value)\n  }\n  return ''\n}\n\nconst FormElementFilesController = ({ value, onChange, ...props }: Props) => {\n  if (checkIsUsingLegacyStorage(props.element)) {\n    return (\n      <FormElementFilesLegacy\n        value={value as FilesElementFile[] | undefined}\n        onChange={onChange as FormElementValueChangeHandler<FilesElementFile[]>}\n        {...props}\n      />\n    )\n  }\n  return (\n    <FormElementFiles\n      value={value as Attachment[] | undefined}\n      onChange={onChange as FormElementValueChangeHandler<Attachment[]>}\n      {...props}\n    />\n  )\n}\n\nexport default React.memo<Props>(FormElementFilesController)\n"]}

package/dist/form-elements/FormElementFiles/legacy/FormElementFiles.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-import { FormElementValueChangeHandler } from '../../../types/form';
-export declare type FilesElementFile = {
-    data: string;
-    fileName: string;
-};
-declare type Props = {
-    id: string;
-    element: FormTypes.FilesElement;
-    value: FilesElementFile[] | undefined;
-    onChange: FormElementValueChangeHandler<FilesElementFile[]>;
-    displayValidationMessage: boolean;
-    validationMessage: string | undefined;
-};
-declare function FormElementFiles({ id, element, value, onChange, validationMessage, displayValidationMessage, }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FormElementFiles>;
-export default _default;

package/dist/form-elements/FormElementFiles/legacy/FormElementFiles.js

@@ -1,61 +0,0 @@
-import * as React from 'react';
-import useBooleanState from '../../../hooks/useBooleanState';
-import useIsMounted from '../../../hooks/useIsMounted';
-import FileCard from '../../../components/renderer/attachments/FileCard';
-import { downloadFileLegacy } from '../../../services/download-file';
-import Files from '../../../components/renderer/attachments/Files';
-import { checkIfContentTypeIsImage, parseFilesAsAttachmentsLegacy, } from '../../../services/attachments';
-const FormElementFile = ({ element, onRemove, file, index }) => {
-    const isImageType = React.useMemo(() => {
-        const matches = file.data.match(/data:(\w*\/\w*);base64/);
-        if (!matches) {
-            return false;
-        }
-        return checkIfContentTypeIsImage(matches[1]);
-    }, [file.data]);
-    const handleRemove = React.useCallback(() => onRemove(index), [index, onRemove]);
-    const handleDownload = React.useCallback(async () => {
-        await downloadFileLegacy(file.data, file.fileName);
-    }, [file]);
-    return (React.createElement(FileCard, { element: element, imageUrl: isImageType ? file.data : null, fileName: file.fileName, onDownload: handleDownload, onRemove: handleRemove }));
-};
-const MemorisedFile = React.memo(FormElementFile);
-function FormElementFiles({ id, element, value, onChange, validationMessage, displayValidationMessage, }) {
-    const [isDirty, setIsDirty] = useBooleanState(false);
-    const isMounted = useIsMounted();
-    const addFile = React.useCallback(async (newFiles) => {
-        const attachments = await parseFilesAsAttachmentsLegacy(newFiles);
-        if (!attachments.length) {
-            return;
-        }
-        onChange(element, (existingAttachments) => {
-            if (!existingAttachments) {
-                return attachments;
-            }
-            return [...existingAttachments, ...attachments];
-        });
-        if (isMounted.current) {
-            setIsDirty();
-        }
-    }, [element, isMounted, onChange, setIsDirty]);
-    const handleRemove = React.useCallback((index) => {
-        onChange(element, (existingValue) => {
-            if (!existingValue) {
-                return;
-            }
-            const newValue = existingValue.filter((file, i) => i !== index);
-            if (newValue.length) {
-                return newValue;
-            }
-        });
-        if (isMounted.current) {
-            setIsDirty();
-        }
-    }, [element, isMounted, onChange, setIsDirty]);
-    const handleRenderAttachment = React.useCallback((attachment, index) => {
-        return (React.createElement(MemorisedFile, { key: index, element: element, onRemove: handleRemove, file: attachment, index: index }));
-    }, [element, handleRemove]);
-    return (React.createElement(Files, { id: id, element: element, isDirty: isDirty, attachments: value || [], displayValidationMessage: displayValidationMessage, validationMessage: validationMessage, onAddFiles: addFile, onRenderAttachment: handleRenderAttachment }));
-}
-export default React.memo(FormElementFiles);
-//# sourceMappingURL=FormElementFiles.js.map

package/dist/form-elements/FormElementFiles/legacy/FormElementFiles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormElementFiles.js","sourceRoot":"","sources":["../../../../src/form-elements/FormElementFiles/legacy/FormElementFiles.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\n\nimport useBooleanState from '../../../hooks/useBooleanState'\nimport useIsMounted from '../../../hooks/useIsMounted'\nimport FileCard from '../../../components/renderer/attachments/FileCard'\nimport { downloadFileLegacy } from '../../../services/download-file'\nimport { FormTypes } from '@oneblink/types'\nimport Files from '../../../components/renderer/attachments/Files'\nimport {\n  checkIfContentTypeIsImage,\n  parseFilesAsAttachmentsLegacy,\n} from '../../../services/attachments'\nimport { FormElementValueChangeHandler } from '../../../types/form'\n\nexport type FilesElementFile = {\n  data: string\n  fileName: string\n}\n\ntype Props = {\n  id: string\n  element: FormTypes.FilesElement\n  value: FilesElementFile[] | undefined\n  onChange: FormElementValueChangeHandler<FilesElementFile[]>\n  displayValidationMessage: boolean\n  validationMessage: string | undefined\n}\n\ntype ChildProps = {\n  element: FormTypes.FilesElement\n  onRemove: (index: number) => unknown\n  file: FilesElementFile\n  index: number\n}\n\nconst FormElementFile = ({ element, onRemove, file, index }: ChildProps) => {\n  const isImageType = React.useMemo(() => {\n    const matches = file.data.match(/data:(\\w*\\/\\w*);base64/)\n    if (!matches) {\n      return false\n    }\n    return checkIfContentTypeIsImage(matches[1])\n  }, [file.data])\n  const handleRemove = React.useCallback(\n    () => onRemove(index),\n    [index, onRemove],\n  )\n  const handleDownload = React.useCallback(async () => {\n    await downloadFileLegacy(file.data, file.fileName)\n  }, [file])\n\n  return (\n    <FileCard\n      element={element}\n      imageUrl={isImageType ? file.data : null}\n      fileName={file.fileName}\n      onDownload={handleDownload}\n      onRemove={handleRemove}\n    />\n  )\n}\n\nconst MemorisedFile = React.memo(FormElementFile)\n\nfunction FormElementFiles({\n  id,\n  element,\n  value,\n  onChange,\n  validationMessage,\n  displayValidationMessage,\n}: Props) {\n  const [isDirty, setIsDirty] = useBooleanState(false)\n  const isMounted = useIsMounted()\n\n  const addFile = React.useCallback(\n    async (newFiles) => {\n      const attachments = await parseFilesAsAttachmentsLegacy(newFiles)\n      if (!attachments.length) {\n        return\n      }\n\n      onChange(element, (existingAttachments) => {\n        if (!existingAttachments) {\n          return attachments\n        }\n        return [...existingAttachments, ...attachments]\n      })\n      if (isMounted.current) {\n        setIsDirty()\n      }\n    },\n    [element, isMounted, onChange, setIsDirty],\n  )\n\n  const handleRemove = React.useCallback(\n    (index: number) => {\n      onChange(element, (existingValue) => {\n        if (!existingValue) {\n          return\n        }\n        const newValue = existingValue.filter((file, i) => i !== index)\n        if (newValue.length) {\n          return newValue\n        }\n      })\n      if (isMounted.current) {\n        setIsDirty()\n      }\n    },\n    [element, isMounted, onChange, setIsDirty],\n  )\n\n  const handleRenderAttachment = React.useCallback(\n    (attachment, index) => {\n      return (\n        <MemorisedFile\n          key={index}\n          element={element}\n          onRemove={handleRemove}\n          file={attachment}\n          index={index}\n        />\n      )\n    },\n    [element, handleRemove],\n  )\n\n  return (\n    <Files\n      id={id}\n      element={element}\n      isDirty={isDirty}\n      attachments={value || []}\n      displayValidationMessage={displayValidationMessage}\n      validationMessage={validationMessage}\n      onAddFiles={addFile}\n      onRenderAttachment={handleRenderAttachment}\n    />\n  )\n}\n\nexport default React.memo(FormElementFiles)\n"]}

package/dist/hooks/attachments/useAttachmentObjectURLs.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-declare type AttachmentObjectBlob = {
-    attachmentId: string;
-    blob: Blob;
-};
-declare type RegisterAttachmentParam = {
-    blob: Blob;
-    attachmentId: string;
-};
-declare type ReplacePreUploadIdParam = {
-    attachmentId: string;
-    preUploadId: string;
-};
-declare type AttachmentObjectURLsContextValue = {
-    registerAttachmentObjectURL: (options: RegisterAttachmentParam) => void;
-    replacePreUploadIdWithAttachmentId: (options: ReplacePreUploadIdParam) => void;
-    attachmentObjectURLs: Array<AttachmentObjectBlob>;
-};
-declare type Props = {
-    children: React.ReactNode;
-};
-export declare const AttachmentObjectURLsProvider: ({ children }: Props) => JSX.Element;
-declare const useAttachmentObjectURLs: () => AttachmentObjectURLsContextValue;
-export default useAttachmentObjectURLs;

package/dist/hooks/attachments/useAttachmentObjectURLs.js

@@ -1,37 +0,0 @@
-import * as React from 'react';
-const AttachmentObjectURLsContext = React.createContext({
-    registerAttachmentObjectURL: () => { },
-    replacePreUploadIdWithAttachmentId: () => { },
-    attachmentObjectURLs: [],
-});
-export const AttachmentObjectURLsProvider = ({ children }) => {
-    const [attachmentObjectURLs, setAttachmentObjectURLs] = React.useState([]);
-    const registerAttachmentObjectURL = React.useCallback((newAttachment) => {
-        setAttachmentObjectURLs((c) => [...c, newAttachment]);
-    }, []);
-    const replacePreUploadIdWithAttachmentId = React.useCallback(({ attachmentId: newAttachmentId, preUploadId, }) => {
-        setAttachmentObjectURLs((c) => {
-            return c.map(({ attachmentId, blob }) => {
-                return {
-                    blob,
-                    attachmentId: attachmentId === preUploadId ? newAttachmentId : attachmentId,
-                };
-            });
-        });
-    }, []);
-    const value = React.useMemo(() => ({
-        attachmentObjectURLs,
-        registerAttachmentObjectURL,
-        replacePreUploadIdWithAttachmentId,
-    }), [
-        attachmentObjectURLs,
-        registerAttachmentObjectURL,
-        replacePreUploadIdWithAttachmentId,
-    ]);
-    return (React.createElement(AttachmentObjectURLsContext.Provider, { value: value }, children));
-};
-const useAttachmentObjectURLs = () => {
-    return React.useContext(AttachmentObjectURLsContext);
-};
-export default useAttachmentObjectURLs;
-//# sourceMappingURL=useAttachmentObjectURLs.js.map

package/dist/hooks/attachments/useAttachmentObjectURLs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAttachmentObjectURLs.js","sourceRoot":"","sources":["../../../src/hooks/attachments/useAttachmentObjectURLs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAwB9B,MAAM,2BAA2B,GAC/B,KAAK,CAAC,aAAa,CAAmC;IACpD,2BAA2B,EAAE,GAAG,EAAE,GAAE,CAAC;IACrC,kCAAkC,EAAE,GAAG,EAAE,GAAE,CAAC;IAC5C,oBAAoB,EAAE,EAAE;CACzB,CAAC,CAAA;AAEJ,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IAClE,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAEpE,EAAE,CAAC,CAAA;IACL,MAAM,2BAA2B,GAAG,KAAK,CAAC,WAAW,CACnD,CAAC,aAAsC,EAAE,EAAE;QACzC,uBAAuB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,aAAa,CAAC,CAAC,CAAA;IACvD,CAAC,EACD,EAAE,CACH,CAAA;IAED,MAAM,kCAAkC,GAAG,KAAK,CAAC,WAAW,CAC1D,CAAC,EACC,YAAY,EAAE,eAAe,EAC7B,WAAW,GACa,EAAE,EAAE;QAC5B,uBAAuB,CAAC,CAAC,CAAC,EAAE,EAAE;YAC5B,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,EAAE;gBACtC,OAAO;oBACL,IAAI;oBACJ,YAAY,EACV,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY;iBAChE,CAAA;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,EAAE,CACH,CAAA;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC;QACL,oBAAoB;QACpB,2BAA2B;QAC3B,kCAAkC;KACnC,CAAC,EACF;QACE,oBAAoB;QACpB,2BAA2B;QAC3B,kCAAkC;KACnC,CACF,CAAA;IAED,OAAO,CACL,oBAAC,2BAA2B,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAC/C,QAAQ,CAC4B,CACxC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,OAAO,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAA;AACtD,CAAC,CAAA;AACD,eAAe,uBAAuB,CAAA","sourcesContent":["import * as React from 'react'\n\ntype AttachmentObjectBlob = {\n  attachmentId: string\n  blob: Blob\n}\ntype RegisterAttachmentParam = {\n  blob: Blob\n  attachmentId: string\n}\ntype ReplacePreUploadIdParam = {\n  attachmentId: string\n  preUploadId: string\n}\ntype AttachmentObjectURLsContextValue = {\n  registerAttachmentObjectURL: (options: RegisterAttachmentParam) => void\n  replacePreUploadIdWithAttachmentId: (options: ReplacePreUploadIdParam) => void\n  attachmentObjectURLs: Array<AttachmentObjectBlob>\n}\n\ntype Props = {\n  children: React.ReactNode\n}\n\nconst AttachmentObjectURLsContext =\n  React.createContext<AttachmentObjectURLsContextValue>({\n    registerAttachmentObjectURL: () => {},\n    replacePreUploadIdWithAttachmentId: () => {},\n    attachmentObjectURLs: [],\n  })\n\nexport const AttachmentObjectURLsProvider = ({ children }: Props) => {\n  const [attachmentObjectURLs, setAttachmentObjectURLs] = React.useState<\n    AttachmentObjectBlob[]\n  >([])\n  const registerAttachmentObjectURL = React.useCallback(\n    (newAttachment: RegisterAttachmentParam) => {\n      setAttachmentObjectURLs((c) => [...c, newAttachment])\n    },\n    [],\n  )\n\n  const replacePreUploadIdWithAttachmentId = React.useCallback(\n    ({\n      attachmentId: newAttachmentId,\n      preUploadId,\n    }: ReplacePreUploadIdParam) => {\n      setAttachmentObjectURLs((c) => {\n        return c.map(({ attachmentId, blob }) => {\n          return {\n            blob,\n            attachmentId:\n              attachmentId === preUploadId ? newAttachmentId : attachmentId,\n          }\n        })\n      })\n    },\n    [],\n  )\n\n  const value = React.useMemo(\n    () => ({\n      attachmentObjectURLs,\n      registerAttachmentObjectURL,\n      replacePreUploadIdWithAttachmentId,\n    }),\n    [\n      attachmentObjectURLs,\n      registerAttachmentObjectURL,\n      replacePreUploadIdWithAttachmentId,\n    ],\n  )\n\n  return (\n    <AttachmentObjectURLsContext.Provider value={value}>\n      {children}\n    </AttachmentObjectURLsContext.Provider>\n  )\n}\n\nconst useAttachmentObjectURLs = () => {\n  return React.useContext(AttachmentObjectURLsContext)\n}\nexport default useAttachmentObjectURLs\n"]}

package/dist/hooks/attachments/useLocalAttachmentBlobs.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-declare type AttachmentObjectBlob = {
-    attachmentId: string;
-    blob: Blob;
-};
-declare type RegisterAttachmentParam = {
-    blob: Blob;
-    attachmentId: string;
-};
-declare type ReplacePreUploadIdParam = {
-    attachmentId: string;
-    preUploadId: string;
-};
-declare type AttachmentBlobsContextValue = {
-    registerAttachmentBlob: (options: RegisterAttachmentParam) => void;
-    replacePreUploadIdWithAttachmentId: (options: ReplacePreUploadIdParam) => void;
-    getAttachmentBlob: (attachmentId: string) => AttachmentObjectBlob | undefined;
-};
-declare type Props = {
-    children: React.ReactNode;
-};
-export declare const AttachmentBlobsProvider: ({ children }: Props) => JSX.Element;
-declare const useAttachmentBlobs: () => AttachmentBlobsContextValue;
-export default useAttachmentBlobs;

package/dist/hooks/attachments/useLocalAttachmentBlobs.js

@@ -1,40 +0,0 @@
-import * as React from 'react';
-const AttachmentBlobsContext = React.createContext({
-    registerAttachmentBlob: () => { },
-    replacePreUploadIdWithAttachmentId: () => { },
-    getAttachmentBlob: () => undefined,
-});
-export const AttachmentBlobsProvider = ({ children }) => {
-    const [attachmentBlobs, setAttachmentBlobs] = React.useState([]);
-    const registerAttachmentBlob = React.useCallback((newAttachment) => {
-        setAttachmentBlobs((c) => [...c, newAttachment]);
-    }, []);
-    const replacePreUploadIdWithAttachmentId = React.useCallback(({ attachmentId: newAttachmentId, preUploadId, }) => {
-        setAttachmentBlobs((c) => {
-            return c.map(({ attachmentId, blob }) => {
-                return {
-                    blob,
-                    attachmentId: attachmentId === preUploadId ? newAttachmentId : attachmentId,
-                };
-            });
-        });
-    }, []);
-    const getAttachmentBlob = React.useCallback((attachmentId) => {
-        return attachmentBlobs.find((b) => b.attachmentId === attachmentId);
-    }, [attachmentBlobs]);
-    const value = React.useMemo(() => ({
-        registerAttachmentBlob,
-        replacePreUploadIdWithAttachmentId,
-        getAttachmentBlob,
-    }), [
-        registerAttachmentBlob,
-        replacePreUploadIdWithAttachmentId,
-        getAttachmentBlob,
-    ]);
-    return (React.createElement(AttachmentBlobsContext.Provider, { value: value }, children));
-};
-const useAttachmentBlobs = () => {
-    return React.useContext(AttachmentBlobsContext);
-};
-export default useAttachmentBlobs;
-//# sourceMappingURL=useLocalAttachmentBlobs.js.map

package/dist/hooks/attachments/useLocalAttachmentBlobs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLocalAttachmentBlobs.js","sourceRoot":"","sources":["../../../src/hooks/attachments/useLocalAttachmentBlobs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAwB9B,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAChD;IACE,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;IAChC,kCAAkC,EAAE,GAAG,EAAE,GAAE,CAAC;IAC5C,iBAAiB,EAAE,GAAG,EAAE,CAAC,SAAS;CACnC,CACF,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,QAAQ,EAAS,EAAE,EAAE;IAC7D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAE1D,EAAE,CAAC,CAAA;IACL,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAC9C,CAAC,aAAsC,EAAE,EAAE;QACzC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,aAAa,CAAC,CAAC,CAAA;IAClD,CAAC,EACD,EAAE,CACH,CAAA;IAED,MAAM,kCAAkC,GAAG,KAAK,CAAC,WAAW,CAC1D,CAAC,EACC,YAAY,EAAE,eAAe,EAC7B,WAAW,GACa,EAAE,EAAE;QAC5B,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE;YACvB,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,EAAE;gBACtC,OAAO;oBACL,IAAI;oBACJ,YAAY,EACV,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY;iBAChE,CAAA;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,EACD,EAAE,CACH,CAAA;IAED,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,CAAC,YAAoB,EAAE,EAAE;QACvB,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,CAAA;IACrE,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAA;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC;QACL,sBAAsB;QACtB,kCAAkC;QAClC,iBAAiB;KAClB,CAAC,EACF;QACE,sBAAsB;QACtB,kCAAkC;QAClC,iBAAiB;KAClB,CACF,CAAA;IAED,OAAO,CACL,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAC1C,QAAQ,CACuB,CACnC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,OAAO,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAA;AACjD,CAAC,CAAA;AACD,eAAe,kBAAkB,CAAA","sourcesContent":["import * as React from 'react'\n\ntype AttachmentObjectBlob = {\n  attachmentId: string\n  blob: Blob\n}\ntype RegisterAttachmentParam = {\n  blob: Blob\n  attachmentId: string\n}\ntype ReplacePreUploadIdParam = {\n  attachmentId: string\n  preUploadId: string\n}\ntype AttachmentBlobsContextValue = {\n  registerAttachmentBlob: (options: RegisterAttachmentParam) => void\n  replacePreUploadIdWithAttachmentId: (options: ReplacePreUploadIdParam) => void\n  getAttachmentBlob: (attachmentId: string) => AttachmentObjectBlob | undefined\n}\n\ntype Props = {\n  children: React.ReactNode\n}\n\nconst AttachmentBlobsContext = React.createContext<AttachmentBlobsContextValue>(\n  {\n    registerAttachmentBlob: () => {},\n    replacePreUploadIdWithAttachmentId: () => {},\n    getAttachmentBlob: () => undefined,\n  },\n)\n\nexport const AttachmentBlobsProvider = ({ children }: Props) => {\n  const [attachmentBlobs, setAttachmentBlobs] = React.useState<\n    AttachmentObjectBlob[]\n  >([])\n  const registerAttachmentBlob = React.useCallback(\n    (newAttachment: RegisterAttachmentParam) => {\n      setAttachmentBlobs((c) => [...c, newAttachment])\n    },\n    [],\n  )\n\n  const replacePreUploadIdWithAttachmentId = React.useCallback(\n    ({\n      attachmentId: newAttachmentId,\n      preUploadId,\n    }: ReplacePreUploadIdParam) => {\n      setAttachmentBlobs((c) => {\n        return c.map(({ attachmentId, blob }) => {\n          return {\n            blob,\n            attachmentId:\n              attachmentId === preUploadId ? newAttachmentId : attachmentId,\n          }\n        })\n      })\n    },\n    [],\n  )\n\n  const getAttachmentBlob = React.useCallback(\n    (attachmentId: string) => {\n      return attachmentBlobs.find((b) => b.attachmentId === attachmentId)\n    },\n    [attachmentBlobs],\n  )\n\n  const value = React.useMemo(\n    () => ({\n      registerAttachmentBlob,\n      replacePreUploadIdWithAttachmentId,\n      getAttachmentBlob,\n    }),\n    [\n      registerAttachmentBlob,\n      replacePreUploadIdWithAttachmentId,\n      getAttachmentBlob,\n    ],\n  )\n\n  return (\n    <AttachmentBlobsContext.Provider value={value}>\n      {children}\n    </AttachmentBlobsContext.Provider>\n  )\n}\n\nconst useAttachmentBlobs = () => {\n  return React.useContext(AttachmentBlobsContext)\n}\nexport default useAttachmentBlobs\n"]}