@tap-payments/auth-jsconnect 1.0.4 → 1.0.7

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface CountryCode {
     created: number;
     updated: number;
@@ -24,3 +25,76 @@ export interface CountryCode {
     digits: number;
     supported_by_tap: boolean;
 }
+export interface ScreenStepNavigation {
+    name: string;
+    next: string | string[];
+    prev: string | string[];
+    order: number;
+}
+export interface FeatureScreenStep {
+    element: React.MemoExoticComponent<any> | React.ComponentType<any>;
+    name: string;
+}
+export declare enum SocialMediaTypes {
+    WEB = "website",
+    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

@@ -1 +1,11 @@
-export {};
+export var SocialMediaTypes;
+(function (SocialMediaTypes) {
+    SocialMediaTypes["WEB"] = "website";
+    SocialMediaTypes["INSTAGRAM"] = "instagram";
+    SocialMediaTypes["TWITTER"] = "twitter";
+})(SocialMediaTypes || (SocialMediaTypes = {}));
+export var BusinessType;
+(function (BusinessType) {
+    BusinessType["CR"] = "company";
+    BusinessType["FL"] = "freelancer";
+})(BusinessType || (BusinessType = {}));

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

@@ -1,5 +1,14 @@
 import { Theme } from '@mui/material/styles';
-export declare type ThemeMode = 'dark' | 'light';
-export declare type LanguageMode = 'en' | 'ar';
-export declare type DirectionMode = 'ltr' | 'rtl';
+export declare enum ThemeMode {
+    DARK = "dark",
+    LIGHT = "light"
+}
+export declare enum LanguageMode {
+    AR = "ar",
+    EN = "en"
+}
+export declare enum DirectionMode {
+    RTL = "rtl",
+    LTR = "ltr"
+}
 export declare type ThemContext = Partial<Theme> | ((outerTheme: Theme) => Theme);

package/build/@types/theme.js

@@ -1 +1,15 @@
-export {};
+export var ThemeMode;
+(function (ThemeMode) {
+    ThemeMode["DARK"] = "dark";
+    ThemeMode["LIGHT"] = "light";
+})(ThemeMode || (ThemeMode = {}));
+export var LanguageMode;
+(function (LanguageMode) {
+    LanguageMode["AR"] = "ar";
+    LanguageMode["EN"] = "en";
+})(LanguageMode || (LanguageMode = {}));
+export var DirectionMode;
+(function (DirectionMode) {
+    DirectionMode["RTL"] = "rtl";
+    DirectionMode["LTR"] = "ltr";
+})(DirectionMode || (DirectionMode = {}));

package/build/app/rootReducer.d.ts

@@ -1,5 +1,5 @@
 declare const rootReducer: {
     settings: import("redux").Reducer<import("./settings").SettingsState, import("redux").AnyAction>;
-    mid: import("redux").Reducer<import("../features/app/midStore").MIDState, import("redux").AnyAction>;
+    mid: import("redux").Reducer<import("../features/app/connect/midStore").MIDState, import("redux").AnyAction>;
 };
 export default rootReducer;

package/build/app/rootReducer.js

@@ -1,5 +1,5 @@
 import settings from './settings';
-import mid from '../features/app/midStore';
+import mid from '../features/app/connect/midStore';
 var rootReducer = {
     settings: settings,
     mid: mid

package/build/app/settings.d.ts

@@ -1,16 +1,21 @@
 import { RootState } from './store';
-import { ActionState, LanguageMode, SharedState, ThemeMode } from '../@types';
+import { ActionState, LanguageMode, SharedState, ThemeMode, ScreenStepNavigation } from '../@types';
 export interface SettingsData {
     skin: ThemeMode;
     language: LanguageMode;
+    activeScreen: ScreenStepNavigation;
+    featureScreensNavigation: Array<ScreenStepNavigation>;
 }
 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<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>;
+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,13 +1,16 @@
 var _a;
 import { createSlice } from '@reduxjs/toolkit';
-import { getStoredData, storeData } from '../utils/storage';
+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'
+        language: getStoredData(LOCAL_STORAGE_KEYS.languageMode) || 'en',
+        featureScreensNavigation: [],
+        activeScreen: {}
     }
 };
 export var settingsSlice = createSlice({
@@ -20,13 +23,40 @@ 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.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 = nextScreen;
+        },
+        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 = prevScreen;
+        },
+        handleActiveFlowScreens: function (state, action) {
+            state.data.featureScreensNavigation = action.payload;
+            state.data.activeScreen = action.payload[0];
         }
     },
