@tap-payments/auth-jsconnect 2.12.6-development → 2.12.6-sandbox

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/README.md +60 -10
  2. package/build/api/file.d.ts +1 -0
  3. package/build/api/file.js +9 -1
  4. package/build/api/index.d.ts +1 -0
  5. package/build/components/Tooltip/Tooltip.js +1 -1
  6. package/build/constants/api.js +1 -1
  7. package/build/constants/app.d.ts +3 -0
  8. package/build/constants/app.js +15 -6
  9. package/build/features/app/bank/bankStore.js +6 -4
  10. package/build/features/app/brand/brandStore.js +6 -4
  11. package/build/features/app/connectExpress/connectExpressStore.d.ts +11 -1
  12. package/build/features/app/connectExpress/connectExpressStore.js +196 -18
  13. package/build/features/app/entity/entityStore.js +6 -4
  14. package/build/features/app/individual/individualStore.js +3 -2
  15. package/build/features/app/tax/taxStore.js +6 -4
  16. package/build/features/app/terminal/terminalStore.d.ts +3 -0
  17. package/build/features/app/terminal/terminalStore.js +34 -1
  18. package/build/features/connectExpress/ConnectExpress.js +6 -3
  19. package/build/features/connectExpress/screens/AuthenticationList/AuthenticationList.js +4 -1
  20. package/build/features/connectExpress/screens/BusinessCountry/BusinessCountry.js +5 -1
  21. package/build/features/connectExpress/screens/CollectIndividualInfo/CollectIndividualInfo.js +2 -1
  22. package/build/features/connectExpress/screens/Email/Email.d.ts +5 -0
  23. package/build/features/connectExpress/screens/Email/Email.js +57 -0
  24. package/build/features/connectExpress/screens/Email/EmailField.d.ts +8 -0
  25. package/build/features/connectExpress/screens/Email/EmailField.js +52 -0
  26. package/build/features/connectExpress/screens/Email/index.d.ts +3 -0
  27. package/build/features/connectExpress/screens/Email/index.js +2 -0
  28. package/build/features/connectExpress/screens/Email/validation.d.ts +8 -0
  29. package/build/features/connectExpress/screens/Email/validation.js +4 -0
  30. package/build/features/connectExpress/screens/NIDMissed/NID.js +4 -1
  31. package/build/features/connectExpress/screens/OTP/OTP.js +16 -8
  32. package/build/features/connectExpress/screens/OTP/OTPInput.js +10 -3
  33. package/build/features/featuresScreens.js +5 -0
  34. package/build/features/kyc/screens/Terms/Terms.js +6 -5
  35. package/build/features/terminal/screens/TerminalDeviceList/TerminalDeviceList.js +2 -1
  36. package/build/features/terminal/screens/shared/POSDeviceList.js +5 -5
  37. package/build/hooks/useCountry.d.ts +1 -0
  38. package/build/hooks/useCountry.js +3 -2
  39. package/build/utils/common.js +3 -3
  40. package/build/utils/file.d.ts +1 -0
  41. package/build/utils/file.js +6 -0
  42. package/build/utils/index.d.ts +1 -0
  43. package/build/utils/index.js +1 -0
  44. package/build/utils/string.d.ts +1 -0
  45. package/build/utils/string.js +5 -0
  46. package/package.json +2 -2
