@frankieone/one-sdk 1.7.0 → 1.7.1-rc

package/dist/esm/modules/form/vendors/react/features/DocUpload/DocUpload.js

@@ -0,0 +1,202 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { useSelector } from 'react-redux';
+import FrankieDescription from '../../components/view/FrankieDescription/FrankieDescription.js';
+import Heading from '../../components/view/FrankieHeading/Heading.js';
+import Wrapper from '../../components/view/Wrapper/Wrapper.js';
+import FileUploader from './FileUploader/index.js';
+import { useEventHandler } from '../../hooks/useEventContext.js';
+import { selectPageConfig } from '../../redux/slices/moduleSlice.js';
+import { React_Form_IDS } from '../../types/pages.type.js';
+import { getReadableDocType } from '../../utils/object.util.js';
+const DocUpload = () => {
+    const [viewIndex, setViewIndex] = useState(0);
+    const [fileBucket, setFileBucket] = useState([]);
+    const [isEditing, setIsEditing] = useState(false);
+    const [progress, setProgress] = useState(0);
+    const [uploaded, setUploaded] = useState(0);
+    const [hasFailed, setHasFailed] = useState(false);
+    const [hasSuccess, setHasSuccess] = useState(false);
+    const [retires, setRetires] = useState(0);
+    const { pageConfigs } = useSelector(selectPageConfig);
+    const config = pageConfigs[React_Form_IDS.DOC_UPLOAD];
+    const { idvEventEmitter, oneSDK } = useEventHandler();
+    // get the requested documents from the config
+    // if the config is not available, try to get the requested documents
+    // from the session extra data
+    // if the extra data is not available, return an empty array
+    const requestedDocs = useMemo(() => {
+        if (config === null || config === void 0 ? void 0 : config.documents) {
+            return config.documents;
+        }
+        try {
+            const { requestedDocuments } = oneSDK.session.getExtraData() || {
+                requestedDocuments: '[]',
+            };
+            return JSON.parse(requestedDocuments).map(({ documentType }) => {
+                return {
+                    type: documentType,
+                    title: { label: `Upload ${getReadableDocType(documentType)}` },
+                };
+            });
+        }
+        catch (e) {
+            return [];
+        }
+    }, []);
+    // when a file is selected, update the file bucket
+    const handleFileSelect = (index, type) => (file) => {
+        setFileBucket((prev) => {
+            const updated = [...prev];
+            updated[index] = { file, type };
+            return updated;
+        });
+    };
+    // when a file is removed, update the file bucket
+    const handleFileRemove = (index) => () => {
+        setFileBucket((prev) => {
+            const updated = [...prev];
+            updated[index] = null;
+            return updated;
+        });
+    };
+    // when the forward button is clicked in edit mode,
+    // update the view index to the last index
+    // otherwise, increment the view index
+    const handleForward = (index) => {
+        if (isEditing) {
+            setViewIndex(requestedDocs.length);
+            setIsEditing(false);
+        }
+        else {
+            idvEventEmitter({
+                eventCategory: 'global',
+                extraEventInfo: {
+                    name: React_Form_IDS.DOC_UPLOAD,
+                    index: index + 1,
+                },
+                eventType: 'navigate',
+            });
+            setViewIndex((prev) => prev + 1);
+        }
+    };
+    // when the backward button is clicked, decrement the view index
+    const handleBackward = (index) => {
+        setViewIndex(index - 1);
+    };
+    // when the edit button is clicked, set the view index to the index
+    const handleEdit = (index) => {
+        setIsEditing(true);
+        setViewIndex(index);
+    };
+    // when the submit button is clicked, increment the view index
+    const handleSubmit = () => {
+        setViewIndex((prev) => prev + 1);
+    };
+    // when the upload progress is updated, update the progress state
+    // if the upload is completed, increment the uploaded state
+    // and reset the progress state
+    const updateProgress = (completed) => {
+        if (completed === 100) {
+            setUploaded((prev) => prev + 100);
+            setProgress(0);
+        }
+        else {
+            setProgress(completed);
+        }
+    };
+    const business = oneSDK.business();
+    // when all files are uploaded, set the success state
+    // if an error occurs, set the failed state
+    const startUploadFiles = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            for (const { file, type } of fileBucket) {
+                yield business.upload(file, type);
+            }
+            setHasSuccess(true);
+        }
+        catch (e) {
+            setHasFailed(true);
+            setRetires((prev) => prev + 1);
+        }
+    });
+    // when the failed state is clicked, reset the failed state
+    // and set the view index to the review screen
+    const handleFailedUpload = () => {
+        setHasFailed(false);
+        setViewIndex(fileBucket.length);
+        idvEventEmitter({
+            eventCategory: 'global',
+            extraEventInfo: {
+                name: React_Form_IDS.DOC_UPLOAD,
+            },
+            eventType: 'failed',
+        });
+    };
+    // when the success state is clicked, emit the success and ready event
+    const handleSuccessUpload = () => {
+        idvEventEmitter({
+            eventCategory: 'global',
+            extraEventInfo: {
+                name: React_Form_IDS.DOC_UPLOAD,
+            },
+            eventType: 'success',
+        });
+        idvEventEmitter({
+            eventCategory: 'global',
+            extraEventInfo: {
+                name: React_Form_IDS.DOC_UPLOAD,
+            },
+            eventType: 'ready',
+        });
+    };
+    // when the component mounts, listen for the upload progress event
+    useEffect(() => {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        business.on('upload_progress', ({ completed }) => {
+            updateProgress(completed);
+        });
+    }, []);
+    // when the view index changes
+    // and is greater than the requested documents length,
+    // start uploading the files
+    // else reset the progress and uploaded states
+    useEffect(() => {
+        if (viewIndex > requestedDocs.length) {
+            startUploadFiles();
+        }
+        else {
+            setProgress(0);
+            setUploaded(0);
+        }
+    }, [viewIndex]);
+    return (_jsxs(_Fragment, { children: [requestedDocs.map(({ type, title, descriptions, instructions, rules }, index) => {
+                return (index === viewIndex && (_jsx(Wrapper, { hideCTA: !fileBucket[index], onSubmit: () => handleForward(index), renderScreen: () => {
+                        return (_jsxs(_Fragment, { children: [_jsx(Heading, { label: title.label, onBack: index > 0 &&
+                                        !isEditing &&
+                                        (() => handleBackward(index)) }), _jsx(FrankieDescription, { descriptions: (descriptions === null || descriptions === void 0 ? void 0 : descriptions.length) > 0
+                                        ? descriptions
+                                        : [
+                                            {
+                                                label: `Please upload your latest document in the required format.`,
+                                            },
+                                        ] }), fileBucket[index] ? (_jsx(FileUploader.Preview, { file: fileBucket[index].file, onFileRemove: handleFileRemove(index) })) : (_jsx(FileUploader.Main, { instructions: instructions, rules: rules, onFileSelect: handleFileSelect(index, type) }))] }));
+                    } }, index)));
+            }), viewIndex === requestedDocs.length && (_jsx(Wrapper, { ctaInfo: { cta: { label: 'Yes, submit documents', style: {} } }, onSubmit: handleSubmit, renderScreen: () => {
+                    return (_jsxs(_Fragment, { children: [_jsx(Heading, { label: `Are these documents correct?` }), _jsx(FileUploader.Review, { files: fileBucket, onEdit: handleEdit })] }));
+                } })), !hasFailed && !hasSuccess && viewIndex > requestedDocs.length && (_jsx(Wrapper, { hideCTA: true, renderScreen: () => {
+                    return (_jsxs(_Fragment, { children: [_jsx(Heading, { label: `Uploading documents` }), _jsx(FileUploader.Progress, { files: fileBucket, completed: Math.round((uploaded + progress) / fileBucket.length) })] }));
+                } })), hasFailed && (_jsx(Wrapper, { ctaInfo: { cta: { label: 'Retry submitting document' } }, onSubmit: handleFailedUpload, renderScreen: () => _jsx(FileUploader.Fail, { retries: retires }) })), hasSuccess && (_jsx(Wrapper, { ctaInfo: { cta: { label: 'Done', style: {} } }, onSubmit: handleSuccessUpload, renderScreen: () => _jsx(FileUploader.Success, {}) }))] }));
+};
+export default DocUpload;
+//# sourceMappingURL=DocUpload.js.map