-    extraReducers: function (builder) {
-        console.log(builder);
-    }
+    extraReducers: function () { }
 });
-export var handleSkin = (_a = settingsSlice.actions, _a.handleSkin), handleLanguage = _a.handleLanguage;
+export var handleSkin = (_a = settingsSlice.actions, _a.handleSkin), handleLanguage = _a.handleLanguage, handleActiveFlowScreens = _a.handleActiveFlowScreens, handleNextScreenStep = _a.handleNextScreenStep, handlePrevScreenStep = _a.handlePrevScreenStep;
 export default settingsSlice.reducer;
 export var settingsSelector = function (state) { return state.settings; };

package/build/app/store.d.ts

@@ -1,10 +1,10 @@
 import { ThunkAction, Action } from '@reduxjs/toolkit';
 export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     settings: import("./settings").SettingsState;
-    mid: import("../features/app/midStore").MIDState;
+    mid: import("../features/app/connect/midStore").MIDState;
 }, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     settings: import("./settings").SettingsState;
-    mid: import("../features/app/midStore").MIDState;
+    mid: import("../features/app/connect/midStore").MIDState;
 }, import("redux").AnyAction, undefined>]>>;
 export declare type AppDispatch = typeof store.dispatch;
 export declare type RootState = ReturnType<typeof store.getState>;

package/build/assets/locales/ar.json

@@ -4,12 +4,79 @@
     "follow_us": "Follow us",
     "business_country_label": "Business Country",
     "business_country_placeholder": "Select Business Country",
-    "id_number_label": "ID number",
+    "id_number_label": "رقم الهوية",
     "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",
     "switch_to_id": "Switch to ID number",
-    "date_of_birth": "Date of Birth",
-    "ide_opt_sent_title": "تم إرسال رقم التحقق إلى "
+    "date_of_birth": "تاريخ الميلاد",
+    "ide_opt_sent_title": "تم إرسال رقم التحقق إلى ",
+    "signup_merchant_name_label": "الاسم بالكامل",
+    "signup_enter_email": "البريد الإلكتروني",
+    "signin_email_placeholder": "بريدك الالكتروني",
+    "brand_name_label": "Brand Name",
+    "brand_name_description": "Please enter brand name for your business. The brand name will appear for your customers. (Note - brand names might be taken sometime, therefore please provide a brand name that is legally registered under your business",
+    "brand_name_placeholder": "Brand Name",
+    "resend_otp": "إعادة إرسال الرمز",
+    "website_placeholder": "www.business.com",
+    "twitter_placeholder": "business",
+    "instagram_placeholder": "business",
+    "next": "التالي",
+    "email_not_valid": "الرجاء إدخال بريد إلكتروني صحيح",
+    "name_not_valid": "الرجاء إدخال اسم صحيح",
+    "read_agree_terms_and_conditions_message": "I have read and agreed to the",
+    "terms_and_conditions_link_title": " terms and conditions",
+    "thankyou_message": "شكرا لاختيارك تاب للمدفوعات الالكترونية. سوف يتم التواصل معكم في أقرب وقت.",
+    "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,8 +8,75 @@
     "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 "
+    "ide_opt_sent_title": "OTP has been sent to ",
+    "signup_merchant_name_label": "Full Name",
+    "signup_enter_email": "Enter Email",
+    "signin_email_placeholder": "Your E-mail",
+    "brand_name_label": "Brand Name",
+    "brand_name_description": "Please enter brand name for your business. The brand name will appear for your customers. (Note - brand names might be taken sometime, therefore please provide a brand name that is legally registered under your business",
+    "brand_name_placeholder": "Brand Name",
+    "resend_otp": "Resend OTP",
+    "website_placeholder": "www.business.com",
+    "twitter_placeholder": "business",
+    "instagram_placeholder": "business",
+    "next": "Next",
+    "email_not_valid": "Please enter a valid email",
+    "name_not_valid": "Please enter a valid name",
+    "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",
+    "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.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
+import { BottomSheetProps as MainBottomSheetProps } from 'react-spring-bottom-sheet';
 import 'react-spring-bottom-sheet/dist/style.css';