@@ -0,0 +1,52 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import * as React from 'react';
14
+ import { useTranslation } from 'react-i18next';
15
+ import { useController, useFormContext } from 'react-hook-form';
16
+ import Box from '@mui/material/Box';
17
+ import { styled, alpha } from '@mui/material/styles';
18
+ import Text from '../../../../components/Text';
19
+ import { MAX_EMAIL_LENGTH } from '../../../../constants';
20
+ import Input from '../../../shared/Input';
21
+ import ScreenContainer from '../../../shared/Containers/ScreenContainer';
22
+ import { EndAdornment } from '../../../shared/EndAdornment';
23
+ var LabelContainerStyled = styled(Box)(function (_a) {
24
+ var theme = _a.theme;
25
+ return ({
26
+ display: 'flex',
27
+ justifyContent: 'space-between',
28
+ padding: theme.spacing(0, 2.5, 1.25, 2.5)
29
+ });
30
+ });
31
+ var InputLabelStyled = styled(Text)(function (_a) {
32
+ var theme = _a.theme;
33
+ return (__assign(__assign({ color: alpha(theme.palette.text.primary, 0.6), fontWeight: theme.typography.fontWeightMedium }, theme.typography.caption), { lineHeight: theme.spacing(2.5) }));
34
+ });
35
+ var EmailField = React.forwardRef(function (_a, ref) {
36
+ var _b;
37
+ var sx = _a.sx, readOnly = _a.readOnly;
38
+ var t = useTranslation().t;
39
+ var control = useFormContext().control;
40
+ var emailControl = useController({ control: control, name: 'email' });
41
+ var handleEmailChange = function (_a) {
42
+ var target = _a.target;
43
+ emailControl.field.onChange(target.value);
44
+ };
45
+ var clearEmail = function () {
46
+ emailControl.field.onChange('');
47
+ };
48
+ var emailValue = emailControl.field.value;
49
+ var error = (_b = emailControl.fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
50
+ return (_jsxs(ScreenContainer, __assign({ ref: ref, sx: sx }, { children: [_jsx(LabelContainerStyled, { children: _jsx(InputLabelStyled, { children: t('signup_email_lable') }) }), _jsx(Input, { type: 'email', readOnly: readOnly, inputProps: { maxLength: MAX_EMAIL_LENGTH }, onChange: handleEmailChange, value: emailValue, endAdornment: _jsx(EndAdornment, { value: emailValue, error: error, onClear: clearEmail }), placeholder: t('signup_email_placeholder'), warningType: 'alert', warningMessage: error && t(error), required: true })] })));
51
+ });
52
+ export default React.memo(EmailField);
@@ -0,0 +1,3 @@
1
+ import Email, { EmailProps } from './Email';
2
+ export type { EmailProps };
3
+ export default Email;
@@ -0,0 +1,2 @@
1
+ import Email from './Email';
2
+ export default Email;
@@ -0,0 +1,8 @@
1
+ import * as yup from 'yup';
2
+ export declare const EmailInfoValidation: yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
3
+ email: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
4
+ }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
5
+ email: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
6
+ }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
7
+ email: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
8
+ }>>>;
@@ -0,0 +1,4 @@
1
+ import * as yup from 'yup';
2
+ export var EmailInfoValidation = yup.object().shape({
3
+ email: yup.string().email('email_not_valid').required('email_not_valid')
4
+ });
@@ -22,6 +22,7 @@ import { clearError, connectExpressSelector, createNIDNafathAuthIdentityAsync }
22
22
  import Form from '../../../../components/Form';
23
23
  import Button from '../../../shared/Button';
24
24
  import { ScreenContainer } from '../../../shared/Containers';
25
+ import { AuthForType } from '../../../../@types';
25
26
  import Collapse from '../../../../components/Collapse';
26
27
  import IDNumber from './IDNumber';
27
28
  import DOB from './DOB';
