@tap-payments/auth-jsconnect 2.1.75-test → 2.1.76-test

package/build/features/shared/Button/FlowsButtons.js

@@ -149,14 +149,14 @@ export default function FlowsButtons(_a) {
     var buttons = _a.buttons, data = _a.data;
     var dispatch = useAppDispatch();
     var settingsData = useAppSelector(settingsSelector).data;
-    var flowName = data.flowName, email = data.email, emailUrl = data.emailUrl, brandName = data.brandName;
+    var flowName = data.flowName, email = data.email, emailUrl = data.emailUrl, brandName = data.brandName, isAuthorizedUser = data.isAuthorizedUser;
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
     var isAr = useLanguage().isAr;
     var onRedirect = function (item) {
         if (item.isCompleted)
             return;
         if (flowName === item.name && item.name !== 'password') {
-            dispatch(handleCurrentActiveScreen(getScreenNameBasedOnFlow(item.name)));
+            dispatch(handleCurrentActiveScreen(getScreenNameBasedOnFlow(item.name, isAuthorizedUser)));
             return;
         }
         if (typeof settingsData.appConfig.onBoardButtonClick === 'function') {

package/build/features/shared/Button/ListButton.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ButtonProps } from '../../../components/Button';
+declare type buttonProps = {
+    title: string;
+    loading: boolean;
+    show: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+};
+interface ListButtonProps extends ButtonProps {
+    isAr: boolean;
+    requestEmail: buttonProps & {
+        isRequested: boolean;
+    };
+    addDetails: buttonProps;
+}
+export default function ListButton({ isAr, requestEmail, addDetails }: ListButtonProps): JSX.Element;
+export {};

package/build/features/shared/Button/ListButton.js

@@ -0,0 +1,107 @@
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { styled, useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import { ICONS_NAMES } from '../../../constants';
+import Loader from '../../../components/Loader';
+import Button from '../../../components/Button';
+import Icon from '../../../components/Icon';
+import CheckIcon from '../CheckIcon';
+import Collapse from '../../../components/Collapse';
+var ArrowIconStyled = styled(Icon, { shouldForwardProp: function (prop) { return prop !== 'isAr'; } })(function (_a) {
+    var theme = _a.theme, isAr = _a.isAr;
+    return ({
+        width: theme.spacing(2),
+        height: theme.spacing(2),
+        transform: isAr ? 'scaleX(-1)' : 'scaleX(1)',
+        marginInlineEnd: theme.spacing(-0.375),
+        verticalAlign: 'middle'
+    });
+});
+var CheckIconStyled = styled(CheckIcon)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(2),
+        height: theme.spacing(2),
+        verticalAlign: 'middle'
+    });
+});
+var ButtonBoxStyled = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        margin: theme.spacing(0, 2.5, 2.5, 2.5),
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexDirection: 'column'
+    });
+});
+var ButtonStyled = styled(Button, {
+    shouldForwardProp: function (prop) { return prop !== 'isLoading'; }
+})(function (_a) {
+    var theme = _a.theme, isLoading = _a.isLoading;
+    return (__assign({ paddingLeft: isLoading ? 0 : 'auto', paddingRight: isLoading ? 0 : 'auto', textTransform: 'none', transition: theme.transitions.create(['width', 'padding'], {
+            easing: theme.transitions.easing.easeInOut,
+            duration: theme.transitions.duration.complex * 2
+        }) }, (isLoading && {
+        minWidth: 0,
+        width: theme.spacing(6),
+        borderRadius: 30
+    })));
+});
+var Image = styled('img')(function (_a) {
+    var theme = _a.theme;
+    return ({
+        width: theme.spacing(3),
+        height: theme.spacing(3),
+        fontSize: theme.spacing(3),
+        marginInlineStart: theme.spacing(1),
+        verticalAlign: 'middle'
+    });
+});
+var TextStyled = styled('span')(function () { return ({
+    whiteSpace: 'pre',
+    overflow: 'auto'
+}); });
+export default function ListButton(_a) {
+    var isAr = _a.isAr, requestEmail = _a.requestEmail, addDetails = _a.addDetails;
+    var t = useTranslation().t;
+    var theme = useTheme();
+    var requestEmailLoaderColor = requestEmail.isRequested && !requestEmail.loading ? theme.palette.success.main : theme.palette.primary.main;
+    return (_jsxs(ButtonBoxStyled, { children: [_jsxs(ButtonStyled, __assign({ isLoading: addDetails.loading, sx: { mb: 1.5 }, type: 'button', variant: 'outlined', onClick: addDetails.onClick, startIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(Image, { src: ICONS_NAMES.ADD_DETAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(ArrowIconStyled, { isAr: isAr, src: ICONS_NAMES.BLUE_ARROW }) })) }, { children: [_jsx(Collapse, __assign({ in: addDetails.loading }, { children: _jsx(Loader, { style: {
+                                width: theme.spacing(3.75),
+                                height: theme.spacing(3.75)
+                            }, innerColor: theme.palette.primary.main, outerColor: theme.palette.primary.main, size: 15, toggleAnimation: addDetails.loading }) })), _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(TextStyled, { children: t(addDetails.title) }) }))] })), requestEmail.show && (_jsxs(ButtonStyled, __assign({ isLoading: requestEmail.loading, variant: 'outlined', type: 'button', sx: requestEmail.isRequested && !requestEmail.loading
+                    ? {
+                        '&.MuiButton-outlined': {
+                            backgroundColor: theme.palette.common.white,
+                            border: "1px solid ".concat(theme.palette.success.main),
+                            color: theme.palette.success.main,
+                            '&:hover': {
+                                backgroundColor: theme.palette.success.main,
+                                color: theme.palette.common.white,
+                                img: {
+                                    filter: 'brightness(0) invert(1)'
+                                },
+                                svg: {
+                                    filter: 'brightness(0) invert(1)'
+                                }
+                            }
+                        }
+                    }
+                    : {}, onClick: requestEmail.onClick, startIcon: _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: _jsx(Image, { src: requestEmail.isRequested && !requestEmail.loading ? ICONS_NAMES.REQUEST_EMAIL_GREEN : ICONS_NAMES.REQUEST_EMAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: requestEmail.isRequested && !requestEmail.loading ? _jsx(CheckIconStyled, {}) : _jsx(ArrowIconStyled, { isAr: isAr, src: ICONS_NAMES.BLUE_ARROW }) })) }, { children: [_jsx(Collapse, __assign({ in: requestEmail.loading }, { children: _jsx(Loader, { style: {
+                                width: theme.spacing(3.75),
+                                height: theme.spacing(3.75)
+                            }, innerColor: requestEmailLoaderColor, outerColor: requestEmailLoaderColor, size: 15, toggleAnimation: requestEmail.loading }) })), _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: _jsx(TextStyled, { children: t(requestEmail.title) }) }))] })))] }));
+}

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

