@tap-payments/auth-jsconnect 2.1.37-test → 2.1.39-test

package/build/features/shared/UploadMultipleFile/UploadMultipleFile.js

@@ -1 +1,147 @@
-"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { alpha, styled, useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import { DragAndDrop } from '../../../components/FileInput';
+import Collapse from '../../../components/Collapse';
+import { InputLabelStyled } from '../../shared/Input/Input';
+import { ScreenContainer } from '../../shared/Containers';
+import Mandatory from '../../shared/Mandatory';
+import UploadFile, { FileStatus } from './UploadFile';
+var FeatureStyled = styled(ScreenContainer)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        marginBlockStart: theme.spacing(0)
+    });
+});
+var LabelContainerStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        display: 'flex',
+        justifyContent: 'space-between',
+        padding: theme.spacing(0, 2.5, 1.25, 2.5),
+        alignItems: 'center'
+    });
+});
+export var InputContainerStyled = styled(Box)(function () { return ({
+    display: 'flex',
+    width: '100%',
+    justifyContent: 'center'
+}); });
+var UploadCountBox = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        fontSize: theme.typography.overline.fontSize,
+        padding: theme.spacing(0.375, 0.75, 0.375, 0.75),
+        borderRadius: theme.spacing(5.625),
+        backgroundColor: alpha(theme.palette.secondary.main, 0.4)
+    });
+});
+var UploadMultipleFile = function (_a) {
+    var label = _a.label, required = _a.required, title = _a.title, subTitle = _a.subTitle, dragDescription = _a.dragDescription, uploadingTitle = _a.uploadingTitle, successTitle = _a.successTitle, isSubmitting = _a.isSubmitting, onFileUploaded = _a.onFileUploaded, fileUploadingStatus = _a.fileUploadingStatus, onDeleteFile = _a.onDeleteFile, maxLimit = _a.maxLimit, purpose = _a.purpose, fileTitle = _a.fileTitle;
+    var t = useTranslation().t;
+    var theme = useTheme();
+    var _b = React.useState(''), error = _b[0], setError = _b[1];
+    var _c = React.useState([]), fileArray = _c[0], setFileArray = _c[1];
+    var _d = React.useState([]), fileInfoArray = _d[0], setFileInfoArray = _d[1];
+    var uploadedFileCount = React.useMemo(function () { return (fileInfoArray || []).filter(function (file) { return file.fileId; }).length; }, [fileInfoArray]);
+    var handleFileChange = function (files) {
+        if (!isSubmitting) {
+            if ((files === null || files === void 0 ? void 0 : files.length) > 0) {
+                setError('');
+                if (maxLimit) {
+                    if (files.length > maxLimit) {
+                        setError(t('file_exceed_max_limit', { length: maxLimit }));
+                        return;
+                    }
+                    else if ((fileInfoArray || []).filter(function (f) { return f === null || f === void 0 ? void 0 : f.fileId; }).length + files.length > maxLimit) {
+                        setError(t('file_exceed_max_limit', { length: maxLimit }));
+                        return;
+                    }
+                }
+                files.forEach(function (file) {
+                    fileArray.push(file);
+                    var isFileAlreadyUploaded = (fileInfoArray || []).find(function (f) { return f.name === file.name && f.status === FileStatus.SUCCESS; });
+                    if (isFileAlreadyUploaded) {
+                        fileInfoArray.push({
+                            fileId: '',
+                            status: FileStatus.ALREADY_UPLOADED,
+                            progress: 0,
+                            error: '',
+                            name: file.name
+                        });
+                    }
+                    else {
+                        fileInfoArray.push({ fileId: '', status: FileStatus.INIT, progress: 0, error: '', name: file.name });
+                    }
+                });
+                setFileArray(__spreadArray([], fileArray, true));
+                setFileInfoArray(__spreadArray([], fileInfoArray, true));
+            }
+        }
+    };
+    var handleDelete = function (index) {
+        if (!isSubmitting) {
+            if (fileInfoArray.length > 0) {
+                setError('');
+                fileArray.splice(index, 1);
+                setFileArray(__spreadArray([], fileArray, true));
+                fileInfoArray.splice(index, 1);
+                setFileInfoArray(__spreadArray([], fileInfoArray, true));
+                var fileIds = fileInfoArray.filter(function (f) { return f.fileId; }).map(function (f) { return f.fileId; });
+                onDeleteFile(fileIds);
+            }
+        }
+    };
+    var handleSuccess = function (index, file) {
+        if (fileInfoArray.length > 0) {
+            fileInfoArray[index] = file;
+            setFileInfoArray(__spreadArray([], fileInfoArray, true));
+            var fileIds = fileInfoArray.filter(function (f) { return f.fileId; }).map(function (f) { return f.fileId; });
+            onFileUploaded(fileIds);
+            fileUploadingStatus === null || fileUploadingStatus === void 0 ? void 0 : fileUploadingStatus(false);
+        }
+    };
+    var handleFailure = function (index, file) {
+        if (fileInfoArray.length > 0) {
+            fileInfoArray[index] = file;
+            setFileInfoArray(__spreadArray([], fileInfoArray, true));
+            fileUploadingStatus === null || fileUploadingStatus === void 0 ? void 0 : fileUploadingStatus(false);
+        }
+    };
+    var handleProgress = function (index, file) {
+        if (fileInfoArray.length > 0) {
+            fileInfoArray[index] = file;
+            setFileInfoArray(__spreadArray([], fileInfoArray, true));
+            fileUploadingStatus === null || fileUploadingStatus === void 0 ? void 0 : fileUploadingStatus(true);
+        }
+    };
+    var fileExists = fileInfoArray.length > 0;
+    return (_jsxs(FeatureStyled, { children: [_jsxs(LabelContainerStyled, { children: [_jsx(InputLabelStyled, { children: label }), required && _jsx(Mandatory, {}), _jsx(Collapse, __assign({ in: !!uploadedFileCount, timeout: 100, unmountOnExit: true }, { children: _jsx(UploadCountBox, { children: "".concat(uploadedFileCount, " ").concat(t('uploaded_file')) }) }))] }), _jsx(InputContainerStyled, __assign({ sx: { mb: 2.5 } }, { children: _jsx(DragAndDrop, { title: title, subTitle: subTitle, description: dragDescription, fileExists: fileExists, uploadingTitle: uploadingTitle, successTitle: successTitle, onSuccess: handleFileChange, multiple: true, error: error }) })), _jsx(Collapse, __assign({ in: fileExists, timeout: 300 }, { children: (fileArray || []).map(function (file, index) {
+                    return (_jsx(UploadFile, { purpose: purpose, title: fileTitle, uploadedFiles: fileInfoArray, index: index, file: file, sx: {
+                            borderBottom: index === fileArray.length - 1 ? "1px solid ".concat(alpha(theme.palette.divider, 0.8)) : ''
+                        }, onSuccess: handleSuccess, onDelete: handleDelete, onFailure: handleFailure, onProgress: handleProgress }, index));
+                }) }))] }));
+};
+export default UploadMultipleFile;