@@ -38,6 +39,7 @@ var NID = function (_a) {
38
39
  var settingsData = useAppSelector(settingsSelector).data;
39
40
  var _c = useAppSelector(connectExpressSelector), data = _c.data, loading = _c.loading, error = _c.error;
40
41
  var isOtherCountry = React.useMemo(function () { return isOtherThanKWOrSA(settingsData.businessCountry.iso2); }, [settingsData.businessCountry.iso2]);
42
+ var startWithEmail = data.otpData.authFor === AuthForType.EMAIL;
41
43
  var methods = useForm({
42
44
  resolver: yupResolver(isOtherCountry ? NIDOtherCountryValidationSchema : NIDValidationSchema),
43
45
  defaultValues: data.nidData,
@@ -54,7 +56,8 @@ var NID = function (_a) {
54
56
  setCollapse(flag);
55
57
  };
56
58
  var onBack = function () {
57
- dispatch(handlePrevScreenStep());
59
+ var screen = startWithEmail ? 'CONNECT_EXPRESS_EMAIL_STEP' : 'CONNECT_EXPRESS_MOBILE_STEP';
60
+ dispatch(handlePrevScreenStep(screen));
58
61
  };
59
62
  var disabled = !methods.formState.isValid;
60
63
  return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(IDNumber, { show: !collapse }) })), _jsx(Collapse, __assign({ in: isOtherCountry }, { children: _jsx(DOB, { onDateClicked: handleCollapseOpenClose }) })), _jsx(Collapse, __assign({ in: !collapse }, { children: _jsx(Button, __assign({ sx: !isOtherCountry ? { mt: 10 } : {}, loading: loading, isAr: isAr, onBackClicked: onBack, disabled: disabled, error: t(error || '') }, { children: t('next') })) }))] })) })) }));
@@ -13,9 +13,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
13
  import Box from '@mui/material/Box/Box';
14
14
  import { styled } from '@mui/material/styles';
15
15
  import * as React from 'react';
16
- import { useTranslation } from 'react-i18next';
17
16
  import Text from '../../../../components/Text';
18
- import { clearError, connectExpressSelector, verifyMobileOtpAsync, resetOTPValue } from '../../../app/connectExpress/connectExpressStore';
17
+ import { clearError, connectExpressSelector, verifyMobileOtpAsync, verifyEmailOtpAsync, resetOTPValue } from '../../../app/connectExpress/connectExpressStore';
19
18
  import Button from '../../../shared/Button';
20
19
  import { ScreenContainer } from '../../../shared/Containers';
21
20
  import { useAppDispatch, useAppSelector, useSanitizedTranslation } from '../../../../hooks';
@@ -24,7 +23,8 @@ import { useLanguage } from '../../../../hooks';
24
23
  import { useForm, FormProvider } from 'react-hook-form';
25
24
  import { yupResolver } from '@hookform/resolvers/yup';
26
25
  import Form from '../../../../components/Form';
27
- import { maskPhone, deepCopy, sendCustomEventToGTM } from '../../../../utils';
26
+ import { maskPhone, deepCopy, sendCustomEventToGTM, maskEmail } from '../../../../utils';
27
+ import { AuthForType } from '../../../../@types';
28
28
  import { OTPValidation } from './validation';
29
29
  import OTPInput from './OTPInput';