@@ -4,5 +4,6 @@ import MobileButton from './MobileButton';
 import EmailProvidersButton from './EmailProvidersButtons';
 import FlowsButtons from './FlowsButtons';
 import SuccessButton from './SuccessButton';
-export { AbsherButton, MobileButton, EmailProvidersButton, FlowsButtons, SuccessButton, Button };
+import ListButton from './ListButton';
+export { AbsherButton, MobileButton, EmailProvidersButton, FlowsButtons, SuccessButton, Button, ListButton };
 export default Button;

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

@@ -4,5 +4,6 @@ import MobileButton from './MobileButton';
 import EmailProvidersButton from './EmailProvidersButtons';
 import FlowsButtons from './FlowsButtons';
 import SuccessButton from './SuccessButton';
-export { AbsherButton, MobileButton, EmailProvidersButton, FlowsButtons, SuccessButton, Button };
+import ListButton from './ListButton';
+export { AbsherButton, MobileButton, EmailProvidersButton, FlowsButtons, SuccessButton, Button, ListButton };
 export default Button;

package/build/features/shared/SuccessFlowButtons/SuccessFlowButtons.d.ts

@@ -7,10 +7,11 @@ interface SuccessFlowButtonsProps {
     merchant: any;
     bank: any;
     user: any;
+    individuals: any;
     flows: any[];
     boardInfoId: string;
     boardId: string;
     flowName: FlowsTypes;
 }