-interface BottomSheetProps {
+export interface BottomSheetProps extends MainBottomSheetProps {
     children: React.ReactNode;
     open: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ open, children }: BottomSheetProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, ...rest }: BottomSheetProps) => JSX.Element>;
 export default _default;

package/build/components/AnimationFlow/BottomSheet.js

@@ -9,6 +9,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { BottomSheet } from 'react-spring-bottom-sheet';
@@ -19,14 +30,30 @@ var BottomSheetStyled = styled(BottomSheet)(function (_a) {
     return ({
         '[data-rsbs-header]:before': {
             width: '80px'
+        },
+        '[data-rsbs-overlay]': {
+            backgroundColor: theme.palette.background.paper
+        },
+        '[data-rsbs-scroll]': {
+            '&::-webkit-scrollbar': {
+                width: '0px'
+            },
+            '&::-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)'
+            },
+            '&::-webkit-scrollbar-thumb': {
+                backgroundColor: 'rgba(0,0,0,.1)',
+                outline: '1px solid slategrey'
+            }
         }
     });
 });
 var BottomSheetComponent = function (_a) {
-    var open = _a.open, children = _a.children;
+    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 / 6, maxHeight * 0.9];
-        } }, { children: children })));
+            return [maxHeight * 0.9];
+        } }, rest, { children: children })));
 };
 export default React.memo(BottomSheetComponent);

package/build/components/AnimationFlow/Dialog.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
-export interface DialogProps {
+import { DialogProps as MUIDialogProps } from '@mui/material/Dialog';
+export interface DialogProps extends MUIDialogProps {
     open: boolean;
     children: React.ReactNode;
     footer?: React.ReactNode;
     transitionDuration?: number;
 }
-declare const _default: React.MemoExoticComponent<({ open, children, footer, transitionDuration }: DialogProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, footer, transitionDuration, ...rest }: DialogProps) => JSX.Element>;
 export default _default;

package/build/components/AnimationFlow/Dialog.js

@@ -9,16 +9,27 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { useTranslation } from 'react-i18next';
 import MuiDialog from '@mui/material/Dialog';
 import DialogContent from '@mui/material/DialogContent';
-import Slide from '@mui/material/Slide';
 import Paper from '@mui/material/Paper';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
