@tap-payments/auth-jsconnect 1.0.5 → 1.0.8

package/build/@types/app.d.ts

@@ -27,12 +27,12 @@ export interface CountryCode {
 }
 export interface ScreenStepNavigation {
     name: string;
-    next: string;
-    prev: string;
+    next: string | string[];
+    prev: string | string[];
     order: number;
 }
 export interface FeatureScreenStep {
-    element: React.LazyExoticComponent<any>;
+    element: React.MemoExoticComponent<any> | React.ComponentType<any>;
     name: string;
 }
 export declare enum SocialMediaTypes {
@@ -40,3 +40,61 @@ export declare enum SocialMediaTypes {
     INSTAGRAM = "instagram",
     TWITTER = "twitter"
 }
+export interface CustomerLocation {
+    id: number;
+    name: string;
+    nameAR: string;
+}
+export interface ExpectedCustomer extends CustomerLocation {
+}
+export interface ExpectedSaleRange extends CustomerLocation {
+}
+export declare enum BusinessType {
+    CR = "company",
+    FL = "freelancer"
+}
+export interface FLLicense {
+    number: string;
+    status: string;
+    canceled_at: string;
+    license_specialities: Array<LicenseSpecialties>;
+}
+interface LicenseSpecialties {
+    speciality: LicenseSpecialty;
+}
+interface LicenseSpecialty {
+    id: string;
+    name: string;
+    name_en: string;
+    category: LicenseCategory;
+}
+interface LicenseCategory {
+    id: string;
+    name: string;
+    name_en: string;
+}
+export interface CRLicense {
+    crName: string;
+    crNumber: string;
+    crEntityNumber: string;
+    isMain: string;
+    businessType: {
+        id: number;
+        name: string;
+    };
+    relation: {
+        id: number;
+        name: string;
+    };
+}
+export interface Activity {
+    id: number;
+    name: string;
+    nameEn: string;
+}
+export interface SalesChannel {
+    id: number;
+    name: string;
+    nameEn: string;
+}
+export {};

package/build/@types/app.js

@@ -4,3 +4,8 @@ export var SocialMediaTypes;
     SocialMediaTypes["INSTAGRAM"] = "instagram";
     SocialMediaTypes["TWITTER"] = "twitter";
 })(SocialMediaTypes || (SocialMediaTypes = {}));
+export var BusinessType;
+(function (BusinessType) {
+    BusinessType["CR"] = "company";
+    BusinessType["FL"] = "freelancer";
+})(BusinessType || (BusinessType = {}));

package/build/app/settings.d.ts