-declare const _default: React.MemoExoticComponent<({ brand, entity, business, merchant, bank, user, flows, boardInfoId, boardId, flowName }: SuccessFlowButtonsProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ brand, entity, business, merchant, bank, user, flows, boardInfoId, boardId, flowName, individuals }: SuccessFlowButtonsProps) => JSX.Element>;
 export default _default;

package/build/features/shared/SuccessFlowButtons/SuccessFlowButtons.js

@@ -44,14 +44,15 @@ var ButtonGroupStyled = styled(Box)(function (_a) {
 });
 var SuccessFlowButtons = function (_a) {
     var _b, _c, _d;
-    var brand = _a.brand, entity = _a.entity, business = _a.business, merchant = _a.merchant, bank = _a.bank, user = _a.user, flows = _a.flows, boardInfoId = _a.boardInfoId, boardId = _a.boardId, flowName = _a.flowName;
+    var brand = _a.brand, entity = _a.entity, business = _a.business, merchant = _a.merchant, bank = _a.bank, user = _a.user, flows = _a.flows, boardInfoId = _a.boardInfoId, boardId = _a.boardId, flowName = _a.flowName, individuals = _a.individuals;
     var _e = useState([]), buttons = _e[0], setButtons = _e[1];
     var t = useTranslation().t;
     var isAr = useLanguage().isAr;
     var settings = useAppSelector(settingsSelector);
-    var _f = user || {}, names = _f.names, identification = _f.identification;
+    var _f = user || {}, names = _f.names, identification = _f.identification, is_authorized = _f.is_authorized;
     var primary_contact = (business || {}).primary_contact;
     var _g = entity || {}, license = _g.license, vat_id = _g.vat_id, legal_name = _g.legal_name;
+    var count = (individuals || {}).count;
     var username = isAr ? concatenateObjectValues((names === null || names === void 0 ? void 0 : names.ar) || (names === null || names === void 0 ? void 0 : names.en), ['first', 'last']) : concatenateObjectValues(names === null || names === void 0 ? void 0 : names.en, ['first', 'last']);
     var licenseNumber = (license === null || license === void 0 ? void 0 : license.number) || '';
     var bankName = shortenString(bank === null || bank === void 0 ? void 0 : bank.name, 20) || t('bank');
@@ -73,7 +74,7 @@ var SuccessFlowButtons = function (_a) {
             var name = _a.name, url = _a.url, status = _a.status, token = _a.token;
             var type = status === 'completed' ? 'completed' : 'pending';
             var title = t("".concat(name, "_flow_").concat(type), {
-                individual_name: username.toLowerCase() + maskedId,
+                individual_name: is_authorized && count > 1 ? t('company_individuals_details', { count: count }) : username.toLowerCase() + maskedId,
                 brand: brandName,
                 business_type: entityLegalName,
                 license_number: licenseNumber ? t('masking_symbols') + showLastFour(licenseNumber) : '',
@@ -107,7 +108,8 @@ var SuccessFlowButtons = function (_a) {
                         flowName: flowName,
                         email: email || '',
                         emailUrl: url,
-                        brandName: shortenBrand(brandName)
+                        brandName: shortenBrand(brandName),
+                        isAuthorizedUser: is_authorized
                     } }) })] }));
 };
 export default memo(SuccessFlowButtons);

package/build/features/tax/screens/SuccessWithFlowButtons/SuccessWithFlowButtons.js