package/build/features/shared/UploadMultipleFile/index.d.ts

@@ -0,0 +1,2 @@
+import UploadMultipleFile from './UploadMultipleFile';
+export default UploadMultipleFile;

package/build/features/shared/UploadMultipleFile/index.js

@@ -1 +1,2 @@
-"use strict";
+import UploadMultipleFile from './UploadMultipleFile';
+export default UploadMultipleFile;

package/build/hooks/index.d.ts

@@ -13,3 +13,4 @@ export * from './useStepStartedListener';
 export * from './useScreen';
 export * from './useSetFromDefaultValues';
 export * from './useCountUp';
+export * from './useCountry';

package/build/hooks/index.js

@@ -13,3 +13,4 @@ export * from './useStepStartedListener';
 export * from './useScreen';
 export * from './useSetFromDefaultValues';
 export * from './useCountUp';
+export * from './useCountry';

package/build/hooks/useCountry.d.ts

@@ -0,0 +1,4 @@
+export declare const useCountry: (code: string) => {
+    isKuwait: boolean;
+    isSaudi: boolean;
+};

package/build/hooks/useCountry.js

@@ -0,0 +1,7 @@
+import { isKW } from '../utils';
+import { useMemo } from 'react';
+export var useCountry = function (code) {
+    var isKuwait = useMemo(function () { return isKW(code); }, [code]);
+    var isSaudi = useMemo(function () { return isKW(code); }, [code]);
+    return { isKuwait: isKuwait, isSaudi: isSaudi };
+};

package/build/index.d.ts

@@ -1,7 +1,7 @@
 import './index.css';
 import './i18n';
 import { ConnectLib, renderConnectLib, ConnectLibProps, unmountConnectLib } from './features/connect';