package/dist/esm/modules/form/vendors/react/features/DocUpload/DocUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocUpload.js","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/features/DocUpload/DocUpload.tsx"],"names":[],"mappings":"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"}

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Fail.d.ts

@@ -0,0 +1,4 @@
+export declare const Fail: ({ retries }: {
+    retries: number;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Fail.d.ts.map

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Fail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fail.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/features/DocUpload/FileUploader/Fail.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,gBAAiB;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,4CA+BpD,CAAC"}

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Fail.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { RESULT_STATE } from '../../../appConfig.type.js';
+import Progress from '../../../components/view/Progress/Progress.js';
+export const Fail = ({ retries }) => {
+    return (_jsx("div", { style: {
+            height: 'calc(100vh - 282px)',
+            display: 'flex',
+            justifyContent: 'center',
+        }, children: _jsx(Progress, { state: RESULT_STATE.UPLOAD_FAIL, title: {
+                label: `There was an issue uploading your document`,
+            }, labelClass: clsx(['f1-text-2xl', 'f1-leading-9']), descriptions: retries > 1
+                ? [
+                    {
+                        label: `This could be a technical issue with the upload. Please reach out to customer support for assistance, or try again.`,
+                    },
+                ]
+                : [
+                    {
+                        label: `This could be a technical issue with the upload. Please retry submitting document.`,
+                    },
+                ] }) }));
+};
+//# sourceMappingURL=Fail.js.map

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Fail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fail.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/features/DocUpload/FileUploader/Fail.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AACzE,OAAO,QAAQ,MAAM,8DAA8D,CAAC;AAEpF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,OAAO,EAAuB,EAAE,EAAE;IACvD,OAAO,CACL,cACE,KAAK,EAAE;YACL,MAAM,EAAE,qBAAqB;YAC7B,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB,YAED,KAAC,QAAQ,IACP,KAAK,EAAE,YAAY,CAAC,WAAW,EAC/B,KAAK,EAAE;gBACL,KAAK,EAAE,4CAA4C;aACpD,EACD,UAAU,EAAE,IAAI,CAAC,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,EACjD,YAAY,EACV,OAAO,GAAG,CAAC;gBACT,CAAC,CAAC;oBACE;wBACE,KAAK,EAAE,qHAAqH;qBAC7H;iBACF;gBACH,CAAC,CAAC;oBACE;wBACE,KAAK,EAAE,oFAAoF;qBAC5F;iBACF,GAEP,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Main.d.ts

@@ -0,0 +1,7 @@
+import type { DocUploadRules, DocUploadScreen, ListInfo } from '@module/form/vendors/react/appConfig.type';
+export declare const Main: ({ instructions, rules, onFileSelect, }: {
+    instructions: ListInfo<DocUploadScreen>;
+    rules: DocUploadRules;
+    onFileSelect: (file: File) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Main.d.ts.map

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/features/DocUpload/FileUploader/Main.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EACf,QAAQ,EACT,MAAM,2CAA2C,CAAC;AAGnD,eAAO,MAAM,IAAI,2CAId;IACD,YAAY,EAAE,SAAS,eAAe,CAAC,CAAC;IACxC,KAAK,EAAE,cAAc,CAAC;IACtB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACpC,4CAyKA,CAAC"}

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Main.js

@@ -0,0 +1,118 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useRef, useState } from 'react';
+import { CloudUploadOutline } from '../../../constants/icons.js';
+export const Main = ({ instructions, rules, onFileSelect, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const inputRef = useRef(null);
+    const [error, setError] = useState('');
+    const maxSizeValue = (_b = (_a = rules === null || rules === void 0 ? void 0 : rules.max_size) === null || _a === void 0 ? void 0 : _a['value']) !== null && _b !== void 0 ? _b : 20;
+    const maxSizeErrorMessage = (_d = (_c = rules === null || rules === void 0 ? void 0 : rules.max_size) === null || _c === void 0 ? void 0 : _c['message']) !== null && _d !== void 0 ? _d : `File size exceeds the maximum limit. Please upload a file less than 20MB.`;
+    const validateMaxSize = (file) => {
+        const fileSize = file.size / 1024 / 1024;
+        return fileSize <= maxSizeValue;
+    };
+    const mimeValue = (_f = (_e = rules === null || rules === void 0 ? void 0 : rules.mime) === null || _e === void 0 ? void 0 : _e['value']) !== null && _f !== void 0 ? _f : {
+        'image/jpeg': true,
+        'image/png': true,
+        'image/gif': true,
+        'image/webp': true,
+        'image/tiff': true,
+        'image/bmp': true,
+        'application/pdf': true,
+    };
+    const mimeErrorMessage = (_h = (_g = rules === null || rules === void 0 ? void 0 : rules.mime) === null || _g === void 0 ? void 0 : _g['message']) !== null && _h !== void 0 ? _h : `File type not supported. Please upload a PNG, JPG or PDF file.`;
+    const supportedMime = Object.keys(mimeValue)
+        .filter((format) => mimeValue[format])
+        .join(',');
+    const validateMime = (file) => {
+        return supportedMime.includes(file.type);
+    };
+    const handleDrop = (event) => {
+        event.preventDefault();
+        handleFileSelection(event.dataTransfer.files[0]);
+    };
+    const handleClick = (event) => {
+        handleFileSelection(event.target.files[0]);
+    };
+    // It validates the file size and file type
+    // If the file is valid, it calls the onFileSelect function
+    // Otherwise, it sets the error message
+    // The error message is cleared when a valid file is selected
+    const handleFileSelection = (file) => {
+        if (!validateMaxSize(file)) {
+            setError(maxSizeErrorMessage);
+        }
+        else if (!validateMime(file)) {
+            setError(mimeErrorMessage);
+        }
+        else {
+            setError('');
+            onFileSelect(file);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: clsx([
+                    error ? 'f1-border-tertiary-red-500' : 'f1-border-tertiary-grey-50',
+                    'f1-border-2',
+                    'f1-border-solid',
+                    'f1-mt-5',
+                    'f1-w-[calc(100%-2rem-4px)]',
+                    'f1-h-96',
+                    'f1-p-4',
+                    'f1-bg-tertiary-grey-50',
+                    'f1-rounded-lg',
+                    'f1-flex-col',
+                    'f1-justify-center',
+                    'f1-items-center',
+                    'f1-gap-2.5',
+                    'f1-inline-flex',
+                    'f1-cursor-pointer',
+                ]), onClick: () => inputRef.current.click(), onDrop: handleDrop, onDragOver: (event) => event.preventDefault(), children: _jsxs("div", { className: clsx([
+                        'f1-self-stretch',
+                        'f1-grow',
+                        'f1-shrink',
+                        'f1-basis-0',
+                        'f1-p-4',
+                        'f1-rounded-md',
+                        'f1-border',
+                        'f1-border-tertiary-grey-200',
+                        'f1-border-dashed',
+                        'f1-flex-col',
+                        'f1-justify-center',
+                        'f1-items-center',
+                        'f1-gap-2.5',
+                        'f1-flex',
+                    ]), children: [_jsxs("div", { className: clsx([
+                                'f1-flex-col',
+                                'f1-justify-start',
+                                'f1-items-center',
+                                'f1-gap-1.5',
+                                'f1-flex',
+                            ]), children: [_jsx(CloudUploadOutline, { className: clsx([
+                                        'f1-w-10',
+                                        'f1-h-10',
+                                        'f1-relative',
+                                        'f1-fill-tertiary-grey-400',
+                                    ]) }), _jsx("div", { className: clsx([
+                                        'f1-text-center',
+                                        'f1-text-tertiary-grey-500',
+                                        'f1-text-sm',
+                                        'f1-font-semibold',
+                                        'f1-leading-tight',
+                                    ]), children: instructions ? instructions.label : 'Click or drag to upload' }), _jsx("div", { className: clsx([
+                                        'f1-text-center',
+                                        'f1-text-tertiary-grey-500',
+                                        'f1-text-xs',
+                                        'f1-font-normal',
+                                        'f1-leading-none',
+                                    ]), children: (instructions === null || instructions === void 0 ? void 0 : instructions.content) && instructions.content.length > 0
+                                        ? instructions.content.map(({ label }) => label)
+                                        : `PNG, JPG or PDF (Max. file size: ${maxSizeValue}MB)` })] }), _jsx("input", { ref: inputRef, hidden: true, type: "file", onChange: handleClick, accept: supportedMime })] }) }), error && (_jsx("div", { className: clsx([
+                    'f1-mt-2',
+                    'f1-text-tertiary-red-600',
+                    'f1-text-xs',
+                    'f1-font-normal',
+                    'f1-leading-normal',
+                ]), children: error }))] }));
+};
+//# sourceMappingURL=Main.js.map

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/features/DocUpload/FileUploader/Main.tsx"],"names":[],"mappings":"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"}

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Preview.d.ts