30
30
  var OTPTitleContainerStyled = styled(Box)(function (_a) {
@@ -50,9 +50,9 @@ var OTP = function () {
50
50
  var _a;
51
51
  var dispatch = useAppDispatch();
52
52
  var _b = useAppSelector(connectExpressSelector), data = _b.data, loading = _b.loading, error = _b.error;
53
- var t = useTranslation().t;
54
53
  var st = useSanitizedTranslation();
55
54
  var isAr = useLanguage().isAr;
55
+ var isStartWithEmail = data.otpData.authFor === AuthForType.EMAIL;
56
56
  var methods = useForm({
57
57
  resolver: yupResolver(OTPValidation),
58
58
  defaultValues: data.otpData,
@@ -73,14 +73,22 @@ var OTP = function () {
73
73
  };
74
74
  }, []);
75
75
  var onSubmit = function (formData) {
76
- dispatch(verifyMobileOtpAsync(deepCopy(formData)));
76
+ if (isStartWithEmail) {
77
+ dispatch(verifyEmailOtpAsync(deepCopy(formData)));
78
+ }
79
+ else {
80
+ dispatch(verifyMobileOtpAsync(deepCopy(formData)));
81
+ }
77
82
  };
78
83
  var onBack = function () {
79
- dispatch(handlePrevScreenStep());
84
+ var screen = isStartWithEmail ? 'CONNECT_EXPRESS_EMAIL_STEP' : 'CONNECT_EXPRESS_MOBILE_STEP';
85
+ dispatch(handlePrevScreenStep(screen));
80
86
  };
81
87
  var disabled = !methods.formState.isValid;
88
+ var isEmailFlow = data.otpData.authFor === AuthForType.EMAIL;
82
89
  var phone = data.mobileData.mobile ? ((_a = data.mobileData.countryCode) === null || _a === void 0 ? void 0 : _a.idd_prefix) + data.mobileData.mobile : '';
83
- var title = t('ide_opt_sent_title');
84
- return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? st('ide_otp_waiting_title') : title, !loading && _jsx("span", __assign({ dir: 'ltr' }, { children: maskPhone(phone) }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: st(error || '') }, { children: t('next') }))] })) })) }));
90
+ var contactInfo = isEmailFlow ? maskEmail(data.emailData.email) : maskPhone(phone);
91
+ var title = isEmailFlow ? st('otp_email_sent_title') : st('ide_opt_sent_title');
92
+ return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(OTPTitleContainerStyled, { children: _jsxs(OTPTitleStyled, { children: [loading ? st('ide_otp_waiting_title') : title, !loading && _jsx("span", __assign({ dir: 'ltr' }, { children: contactInfo }))] }) }), _jsx(OTPInput, {}), _jsx(Button, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: st(error || '') }, { children: st('next') }))] })) })) }));
85
93
  };
86
94
  export default React.memo(OTP);
@@ -17,9 +17,10 @@ import Box from '@mui/material/Box/Box';
17
17
  import { styled } from '@mui/material/styles';
18
18
  import OTPField from '../../../shared/OTP';
19
19
  import { DEFAULT_TIMER_VALUE } from '../../../../constants';
20
- import { resendMobileAuthOTP, connectExpressSelector, clearError } from '../../../app/connectExpress/connectExpressStore';
20
+ import { resendMobileAuthOTP, resendEmailAuthOTP, connectExpressSelector, clearError } from '../../../app/connectExpress/connectExpressStore';
21
21
  import { useAppDispatch, useAppSelector } from '../../../../hooks';
22
22
  import { sendCustomEventToGTM } from '../../../../utils';