-import { ICONS_NAMES, LANGUAGE_MODE } from '../../constants';
+import { ICONS_NAMES } from '../../constants';
+import { useLanguage } from '../../hooks';
+import Slide from '../Slide';
 import LogoBadge from '../LogoBadge';
 import Icon from '../Icon';
 var Transition = React.forwardRef(function Transition(props, ref) {
@@ -30,21 +41,19 @@ var PaperStyled = styled(Paper)(function (_a) {
         boxShadow: theme.shadows[1],
         borderRadius: theme.spacing(1.5),
         backgroundColor: theme.palette.background.paper,
-        color: theme.palette.text.primary
+        color: theme.palette.text.primary,
+        margin: "".concat(theme.spacing(5, 4, 4, 5), " !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),
-            minHeight: theme.spacing(58.75)
-        },
-        _b[theme.breakpoints.down('sm')] = {
-            width: '100%'
-        },
-        _b);
+    return ({
+        padding: theme.spacing(0),
+        width: '100%'
+    });
 });
 var LogoIconBoxStyled = styled(Box)(function (_a) {
     var _b;
@@ -70,15 +79,14 @@ var LogoIconStyled = styled(Icon)(function (_a) {
     });
 });
 var Dialog = function (_a) {
-    var open = _a.open, children = _a.children, footer = _a.footer, transitionDuration = _a.transitionDuration;
-    var i18n = useTranslation().i18n;
-    var isAR = i18n.language === LANGUAGE_MODE.AR;
+    var open = _a.open, children = _a.children, footer = _a.footer, transitionDuration = _a.transitionDuration, rest = __rest(_a, ["open", "children", "footer", "transitionDuration"]);
+    var isAr = useLanguage().isAr;
     return (_jsxs(MuiDialog, __assign({ PaperProps: {
             elevation: 0
         }, sx: {
             '& .MuiDialog-paper': {
                 overflowY: 'visible'
             }
-        }, PaperComponent: PaperStyled, open: open, TransitionComponent: Transition, transitionDuration: transitionDuration || 500, keepMounted: true, "aria-describedby": 'dialog-slide-description' }, { children: [_jsxs(DialogContentStyled, { children: [_jsx(LogoBadge, { src: ICONS_NAMES.LOGO_ICON }), _jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAR ? ICONS_NAMES.TAP_AR : ICONS_NAMES.TAP_EN, alt: 'tap logo' }) }), children] }), footer] })));
+        }, PaperComponent: PaperStyled, open: open, TransitionComponent: Transition, transitionDuration: transitionDuration || 500, keepMounted: true, "aria-describedby": 'dialog-slide-description' }, rest, { children: [_jsxs(DialogContentStyled, { children: [_jsx(LogoBadge, { src: ICONS_NAMES.LOGO_ICON }), _jsx(LogoIconBoxStyled, { children: _jsx(LogoIconStyled, { src: isAr ? ICONS_NAMES.TAP_AR : ICONS_NAMES.TAP_EN, alt: 'tap logo' }) }), children] }), footer] })));
 };
 export default React.memo(Dialog);

package/build/components/Button/Button.d.ts

@@ -1,5 +1,9 @@
 import * as React from 'react';
-import { ButtonProps } from '@mui/material/Button';
-export type { ButtonProps };
-declare const _default: React.MemoExoticComponent<({ children, ...rest }: ButtonProps<"button", {}>) => JSX.Element>;
+import { ButtonProps as MUIButtonProps } from '@mui/material/Button';
+export interface ButtonProps extends MUIButtonProps {
+}
+declare const _default: React.MemoExoticComponent<{
+    ({ children, startIcon, endIcon, ...rest }: ButtonProps): JSX.Element;
+    defaultProps: {};
+}>;
 export default _default;

package/build/components/Button/Button.js

@@ -29,16 +29,34 @@ var ButtonStyled = styled(Button)(function (_a) {
     return ({
         color: theme.palette.common.white,
         backgroundColor: theme.palette.primary.main,
+        minHeight: theme.spacing(5.5),
+        maxHeight: theme.spacing(5.5),
+        borderRadius: theme.spacing(4.1),
+        fontWeight: 'bold',
+        lineHeight: 1.7,
+        display: 'flex',
+        justifyContent: 'space-between',
         '&:hover': {
             backgroundColor: theme.palette.primary.main
         },
         '&:active': {
             backgroundColor: theme.palette.primary.main
+        },
+        ':disabled': {
+            backgroundColor: theme.palette.secondary.main,
+            color: theme.palette.common.white
+        },
+        '& .MuiButton-endIcon': {
+            margin: theme.spacing(0)
+        },
+        '& .MuiButton-startIcon': {
+            margin: theme.spacing(0)
         }
     });
 });
 var ButtonComponent = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    return _jsx(ButtonStyled, __assign({}, rest, { children: children }));
+    var children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, rest = __rest(_a, ["children", "startIcon", "endIcon"]);
+    return (_jsx(ButtonStyled, __assign({ startIcon: startIcon || _jsx("span", {}), endIcon: endIcon || _jsx("span", {}), disableFocusRipple: true, disableElevation: true, disableRipple: true, disableTouchRipple: true, fullWidth: true }, rest, { children: children })));
 };
+ButtonComponent.defaultProps = {};
 export default React.memo(ButtonComponent);

package/build/components/Collapse/Collapse.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CollapseProps as MUICollapseProps } from '@mui/material/Collapse';
+export interface CollapseProps extends MUICollapseProps {
+}
+export default function Collapse({ children, ...rest }: CollapseProps): JSX.Element;