@@ -0,0 +1,5 @@
+export declare const Preview: ({ file, onFileRemove, }: {
+    file: File;
+    onFileRemove: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Preview.d.ts.map

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/features/DocUpload/FileUploader/Preview.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,4BAGjB;IACD,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,4CA8BA,CAAC"}

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Preview.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import clsx from 'clsx';
+export const Preview = ({ file, onFileRemove, }) => {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: clsx([
+                    'f1-mt-5',
+                    'f1-text-tertiary-grey-700',
+                    'f1-text-base',
+                    'f1-font-semibold',
+                    'f1-leading-normal',
+                ]), children: ["File added:", ' ', _jsx("span", { className: clsx(['f1-font-normal']), children: file.name })] }), _jsx("div", { className: clsx([
+                    'f1-mt-5',
+                    'f1-text-primary-800',
+                    'f1-text-base',
+                    'f1-font-normal',
+                    'f1-leading-normal',
+                    'f1-cursor-pointer',
+                ]), onClick: () => onFileRemove(), children: "Upload a different file" })] }));
+};
+//# sourceMappingURL=Preview.js.map

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/features/DocUpload/FileUploader/Preview.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,IAAI,EACJ,YAAY,GAIb,EAAE,EAAE;IACH,OAAO,CACL,8BACE,eACE,SAAS,EAAE,IAAI,CAAC;oBACd,SAAS;oBACT,2BAA2B;oBAC3B,cAAc;oBACd,kBAAkB;oBAClB,mBAAmB;iBACpB,CAAC,4BAEU,GAAG,EACf,eAAM,SAAS,EAAE,IAAI,CAAC,CAAC,gBAAgB,CAAC,CAAC,YAAG,IAAI,CAAC,IAAI,GAAQ,IACzD,EACN,cACE,SAAS,EAAE,IAAI,CAAC;oBACd,SAAS;oBACT,qBAAqB;oBACrB,cAAc;oBACd,gBAAgB;oBAChB,mBAAmB;oBACnB,mBAAmB;iBACpB,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,wCAGzB,IACL,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Progress.d.ts