23
+ import { AuthForType } from '../../../../@types';
23
24
  var BoxStyled = styled(Box)(function (_a) {
24
25
  var theme = _a.theme;
25
26
  return ({
@@ -34,7 +35,8 @@ var OTPInput = function (_a) {
34
35
  var dispatch = useAppDispatch();
35
36
  var otpControl = useController({ name: 'otp', control: control });
36
37
  var _c = useAppSelector(connectExpressSelector), data = _c.data, error = _c.error;
37
- var mobileData = data.mobileData;
38
+ var mobileData = data.mobileData, emailData = data.emailData, otpData = data.otpData;
39
+ var isEmailFlow = otpData.authFor === AuthForType.EMAIL;
38
40
  var sendEventAskAnotherOTP = function () {
39
41
  sendCustomEventToGTM({
40
42
  event: 'Send Event',
@@ -51,7 +53,12 @@ var OTPInput = function (_a) {
51
53
  if (otpControl.field.value)
52
54
  setValue('otp', '', { shouldValidate: true });
53
55
  sendEventAskAnotherOTP();
54
- dispatch(resendMobileAuthOTP(mobileData));
56
+ if (isEmailFlow) {
57
+ dispatch(resendEmailAuthOTP(emailData));
58
+ }
59
+ else {
60
+ dispatch(resendMobileAuthOTP(mobileData));
61
+ }
55
62
  };
56
63
  var otpValue = otpControl.field.value;
57
64
  return (_jsx(BoxStyled, __assign({ dir: 'ltr' }, { children: _jsx(OTPField, { timeEndLabel: t('ide_otp_resend_label'), timerInSeconds: DEFAULT_TIMER_VALUE, onResetClick: handleOnResendOTP, value: otpValue, onChange: function (number) { return handleOnOTPChange(number.toString()); } }) })));
@@ -17,6 +17,7 @@ import OTPVerifySecurityError from './shared/OTPVerifySecurityError';
17
17
  import OTPSessionExpired from './connect/screens/OTPSessionExpired';
18
18
  import ConnectExpressBusinessCountry from './connectExpress/screens/BusinessCountry/BusinessCountry';
19
19
  import ConnectExpressMobileScreen from './connectExpress/screens/Mobile';
20
+ import ConnectExpressEmailScreen from './connectExpress/screens/Email';
20
21
  import ConnectExpressNIDScreen from './connectExpress/screens/NID';
21
22
  import ConnectExpressVerifyNafathScreen from './connectExpress/screens/VerifyNafath';
22
23
  import ConnectExpressCivilIDScreen from './connectExpress/screens/CivilID';
@@ -261,6 +262,10 @@ export var connectExpressFeatureScreens = [
261
262
  name: 'CONNECT_EXPRESS_MOBILE_STEP',
262
263
  element: ConnectExpressMobileScreen
263
264
  },
265
+ {
266
+ name: 'CONNECT_EXPRESS_EMAIL_STEP',
267
+ element: ConnectExpressEmailScreen
268
+ },
264
269
  {
265
270
  name: 'CONNECT_EXPRESS_OTP_STEP',
266
271
  element: ConnectExpressOTPScreen
@@ -42,14 +42,15 @@ var redirect = function (link) {
42
42
  window.open(link, '_blank');
43
43
  };
44
44
  export var Terms = function () {
45
- var _a, _b, _c;
45
+ var _a, _b, _c, _d, _e;
46
46
  var st = useSanitizedTranslation();
47
47
  var isAr = useLanguage().isAr;
48
48
  var dispatch = useAppDispatch();
49
49
  var settingsData = useAppSelector(settingsSelector).data;
50
- var _d = useAppSelector(kycSelector), loading = _d.loading, error = _d.error, data = _d.data;
51
- var hasOneUserOnly = ((_b = (_a = data.responseData) === null || _a === void 0 ? void 0 : _a.userList) === null || _b === void 0 ? void 0 : _b.length) === 1;
52
- var user = hasOneUserOnly ? (_c = data.responseData) === null || _c === void 0 ? void 0 : _c.userList[0] : undefined;
50
+ var _f = useAppSelector(kycSelector), loading = _f.loading, error = _f.error, data = _f.data;
51
+ var hasUsers = (_b = (_a = data.responseData) === null || _a === void 0 ? void 0 : _a.userList) === null || _b === void 0 ? void 0 : _b.length;
52
+ var hasOneUserOnly = ((_d = (_c = data.responseData) === null || _c === void 0 ? void 0 : _c.userList) === null || _d === void 0 ? void 0 : _d.length) === 1;
53
+ var user = hasOneUserOnly ? (_e = data.responseData) === null || _e === void 0 ? void 0 : _e.userList[0] : undefined;
53
54
  var idNumber = user ? maskIDNumber(user.identification.id) : '';
54
55
  var countryCode = settingsData.businessCountry.iso2.toLowerCase();
55
56
  var termsAndConditionsLink = getWebsiteLink(isAr, countryCode, EXTERNAL_LINKS.TERMS_CONDITIONS);
@@ -82,6 +83,6 @@ export var Terms = function () {
82
83
  return st('continue');
83
84
  return isSACountry ? st('approve_with_nafath_app') : st('approve_with_paci_app');
84
85
  };
85
- return (_jsxs(ScreenContainer, { children: [_jsx(Header, { idNumber: idNumber }), _jsx(BoxStyled, __assign({ onClick: function () { return redirect(termsAndConditionsLink); } }, { children: st('kyc_terms_conditions') })), _jsx(BoxStyled, __assign({ onClick: function () { return redirect(termsAndConditionsLink); } }, { children: st('kyc_refund_policy') })), _jsx(BoxStyled, __assign({ onClick: function () { return redirect(termsAndConditionsLink); } }, { children: st('kyc_dispute_policy') })), _jsx(BoxStyled, __assign({ onClick: function () { return redirect(privacyPolicyLink); }, sx: { mb: error ? 3 : 0 } }, { children: st('kyc_privacy_policy') })), _jsx(Button, __assign({ disabled: isOtherThanKWOrSACountry, sx: { mt: 3 }, disableBack: true, isAr: isAr, loading: loading, error: st(error || ''), onClick: onNext }, { children: getNextButtonTitle() }))] }));
86
+ return (_jsxs(ScreenContainer, { children: [_jsx(Header, { idNumber: idNumber }), _jsx(BoxStyled, __assign({ onClick: function () { return redirect(termsAndConditionsLink); } }, { children: st('kyc_terms_conditions') })), _jsx(BoxStyled, __assign({ onClick: function () { return redirect(termsAndConditionsLink); } }, { children: st('kyc_refund_policy') })), _jsx(BoxStyled, __assign({ onClick: function () { return redirect(termsAndConditionsLink); } }, { children: st('kyc_dispute_policy') })), _jsx(BoxStyled, __assign({ onClick: function () { return redirect(privacyPolicyLink); }, sx: { mb: error ? 3 : 0 } }, { children: st('kyc_privacy_policy') })), _jsx(Button, __assign({ disabled: isOtherThanKWOrSACountry ? true : !hasUsers, sx: { mt: 3 }, disableBack: true, isAr: isAr, loading: loading, error: st(error || ''), onClick: onNext }, { children: getNextButtonTitle() }))] }));
86
87
  };
87
88
  export default memo(Terms);
@@ -56,7 +56,7 @@ import Button from '../../../../components/Button';
56
56
  import Loader from '../../../../components/Loader';
57
57
  import Warning from '../../../../components/Warning';
58
58
  import Box from '@mui/material/Box';
59
- import { clearError, resetTerminalLinkResponse, retrieveBoardDetails, retrieveBoardStatus, retrievePOSDevices, storeSelectedTerminal, terminalSelector } from '../../../app/terminal/terminalStore';
59
+ import { clearError, resetTerminalLinkResponse, retrieveBoardDetails, retrieveBoardStatus, retrievePOSDevices, retrieveTerminalPlatformBrandLogo, storeSelectedTerminal, terminalSelector } from '../../../app/terminal/terminalStore';
60
60
  import { Header, Container, TextTypography } from '../shared';
61
61
  import DeviceList from './DeviceList';
62
62
  var TerminalDeviceList = function () {
@@ -100,6 +100,7 @@ var TerminalDeviceList = function () {
100
100
  _a.label = 1;
101
101
  case 1:
102
102
  _a.trys.push([1, 3, , 4]);
103
+ dispatch(retrieveTerminalPlatformBrandLogo());
103
104
  return [4, dispatch(retrievePOSDevices()).unwrap()];
104
105
  case 2:
105
106
  _a.sent();
@@ -9,14 +9,14 @@ import { useAppSelector } from '../../../../hooks';
9
9
  import { terminalSelector } from '../../../../features/app/terminal/terminalStore';
10
10
  import { useTheme } from '@mui/material/styles';
11
11
  var POSDeviceList = function (_a) {
12
- var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
13
- var posDevices = _a.posDevices, onClick = _a.onClick, selectedPOS = _a.selectedPOS, _m = _a.select, select = _m === void 0 ? true : _m, loading = _a.loading;
12
+ var _b, _c, _d, _e, _f, _g;
13
+ var posDevices = _a.posDevices, onClick = _a.onClick, selectedPOS = _a.selectedPOS, _h = _a.select, select = _h === void 0 ? true : _h, loading = _a.loading;
14
14
  var t = useTranslation().t;
15
15
  var typography = useTheme().typography;
16
16
  var responseData = useAppSelector(terminalSelector).data.responseData;
17
- var terminalData = (responseData || {}).terminalData;
18
- var platformImage = ((_e = (_d = (_c = (_b = terminalData === null || terminalData === void 0 ? void 0 : terminalData.list) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.platform) === null || _d === void 0 ? void 0 : _d.brand) === null || _e === void 0 ? void 0 : _e.logo) || ICONS_NAMES.platform_image;
19
- var platformName = (_l = (_k = (_j = (_h = (_g = (_f = terminalData === null || terminalData === void 0 ? void 0 : terminalData.list) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.platform) === null || _h === void 0 ? void 0 : _h.brand) === null || _j === void 0 ? void 0 : _j.name) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.text;
17
+ var _j = responseData || {}, terminalData = _j.terminalData, terminalPlatformBrandLogo = _j.terminalPlatformBrandLogo;
18
+ var platformImage = terminalPlatformBrandLogo || ICONS_NAMES.platform_image;
19
+ var platformName = (_g = (_f = (_e = (_d = (_c = (_b = terminalData === null || terminalData === void 0 ? void 0 : terminalData.list) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.platform) === null || _d === void 0 ? void 0 : _d.brand) === null || _e === void 0 ? void 0 : _e.name) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.text;
20
20
  var getEndComponent = function (pos) {
21
21
  if (loading && (selectedPOS === null || selectedPOS === void 0 ? void 0 : selectedPOS.id) === (pos === null || pos === void 0 ? void 0 : pos.id))
22
22
  return _jsx(Loader, { innerColor: 'black', outerColor: 'black', size: 10, style: { height: 24, width: 24 }, toggleAnimation: !!loading });
@@ -1,5 +1,6 @@
1
1
  export declare const useCountry: (code: string) => {
2
2
  isKuwait: boolean;
3
3
  isSaudi: boolean;
4
+ isQatar: boolean;
4
5
  isOther: boolean;
5
6
  };
@@ -1,8 +1,9 @@
1
- import { isKW, isSA } from '../utils';
1
+ import { isKW, isSA, isQA } from '../utils';
2
2
  import { useMemo } from 'react';
3
3
  export var useCountry = function (code) {
4
4
  var isKuwait = useMemo(function () { return isKW(code); }, [code]);
5
5
  var isSaudi = useMemo(function () { return isSA(code); }, [code]);
6
+ var isQatar = useMemo(function () { return isQA(code); }, [code]);
6
7
  var isOther = useMemo(function () { return !isKW(code) && !isSA(code); }, [code]);
7
- return { isKuwait: isKuwait, isSaudi: isSaudi, isOther: isOther };
8
+ return { isKuwait: isKuwait, isSaudi: isSaudi, isQatar: isQatar, isOther: isOther };
8
9
  };
@@ -1,5 +1,5 @@
1
1
  import { axiosInstance } from '../api';
2
- import { ENDPOINT_PATHS, CONNECT_DEV_URL, CONNECT_PROD_URL } from '../constants';
2
+ import { ENDPOINT_PATHS, CONNECT_SANDBOX_URL, CONNECT_PROD_URL } from '../constants';
3
3
  import { objectHasValues } from './object';
4
4
  import { isDisasterRecoveryEnv, isSA } from './string';
5
5
  export var sleep = function (milliseconds) {
@@ -17,7 +17,7 @@ export var setBaseUrl = function (publicKey, region) {
17
17
  var isProd = publicKey.includes('pk_live');
18
18
  var _a = region.split('-'), country = _a[0], envType = _a[1];
19
19
  if (!isProd) {
20
- axiosInstance.defaults.baseURL = ENDPOINT_PATHS.DEV_BASE_URL;
20
+ axiosInstance.defaults.baseURL = ENDPOINT_PATHS.SANDBOX_BASE_URL;
21
21
  return;
22
22
  }
23
23
  if (isSA(country)) {
@@ -44,7 +44,7 @@ export var updateLocationUrlWithCountry = function (countryIso2) {
44
44
  window.history.replaceState({}, '', newUrl);
45
45
  };
46
46
  export var openConnect = function (pk, countryCode) {
47
- var newUrl = new URL(pk.includes('pk_live') ? CONNECT_PROD_URL : CONNECT_DEV_URL);
47
+ var newUrl = new URL(pk.includes('pk_live') ? CONNECT_PROD_URL : CONNECT_SANDBOX_URL);
48
48
  if (countryCode) {
49
49
  newUrl.pathname = "/".concat(countryCode.toLowerCase());
50
50
  }
@@ -0,0 +1 @@
1
+ export declare const createImageObjectURL: (blob: Blob) => string;
@@ -0,0 +1,6 @@
1
+ export var createImageObjectURL = function (blob) {
2
+ var _a;
3
+ if (!(blob === null || blob === void 0 ? void 0 : blob.size) || !((_a = blob === null || blob === void 0 ? void 0 : blob.type) === null || _a === void 0 ? void 0 : _a.startsWith('image/')))
4
+ return '';
5
+ return URL.createObjectURL(blob);
6
+ };
@@ -8,6 +8,7 @@ export * from './string';
8
8
  export * from './device';
9
9
  export * from './rsa';
10
10
  export * from './common';
11
+ export * from './file';
11
12
  export * from './date';
12
13
  export * from './error';
13
14
  export * from './gtm';
@@ -8,6 +8,7 @@ export * from './string';
8
8
  export * from './device';
9
9
  export * from './rsa';
10
10
  export * from './common';
11
+ export * from './file';
11
12
  export * from './date';
12
13
  export * from './error';
13
14
  export * from './gtm';
@@ -48,6 +48,7 @@ export declare const getEighteenYearsAgo: () => string;
48
48
  export declare const isKW: (flag: string) => boolean;
49
49
  export declare const isSA: (flag: string | undefined) => boolean;
50
50
  export declare const isOtherThanKWOrSA: (flag: string) => boolean;
51
+ export declare const isQA: (flag: string | undefined) => boolean;
51
52
  export declare const isKWOrSA: (flag: string) => boolean;
52
53
  export declare const isLinkedIn: (flag: string) => boolean;
53
54
  export declare const isTwitter: (flag: string) => boolean;
@@ -224,6 +224,11 @@ export var isSA = function (flag) {
224
224
  export var isOtherThanKWOrSA = function (flag) {
225
225
  return !isKW(flag) && !isSA(flag);
226
226
  };
227
+ export var isQA = function (flag) {
228
+ if (!flag)
229
+ return false;
230
+ return ['qa', 'qat'].includes(flag.toLowerCase());
231
+ };
227
232
  export var isKWOrSA = function (flag) {
228
233
  return isKW(flag) || isSA(flag);
229
234
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tap-payments/auth-jsconnect",
3
- "version": "2.12.6-development",
3
+ "version": "2.12.6-sandbox",
4
4
  "description": "connect library, auth",
5
5
  "private": false,
6
6
  "main": "build/index.js",
@@ -21,7 +21,7 @@
21
21
  "copy:files": "copyfiles -u 1 src/**/*.css build/",
22
22
  "tsc:alias": "tsc-alias -p tsconfig.json",
23
23
  "ts:build": "rm -rf build && tsc -p tsconfig.json && tsc-alias -p tsconfig.json && yarn copy:files",
24
- "push": "npm publish --access public --tag development"
24
+ "push": "npm publish --access public --tag sandbox"
25
25
  },
26
26
  "keywords": [],
27
27
  "author": {