@@ -11,11 +11,11 @@ export interface SettingsState extends SharedState<SettingsData> {
 export declare const settingsSlice: import("@reduxjs/toolkit").Slice<SettingsState, {
     handleSkin: (state: SettingsState, action: ActionState<ThemeMode>) => void;
     handleLanguage: (state: SettingsState, action: ActionState<LanguageMode>) => void;
-    handleNextScreenStep: (state: SettingsState, action: ActionState<ScreenStepNavigation>) => void;
-    handlePrevScreenStep: (state: SettingsState, action: ActionState<ScreenStepNavigation>) => void;
+    handleNextScreenStep: (state: SettingsState, action: ActionState<string | undefined>) => void;
+    handlePrevScreenStep: (state: SettingsState) => void;
     handleActiveFlowScreens: (state: SettingsState, action: ActionState<Array<ScreenStepNavigation>>) => void;
 }, "settings">;
-export declare const handleSkin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeMode, string>, handleLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<LanguageMode, string>, handleActiveFlowScreens: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation[], string>, handleNextScreenStep: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation, string>, handlePrevScreenStep: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation, string>;
+export declare const handleSkin: import("@reduxjs/toolkit").ActionCreatorWithPayload<ThemeMode, string>, handleLanguage: import("@reduxjs/toolkit").ActionCreatorWithPayload<LanguageMode, string>, handleActiveFlowScreens: import("@reduxjs/toolkit").ActionCreatorWithPayload<ScreenStepNavigation[], string>, handleNextScreenStep: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, string>, handlePrevScreenStep: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
 declare const _default: import("redux").Reducer<SettingsState, import("redux").AnyAction>;
 export default _default;
 export declare const settingsSelector: (state: RootState) => SettingsState;

package/build/app/settings.js

@@ -1,15 +1,16 @@
 var _a;
 import { createSlice } from '@reduxjs/toolkit';
-import { getStoredData, storeData } from '../utils/storage';
-import { LOCAL_STORAGE_KEYS, CONNECT_SCREENS_NAVIGATION } from '../constants';
+import { getStoredData, storeData, isArray, findItem } from '../utils';
+import { LOCAL_STORAGE_KEYS } from '../constants';
+import i18n from '../i18n';
 var initialState = {
     error: null,
     loading: false,
     data: {
         skin: getStoredData(LOCAL_STORAGE_KEYS.themeMode) || 'light',
         language: getStoredData(LOCAL_STORAGE_KEYS.languageMode) || 'en',
-        activeScreen: CONNECT_SCREENS_NAVIGATION[0],
-        featureScreensNavigation: CONNECT_SCREENS_NAVIGATION
+        featureScreensNavigation: [],
+        activeScreen: {}
     }
 };
 export var settingsSlice = createSlice({
@@ -22,22 +23,36 @@ export var settingsSlice = createSlice({
         },
         handleLanguage: function (state, action) {
             state.data.language = action.payload;
+            i18n.changeLanguage(action.payload);
             storeData(LOCAL_STORAGE_KEYS.languageMode, action.payload);
         },
         handleNextScreenStep: function (state, action) {
-            var next = state.data.featureScreensNavigation.find(function (item) { return item.name === action.payload.next; });
-            if (!next)
+            var next = state.data.activeScreen.next;
+            if (isArray(next)) {
+                if (!action.payload)
+                    return alert('next screen is an array, but no payload was provided');
+                var nextName_1 = findItem(next, action.payload);
+                var nextScreen_1 = state.data.featureScreensNavigation.find(function (item) { return item.name === nextName_1; });
+                if (!nextScreen_1)
+                    return alert('Next screen step not found');
+                state.data.activeScreen = nextScreen_1;
+                return;
+            }
+            var nextScreen = state.data.featureScreensNavigation.find(function (item) { return item.name === next; });
+            if (!nextScreen)
                 return alert('Next screen step not found');
-            state.data.activeScreen = next;
+            state.data.activeScreen = nextScreen;
         },
-        handlePrevScreenStep: function (state, action) {
-            var prev = state.data.featureScreensNavigation.find(function (item) { return item.name === action.payload.prev; });
-            if (!prev)
+        handlePrevScreenStep: function (state) {
+            var prev = state.data.activeScreen.prev;
+            var prevScreen = state.data.featureScreensNavigation.find(function (item) { return item.name === prev; });
+            if (!prevScreen)
                 return alert('Prev screen step not found');
-            state.data.activeScreen = prev;
+            state.data.activeScreen = prevScreen;
         },
         handleActiveFlowScreens: function (state, action) {
             state.data.featureScreensNavigation = action.payload;
+            state.data.activeScreen = action.payload[0];
         }
     },
     extraReducers: function () { }

package/build/assets/locales/ar.json

@@ -28,7 +28,55 @@
     "read_agree_terms_and_conditions_message": "I have read and agreed to the",
     "terms_and_conditions_link_title": " terms and conditions",
     "thankyou_message": "شكرا لاختيارك تاب للمدفوعات الالكترونية. سوف يتم التواصل معكم في أقرب وقت.",
-    "password_label": "Password",
-    "password_placeholder": "Your Password",
-    "password_is_required": "Password is required"
+    "select_customer_locations": "قاعدة العملاء",
+    "password_label": "كلمة السر",
+    "password_placeholder": "كلمة السر الخاصة بك",
+    "password_is_required": "كلمة السر مطلوبة",
+    "expected_customers_to_serve": "العملاء المتوقع خدمتهم بالشهر",
+    "service_otp_send_title": "تم إرسال الرمز المؤقت إلى",
+    "select_your_business_type": "Select Your Business Type",
+    "freelancer_reg": "Freelancer",
+    "commercial_reg": "Commercial Entity",
+    "opt_nid_sent_title": "الرجاء إدخال الكود المرسل عن طريق أبشر إلى الهوية",
+    "expected_sales_range": "المبيعات المتوقعة سنويا (ريال سعودي)",
+    "agree_on_refund_policy": "لقد قرأت ووافقت على ",
+    "refund_policy_compliance": "الإلتزام بسياسة الاسترداد",
+    "agree_on_transaction_policy": "لقد قرأت ووافقت على ",
+    "transaction_policy": "سياسة حل نزاعات العمليات",
+    "fl_number_label": "Freelance Registration",
+    "cr_number_label": "Commercial Registration",
+    "freelance_license_label": "Freelance License",
+    "freelance_license_placeholder": "Choose License",
+    "company_license_label": "Commercial Registration",
+    "company_license_placeholder": "Choose License",
+    "activities": "الانشطة",
+    "activities_selected": "انشطة مختارة",
+    "category": "الفئة",
+    "channel_of_service": "قنوات الخدمة",
+    "vat_id_label": "الرقم الضريبي",
+    "success_message": "تم إنشاء حسابك بنجاح! ",
+    "iban": "ايبان",
+    "iban_error": "الرجاء إدخال ايبان صحيح",
+    "beneficiary_name_label": "اسم المستفيد",
+    "beneficiary_name_placeholder": "اسم المستفيد",
+    "beneficiary_error": "اسم المستفيد يجب أن يكون  اسم ثلاثي",
+    "other": "Other",
+    "citizenship": "مواطن",
+    "national_address": "العنوان الوطني ",
+    "birth_date": "تاريخ الولادة",
+    "place_of_birth": "مكان الولادة",
+    "marital_status": "الحالة الزوجية",
+    "confirm_business_cr_label": "رقم السجل التجاري",
+    "confirm_business_fl_label": "رقم الرخصة",
+    "confirm_legal_name_label": "الاسم القانوني",
+    "confirm_brand_name_label": "الاسم التجاري",
+    "confirm_password_placeholder": "Confirm Password",
+    "new_password_label": "كلمة السر",
+    "new_password_placeholder": "Your Password",
+    "password_length": "كلمة السر يجب ان تكون اكثر من او 8 ارقام.",
+    "password_upper": "يجب ان يحتوي على الاقل حرف واحد كبير.",
+    "password_lower": "يجب ان يحتوي على الاقل حرف واحد صغير.",
+    "password_special": "يجب على الاقل ان يحتوي على رمز مميز.",
+    "notify_strong_password": "رائع لديك كلمة سر قوية!",
+    "bank_name_label": "اسم البنك"
 }

package/build/assets/locales/en.json

@@ -8,7 +8,7 @@
     "switch_to_mobile": "Switch to mobile number",
     "mobile_id_title": "Welcome to Tap Payments",
     "mobile_id_description": "Help us to get your information to start collecting online payments",
-    "mobile_number_label": "Mobile number",
+    "mobile_number_label": "Mobile Number",
     "switch_to_id": "Switch to ID number",
     "date_of_birth": "Date of Birth",
     "ide_opt_sent_title": "OTP has been sent to ",
@@ -28,7 +28,55 @@
     "read_agree_terms_and_conditions_message": "I have read and agreed to the",
     "terms_and_conditions_link_title": " terms and conditions",
     "thankyou_message": "Thank you for your interest in Tap. we will contact you shortly.",
+    "select_customer_locations": "Customer Base",
     "password_label": "Password",
     "password_placeholder": "Your Password",
-    "password_is_required": "Password is required"
+    "password_is_required": "Password is required",
+    "expected_customers_to_serve": "Expected Customers to be Serviced Monthly",
+    "select_your_business_type": "Select Your Business Type",
+    "freelancer_reg": "Freelancer",
+    "commercial_reg": "Commercial Entity",
+    "opt_nid_sent_title": "Please enter OTP sent from Absher to ID Number: ",
+    "expected_sales_range": "Choose expected sales yearly",
+    "service_otp_send_title": "OTP has been sent to",
+    "agree_on_refund_policy": "I have agree to the ",
+    "refund_policy_compliance": "Refund Policy Compliance",
+    "agree_on_transaction_policy": "I have agree to the ",
+    "transaction_policy": "Transaction Dispute Policy",
+    "fl_number_label": "Freelance Registration",
+    "cr_number_label": "Commercial Registration",
+    "freelance_license_label": "Freelance License",
+    "freelance_license_placeholder": "Choose License",
+    "company_license_label": "Commercial Registration",
+    "company_license_placeholder": "Choose License",
+    "activities": "Activities",
+    "activities_selected": "Activities selected",
+    "category": "category",
+    "channel_of_service": "Channel of Service",
+    "vat_id_label": "Tax Identification Number (TIN)",
+    "success_message": "Your account has been created successfully! ",
+    "iban": "Please Enter the IBAN",
+    "iban_error": "Please Enter valid IBAN",
+    "beneficiary_name_label": "Beneficiary Name",
+    "beneficiary_name_placeholder": "Beneficiary Name",
+    "beneficiary_error": "Beneficiary name should be at least three names",
+    "other": "Other",
+    "citizenship": "Citizenship",
+    "national_address": "National Address",
+    "birth_date": "Birth Date",
+    "place_of_birth": "Place Of Birth",
+    "marital_status": "Marital Status",
+    "confirm_business_cr_label": "Commercial Registration ",
+    "confirm_business_fl_label": "Freelance Registration",
+    "confirm_legal_name_label": "Legal Name",
+    "confirm_brand_name_label": "Brand Name",
+    "confirm_password_placeholder": "Confirm Password",
+    "new_password_label": "Password",
+    "new_password_placeholder": "Your Password",
+    "password_length": "Needs to be more than 8 characters.",
+    "password_upper": "Includes at least 1 uppercase character.",
+    "password_lower": "Includes at least 1 lowercase character.",
+    "password_special": "Includes at least 1 special character. (!@#%)",
+    "notify_strong_password": "Awesome! You have a secure password.",
+    "bank_name_label": "Bank Name"
 }

package/build/components/AnimationFlow/BottomSheet.js

@@ -53,7 +53,7 @@ var BottomSheetComponent = function (_a) {
     var open = _a.open, children = _a.children, rest = __rest(_a, ["open", "children"]);
     return (_jsx(BottomSheetStyled, __assign({ open: open, snapPoints: function (_a) {
             var maxHeight = _a.maxHeight;
-            return [maxHeight / 3, maxHeight * 0.9];
+            return [maxHeight * 0.9];
         } }, rest, { children: children })));
 };
 export default React.memo(BottomSheetComponent);

package/build/components/AnimationFlow/Dialog.js

@@ -43,32 +43,17 @@ var PaperStyled = styled(Paper)(function (_a) {
         backgroundColor: theme.palette.background.paper,
         color: theme.palette.text.primary,
         margin: "".concat(theme.spacing(5, 4, 4, 5), " !important"),
-        maxHeight: "calc(100vh - ".concat(theme.spacing(10), ") !important")
+        maxHeight: "calc(100% - ".concat(theme.spacing(10), ") !important"),
+        width: theme.spacing(46.875),
+        maxWidth: theme.spacing(46.875)
     });
 });
 var DialogContentStyled = styled(DialogContent)(function (_a) {
-    var _b;
     var theme = _a.theme;
-    return (_b = {
-            padding: theme.spacing(0),
-            width: theme.spacing(46.875),
-            height: '100%'
-        },
-        _b[theme.breakpoints.down('sm')] = {
-            width: '100%'
-        },
-        _b['&::-webkit-scrollbar'] = {
-            width: '0px'
-        },
-        _b['&::-webkit-scrollbar-track'] = {
-            boxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)',
-            webkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.00)'
-        },
-        _b['&::-webkit-scrollbar-thumb'] = {
-            backgroundColor: 'rgba(0,0,0,.1)',
-            outline: '1px solid slategrey'
-        },
-        _b);
+    return ({
+        padding: theme.spacing(0),
+        width: '100%'
+    });
 });
 var LogoIconBoxStyled = styled(Box)(function (_a) {
     var _b;

package/build/components/Footer/Footer.js

@@ -34,7 +34,7 @@ import Box from '@mui/material/Box';
 import { SOCIAL_MEDIA_LINKS } from '../../constants/dummy';
 var FooterStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
-    return (__assign(__assign({ display: 'flex', margin: theme.spacing(1.5), color: theme.palette.background.paper }, theme.typography.caption), { alignItems: 'center', justifyContent: 'center' }));
+    return (__assign(__assign({ direction: theme.direction, display: 'flex', margin: theme.spacing(1.5), color: theme.palette.background.paper }, theme.typography.caption), { alignItems: 'center', justifyContent: 'center', position: 'relative', bottom: 0, marginBottom: theme.spacing(-3.75) }));
 });
 var FollowUsStyled = styled(Text)(function (_a) {
     var theme = _a.theme;

package/build/components/Loader/Loader.js

@@ -12,22 +12,23 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { styled } from '@mui/material/styles';
-var RootStyled = styled('div')(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: '100px',
-        height: '100px',
+var RootStyled = styled('div')(function () { return ({
+    '&:before': {
+        content: '""',
         display: 'block',
-        position: 'relative',
-        margin: 'auto'
-    });
-});
+        paddingTop: '100%'
+    },
+    position: 'relative',
+    margin: '0px auto',
+    width: '40px',
+    height: '40px'
+}); });
 var LoaderBoxStyled = styled('svg')(function (_a) {
     var size = _a.size;
-    return (__assign({ width: '100%', height: '100%', position: 'absolute', margin: '0', left: '0', right: '0' }, (size && { transform: "scale(".concat(size / 40.0, ")") })));
+    return (__assign({ height: '100%', transformOrigin: 'center center', width: '100%', position: 'absolute', top: 0, left: 0, margin: 'auto' }, (size && { transform: "scale(".concat(size / 40.0, ")") })));
 });
 function Loader(props) {
-    return (_jsx(RootStyled, __assign({ className: props.className, style: props.style }, { children: _jsxs(LoaderBoxStyled, __assign({ size: props.size, className: 'loader-box-container' }, { children: [_jsx("circle", __assign({ style: { stroke: props.outerColor }, cx: '50%', cy: '50%', r: '20', fill: 'none', strokeLinecap: 'round', strokeWidth: ' 3.6px', strokeDasharray: ' 125, 124' }, { children: props.toggleAnimation && (_jsxs(_Fragment, { children: [_jsx("animateTransform", { attributeName: 'transform', type: 'rotate', from: '0 50 50', to: '360 50 50', dur: "".concat(props.duration || 0 / 3, "s"), repeatCount: 'indefinite' }), _jsx("animate", { attributeName: 'stroke-dashoffset', values: '0; 122; 122; 0; 0', keyTimes: '0; 0.45; 0.55; 0.9; 1', dur: "".concat(props.duration, "s"), repeatCount: 'indefinite' })] })) })), _jsx("circle", __assign({ style: { stroke: props.innerColor }, cx: '50%', cy: '50%', r: '14', fill: 'none', strokeLinecap: 'round', strokeWidth: ' 3.6px', strokeDasharray: ' 88, 124' }, { children: props.toggleAnimation && (_jsxs(_Fragment, { children: [_jsx("animateTransform", { attributeName: 'transform', type: 'rotate', from: '360 50 50', to: '0 50 50', dur: "".concat(props.duration || 0 / 3, "s"), repeatCount: 'indefinite' }), _jsx("animate", { attributeName: 'stroke-dashoffset', values: '0; -85; -85; 0; 0', keyTimes: '0; 0.45; 0.55; 0.9; 1', dur: "".concat(props.duration, "s"), repeatCount: 'indefinite' })] })) }))] })) })));
+    return (_jsx(RootStyled, __assign({ className: 'loader', style: props.style }, { children: _jsxs(LoaderBoxStyled, __assign({ className: 'circular-loader', viewBox: '25 25 50 50' }, { children: [_jsx("circle", __assign({ cx: '50', cy: '50', r: '20', fill: 'none', stroke: props.outerColor || 'black', strokeWidth: '3.6px', strokeLinecap: 'round', strokeDasharray: ' 125, 124' }, { children: props.toggleAnimation && (_jsxs(_Fragment, { children: [_jsx("animateTransform", { attributeName: 'transform', type: 'rotate', from: '0 50 50', to: '360 50 50', dur: "".concat(props.duration || 0 / 3, "s"), repeatCount: 'indefinite' }), _jsx("animate", { attributeName: 'stroke-dashoffset', values: '0; 122; 122; 0; 0', keyTimes: '0; 0.45; 0.55; 0.9; 1', dur: "".concat(props.duration, "s"), repeatCount: 'indefinite' })] })) })), _jsx("circle", __assign({ cx: '50', cy: '50', r: '14', fill: 'none', stroke: props.innerColor || 'black', strokeWidth: ' 3.6px', strokeLinecap: 'round', strokeDasharray: ' 88, 124' }, { children: props.toggleAnimation && (_jsxs(_Fragment, { children: [_jsx("animateTransform", { attributeName: 'transform', type: 'rotate', from: '360 50 50', to: '0 50 50', dur: "".concat(props.duration || 0 / 3, "s"), repeatCount: 'indefinite' }), _jsx("animate", { attributeName: 'stroke-dashoffset', values: '0; -85; -85; 0; 0', keyTimes: '0; 0.45; 0.55; 0.9; 1', dur: "".concat(props.duration, "s"), repeatCount: 'indefinite' })] })) }))] })) })));
 }
 Loader.defaultProps = {
     outerColor: '#423e3c',

package/build/components/OTPField/OTPField.js

@@ -28,29 +28,9 @@ var OTPFieldStyled = styled(OTPInput)(function (_a) {
     var _b;
     var theme = _a.theme;
     return ({
-        input: (_b = {
-                borderRadius: theme.spacing(0),
-                height: theme.spacing(4.75),
-                color: theme.palette.text.primary,
-                outline: 'none',
-                border: 'none',
-                borderLeft: theme.spacing(0),
-                borderRight: theme.spacing(0),
-                borderTop: theme.spacing(0),
-                borderBottom: '1px solid ',
-                borderColor: '#a6a6a6',
-                textAlign: 'center',
-                margin: '1.2%'
-            },
-            _b[theme.breakpoints.down('sm')] = {
-                margin: '1%'
-            },
-            _b.background = 'transparent',
-            _b.caretColor = theme.palette.primary.main,
-            _b.marginInline = theme.spacing(0.6),
-            _b.fontSize = theme.spacing(2.5),
-            _b.width = theme.spacing(5),
-            _b)
+        input: __assign(__assign((_b = { borderRadius: theme.spacing(0), height: theme.spacing(4.75), color: theme.palette.text.primary, outline: 'none', border: 'none', borderLeft: theme.spacing(0), borderRight: theme.spacing(0), borderTop: theme.spacing(0), borderBottom: '1px solid ', borderColor: '#a6a6a6', textAlign: 'center', margin: '1.2%' }, _b[theme.breakpoints.down('sm')] = {
+            margin: '1%'
+        }, _b.background = 'transparent', _b.caretColor = theme.palette.primary.main, _b.marginInline = theme.spacing(0.6), _b), theme.typography.h6), { width: theme.spacing(5) })
     });
 });
 var OTPFieldComponent = function (_a) {

package/build/components/OTPTimer/OTPTimer.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import { BoxProps } from '@mui/material/Box';
 export interface OTPTimerProps extends BoxProps {
-    time?: number;
-    resendText: string;
+    timeInSeconds?: number;
+    timeEndLabel: string;
+    onResetClick?: () => void;
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ time, resendText, ...rest }: OTPTimerProps): JSX.Element;
+    ({ timeInSeconds, timeEndLabel, onResetClick, ...rest }: OTPTimerProps): JSX.Element;
     defaultProps: {
         time: number;
     };

package/build/components/OTPTimer/OTPTimer.js

@@ -36,18 +36,31 @@ var OTPTimerStyled = styled(Box)(function (_a) {
 var OTPTimerTextStyled = styled(Text)(function (_a) {
     var theme = _a.theme;
     return ({
-        width: 'fit-content',
         fontWeight: theme.typography.fontWeightBold,
         fontSize: theme.typography.fontSize,
         marginTop: theme.spacing(0.5)
     });
 });
 var OTPTimerComponent = function (_a) {
-    var time = _a.time, resendText = _a.resendText, rest = __rest(_a, ["time", "resendText"]);
-    var defaultTime = time || 0;
-    return (_jsx(OTPTimerStyled, __assign({}, rest, { children: _jsx(OTPTimerTextStyled, __assign({ variant: 'h4', color: 'primary', sx: {
-                cursor: defaultTime <= 0 ? 'pointer' : 'default'
-            } }, { children: defaultTime > 0 ? (defaultTime > 9 ? "00:".concat(time) : "00:0".concat(time)) : resendText })) })));
+    var timeInSeconds = _a.timeInSeconds, timeEndLabel = _a.timeEndLabel, onResetClick = _a.onResetClick, rest = __rest(_a, ["timeInSeconds", "timeEndLabel", "onResetClick"]);
+    var _b = React.useState(timeInSeconds || 60), timeValue = _b[0], seTimeValue = _b[1];
+    React.useEffect(function () {
+        if (timeValue <= 0)
+            return;
+        var interval = setInterval(function () {
+            seTimeValue(timeValue - 1);
+        }, 1000);
+        return function () { return clearInterval(interval); };
+    }, [timeValue]);
+    var resetTimer = function () {
+        if (onResetClick) {
+            onResetClick();
+            seTimeValue(timeInSeconds || 60);
+        }
+    };
+    return (_jsx(OTPTimerStyled, __assign({ onClick: resetTimer }, rest, { children: _jsx(OTPTimerTextStyled, __assign({ variant: 'h4', color: 'primary', sx: {
+                cursor: timeValue <= 0 ? 'pointer' : 'default'
+            } }, { children: timeValue > 0 ? (timeValue > 9 ? "00:".concat(timeValue) : "00:0".concat(timeValue)) : timeEndLabel })) })));
 };
 OTPTimerComponent.defaultProps = {
     time: 59

package/build/components/Providers/ThemeProvider.js

@@ -9,13 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from 'react';
 import { ThemeProvider as MUIThemeProvider } from '@mui/material/styles';
+import CssBaseline from '@mui/material/CssBaseline';
 export default function ThemeProvider(_a) {
     var children = _a.children, theme = _a.theme;
     if (!theme) {
         return _jsx(Fragment, {});
     }
-    return _jsx(MUIThemeProvider, __assign({ theme: theme }, { children: children }));
+    return (_jsxs(MUIThemeProvider, __assign({ theme: theme }, { children: [_jsx(CssBaseline, {}), children] })));
 }

package/build/components/SimpleList/SimpleList.d.ts

@@ -5,7 +5,7 @@ export interface SimpleListProps<T> extends ListProps {
     list: Array<T>;
     listItemProps?: ListItemProps;
     onSelectItem: (item: T) => void;
-    renderItem: (item: T) => React.ReactElement;
+    renderItem: (item: T, idx: number) => React.ReactElement;
     searchKeyPath?: string;
 }
 declare function SimpleList<T>({ list, listItemProps, onSelectItem, renderItem, children, searchKeyPath, ...rest }: SimpleListProps<T>): JSX.Element;

package/build/components/SimpleList/SimpleList.js

@@ -67,10 +67,7 @@ var ListItemStyled = styled(ListItem)(function (_a) {
 });
 function SimpleList(_a) {
     var list = _a.list, listItemProps = _a.listItemProps, onSelectItem = _a.onSelectItem, renderItem = _a.renderItem, children = _a.children, searchKeyPath = _a.searchKeyPath, rest = __rest(_a, ["list", "listItemProps", "onSelectItem", "renderItem", "children", "searchKeyPath"]);
-    var _b = React.useState([]), items = _b[0], setItems = _b[1];
-    React.useEffect(function () {
-        setItems(list);
-    }, [list]);
+    var _b = React.useState(list), items = _b[0], setItems = _b[1];
     var filterItems = function (arr, searchKey) {
         return arr.filter(function (item) {
             var searchValue = get(item, searchKeyPath || '') || '';
@@ -93,7 +90,7 @@ function SimpleList(_a) {
             items.map(function (item, idx) {
                 return (_createElement(ListItemStyled, __assign({}, listItemProps, { onClick: function () {
                         onSelectItem(item);
-                    }, disableGutters: true, key: idx }), renderItem(item)));
+                    }, disableGutters: true, key: idx }), renderItem(item, idx)));
             }) })));
 }
 SimpleList.defaultProps = {

package/build/components/Warning/Warning.js

@@ -26,27 +26,11 @@ import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 var ErrorStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
-    return ({
-        background: theme.palette.error.dark,
-        paddingBlock: theme.spacing(1.5),
-        paddingInlineStart: theme.spacing(2.5),
-        border: '0.5px solid',
-        borderColor: theme.palette.error.main,
-        color: theme.palette.error.light,
-        fontSize: theme.spacing(1.5)
-    });
+    return (__assign({ background: theme.palette.error.dark, paddingBlock: theme.spacing(1.5), paddingInlineStart: theme.spacing(2.5), border: '0.5px solid', borderColor: theme.palette.error.main, color: theme.palette.error.light }, theme.typography.caption));
 });
 var AlertStyled = styled(Box)(function (_a) {
     var theme = _a.theme;
-    return ({
-        background: theme.palette.warning.dark,
-        paddingBlock: theme.spacing(1.5),
-        paddingInlineStart: theme.spacing(2.5),
-        border: '0.5px solid',
-        borderColor: theme.palette.warning.main,
-        color: theme.palette.warning.light,
-        fontSize: theme.spacing(1.5)
-    });
+    return (__assign({ background: theme.palette.warning.dark, paddingBlock: theme.spacing(1.5), paddingInlineStart: theme.spacing(2.5), border: '0.5px solid', borderColor: theme.palette.warning.main, color: theme.palette.warning.light }, theme.typography.caption));
 });
 var WarningComponent = function (_a) {
     var children = _a.children, warningType = _a.warningType, rest = __rest(_a, ["children", "warningType"]);

package/build/constants/app.d.ts

@@ -6,5 +6,14 @@ export declare const LOCAL_STORAGE_KEYS: {
 export declare const EXTERNAL_LINKS: {
     TOS_EN: string;
     TOS_AR: string;
+    REFUND_EN: string;
+    REFUND_AR: string;
+    TRANSACTION_EN: string;
+    TRANSACTION_AR: string;
 };
 export declare const CONNECT_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
+export declare const BUSINESS_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
+export declare const OWNER_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
+export declare const PASSWORD_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
+export declare const BANK_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
+export declare const TAX_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;