@@ -0,0 +1,6 @@
+import type { FileBucketItem } from '@module/form/vendors/react/features/DocUpload/FileUploader/index';
+export declare const Progress: ({ files, completed, }: {
+    files: FileBucketItem[];
+    completed: number;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Progress.d.ts.map

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/features/DocUpload/FileUploader/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAEvG,eAAO,MAAM,QAAQ,0BAGlB;IACD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB,4CA2FA,CAAC"}

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Progress.js

@@ -0,0 +1,63 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import clsx from 'clsx';
+export const Progress = ({ files, completed, }) => {
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: clsx([
+                'f1-w-[calc(100%-2rem-4px)]',
+                'f1-border-2',
+                'f1-border-solid',
+                'f1-border-tertiary-grey-50',
+                'f1-h-96',
+                'f1-p-4',
+                'f1-bg-tertiary-grey-50',
+                'f1-rounded-lg',
+                'f1-flex-col',
+                'f1-justify-center',
+                'f1-items-center',
+                'f1-gap-6',
+                'f1-inline-flex',
+            ]), children: [_jsxs("div", { className: clsx([
+                        'f1-w-full',
+                        'f1-h-7',
+                        'f1-flex-col',
+                        'f1-justify-start',
+                        'f1-items-end',
+                        'f1-gap-1',
+                        'f1-flex',
+                    ]), children: [_jsx("div", { className: clsx([
+                                'f1-self-stretch',
+                                'f1-justify-center',
+                                'f1-items-center',
+                                'f1-inline-flex',
+                            ]), children: _jsxs("div", { className: clsx([
+                                    'f1-grow',
+                                    'f1-shrink',
+                                    'f1-basis-0',
+                                    'f1-text-center',
+                                    'f1-text-tertiary-grey-500',
+                                    'f1-text-xs',
+                                    'f1-font-medium',
+                                    'f1-leading-none',
+                                ]), children: [completed, "%"] }) }), _jsx("div", { className: clsx([
+                                'f1-mx-8',
+                                'f1-self-stretch',
+                                'f1-h-1.5',
+                                'f1-bg-tertiary-grey-200',
+                                'f1-rounded-sm',
+                            ]) }), _jsx("div", { className: clsx([
+                                'f1-self-stretch',
+                                'f1-mx-8',
+                                'f1--mt-2.5',
+                                'f1-h-1.5',
+                                'f1-bg-primary-600',
+                                'f1-rounded-sm',
+                            ]), style: {
+                                width: `calc(${completed}% - ${(completed / 100) * 4}rem)`,
+                            } })] }), _jsxs("div", { className: clsx([
+                        'f1-text-center',
+                        'f1-text-tertiary-grey-700',
+                        'f1-text-base',
+                        'f1-font-medium',
+                        'f1-leading-normal',
+                    ]), children: ["Uploading ", files.length, " documents"] })] }) }));
+};
+//# sourceMappingURL=Progress.js.map

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/features/DocUpload/FileUploader/Progress.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,SAAS,GAIV,EAAE,EAAE;IACH,OAAO,CACL,4BACE,eACE,SAAS,EAAE,IAAI,CAAC;gBACd,4BAA4B;gBAC5B,aAAa;gBACb,iBAAiB;gBACjB,4BAA4B;gBAC5B,SAAS;gBACT,QAAQ;gBACR,wBAAwB;gBACxB,eAAe;gBACf,aAAa;gBACb,mBAAmB;gBACnB,iBAAiB;gBACjB,UAAU;gBACV,gBAAgB;aACjB,CAAC,aAEF,eACE,SAAS,EAAE,IAAI,CAAC;wBACd,WAAW;wBACX,QAAQ;wBACR,aAAa;wBACb,kBAAkB;wBAClB,cAAc;wBACd,UAAU;wBACV,SAAS;qBACV,CAAC,aAEF,cACE,SAAS,EAAE,IAAI,CAAC;gCACd,iBAAiB;gCACjB,mBAAmB;gCACnB,iBAAiB;gCACjB,gBAAgB;6BACjB,CAAC,YAEF,eACE,SAAS,EAAE,IAAI,CAAC;oCACd,SAAS;oCACT,WAAW;oCACX,YAAY;oCACZ,gBAAgB;oCAChB,2BAA2B;oCAC3B,YAAY;oCACZ,gBAAgB;oCAChB,iBAAiB;iCAClB,CAAC,aAED,SAAS,SACN,GACF,EACN,cACE,SAAS,EAAE,IAAI,CAAC;gCACd,SAAS;gCACT,iBAAiB;gCACjB,UAAU;gCACV,yBAAyB;gCACzB,eAAe;6BAChB,CAAC,GACF,EACF,cACE,SAAS,EAAE,IAAI,CAAC;gCACd,iBAAiB;gCACjB,SAAS;gCACT,YAAY;gCACZ,UAAU;gCACV,mBAAmB;gCACnB,eAAe;6BAChB,CAAC,EACF,KAAK,EAAE;gCACL,KAAK,EAAE,QAAQ,SAAS,OAAO,CAAC,SAAS,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM;6BAC3D,GACD,IACE,EACN,eACE,SAAS,EAAE,IAAI,CAAC;wBACd,gBAAgB;wBAChB,2BAA2B;wBAC3B,cAAc;wBACd,gBAAgB;wBAChB,mBAAmB;qBACpB,CAAC,2BAES,KAAK,CAAC,MAAM,kBACnB,IACF,GACL,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Review.d.ts