@@ -16,7 +16,7 @@ import { taxSelector } from '../../../app/tax/taxStore';
 import SuccessFlowButtons from '../../../shared/SuccessFlowButtons';
 var SuccessWithFlowButtons = function () {
     var data = useAppSelector(taxSelector).data;
-    var _a = data.verify.responseBody || {}, flows = _a.flows, entity = _a.entity, brand = _a.brand, bank = _a.bank_account, merchant = _a.merchant, user = _a.user, business = _a.business, board_id = _a.board_id, board_info_id = _a.board_info_id, name = _a.name;
-    return (_jsx(SuccessFlowButtons, { flowName: data.flowName, bank: bank, brand: brand, entity: entity, merchant: merchant, user: __assign({ names: { en: name } }, user), business: business, boardId: board_id, boardInfoId: board_info_id, flows: flows || [] }));
+    var _a = data.verify.responseBody || {}, flows = _a.flows, entity = _a.entity, brand = _a.brand, bank = _a.bank_account, merchant = _a.merchant, user = _a.user, business = _a.business, board_id = _a.board_id, board_info_id = _a.board_info_id, name = _a.name, individuals = _a.individuals;
+    return (_jsx(SuccessFlowButtons, { flowName: data.flowName, bank: bank, brand: brand, entity: entity, merchant: merchant, user: __assign({ names: { en: name } }, user), business: business, boardId: board_id, boardInfoId: board_info_id, individuals: individuals, flows: flows || [] }));
 };
 export default memo(SuccessWithFlowButtons);

package/build/features/tax/screens/TaxDetails/TaxDetails.js

