@tap-payments/auth-jsconnect 2.0.54-test → 2.0.56-test

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

@@ -44,23 +44,35 @@ export interface FeatureScreenStep {
 export declare enum SocialMediaTypes {
     WEB = "website",
     INSTAGRAM = "instagram",
-    TWITTER = "twitter"
+    TWITTER = "twitter",
+    SOCIAL = "social media",
+    PHYSICAL_STORE = "physical store",
+    CALL_CENTER = "call center",
+    APP = "mobile app",
+    APPLE_STORE = "apple store",
+    PLAY_STORE = "play store"
 }
 export interface CustomerLocation {
     id: string;
-    name_ar: string;
-    name_en: string;
+    name: {
+        ar: string;
+        en: string;
+    };
 }
 export interface ExpectedCustomer extends CustomerLocation {
 }
 export interface ExpectedSaleRange {
     id: string;
-    name_ar: string;
-    name_en: string;
+    name: {
+        ar: string;
+        en: string;
+    };
     sub?: Array<{
         id: string;
-        name_ar: string;
-        name_en: string;
+        name: {
+            ar: string;
+            en: string;
+        };
     }>;
 }
 export declare enum BusinessType {
@@ -83,20 +95,30 @@ export interface Activity {
 }
 export interface SalesChannel {
     id: string;
-    name_ar: string;
-    name_en: string;
+    name: {
+        ar: string;
+        en: string;
+    };
 }
 export interface SourceOfIncome {
     id: string;
-    name_ar: string;
-    name_en: string;
+    name: {
+        ar: string;
+        en: string;
+    };
 }
 export interface Occupation {
     id: string;
-    name_ar: string;
-    name_en: string;
+    name: {
+        ar: string;
+        en: string;
+    };
 }
 export interface MonthlyIncome extends SourceOfIncome {
+    range: {
+        ar: string;
+        en: string;
+    };
 }
 export interface AppInfo {
     name: string;
@@ -187,7 +209,10 @@ export declare enum FlowsTypes {
     BUSINESS = "business",
     INDIVIDUAL = "individual",
     PASSWORD = "password",
-    TAX = "tax"
+    TAX = "tax",
+    ENTITY = "entity",
+    OTP = "otp",
+    AUTH = "auth"
 }
 export declare type FlowInfo = {
     name: string;

package/build/@types/app.js

@@ -3,6 +3,12 @@ export var SocialMediaTypes;
     SocialMediaTypes["WEB"] = "website";
     SocialMediaTypes["INSTAGRAM"] = "instagram";
     SocialMediaTypes["TWITTER"] = "twitter";
+    SocialMediaTypes["SOCIAL"] = "social media";
+    SocialMediaTypes["PHYSICAL_STORE"] = "physical store";
+    SocialMediaTypes["CALL_CENTER"] = "call center";
+    SocialMediaTypes["APP"] = "mobile app";
+    SocialMediaTypes["APPLE_STORE"] = "apple store";
+    SocialMediaTypes["PLAY_STORE"] = "play store";
 })(SocialMediaTypes || (SocialMediaTypes = {}));
 export var BusinessType;
 (function (BusinessType) {
@@ -17,4 +23,7 @@ export var FlowsTypes;
     FlowsTypes["INDIVIDUAL"] = "individual";
     FlowsTypes["PASSWORD"] = "password";
     FlowsTypes["TAX"] = "tax";
+    FlowsTypes["ENTITY"] = "entity";
+    FlowsTypes["OTP"] = "otp";
+    FlowsTypes["AUTH"] = "auth";
 })(FlowsTypes || (FlowsTypes = {}));

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

@@ -16,6 +16,9 @@ export declare type NIDFormValues = {
     nid: string;
     dob: string;
 };
+export declare type CivilFormValues = {
+    civilId: string;
+};
 export declare type IndividualFormValues = {
     name: string;
     email: string;
@@ -24,6 +27,7 @@ export declare type IndividualFormValues = {
 };
 export declare type BrandFormValues = {
     brandName: string;
+    salesChannels: Array<SalesChannel>;
     links: {
         website: string;
         twitter: string;
@@ -74,3 +78,10 @@ export declare type PasswordCreateFormValues = {
     password: string;
     confirmPassword: string;
 };
+export declare type EntityFormValues = {
+    licenseNumber?: string;
+    licenseName?: string;
+    activities?: Array<Activity>;
+    salesChannels?: Array<SalesChannel>;
+    operationStartDate: string;
+};

package/build/api/auth.d.ts

@@ -13,8 +13,12 @@ export declare type IDCredential = {
     identification_id_type: string;
     date_of_birth: string;
 };
+export declare type CivilID = {
+    identification_id: string;
+    country_code: string;
+};
 export declare type CreateAuthBody = {
-    user_credentail: MobileCredential | EmailCredential | IDCredential;
+    user_credentail: MobileCredential | EmailCredential | IDCredential | CivilID;
     auth_type?: number;
     email_url?: string;
     sign_in?: boolean;
@@ -56,9 +60,18 @@ export declare type CreatePasswordBody = {
     step_name: string;
     encryption_contract: Array<string>;
 };
+export declare type VerifyAuthKitOTPBody = {
+    lead_id: string;
+    data: string;
+    post_url: string;
+    scopes: Array<string>;
+    encryption_contract: Array<string>;
+};
 declare const authService: {
     createAuth: (data: CreateAuthBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     verifyAuth: (data: VerifyAuthBody | VerifyOperationAuthBody, config?: AxiosRequestConfig) => Promise<import("axios").AxiosResponse<any, any>>;
     createPassword: (data: CreatePasswordBody) => Promise<any>;
+    verifyAuthKitOTP: (data: VerifyAuthKitOTPBody) => Promise<any>;
+    getVerifyAuth: (token: string, config?: AxiosRequestConfig) => Promise<any>;
 };
 export { authService };

package/build/api/auth.js

@@ -1,3 +1,14 @@
+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);
+};
 import instance, { httpClient } from './axios';
 import { ENDPOINT_PATHS } from '../constants';
 var createAuth = function (data, config) {
@@ -13,9 +24,21 @@ var createPassword = function (data) {
         data: data
     });
 };
+var getVerifyAuth = function (token, config) {
+    return httpClient(__assign({ method: 'get', url: "".concat(ENDPOINT_PATHS.AUTH, "/").concat(token) }, config));
+};
+var verifyAuthKitOTP = function (data) {
+    return httpClient({
+        method: 'post',
+        url: "".concat(ENDPOINT_PATHS.VERIFY_AUTH_OTP),
+        data: data
+    });
+};
 var authService = {
     createAuth: createAuth,
     verifyAuth: verifyAuth,
-    createPassword: createPassword
+    createPassword: createPassword,
+    verifyAuthKitOTP: verifyAuthKitOTP,
+    getVerifyAuth: getVerifyAuth
 };
 export { authService };

package/build/api/axios.js

@@ -91,8 +91,8 @@ export var httpClient = function (config) { return __awaiter(void 0, void 0, voi
             case 1:
                 data = (_c.sent()).data;
                 _a = (data.errors || [{}])[0], description = _a.description, error = _a.error;
-                if (description || error) {
-                    throw new Error(description, error);
+                if (description || error || (data === null || data === void 0 ? void 0 : data.status) === 'fail') {
+                    throw new Error(description || error || (data === null || data === void 0 ? void 0 : data.message));
                 }
                 return [2, data];
             case 2:

package/build/api/data.d.ts

@@ -1,10 +1,36 @@
+export interface GetOccupationBody {
+    page: number;
+}
+export interface GetMonthlyIncomeBody {
+    page: number;
+    country_code: Array<string>;
+}
+export interface DataElementBody {
+    en: string;
+    ar: string;
+}
+export interface GetCustomerBasesBody {
+    page: number;
+}
+export interface GetExpectedSalesBody {
+    page: number;
+}
+export interface GetExpectedCustomerSalesBody {
+    page: number;
+}
+export interface GetSourceOfIncomeBody {
+    page: number;
+}
+export interface GetChannelsOfServicesBody {
+    page: number;
+}
 declare const dataService: {
-    getChannelsOfServices: () => Promise<import("axios").AxiosResponse<any, any>>;
-    getCustomerBases: () => Promise<import("axios").AxiosResponse<any, any>>;
-    getExpectedSales: () => Promise<import("axios").AxiosResponse<any, any>>;
-    getExpectedCustomerSales: () => Promise<import("axios").AxiosResponse<any, any>>;
-    getSourceOfIncome: () => Promise<import("axios").AxiosResponse<any, any>>;
-    getMonthlyIncome: (countryCode: string) => Promise<import("axios").AxiosResponse<any, any>>;
-    getOccupation: () => Promise<any>;
+    getChannelsOfServices: (data: GetChannelsOfServicesBody) => Promise<any>;
+    getCustomerBases: (data: GetCustomerBasesBody) => Promise<any>;
+    getExpectedSales: (data: GetExpectedSalesBody) => Promise<any>;
+    getExpectedCustomerSales: (data: GetExpectedCustomerSalesBody) => Promise<any>;
+    getSourceOfIncome: (data: GetSourceOfIncomeBody) => Promise<any>;
+    getMonthlyIncome: (data: GetMonthlyIncomeBody) => Promise<any>;
+    getOccupation: (data: GetOccupationBody) => Promise<any>;
 };
 export { dataService };

package/build/api/data.js

@@ -1,27 +1,52 @@
-import instance, { httpClient } from './axios';
+import { httpClient } from './axios';
 import { ENDPOINT_PATHS } from '../constants';
-var getChannelsOfServices = function () {
-    return instance.get("".concat(ENDPOINT_PATHS.CHANNEL));
+var getChannelsOfServices = function (data) {
+    return httpClient({
+        method: 'post',
+        url: "".concat(ENDPOINT_PATHS.CHANNEL),
+        data: data
+    });
 };
-var getCustomerBases = function () {
-    return instance.get("".concat(ENDPOINT_PATHS.CUSTOMER_BASES));
+var getCustomerBases = function (data) {
+    return httpClient({
+        method: 'post',
+        url: "".concat(ENDPOINT_PATHS.CUSTOMER_BASES),
+        data: data
+    });
 };
-var getExpectedSales = function () {
-    return instance.get("".concat(ENDPOINT_PATHS.SALES));
+var getExpectedSales = function (data) {
+    return httpClient({
+        method: 'post',
+        url: "".concat(ENDPOINT_PATHS.SALES),
+        data: data
+    });
 };
-var getExpectedCustomerSales = function () {
-    return instance.get("".concat(ENDPOINT_PATHS.EXPECTED_CUSTOMERS));
+var getExpectedCustomerSales = function (data) {
+    return httpClient({
+        method: 'post',
+        url: "".concat(ENDPOINT_PATHS.EXPECTED_CUSTOMERS),
+        data: data
+    });
 };
-var getSourceOfIncome = function () {
-    return instance.get("".concat(ENDPOINT_PATHS.SOURCE_INCOME));
+var getSourceOfIncome = function (data) {
+    return httpClient({
+        method: 'post',
+        url: "".concat(ENDPOINT_PATHS.SOURCE_INCOME),
+        data: data
+    });
 };
-var getMonthlyIncome = function (countryCode) {
-    return instance.get("".concat(ENDPOINT_PATHS.MONTHLY_INCOME, "/").concat(countryCode));
+var getMonthlyIncome = function (data) {
+    return httpClient({
+        method: 'post',
+        url: "".concat(ENDPOINT_PATHS.MONTHLY_INCOME),
+        data: data
+    });
 };
-var getOccupation = function () {
+var getOccupation = function (data) {
     return httpClient({
-        method: 'get',
-        url: "".concat(ENDPOINT_PATHS.OCCUPATION)
+        method: 'post',
+        url: "".concat(ENDPOINT_PATHS.OCCUPATION),
+        data: data
     });
 };
 var dataService = {

package/build/api/entity.d.ts

@@ -3,6 +3,8 @@ export declare type EntityInfoBody = {
     id: string;
     lead_id?: string;
     activities?: Array<string>;
+    license_name?: string;
+    license_number?: string;
     business_operation_start_at?: string;
     channel_services?: Array<string>;
     physical_store_available?: boolean;

package/build/api/index.d.ts

@@ -5,6 +5,7 @@ import { UpdateLeadBody, LeadVerifyBody, CreateLeadBody, LeadOTPVerifyBody, Lead
 import { CheckEmailBody, CheckBrandBody } from './availabilityServices';
 import { EntityInfoBody, EntityBankUpdateBody } from './entity';
 import { CreateAccountBody } from './account';
+import { DataElementBody } from './data';
 import { BrandListBody, UpdateBrandBody } from './individual';
 import { UpdateBoardBody } from './board';
 declare const API: {
@@ -21,6 +22,8 @@ declare const API: {
         createAuth: (data: CreateAuthBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
         verifyAuth: (data: VerifyAuthBody | VerifyOperationAuthBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
         createPassword: (data: CreatePasswordBody) => Promise<any>;
+        verifyAuthKitOTP: (data: import("./auth").VerifyAuthKitOTPBody) => Promise<any>;
+        getVerifyAuth: (token: string, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<any>;
     };
     leadService: {
         createLead: (data: CreateLeadBody, config?: import("axios").AxiosRequestConfig<any> | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
@@ -51,13 +54,13 @@ declare const API: {
         createAccount: (data: CreateAccountBody) => Promise<any>;
     };
     dataService: {
-        getChannelsOfServices: () => Promise<import("axios").AxiosResponse<any, any>>;
-        getCustomerBases: () => Promise<import("axios").AxiosResponse<any, any>>;
-        getExpectedSales: () => Promise<import("axios").AxiosResponse<any, any>>;
-        getExpectedCustomerSales: () => Promise<import("axios").AxiosResponse<any, any>>;
-        getSourceOfIncome: () => Promise<import("axios").AxiosResponse<any, any>>;
-        getMonthlyIncome: (countryCode: string) => Promise<import("axios").AxiosResponse<any, any>>;
-        getOccupation: () => Promise<any>;
+        getChannelsOfServices: (data: import("./data").GetChannelsOfServicesBody) => Promise<any>;
+        getCustomerBases: (data: import("./data").GetCustomerBasesBody) => Promise<any>;
+        getExpectedSales: (data: import("./data").GetExpectedSalesBody) => Promise<any>;
+        getExpectedCustomerSales: (data: import("./data").GetExpectedCustomerSalesBody) => Promise<any>;
+        getSourceOfIncome: (data: import("./data").GetSourceOfIncomeBody) => Promise<any>;
+        getMonthlyIncome: (data: import("./data").GetMonthlyIncomeBody) => Promise<any>;
+        getOccupation: (data: import("./data").GetOccupationBody) => Promise<any>;
     };
     individualService: {
         retrieveIndividualInfo: (id: string) => Promise<any>;
@@ -78,6 +81,6 @@ declare const API: {
         updateBrandInfo: ({ id, ...data }: UpdateBrandBody) => Promise<any>;
     };
 };
-export type { ValidateOperatorBody, CreateAuthBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoBody, CreateAccountBody, EntityBankUpdateBody, CreatePasswordBody, BrandListBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, UpdateBoardBody, UpdateBrandBody };
+export type { ValidateOperatorBody, CreateAuthBody, VerifyAuthBody, CreateLeadBody, UpdateLeadBody, LeadVerifyBody, LeadOTPVerifyBody, CheckEmailBody, CheckBrandBody, LeadIdentityUpdateBody, EntityInfoBody, CreateAccountBody, EntityBankUpdateBody, CreatePasswordBody, BrandListBody, VerifyOperationAuthBody, ResetPasswordVerifyAuthBody, UpdateBoardBody, UpdateBrandBody, DataElementBody };
 export { setAxiosGlobalHeaders, removeAxiosGlobalHeaders, axiosInstance, getAxiosHeaders };
 export default API;

package/build/api/individual.d.ts

@@ -9,7 +9,7 @@ export declare type UpdateBrandBody = {
         channel_services?: Array<string>;
         physical_store_available?: boolean;
         monthly_sales_range?: string;
-        customers_served_monthly?: number;
+        customers_served_monthly?: string;
         customers_base?: Array<string>;
         vat_id?: string;
         agree_chargeback?: boolean;

package/build/app/rootReducer.d.ts

@@ -7,5 +7,8 @@ declare const rootReducer: {
     individual: import("redux").Reducer<import("../features/app/individual/individualStore").IndividualState, import("redux").AnyAction>;
     password: import("redux").Reducer<import("../features/app/password/passwordStore").PasswordState, import("redux").AnyAction>;
     signIn: import("redux").Reducer<import("../features/app/signIn/signInStore").SignInState, import("redux").AnyAction>;
+    entity: import("redux").Reducer<import("../features/app/entity/entityStore").EntityState, import("redux").AnyAction>;
+    otp: import("redux").Reducer<import("../features/app/otp/otpStore").OtpState, import("redux").AnyAction>;
+    auth: import("redux").Reducer<import("../features/app/auth/authStore").AuthState, import("redux").AnyAction>;
 };
 export default rootReducer;

package/build/app/rootReducer.js

@@ -6,6 +6,9 @@ import tax from '../features/app/tax/taxStore';
 import individual from '../features/app/individual/individualStore';
 import password from '../features/app/password/passwordStore';
 import signIn from '../features/app/signIn/signInStore';
+import entity from '../features/app/entity/entityStore';
+import otp from '../features/app/otp/otpStore';
+import auth from '../features/app/auth/authStore';
 var rootReducer = {
     settings: settings,
     connect: connect,
@@ -14,6 +17,9 @@ var rootReducer = {
     tax: tax,
     individual: individual,
     password: password,
-    signIn: signIn
+    signIn: signIn,
+    entity: entity,
+    otp: otp,
+    auth: auth
 };
 export default rootReducer;

package/build/app/settings.js

@@ -47,8 +47,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 var _a;
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import { getStoredData, storeData, isArray, findItem, getBrowserInfo, getFingerPrint, sortCountries, findCountryByIso2, getRequestHeaders, encryptString } from '../utils';
-import { defaultCountry, DefaultDeviceInfo, LOCAL_STORAGE_KEYS } from '../constants';
+import { getStoredData, storeData, isArray, findItem, getBrowserInfo, getFingerPrint, sortCountries, findCountryByIso2, getRequestHeaders, encryptString, removeElement } from '../utils';
+import { defaultCountry, DefaultDeviceInfo, LOCAL_STORAGE_KEYS, DIALOG_ID, BACKGROUND_ID } from '../constants';
 import i18n from '../i18n';
 import { updateLocale } from '../utils/locale';
 import API, { setAxiosGlobalHeaders } from '../api';
@@ -141,6 +141,12 @@ export var settingsSlice = createSlice({
         },
         handleOpen: function (state, action) {
             state.data.open = action.payload;
+            if (action.payload === false) {
+                setTimeout(function () {
+                    removeElement(DIALOG_ID);
+                    removeElement(BACKGROUND_ID);
+                }, 1000);
+            }
         },
         handleSkin: function (state, action) {
             state.data.skin = action.payload;

package/build/app/store.d.ts

@@ -8,7 +8,10 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     individual: import("../features/app/individual/individualStore").IndividualState;
     password: import("../features/app/password/passwordStore").PasswordState;
     signIn: import("../features/app/signIn/signInStore").SignInState;
-}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
+    entity: import("../features/app/entity/entityStore").EntityState;
+    otp: import("../features/app/otp/otpStore").OtpState;
+    auth: import("../features/app/auth/authStore").AuthState;
+}, import("redux").AnyAction, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ThunkMiddleware<{
     settings: import("./settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
     business: import("../features/app/business/businessStore").BusinessState;
@@ -17,6 +20,9 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     individual: import("../features/app/individual/individualStore").IndividualState;
     password: import("../features/app/password/passwordStore").PasswordState;
     signIn: import("../features/app/signIn/signInStore").SignInState;
+    entity: import("../features/app/entity/entityStore").EntityState;
+    otp: import("../features/app/otp/otpStore").OtpState;
+    auth: import("../features/app/auth/authStore").AuthState;
 }, 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

@@ -141,7 +141,7 @@
     "signup_email_placeholder": "مثل g@example.com",
     "signup_enter_mobile": "رقم الجوال",
     "signup_generic_error": "حدث خطأ ما يرجى إعادة المحاولة لاحقاً",
-    "signup_instagram_placeholder": "حساب انستجرام",
+    "signup_instagram_placeholder": "Enter your Instagram handle",
     "signup_invalid_iqama_id_format": "يجب أن تبدأ الإقامة بالرقم  {{number}}",
     "signup_invalid_national_id": "الرجاء ادخال رقم هوية صحيح",
     "signup_invalid_national_id_format": "يجب أن تبدأ الهوية الوطنية بالرقم  {{number}}",
@@ -149,9 +149,9 @@
     "signup_merchant_name_label": "الاسم بالكامل",
     "signup_merchant_name_placeholder": "الاسم بالكامل",
     "signup_select_country": "دولتك",
-    "signup_twitter_placeholder": "حساب تويتر",
+    "signup_twitter_placeholder": "Enter your Twitter handle",
     "signup_user_not_exists_error": "المستخدم غير مسجل مع تاب",
-    "signup_website_placeholder": "رابط الموقع",
+    "signup_website_placeholder": "Enter your website URL",
     "signup_welcoming": "مرحبا {{username}},",
     "signup_welcoming_hi": "مرحبا,",
     "start_with_number": "رقم الجوال يجب ان يبدا ب {{number}}",
@@ -244,5 +244,15 @@
     "reset_password_success_title": "لقد ارسلنا رسالة بريدية إليك",
     "reset_password_success_description": "تحقق من بريدك الإلكتروني لإعادة تعيين كلمة المرور الخاصة بك.",
     "license_name_label": "اسم الرخصة",
-    "email_button_label": "تواصل مع البريد الإلكتروني"
+    "email_button_label": "تواصل مع البريد الإلكتروني",
+    "apple_store_placeholder": "Enter your app name (iOS)",
+    "play_store_placeholder": "Enter your app name (Google Play Store)",
+    "physical_store_placeholder": "Enter your store address or Google Map URL",
+    "call_center_placeholder": "Enter your Call Center number",
+    "back": "Back",
+    "civil_id_placeholder": "28xxxxxxxx53",
+    "enter_civil_id": "Please enter your civil ID",
+    "invalid_civil_id": "Please enter valid civil ID",
+    "authenticate_kuwait_mobile_title": "Authenticate with Kuwait Mobile ID app",
+    "authenticate_kuwait_mobile_description": "Please go to your Kuwait Mobile ID app and accept the authentication request from Tap."
 }

package/build/assets/locales/en.json

@@ -150,7 +150,7 @@
     "signup_email_placeholder": "Your Email address",
     "signup_enter_mobile": "Your mobile number",
     "signup_generic_error": "Something went wrong! Please try again later.",
-    "signup_instagram_placeholder": "mybusiness",
+    "signup_instagram_placeholder": "Enter your Instagram handle",
     "signup_invalid_iqama_id_format": "May you please verify the entered identification number. (Note - Saudi Iqama's start with {{number}})",
     "signup_invalid_national_id": "May you please verify the entered identification number",
     "signup_invalid_national_id_format": "May you please verify the entered identification number. (Note - Saudi national IDs start with {{number}})",
@@ -158,9 +158,9 @@
     "signup_merchant_name_label": "Full name",
     "signup_merchant_name_placeholder": "Full name",
     "signup_select_country": "Your country of business",
-    "signup_twitter_placeholder": "mybusiness",
+    "signup_twitter_placeholder": "Enter your Twitter handle",
     "signup_user_not_exists_error": "May you please verify the entered user.",
-    "signup_website_placeholder": "www.mybusiness.com",
+    "signup_website_placeholder": "Enter your website URL",
     "signup_welcoming": "Hello {{username}},",
     "signup_welcoming_hi": "Hello,",
     "start_with_number": "May you please verify the entered mobile. (Note - mobile numbers start with {{number}})",
@@ -264,5 +264,15 @@
     "reset_password_success_title": "We sent you an email",
     "reset_password_success_description": "Check your email to reset your password.",
     "license_name_label": "License Name",
-    "email_button_label": "Continue with Email"
+    "email_button_label": "Continue with Email",
+    "apple_store_placeholder": "Enter your app name (iOS)",
+    "play_store_placeholder": "Enter your app name (Google Play Store)",
+    "physical_store_placeholder": "Enter your store address or Google Map URL",
+    "call_center_placeholder": "Enter your Call Center number",
+    "back": "Back",
+    "civil_id_placeholder": "28xxxxxxxx53",
+    "enter_civil_id": "Please enter your civil ID",
+    "invalid_civil_id": "Please enter valid civil ID",
+    "authenticate_kuwait_mobile_title": "Authenticate with Kuwait Mobile ID app",
+    "authenticate_kuwait_mobile_description": "Please go to your Kuwait Mobile ID app and accept the authentication request from Tap."
 }

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

@@ -9,5 +9,8 @@ export interface AnimationFlowProps {
     loading?: boolean;
     error?: string | null;
     screenId?: string;
+    animationType?: 'slide' | 'fade' | 'collapse';
+    onClose?: () => void;
+    onConfirm?: () => void;
 }
-export default function AnimationFlow({ open, children, breakpoint, type, footer, loading, error, isTapOrigin, screenId }: AnimationFlowProps): JSX.Element;
+export default function AnimationFlow({ open, children, breakpoint, type, footer, loading, error, isTapOrigin, screenId, animationType, onClose, onConfirm }: AnimationFlowProps): JSX.Element;

package/build/components/AnimationFlow/AnimationFlow.js

@@ -10,16 +10,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useTheme } from '@mui/material/styles';
-import useMediaQuery from '@mui/material/useMediaQuery';
+import { useScreen } from '../../hooks';
 import Dialog from './Dialog';
 import BottomSheet from './BottomSheet';
 import Loader from './Loader';
 import Error from './Error';
 export default function AnimationFlow(_a) {
-    var open = _a.open, children = _a.children, breakpoint = _a.breakpoint, type = _a.type, footer = _a.footer, loading = _a.loading, error = _a.error, isTapOrigin = _a.isTapOrigin, screenId = _a.screenId;
-    var theme = useTheme();
-    var matches = useMediaQuery(theme.breakpoints.down(breakpoint || 'sm'));
+    var open = _a.open, children = _a.children, breakpoint = _a.breakpoint, type = _a.type, footer = _a.footer, loading = _a.loading, error = _a.error, isTapOrigin = _a.isTapOrigin, screenId = _a.screenId, animationType = _a.animationType, onClose = _a.onClose, onConfirm = _a.onConfirm;
+    var small = useScreen(breakpoint).small;
     if (loading) {
         return _jsx(Loader, {});
     }
@@ -27,10 +25,10 @@ export default function AnimationFlow(_a) {
         return _jsx(Error, { error: error });
     }
     if (type === 'PUPOP') {
-        return (_jsx(Dialog, __assign({ footer: footer, open: open, isTapOrigin: isTapOrigin }, { children: children })));
+        return (_jsx(Dialog, __assign({ onClose: onClose, onConfirm: onConfirm, footer: footer, open: open, isTapOrigin: isTapOrigin, animationType: animationType }, { children: children })));
     }
     if (type === 'BOTTOMSHEET') {
         return _jsx(BottomSheet, __assign({ open: open }, { children: children }));
     }
-    return matches ? (_jsx(BottomSheet, __assign({ open: open, screenId: screenId }, { children: children }))) : (_jsx(Dialog, __assign({ open: open, footer: footer, isTapOrigin: isTapOrigin }, { children: children })));
+    return small ? (_jsx(BottomSheet, __assign({ open: open, screenId: screenId }, { children: children }))) : (_jsx(Dialog, __assign({ onClose: onClose, onConfirm: onConfirm, open: open, footer: footer, isTapOrigin: isTapOrigin, animationType: animationType }, { children: children })));
 }

package/build/components/AnimationFlow/BottomSheet.js

@@ -41,7 +41,8 @@ var BottomSheetStyled = styled(BottomSheet)(function (_a) {
             width: '100vw'
         },
         '[data-rsbs-overlay]': {
-            backgroundColor: theme.palette.background.paper
+            backgroundColor: theme.palette.background.paper,
+            zIndex: 9999
         },
         '[data-rsbs-scroll]': {
             '&::-webkit-scrollbar': {

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

@@ -6,6 +6,9 @@ export interface DialogProps extends MUIDialogProps {
     children: React.ReactNode;
     footer?: React.ReactNode;
     transitionDuration?: number;
+    animationType?: 'slide' | 'fade' | 'collapse';
+    onClose?: () => void;
+    onConfirm?: () => void;
 }
-declare const _default: React.MemoExoticComponent<({ open, children, footer, transitionDuration, isTapOrigin, ...rest }: DialogProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ open, children, footer, transitionDuration, isTapOrigin, animationType, onClose, onConfirm, ...rest }: DialogProps) => JSX.Element>;
 export default _default;