-import { ConnectExpressLib, renderConnectExpressLib, ConnectExpressLibProps, unmountConnectExpressLib } from './features/connectExpress';
+import { ConnectExpressLib, renderConnectExpressLib, ConnectExpressLibProps } from './features/connectExpress';
 import { BusinessLib, renderBusinessLib, BusinessLibProps, unmountBusinessLib } from './features/business';
 import { PasswordLib, renderPasswordLib, PasswordLibProps, unmountPasswordLib } from './features/password';
 import { IndividualLib, renderIndividualLib, IndividualLibProps, unmountIndividualLib } from './features/individual';
@@ -12,4 +12,4 @@ import { EntityLib, EntityLibProps, renderEntityLib, unmountEntityLib } from './
 import { BrandLib, BrandLibProps, renderBrandLib, unmountBrandLib } from './features/brand';
 import { AuthLib, AuthLibProps, renderAuthLib, unmountAuthLib } from './features/auth';
 export type { ConnectLibProps, ConnectExpressLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, BrandLibProps, AuthLibProps, SignInLibProps };
-export { ConnectLib, renderConnectLib, unmountConnectLib, ConnectExpressLib, renderConnectExpressLib, unmountConnectExpressLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, EntityLib, renderEntityLib, unmountEntityLib, BrandLib, unmountBrandLib, renderBrandLib, SignInLib, renderSignInLib, unmountSignInLib, AuthLib, renderAuthLib, unmountAuthLib };
+export { ConnectLib, renderConnectLib, unmountConnectLib, ConnectExpressLib, renderConnectExpressLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, EntityLib, renderEntityLib, unmountEntityLib, BrandLib, unmountBrandLib, renderBrandLib, SignInLib, renderSignInLib, unmountSignInLib, AuthLib, renderAuthLib, unmountAuthLib };

package/build/index.js

@@ -1,7 +1,7 @@
 import './index.css';
 import './i18n';
 import { ConnectLib, renderConnectLib, unmountConnectLib } from './features/connect';
-import { ConnectExpressLib, renderConnectExpressLib, unmountConnectExpressLib } from './features/connectExpress';
+import { ConnectExpressLib, renderConnectExpressLib } from './features/connectExpress';
 import { BusinessLib, renderBusinessLib, unmountBusinessLib } from './features/business';
 import { PasswordLib, renderPasswordLib, unmountPasswordLib } from './features/password';
 import { IndividualLib, renderIndividualLib, unmountIndividualLib } from './features/individual';
@@ -11,12 +11,11 @@ import { SignInLib, renderSignInLib, unmountSignInLib } from './features/signIn'
 import { EntityLib, renderEntityLib, unmountEntityLib } from './features/entity';
 import { BrandLib, renderBrandLib, unmountBrandLib } from './features/brand';
 import { AuthLib, renderAuthLib, unmountAuthLib } from './features/auth';
-export { ConnectLib, renderConnectLib, unmountConnectLib, ConnectExpressLib, renderConnectExpressLib, unmountConnectExpressLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, EntityLib, renderEntityLib, unmountEntityLib, BrandLib, unmountBrandLib, renderBrandLib, SignInLib, renderSignInLib, unmountSignInLib, AuthLib, renderAuthLib, unmountAuthLib };
+export { ConnectLib, renderConnectLib, unmountConnectLib, ConnectExpressLib, renderConnectExpressLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, EntityLib, renderEntityLib, unmountEntityLib, BrandLib, unmountBrandLib, renderBrandLib, SignInLib, renderSignInLib, unmountSignInLib, AuthLib, renderAuthLib, unmountAuthLib };
 window['TapAuth'] = {
     renderConnectLib: renderConnectLib,
     unmountConnectLib: unmountConnectLib,
     renderConnectExpressLib: renderConnectExpressLib,
-    unmountConnectExpressLib: unmountConnectExpressLib,
     renderBusinessLib: renderBusinessLib,
     unmountBusinessLib: unmountBusinessLib,
     renderPasswordLib: renderPasswordLib,

package/build/theme/typography.js

@@ -27,5 +27,5 @@ export var typography = {
     body2: { fontSize: '0.875rem' },
     button: { fontSize: '0.875rem' },
     caption: { fontSize: '0.75rem' },
-    overline: { fontSize: '0.75rem' }
+    overline: { fontSize: '0.5rem' }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/auth-jsconnect",
-	"version": "2.1.37-test",
+	"version": "2.1.39-test",
 	"description": "connect library, auth",
 	"private": false,
 	"main": "build/index.js",