@@ -0,0 +1,6 @@
+import type { FileBucketItem } from '@module/form/vendors/react/features/DocUpload/FileUploader/index';
+export declare const Review: ({ files, onEdit, }: {
+    files: FileBucketItem[];
+    onEdit: (index: number) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Review.d.ts.map

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Review.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Review.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/features/DocUpload/FileUploader/Review.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAGvG,eAAO,MAAM,MAAM,uBAGhB;IACD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,4CAyGA,CAAC"}

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Review.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { PencilOutline } from '../../../constants/icons.js';
+import { getReadableDocType } from '../../../utils/object.util.js';
+export const Review = ({ files, onEdit, }) => {
+    return (_jsx(_Fragment, { children: files.map(({ file, type }, index) => (_jsxs("div", { className: clsx([
+                'f1-w-full',
+                'f1-flex-col',
+                'f1-justify-start',
+                'f1-items-start',
+                'f1-gap-1.5',
+                'f1-inline-flex',
+            ]), children: [_jsxs("div", { className: clsx([
+                        'f1-self-stretch',
+                        'f1-justify-start',
+                        'f1-items-center',
+                        'f1-gap-4',
+                        'f1-inline-flex',
+                    ]), children: [_jsx("div", { className: clsx([
+                                'f1-grow',
+                                'f1-shrink',
+                                'f1-basis-0',
+                                'f1-text-tertiary-grey-800',
+                                'f1-text-lg',
+                                'f1-font-semibold',
+                                'f1-leading-relaxed',
+                            ]), children: getReadableDocType(type) }), _jsxs("div", { className: clsx([
+                                'f1-justify-start',
+                                'f1-items-center',
+                                'f1-gap-1',
+                                'f1-flex',
+                                'f1-cursor-pointer',
+                            ]), onClick: () => onEdit(index), children: [_jsx(PencilOutline, { className: clsx([
+                                        'f1-w-4',
+                                        'f1-h-4',
+                                        'f1-relative',
+                                        'f1-fill-primary-800',
+                                    ]) }), _jsx("div", { className: clsx([
+                                        'f1-text-primary-800',
+                                        'f1-text-sm',
+                                        'f1-font-semibold',
+                                        'f1-leading-tight',
+                                    ]), children: "Edit" })] })] }), _jsx("div", { className: clsx([
+                        'f1-self-stretch',
+                        'f1-flex-col',
+                        'f1-justify-start',
+                        'f1-items-start',
+                        'f1-gap-2',
+                        'f1-flex',
+                    ]), children: _jsx("div", { className: clsx([
+                            'f1-self-stretch',
+                            'f1-text-tertiary-grey-700',
+                            'f1-text-base',
+                            'f1-font-normal',
+                            'f1-leading-normal',
+                        ]), children: file.name }) }), index < files.length - 1 && (_jsx("div", { className: clsx(['f1-w-full', 'f1-py-4']), children: _jsx("div", { className: clsx([
+                            'f1-flex-grow',
+                            'f1-border-t',
+                            'f1-border-solid',
+                            'f1-border-tertiary-grey-200',
+                        ]) }) }))] }, index))) }));
+};
+//# sourceMappingURL=Review.js.map

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Review.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Review.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/features/DocUpload/FileUploader/Review.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAE3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAElF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,KAAK,EACL,MAAM,GAIP,EAAE,EAAE;IACH,OAAO,CACL,4BACG,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,eAEE,SAAS,EAAE,IAAI,CAAC;gBACd,WAAW;gBACX,aAAa;gBACb,kBAAkB;gBAClB,gBAAgB;gBAChB,YAAY;gBACZ,gBAAgB;aACjB,CAAC,aAEF,eACE,SAAS,EAAE,IAAI,CAAC;wBACd,iBAAiB;wBACjB,kBAAkB;wBAClB,iBAAiB;wBACjB,UAAU;wBACV,gBAAgB;qBACjB,CAAC,aAEF,cACE,SAAS,EAAE,IAAI,CAAC;gCACd,SAAS;gCACT,WAAW;gCACX,YAAY;gCACZ,2BAA2B;gCAC3B,YAAY;gCACZ,kBAAkB;gCAClB,oBAAoB;6BACrB,CAAC,YAED,kBAAkB,CAAC,IAAI,CAAC,GACrB,EACN,eACE,SAAS,EAAE,IAAI,CAAC;gCACd,kBAAkB;gCAClB,iBAAiB;gCACjB,UAAU;gCACV,SAAS;gCACT,mBAAmB;6BACpB,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAE5B,KAAC,aAAa,IACZ,SAAS,EAAE,IAAI,CAAC;wCACd,QAAQ;wCACR,QAAQ;wCACR,aAAa;wCACb,qBAAqB;qCACtB,CAAC,GACF,EACF,cACE,SAAS,EAAE,IAAI,CAAC;wCACd,qBAAqB;wCACrB,YAAY;wCACZ,kBAAkB;wCAClB,kBAAkB;qCACnB,CAAC,qBAGE,IACF,IACF,EACN,cACE,SAAS,EAAE,IAAI,CAAC;wBACd,iBAAiB;wBACjB,aAAa;wBACb,kBAAkB;wBAClB,gBAAgB;wBAChB,UAAU;wBACV,SAAS;qBACV,CAAC,YAEF,cACE,SAAS,EAAE,IAAI,CAAC;4BACd,iBAAiB;4BACjB,2BAA2B;4BAC3B,cAAc;4BACd,gBAAgB;4BAChB,mBAAmB;yBACpB,CAAC,YAED,IAAI,CAAC,IAAI,GACN,GACF,EACL,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,cAAK,SAAS,EAAE,IAAI,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,YAC5C,cACE,SAAS,EAAE,IAAI,CAAC;4BACd,cAAc;4BACd,aAAa;4BACb,iBAAiB;4BACjB,6BAA6B;yBAC9B,CAAC,GACG,GACH,CACP,KA/FI,KAAK,CAgGN,CACP,CAAC,GACD,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Success.d.ts

@@ -0,0 +1,2 @@
+export declare const Success: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Success.d.ts.map

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Success.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Success.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/features/DocUpload/FileUploader/Success.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,+CAuBnB,CAAC"}

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Success.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { RESULT_STATE } from '../../../appConfig.type.js';
+import Progress from '../../../components/view/Progress/Progress.js';
+export const Success = () => {
+    return (_jsx("div", { style: {
+            height: 'calc(100vh - 282px)',
+            display: 'flex',
+            justifyContent: 'center',
+        }, children: _jsx(Progress, { state: RESULT_STATE.UPLOAD_SUCCESS, title: {
+                label: `Thanks, your document has been uploaded`,
+            }, labelClass: clsx(['f1-text-2xl', 'f1-leading-9']), descriptions: [
+                {
+                    label: `You’re all done, and can close the page.`,
+                },
+            ] }) }));
+};
+//# sourceMappingURL=Success.js.map

package/dist/esm/modules/form/vendors/react/features/DocUpload/FileUploader/Success.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Success.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/features/DocUpload/FileUploader/Success.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AACzE,OAAO,QAAQ,MAAM,8DAA8D,CAAC;AAEpF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,CACL,cACE,KAAK,EAAE;YACL,MAAM,EAAE,qBAAqB;YAC7B,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;SACzB,YAED,KAAC,QAAQ,IACP,KAAK,EAAE,YAAY,CAAC,cAAc,EAClC,KAAK,EAAE;gBACL,KAAK,EAAE,yCAAyC;aACjD,EACD,UAAU,EAAE,IAAI,CAAC,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,EACjD,YAAY,EAAE;gBACZ;oBACE,KAAK,EAAE,0CAA0C;iBAClD;aACF,GACD,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}