@tap-payments/auth-jsconnect 2.0.34-test → 2.0.36-test

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

@@ -44,7 +44,13 @@ export interface FeatureScreenStep {
 export declare enum SocialMediaTypes {
     WEB = "website",
     INSTAGRAM = "instagram",
-    TWITTER = "twitter"
+    TWITTER = "twitter",
+    SOCIAL = "social",
+    PHYSICAL_STORE = "physical store",
+    CALL_CENTER = "call center",
+    APP = "app",
+    APPLE_STORE = "apple store",
+    PLAY_STORE = "play store"
 }
 export interface CustomerLocation {
     id: string;
@@ -189,7 +195,8 @@ export declare enum FlowsTypes {
     PASSWORD = "password",
     TAX = "tax",
     ENTITY = "entity",
-    OTP = "otp"
+    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";
+    SocialMediaTypes["PHYSICAL_STORE"] = "physical store";
+    SocialMediaTypes["CALL_CENTER"] = "call center";
+    SocialMediaTypes["APP"] = "app";
+    SocialMediaTypes["APPLE_STORE"] = "apple store";
+    SocialMediaTypes["PLAY_STORE"] = "play store";
 })(SocialMediaTypes || (SocialMediaTypes = {}));
 export var BusinessType;
 (function (BusinessType) {
@@ -19,4 +25,5 @@ export var FlowsTypes;
     FlowsTypes["TAX"] = "tax";
     FlowsTypes["ENTITY"] = "entity";
     FlowsTypes["OTP"] = "otp";
+    FlowsTypes["AUTH"] = "auth";
 })(FlowsTypes || (FlowsTypes = {}));

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

@@ -24,6 +24,7 @@ export declare type IndividualFormValues = {
 };
 export declare type BrandFormValues = {
     brandName: string;
+    salesChannels: Array<SalesChannel>;
     links: {
         website: string;
         twitter: string;
@@ -75,9 +76,9 @@ export declare type PasswordCreateFormValues = {
     confirmPassword: string;
 };
 export declare type EntityFormValues = {
-    licenseNumber: string;
-    licenseName: string;
+    licenseNumber?: string;
+    licenseName?: string;
     activities?: Array<Activity>;
-    salesChannels: Array<SalesChannel>;
+    salesChannels?: Array<SalesChannel>;
     operationStartDate: string;
 };

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/app/rootReducer.d.ts

@@ -9,5 +9,6 @@ declare const rootReducer: {
     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

@@ -8,6 +8,7 @@ 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,
@@ -18,6 +19,7 @@ var rootReducer = {
     password: password,
     signIn: signIn,
     entity: entity,
-    otp: otp
+    otp: otp,
+    auth: auth
 };
 export default rootReducer;

package/build/app/store.d.ts

@@ -10,6 +10,7 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     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, import("@reduxjs/toolkit").MiddlewareArray<[import("redux-thunk").ThunkMiddleware<{
     settings: import("./settings").SettingsState;
     connect: import("../features/app/connect/connectStore").ConnectState;
@@ -21,6 +22,7 @@ export declare const store: import("@reduxjs/toolkit").EnhancedStore<{
     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,9 @@
     "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"
 }

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,9 @@
     "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"
 }

package/build/components/SocialMediaGroup/SocialMediaGroup.d.ts

@@ -4,9 +4,10 @@ import { ToggleButtonGroupProps } from '../ToggleButtonGroup';
 import { ToggleButtonProps } from '../ToggleButton';
 export interface SocialMediaGroupProps extends ToggleButtonGroupProps {
     toggleButtonProps?: ToggleButtonProps;
+    showSocialMediaTypes?: Array<SocialMediaTypes>;
 }
 declare const _default: React.MemoExoticComponent<{
-    ({ children, defaultValue, onChange, toggleButtonProps, ...rest }: SocialMediaGroupProps): JSX.Element;
+    ({ children, defaultValue, onChange, toggleButtonProps, showSocialMediaTypes, ...rest }: SocialMediaGroupProps): JSX.Element;
     defaultProps: {
         defaultValue: SocialMediaTypes;
     };

package/build/components/SocialMediaGroup/SocialMediaGroup.js

@@ -25,60 +25,53 @@ import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import { ICONS_NAMES } from '../../constants';
 import { SocialMediaTypes } from '../../@types';
+import Fade from '@mui/material/Fade';
 import ToggleButtonGroup from '../ToggleButtonGroup';
 import ToggleButton from '../ToggleButton';
 import Icon from '../Icon';
-var WebToggleButton = styled(ToggleButton, {
-    shouldForwardProp: function (prop) { return prop !== 'isActive'; }
+var SocialMediaButtonStyled = styled(ToggleButton, {
+    shouldForwardProp: function (prop) { return prop !== 'isActive' && prop !== 'isShow'; }
 })(function (_a) {
-    var theme = _a.theme, isActive = _a.isActive;
+    var theme = _a.theme, isActive = _a.isActive, isShow = _a.isShow;
     return ({
-        borderBottom: isActive ? "".concat(theme.spacing(0.25), " solid #3A4154") : 'none'
+        borderBottom: isActive ? "".concat(theme.spacing(0.1875), " solid #3478F6") : 'none',
+        display: isShow ? 'inherit' : 'none',
+        transition: 'display 0.3s'
     });
 });
-var TwitterToggleButton = styled(ToggleButton, {
-    shouldForwardProp: function (prop) { return prop !== 'isActive'; }
-})(function (_a) {
-    var theme = _a.theme, isActive = _a.isActive;
-    return ({
-        borderBottom: isActive ? "".concat(theme.spacing(0.25), " solid #1DA1F2") : 'none'
-    });
-});
-var InstagramToggleButton = styled(ToggleButton, {
-    shouldForwardProp: function (prop) { return prop !== 'isActive'; }
-})(function (_a) {
-    var theme = _a.theme, isActive = _a.isActive;
-    return ({
-        borderBottom: isActive ? "".concat(theme.spacing(0.25), " solid #8A3AB9") : 'none'
-    });
-});
-var WebTwitterIconStyled = styled(Icon)(function (_a) {
+var ToggleIconStyled = styled(Icon)(function (_a) {
     var theme = _a.theme;
     return ({
-        width: theme.spacing(5.5),
-        height: theme.spacing(5.5)
-    });
-});
-var InstagramIconStyled = styled(Icon, {
-    shouldForwardProp: function (prop) { return prop !== 'isActive'; }
-})(function (_a) {
-    var theme = _a.theme, isActive = _a.isActive;
-    return ({
-        width: isActive ? '100%' : theme.spacing(5.5),
-        height: isActive ? '100%' : theme.spacing(5.5)
+        width: theme.spacing(2.5),
+        height: theme.spacing(2.5)
     });
 });
 var SocialMediaGroupComponent = function (_a) {
-    var children = _a.children, defaultValue = _a.defaultValue, onChange = _a.onChange, toggleButtonProps = _a.toggleButtonProps, rest = __rest(_a, ["children", "defaultValue", "onChange", "toggleButtonProps"]);
+    var children = _a.children, defaultValue = _a.defaultValue, onChange = _a.onChange, toggleButtonProps = _a.toggleButtonProps, showSocialMediaTypes = _a.showSocialMediaTypes, rest = __rest(_a, ["children", "defaultValue", "onChange", "toggleButtonProps", "showSocialMediaTypes"]);
     var _b = React.useState(defaultValue), socialMediaType = _b[0], setSocialMediaType = _b[1];
     var isWebActive = socialMediaType === SocialMediaTypes.WEB;
     var isTwitterActive = socialMediaType === SocialMediaTypes.TWITTER;
     var isInstagramActive = socialMediaType === SocialMediaTypes.INSTAGRAM;
+    var isAppleStoreActive = socialMediaType === SocialMediaTypes.APPLE_STORE;
+    var isPlayStoreActive = socialMediaType === SocialMediaTypes.PLAY_STORE;
+    var isCallCenterActive = socialMediaType === SocialMediaTypes.CALL_CENTER;
+    var isPhysicalStoreActive = socialMediaType === SocialMediaTypes.PHYSICAL_STORE;
     var handleOnChange = function (event, value) {
         setSocialMediaType(value);
         onChange === null || onChange === void 0 ? void 0 : onChange(event, value);
     };
-    return (_jsxs(ToggleButtonGroup, __assign({ value: socialMediaType, exclusive: true }, rest, { onChange: handleOnChange }, { children: [children, " ||", _jsx(WebToggleButton, __assign({ isActive: isWebActive }, toggleButtonProps, { value: SocialMediaTypes.WEB }, { children: _jsx(WebTwitterIconStyled, { src: isWebActive ? ICONS_NAMES.WEB_ACTIVE_ICON : ICONS_NAMES.WEB_ICON }) })), _jsx(TwitterToggleButton, __assign({ isActive: isTwitterActive }, toggleButtonProps, { value: SocialMediaTypes.TWITTER }, { children: _jsx(WebTwitterIconStyled, { src: isTwitterActive ? ICONS_NAMES.TWITTER_ACTIVE_ICON : ICONS_NAMES.TWITTER_ICON }) })), _jsx(InstagramToggleButton, __assign({ isActive: isInstagramActive }, toggleButtonProps, { value: SocialMediaTypes.INSTAGRAM }, { children: _jsx(InstagramIconStyled, { isActive: isInstagramActive, src: isInstagramActive ? ICONS_NAMES.INSTAGRAM_ACTIVE_ICON : ICONS_NAMES.INSTAGRAM_ICON }) }))] })));
+    React.useEffect(function () {
+        if (defaultValue !== socialMediaType)
+            setSocialMediaType(defaultValue);
+    }, [defaultValue]);
+    var isShowWeb = !!(showSocialMediaTypes === null || showSocialMediaTypes === void 0 ? void 0 : showSocialMediaTypes.find(function (icon) { return icon === SocialMediaTypes.WEB; }));
+    var isShowTwitter = !!(showSocialMediaTypes === null || showSocialMediaTypes === void 0 ? void 0 : showSocialMediaTypes.find(function (icon) { return icon === SocialMediaTypes.TWITTER || icon === SocialMediaTypes.SOCIAL; }));
+    var isShowInstagram = !!(showSocialMediaTypes === null || showSocialMediaTypes === void 0 ? void 0 : showSocialMediaTypes.find(function (icon) { return icon === SocialMediaTypes.INSTAGRAM || icon === SocialMediaTypes.SOCIAL; }));
+    var isShowAppleStore = !!(showSocialMediaTypes === null || showSocialMediaTypes === void 0 ? void 0 : showSocialMediaTypes.find(function (icon) { return icon === SocialMediaTypes.APPLE_STORE || icon === SocialMediaTypes.APP; }));
+    var isShowPlayStore = !!(showSocialMediaTypes === null || showSocialMediaTypes === void 0 ? void 0 : showSocialMediaTypes.find(function (icon) { return icon === SocialMediaTypes.PLAY_STORE || icon === SocialMediaTypes.APP; }));
+    var isShowCallCenter = !!(showSocialMediaTypes === null || showSocialMediaTypes === void 0 ? void 0 : showSocialMediaTypes.find(function (icon) { return icon === SocialMediaTypes.CALL_CENTER; }));
+    var isShowPhysicalStore = !!(showSocialMediaTypes === null || showSocialMediaTypes === void 0 ? void 0 : showSocialMediaTypes.find(function (icon) { return icon === SocialMediaTypes.PHYSICAL_STORE; }));
+    return (_jsxs(ToggleButtonGroup, __assign({ value: socialMediaType, exclusive: true }, rest, { onChange: handleOnChange }, { children: [children, " ||", _jsx(SocialMediaButtonStyled, __assign({ isShow: isShowWeb, isActive: isWebActive }, toggleButtonProps, { value: SocialMediaTypes.WEB }, { children: _jsx(Fade, __assign({ in: isShowWeb }, { children: _jsx(ToggleIconStyled, { src: isWebActive ? ICONS_NAMES.WEB_ACTIVE_ICON : ICONS_NAMES.WEB_ICON }) })) })), _jsx(SocialMediaButtonStyled, __assign({ isShow: isShowAppleStore, isActive: isAppleStoreActive }, toggleButtonProps, { value: SocialMediaTypes.APPLE_STORE }, { children: _jsx(Fade, __assign({ in: isShowAppleStore }, { children: _jsx(ToggleIconStyled, { src: isAppleStoreActive ? ICONS_NAMES.APP_APPLE_ACTIVE_ICON : ICONS_NAMES.APP_APPLE_ICON }) })) })), _jsx(SocialMediaButtonStyled, __assign({ isShow: isShowPlayStore, isActive: isPlayStoreActive }, toggleButtonProps, { value: SocialMediaTypes.PLAY_STORE }, { children: _jsx(Fade, __assign({ in: isShowPlayStore }, { children: _jsx(ToggleIconStyled, { src: isPlayStoreActive ? ICONS_NAMES.APP_ANDROID_ACTIVE_ICON : ICONS_NAMES.APP_ANDROID_ICON }) })) })), _jsx(SocialMediaButtonStyled, __assign({ isShow: isShowPhysicalStore, isActive: isPhysicalStoreActive }, toggleButtonProps, { value: SocialMediaTypes.PHYSICAL_STORE }, { children: _jsx(Fade, __assign({ in: isShowPhysicalStore }, { children: _jsx(ToggleIconStyled, { src: isPhysicalStoreActive ? ICONS_NAMES.PHYSICAL_STORE_ACTIVE_ICON : ICONS_NAMES.PHYSICAL_STORE_ICON }) })) })), _jsx(SocialMediaButtonStyled, __assign({ isShow: isShowTwitter, isActive: isTwitterActive }, toggleButtonProps, { value: SocialMediaTypes.TWITTER }, { children: _jsx(Fade, __assign({ in: isShowTwitter }, { children: _jsx(ToggleIconStyled, { src: isTwitterActive ? ICONS_NAMES.TWITTER_ACTIVE_ICON : ICONS_NAMES.TWITTER_ICON }) })) })), _jsx(SocialMediaButtonStyled, __assign({ isShow: isShowInstagram, isActive: isInstagramActive }, toggleButtonProps, { value: SocialMediaTypes.INSTAGRAM }, { children: _jsx(Fade, __assign({ in: isShowInstagram }, { children: _jsx(ToggleIconStyled, { src: isInstagramActive ? ICONS_NAMES.INSTAGRAM_ACTIVE_ICON : ICONS_NAMES.INSTAGRAM_ICON }) })) })), _jsx(SocialMediaButtonStyled, __assign({ isShow: isShowCallCenter, isActive: isCallCenterActive }, toggleButtonProps, { value: SocialMediaTypes.CALL_CENTER }, { children: _jsx(Fade, __assign({ in: isShowCallCenter }, { children: _jsx(ToggleIconStyled, { src: isCallCenterActive ? ICONS_NAMES.CALL_CENTER_ACTIVE_ICON : ICONS_NAMES.CALL_CENTER_ICON }) })) }))] })));
 };
 export default React.memo(SocialMediaGroupComponent);
 SocialMediaGroupComponent.defaultProps = {

package/build/constants/app.d.ts

@@ -21,6 +21,7 @@ export declare const TAX_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const SigIn_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const ENTITY_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const OTP_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
+export declare const AUTH_SCREENS_NAVIGATION: Array<ScreenStepNavigation>;
 export declare const DefaultDeviceInfo: {
     source: string;
     device: {

package/build/constants/app.js

@@ -319,6 +319,14 @@ export var OTP_SCREENS_NAVIGATION = [
         order: 1
     }
 ];
+export var AUTH_SCREENS_NAVIGATION = [
+    {
+        name: 'AUTH_VERIFY_STEP',
+        next: '',
+        prev: '',
+        order: 1
+    }
+];
 export var DefaultDeviceInfo = {
     source: 'browser',
     device: {

package/build/constants/assets.d.ts

@@ -20,11 +20,19 @@ export declare const ICONS_NAMES: {
     TWITTER_ICON: string;
     TWITTER_ACTIVE_ICON: string;
     INSTAGRAM_ICON: string;
+    INSTAGRAM_ACTIVE_ICON: string;
+    APP_APPLE_ICON: string;
+    APP_APPLE_ACTIVE_ICON: string;
+    APP_ANDROID_ICON: string;
+    APP_ANDROID_ACTIVE_ICON: string;
+    PHYSICAL_STORE_ICON: string;
+    PHYSICAL_STORE_ACTIVE_ICON: string;
+    CALL_CENTER_ICON: string;
+    CALL_CENTER_ACTIVE_ICON: string;
     FL_ICON: string;
     FL_ACTIVE_ICON: string;
     CR_ICON: string;
     CR_ACTIVE_ICON: string;
-    INSTAGRAM_ACTIVE_ICON: string;
     TAP_LOGO_EN_ICON: string;
     TAP_LOGO_TEXT_AR: string;
     TAP_LOGO_TEXT_EN: string;

package/build/constants/assets.js

@@ -15,16 +15,24 @@ export var ICONS_NAMES = {
     DOWN_ARROW_ICON_DARK: ICONS_FULL_PATH + '/popup_arrow_dark' + ICONS_EXTENSION,
     CLEAR_ICON: ICONS_FULL_PATH + '/clear' + ICONS_EXTENSION,
     LOGO_ICON: ICONS_FULL_PATH + '/tap_logo_icon' + ICONS_EXTENSION,
-    WEB_ICON: ICONS_FULL_PATH + '/web' + ICONS_EXTENSION,
-    WEB_ACTIVE_ICON: ICONS_FULL_PATH + '/web-active' + ICONS_EXTENSION,
-    TWITTER_ICON: ICONS_FULL_PATH + '/twitter' + ICONS_EXTENSION,
-    TWITTER_ACTIVE_ICON: ICONS_FULL_PATH + '/twitter-active' + ICONS_EXTENSION,
-    INSTAGRAM_ICON: ICONS_FULL_PATH + '/Insta' + ICONS_EXTENSION,
+    WEB_ICON: ICONS_FULL_PATH + '/website' + ICONS_EXTENSION,
+    WEB_ACTIVE_ICON: ICONS_FULL_PATH + '/website-active' + ICONS_EXTENSION,
+    TWITTER_ICON: ICONS_FULL_PATH + '/twitter-icon' + ICONS_EXTENSION,
+    TWITTER_ACTIVE_ICON: ICONS_FULL_PATH + '/twitter-active-icon' + ICONS_EXTENSION,
+    INSTAGRAM_ICON: ICONS_FULL_PATH + '/insta' + ICONS_EXTENSION,
+    INSTAGRAM_ACTIVE_ICON: ICONS_FULL_PATH + '/insta-active' + ICONS_EXTENSION,
+    APP_APPLE_ICON: ICONS_FULL_PATH + '/apple' + ICONS_EXTENSION,
+    APP_APPLE_ACTIVE_ICON: ICONS_FULL_PATH + '/apple-active' + ICONS_EXTENSION,
+    APP_ANDROID_ICON: ICONS_FULL_PATH + '/play-store' + ICONS_EXTENSION,
+    APP_ANDROID_ACTIVE_ICON: ICONS_FULL_PATH + '/play-store-active' + ICONS_EXTENSION,
+    PHYSICAL_STORE_ICON: ICONS_FULL_PATH + '/physical-store' + ICONS_EXTENSION,
+    PHYSICAL_STORE_ACTIVE_ICON: ICONS_FULL_PATH + '/physical-store-active' + ICONS_EXTENSION,
+    CALL_CENTER_ICON: ICONS_FULL_PATH + '/call-center' + ICONS_EXTENSION,
+    CALL_CENTER_ACTIVE_ICON: ICONS_FULL_PATH + '/call-center-active' + ICONS_EXTENSION,
     FL_ICON: ICONS_FULL_PATH + '/fl' + ICONS_EXTENSION,
     FL_ACTIVE_ICON: ICONS_FULL_PATH + '/fl_active' + ICONS_EXTENSION,
     CR_ICON: ICONS_FULL_PATH + '/cr' + ICONS_EXTENSION,
     CR_ACTIVE_ICON: ICONS_FULL_PATH + '/cr_active' + ICONS_EXTENSION,
-    INSTAGRAM_ACTIVE_ICON: ICONS_FULL_PATH + '/Insta-active' + ICONS_EXTENSION,
     TAP_LOGO_EN_ICON: ICONS_FULL_PATH + '/tap-white-logo' + ICONS_EXTENSION,
     TAP_LOGO_TEXT_AR: ICONS_FULL_PATH + '/tap-white-text-ar' + ICONS_EXTENSION,
     TAP_LOGO_TEXT_EN: ICONS_FULL_PATH + '/tap-white-text-en' + ICONS_EXTENSION,

package/build/features/app/auth/authStore.d.ts

@@ -0,0 +1,20 @@
+import { RootState } from '../../../app/store';
+import { ResponseData, OTPFormValues, SharedState } from '../../../@types';
+export declare const verifyAuth: import("@reduxjs/toolkit").AsyncThunk<{
+    formData: OTPFormValues;
+}, OTPFormValues, {}>;
+export interface AuthData extends ResponseData {
+    otp: string;
+    mobileNumber: string;
+}
+export interface AuthState extends SharedState<AuthData> {
+}
+export declare const authSlice: import("@reduxjs/toolkit").Slice<AuthState, {
+    clearError: (state: AuthState) => void;
+    stopLoader: (state: AuthState) => void;
+    resetOTPScreen: (state: AuthState) => void;
+}, "auth/store">;
+export declare const clearError: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, stopLoader: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetOTPScreen: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+declare const _default: import("redux").Reducer<AuthState, import("redux").AnyAction>;
+export default _default;
+export declare const authSelector: (state: RootState) => AuthState;

package/build/features/app/auth/authStore.js

@@ -0,0 +1,101 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var _a;
+import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
+import { handleOpen } from '../../../app/settings';
+export var verifyAuth = createAsyncThunk('verifyAuthOTP', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
+    var settings;
+    var _a, _b, _c, _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                settings = thunkApi.getState().settings;
+                return [4, new Promise(function (resolve) {
+                        setTimeout(function () {
+                            resolve(params);
+                        }, 5000);
+                    })];
+            case 1:
+                _e.sent();
+                (_b = (_a = settings.data.appConfig).onStepCompleted) === null || _b === void 0 ? void 0 : _b.call(_a, settings.data.activeScreen.name, params);
+                (_d = (_c = settings.data.appConfig).onFlowCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, { id: '' });
+                thunkApi.dispatch(handleOpen(false));
+                return [2, { formData: params }];
+        }
+    });
+}); });
+var initialState = {
+    error: null,
+    loading: false,
+    data: {
+        otp: '',
+        mobileNumber: ''
+    }
+};
+export var authSlice = createSlice({
+    name: 'auth/store',
+    initialState: initialState,
+    reducers: {
+        clearError: function (state) {
+            state.error = null;
+        },
+        stopLoader: function (state) {
+            state.loading = false;
+        },
+        resetOTPScreen: function (state) {
+            state.data.otp = '';
+        }
+    },
+    extraReducers: function (builder) {
+        builder
+            .addCase(verifyAuth.pending, function (state) {
+            state.loading = true;
+            state.error = null;
+        })
+            .addCase(verifyAuth.fulfilled, function (state) {
+            state.loading = false;
+            state.error = null;
+        })
+            .addCase(verifyAuth.rejected, function (state, action) {
+            state.loading = false;
+            state.error = action.error.message;
+        });
+    }
+});
+export var clearError = (_a = authSlice.actions, _a.clearError), stopLoader = _a.stopLoader, resetOTPScreen = _a.resetOTPScreen;
+export default authSlice.reducer;
+export var authSelector = function (state) { return state.auth; };

package/build/features/app/connect/connectStore.d.ts

@@ -40,6 +40,7 @@ export declare const createLead: import("@reduxjs/toolkit").AsyncThunk<{
     stepName: string;
 }, {}>;
 export declare const retrieveBrandList: import("@reduxjs/toolkit").AsyncThunk<any, string, {}>;
+export declare const retrieveChannels: import("@reduxjs/toolkit").AsyncThunk<any, void, {}>;
 export declare const updateLeadIndividual: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: IndividualFormValues;

package/build/features/app/connect/connectStore.js

@@ -207,7 +207,7 @@ export var verifyAuth = createAsyncThunk('verifyAuth', function (params, thunkAp
                 return [4, API.authService.verifyAuth(payload)];
             case 1:
                 data = (_e.sent()).data;
-                if (!!data.errors) return [3, 4];
+                if (!!data.errors) return [3, 5];
                 (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, { otp: params.otp });
                 if (!(responseBody === null || responseBody === void 0 ? void 0 : responseBody.new_user)) return [3, 2];
                 params_1 = {
@@ -215,9 +215,12 @@ export var verifyAuth = createAsyncThunk('verifyAuth', function (params, thunkAp
                     stepName: 'CONNECT_INDIVIDUAL_STEP'
                 };
                 thunkApi.dispatch(retrieveLead(params_1));
-                return [3, 4];
+                return [3, 5];
             case 2: return [4, thunkApi.dispatch(retrieveBrandList(data === null || data === void 0 ? void 0 : data.individual_id))];
             case 3:
+                _e.sent();
+                return [4, thunkApi.dispatch(retrieveChannels())];
+            case 4:
                 _e.sent();
                 if (!(data === null || data === void 0 ? void 0 : data.lead_id)) {
                     params_2 = {
@@ -229,8 +232,8 @@ export var verifyAuth = createAsyncThunk('verifyAuth', function (params, thunkAp
                 else {
                     thunkApi.dispatch(handleNextScreenStep('CONNECT_MERCHANT_INFO_STEP'));
                 }
-                _e.label = 4;
-            case 4: return [2, { response: data, formData: params }];
+                _e.label = 5;
+            case 5: return [2, { response: data, formData: params }];
         }
     });
 }); });
@@ -282,6 +285,17 @@ export var retrieveBrandList = createAsyncThunk('retrieveBrandList', function (i
         }
     });
 }); });
+export var retrieveChannels = createAsyncThunk('retrieveChannels', function () { return __awaiter(void 0, void 0, void 0, function () {
+    var data;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4, API.dataService.getChannelsOfServices()];
+            case 1:
+                data = (_a.sent()).data;
+                return [2, data];
+        }
+    });
+}); });
 export var updateLeadIndividual = createAsyncThunk('updateLeadIndividual', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, settings, connect, isAbsher, payload, data;
     var _b, _c, _d, _e, _f, _g;
@@ -316,6 +330,9 @@ export var updateLeadIndividual = createAsyncThunk('updateLeadIndividual', funct
                 return [4, API.leadService.updateLead(payload)];
             case 1:
                 data = _h.sent();
+                return [4, thunkApi.dispatch(retrieveChannels())];
+            case 2:
+                _h.sent();
                 thunkApi.dispatch(handleNextScreenStep());
                 (_g = (_f = settings.data.appConfig).onStepCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, settings.data.activeScreen.name, params);
                 return [2, { response: data, formData: params }];
@@ -470,6 +487,7 @@ var initialState = {
         },
         brandData: {
             brandName: '',
+            salesChannels: [],
             termAndConditionChecked: false,
             links: {
                 website: '',
@@ -768,6 +786,42 @@ export var connectSlice = createSlice({
             .addCase(updateLeadSuccess.rejected, function (state, action) {
             state.loading = false;
             state.error = action.error.message;
+        })
+            .addCase(retrieveChannels.pending, function (state) {
+            state.error = null;
+            state.loading = true;
+        })
+            .addCase(retrieveChannels.fulfilled, function (state, action) {
+            var _a;
+            state.error = null;
+            state.loading = false;
+            var data = action.payload || {};
+            var description = (((_a = data === null || data === void 0 ? void 0 : data.errors) === null || _a === void 0 ? void 0 : _a[0]) || {}).description;
+            if (description) {
+                state.error = description;
+                return;
+            }
+            var channels = data || [];
+            state.data.brandData.responseBody = __assign(__assign({}, state.data.brandData.responseBody), { channelList: channels });
+            var selectedChannels = [];
+            var selectedBrandItem = (state.data.brandData || {}).selectedBrandItem;
+            var _b = selectedBrandItem || {}, website = _b.website, social = _b.social;
+            var isHasWebsite = (website === null || website === void 0 ? void 0 : website.length) > 0;
+            var isHasTwitter = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('twitter.com'); });
+            var isHasInstagram = social === null || social === void 0 ? void 0 : social.find(function (s) { return s.includes('instagram.com'); });
+            var websiteData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'website'; });
+            var socialData = channels === null || channels === void 0 ? void 0 : channels.find(function (c) { return c.name_en.toLocaleLowerCase() === 'social'; });
+            if (isHasWebsite && (isHasTwitter || isHasInstagram))
+                selectedChannels = [websiteData, socialData];
+            else if (isHasTwitter || isHasInstagram)
+                selectedChannels = [socialData];
+            else if (isHasWebsite)
+                selectedChannels = [websiteData];
+            state.data.brandData.salesChannels = selectedChannels;
+        })
+            .addCase(retrieveChannels.rejected, function (state, action) {
+            state.error = action.error.message;
+            state.loading = false;
         });
     }
 });

package/build/features/app/entity/entityStore.d.ts

@@ -21,10 +21,15 @@ export declare const verifyEntityLeadOTP: import("@reduxjs/toolkit").AsyncThunk<
 export declare const retrieveBoardDetails: import("@reduxjs/toolkit").AsyncThunk<{
     data: any;
 }, string, {}>;
+export declare const updateEntityInfo: import("@reduxjs/toolkit").AsyncThunk<{
+    data: any;
+    formData: EntityFormValues;
+}, EntityFormValues, {}>;
 export declare const updateBoardSuccess: import("@reduxjs/toolkit").AsyncThunk<{
     response: any;
     formData: void;
 } | undefined, void, {}>;
+export declare const retrieveChannels: import("@reduxjs/toolkit").AsyncThunk<any, void, {}>;
 declare type VerifyData = {
     token: string;
 };