@@ -35,10 +35,11 @@ var FormStyled = styled(Form)(function () { return ({
 var TaxDetails = function () {
     var dispatch = useAppDispatch();
     var _a = useAppSelector(taxSelector), data = _a.data, loading = _a.loading, error = _a.error, uploading = _a.uploading;
+    var entity = (data.verify.responseBody || {}).entity;
     var settingsData = useAppSelector(settingsSelector).data;
     var _b = data.taxData, vatId = _b.vatId, confirmPolicy = _b.confirmPolicy, documentId = _b.documentId;
     var methods = useForm({
-        resolver: yupResolver(Validation),
+        resolver: yupResolver(Validation(entity)),
         defaultValues: {
             vatId: vatId,
             confirmPolicy: confirmPolicy,

package/build/features/tax/screens/TaxDetails/VATId.js

@@ -17,26 +17,31 @@ import { useTranslation } from 'react-i18next';
 import { useController, useFormContext } from 'react-hook-form';
 import { VAT_ID_LENGTH } from '../../../../constants';
 import { useAppSelector } from '../../../../hooks';
+import { FieldType } from '../../../../@types';
 import { isSA, removeAllCharsFromNumber } from '../../../../utils';
 import { settingsSelector } from '../../../../app/settings';
 import ClearIcon from '../../../shared/ClearIcon';
 import CheckIcon from '../../../shared/CheckIcon';
+import { taxSelector } from '../../../app/tax/taxStore';
 var VATId = function () {
-    var _a;
+    var _a, _b;
     var t = useTranslation().t;
     var control = useFormContext().control;
     var vatControl = useController({ name: 'vatId', control: control });
     var settingsData = useAppSelector(settingsSelector).data;
     var isSACountry = React.useMemo(function () { return isSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
+    var data = useAppSelector(taxSelector).data;
+    var entity = (data.verify.responseBody || {}).entity;
+    var disabled = ((_a = entity === null || entity === void 0 ? void 0 : entity.data_status) === null || _a === void 0 ? void 0 : _a.tax_number) === FieldType.NON_EDITABLE;
     var handleOnChange = function (vat) {
         var value = removeAllCharsFromNumber(vat);
         vatControl.field.onChange(value);
     };
     var vatValue = vatControl.field.value;
-    var vatError = (_a = vatControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
+    var vatError = (_b = vatControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
     var clearValue = function () {
         vatControl.field.onChange('');
     };
-    return (_jsx(Box, __assign({ sx: isSACountry ? {} : { height: '200px' } }, { children: _jsx(Input, { label: t('vat_id'), inputProps: { maxLength: VAT_ID_LENGTH }, value: vatValue, onChange: function (event) { return handleOnChange(event.target.value); }, placeholder: t('vat_id_placeholder'), warningType: 'alert', warningMessage: vatError && t(vatError), required: true, endAdornment: !vatError && vatValue ? _jsx(CheckIcon, {}) : vatValue && _jsx(ClearIcon, { onClick: clearValue }) }) })));
+    return (_jsx(Box, __assign({ sx: isSACountry ? {} : { height: '200px' } }, { children: _jsx(Input, { label: t('vat_id'), disabled: disabled, inputProps: { maxLength: VAT_ID_LENGTH }, value: vatValue, onChange: function (event) { return handleOnChange(event.target.value); }, placeholder: t('vat_id_placeholder'), warningType: 'alert', warningMessage: vatError && t(vatError), required: true, endAdornment: !vatError && vatValue ? _jsx(CheckIcon, {}) : vatValue && _jsx(ClearIcon, { onClick: clearValue }) }) })));
 };
 export default VATId;

package/build/features/tax/screens/TaxDetails/validation.d.ts

@@ -1,14 +1,14 @@
 import * as yup from 'yup';
-export declare const Validation: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+export declare const Validation: (entity: any) => yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    vatId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
     documentId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    vatId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
     documentId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    vatId: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    vatId: yup.StringSchema<string | undefined, import("yup/lib/types").AnyObject, string | undefined>;
     confirmPolicy: yup.BooleanSchema<boolean | undefined, import("yup/lib/types").AnyObject, true>;
     documentId: yup.ArraySchema<yup.AnySchema<any, any, any>, import("yup/lib/types").AnyObject, any[] | undefined, any[] | undefined>;
 }>>>;

package/build/features/tax/screens/TaxDetails/validation.js

@@ -1,6 +1,11 @@
 import * as yup from 'yup';
-export var Validation = yup.object().shape({
-    vatId: yup.string().min(9, 'alert_vat').max(15, 'alert_vat').required('alert_vat'),
-    confirmPolicy: yup.boolean().required('alert_tax_confirm').isTrue('alert_tax_confirm'),
-    documentId: yup.array().optional()
-});
+import { FieldType } from '../../../../@types';
+export var Validation = function (entity) {
+    var _a = entity || {}, vat_id = _a.vat_id, data_status = _a.data_status;
+    var isTaxNumberOptional = !vat_id && (data_status === null || data_status === void 0 ? void 0 : data_status.tax_number) === FieldType.NON_EDITABLE;
+    return yup.object().shape({
+        vatId: isTaxNumberOptional ? yup.string().optional() : yup.string().min(9, 'alert_vat').max(15, 'alert_vat').required('alert_vat'),
+        confirmPolicy: yup.boolean().required('alert_tax_confirm').isTrue('alert_tax_confirm'),
+        documentId: yup.array().optional()
+    });
+};

package/build/utils/string.d.ts

@@ -1,4 +1,4 @@
-import { DeviceInfo } from '../@types';
+import { DeviceInfo, User } from '../@types';
 export declare const maskPhone: (str?: string) => string;
 export declare const shortenString: (str: string, length: number) => string;
 export declare const maskID: (str: string) => string;
@@ -42,7 +42,7 @@ export declare const getRequestHeaders: (deviceInfo: DeviceInfo) => {
 };
 export declare const removeRequestHeaders: () => void;
 export declare const getBaseUrl: () => string;
-export declare const getScreenNameBasedOnFlow: (flow: string) => "CONNECT_NID_STEP" | "" | "BUSINESS_BUSINESS_TYPE_STEP" | "INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP" | "BANK_BANK_DETAILS_STEP" | "TAX_TAX_DETAILS_STEP";
+export declare const getScreenNameBasedOnFlow: (flow: string, isAuthorizedUser?: boolean) => "CONNECT_NID_STEP" | "" | "BUSINESS_BUSINESS_TYPE_STEP" | "INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP" | "INDIVIDUAL_LIST_STEP" | "BANK_BANK_DETAILS_STEP" | "TAX_TAX_DETAILS_STEP";
 export declare const getEighteenYearsAgo: () => string;
 export declare const isKW: (flag: string) => boolean;
 export declare const isSA: (flag: string) => boolean;
@@ -56,3 +56,4 @@ export declare const isInstagram: (flag: string) => boolean;
 export declare const isPhysicalStore: (flag: string) => boolean;
 export declare const isCallCenter: (flag: string) => boolean;
 export declare const getChannelIcon: (channel: string) => string;
+export declare const getUserName: (user: User, isAr: boolean) => string;

package/build/utils/string.js

@@ -1,5 +1,5 @@
 import { FlowsTypes } from '../@types';
-import { encryptString } from '.';
+import { concatenateObjectValues, encryptString } from '.';
 import { removeAxiosGlobalHeaders } from '../api';
 import { ENDPOINT_PATHS, ICONS_FULL_PATH } from '../constants';
 import moment from 'moment';
@@ -172,7 +172,7 @@ export var getBaseUrl = function () {
     }
     return ENDPOINT_PATHS.PRODUCTION_BASE_URL;
 };
-export var getScreenNameBasedOnFlow = function (flow) {
+export var getScreenNameBasedOnFlow = function (flow, isAuthorizedUser) {
     if (flow === FlowsTypes.BANK) {
         return 'BANK_BANK_DETAILS_STEP';
     }
@@ -180,7 +180,7 @@ export var getScreenNameBasedOnFlow = function (flow) {
         return 'BUSINESS_BUSINESS_TYPE_STEP';
     }
     if (flow === FlowsTypes.INDIVIDUAL) {
-        return 'INDIVIDUAL_ADDITIONAL_INDIVIDUAL_INFO_STEP';
+        return isAuthorizedUser ? 'INDIVIDUAL_LIST_STEP' : 'INDIVIDUAL_PERSONAL_INDIVIDUAL_INFO_STEP';
     }
     if (flow === FlowsTypes.CONNECT) {
         return 'CONNECT_NID_STEP';
@@ -258,3 +258,16 @@ export var getChannelIcon = function (channel) {
     }
     return '';
 };
+export var getUserName = function (user, isAr) {
+    var _a, _b;
+    var fullNameEn = concatenateObjectValues((_a = user === null || user === void 0 ? void 0 : user.names) === null || _a === void 0 ? void 0 : _a.en, ['first', 'middle', 'last']);
+    var fullNameAR = concatenateObjectValues((_b = user === null || user === void 0 ? void 0 : user.names) === null || _b === void 0 ? void 0 : _b.ar, ['first', 'middle', 'last']);
+    var nameEN = '';
+    var nameAR = '';
+    if (fullNameEn)
+        nameEN = capitalizeTheFirstLetterOfEachWord(fullNameEn);
+    if (fullNameAR)
+        nameAR = capitalizeTheFirstLetterOfEachWord(fullNameAR);
+    var name = isAr ? nameAR || nameEN : nameEN;
+    return name;
+};

package/package.json

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

package/build/features/individual/screens/ShowIndividualInfo/ShowOwnerInfo.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-export interface ShowOwnerInfoProps {
-    citizenship: string;
-    nationalAddr: string;
-    birthDate: string;
-    placeOfBirth: string;
-    maritalStatus: string;
-}
-declare const _default: React.MemoExoticComponent<{
-    ({ citizenship, nationalAddr, birthDate, placeOfBirth, maritalStatus }: ShowOwnerInfoProps): JSX.Element;
-    defaultProps: {
-        citizenship: string;
-        nationalAddr: string;
-        birthDate: string;
-        placeOfBirth: string;
-        maritalStatus: string;
-    };
-}>;
-export default _default;

package/build/features/individual/screens/ShowIndividualInfo/ShowOwnerInfo.js

@@ -1,52 +0,0 @@
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import { useTranslation } from 'react-i18next';
-import { useAppDispatch } from '../../../../hooks';
-import { handleNextScreenStep } from '../../../../app/settings';
-import { styled } from '@mui/material/styles';
-import Collapse from '../../../../components/Collapse';
-import Button from '../../../shared/Button';
-import ScreenContainer from '../../../shared/Containers/ScreenContainer';
-import { useLanguage } from '../../../../hooks';
-import Info from './info';
-var InputsContainerStyled = styled(Box)(function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = {
-            paddingBottom: theme.spacing(5)
-        },
-        _b[theme.transitions.create(['padding-bottom'])] = {
-            duration: theme.transitions.duration.standard
-        },
-        _b);
-});
-var ShowOwnerInfo = function (_a) {
-    var citizenship = _a.citizenship, nationalAddr = _a.nationalAddr, birthDate = _a.birthDate, placeOfBirth = _a.placeOfBirth, maritalStatus = _a.maritalStatus;
-    var t = useTranslation().t;
-    var isAr = useLanguage().isAr;
-    var dispatch = useAppDispatch();
-    var handleClickNext = function () {
-        dispatch(handleNextScreenStep());
-    };
-    return (_jsxs(ScreenContainer, { children: [_jsxs(InputsContainerStyled, { children: [_jsx(Collapse, __assign({ in: !!citizenship }, { children: _jsx(Info, { label: 'citizenship', value: citizenship }) })), _jsx(Collapse, __assign({ in: !!nationalAddr }, { children: _jsx(Info, { label: 'national_address', value: nationalAddr }) })), _jsx(Info, { label: t('birthdate'), value: birthDate }), _jsx(Info, { label: 'place_of_birth', value: placeOfBirth }), _jsx(Collapse, __assign({ in: !!maritalStatus }, { children: _jsx(Info, { label: 'marital_status', value: maritalStatus }) }))] }), _jsx(Button, __assign({ disableBack: true, isAr: isAr, disabled: false, loading: false, onClick: handleClickNext }, { children: t('next') }))] }));
-};
-export default React.memo(ShowOwnerInfo);
-ShowOwnerInfo.defaultProps = {
-    citizenship: '',
-    nationalAddr: 'Kuwait',
-    birthDate: '18-12-1983',
-    placeOfBirth: 'Kuwait',
-    maritalStatus: ''
-};

package/build/features/individual/screens/ShowIndividualInfo/index.d.ts

@@ -1,3 +0,0 @@
-import ShowOwnerInfo, { ShowOwnerInfoProps } from './ShowOwnerInfo';
-export type { ShowOwnerInfoProps };
-export default ShowOwnerInfo;

package/build/features/individual/screens/ShowIndividualInfo/index.js

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

package/build/features/individual/screens/ShowIndividualInfo/info.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface InfoProps {
-    label: string;
-    value: string;
-}
-export default function Info({ label, value }: InfoProps): JSX.Element;
-export {};

package/build/features/individual/screens/ShowIndividualInfo/info.js

@@ -1,28 +0,0 @@
-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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import { styled, alpha } from '@mui/material/styles';
-import Text from '../../../../components/Text';
-var LabelTextStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({}, theme.typography.caption), { color: alpha(theme.palette.text.primary, 0.6), paddingInlineStart: theme.spacing(2.5), marginBlockStart: theme.spacing(3.5), marginBlockEnd: theme.spacing(1.25) }));
-});
-var ValueTextStyled = styled(Text)(function (_a) {
-    var theme = _a.theme;
-    return (__assign(__assign({ background: theme.palette.common.white, color: theme.palette.text.primary, border: "".concat(theme.spacing(0.125), " solid ").concat(theme.palette.divider), maxHeight: theme.spacing(5.5), paddingBlock: theme.spacing(1.75), paddingInlineStart: theme.spacing(2.5), fontWeight: theme.typography.fontWeightLight }, theme.typography.body2), { lineHeight: theme.spacing(2.125) }));
-});
-export default function Info(_a) {
-    var label = _a.label, value = _a.value;
-    var t = useTranslation().t;
-    return (_jsxs(_Fragment, { children: [_jsx(LabelTextStyled, { children: t(label) }), _jsx(ValueTextStyled, { children: value })] }));
-}