@tap-payments/auth-jsconnect 2.0.18 → 2.0.19

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.
@@ -5,7 +5,7 @@ export declare const MAX_IBAN_VALUE = 34;
5
5
  export declare const FL_NUMBER_LENGTH = 8;
6
6
  export declare const CR_NUMBER_LENGTH = 10;
7
7
  export declare const SAUDI_NUMBER_LENGTH = 9;
8
- export declare const MAX_FILE_SIZE = 1000000;
8
+ export declare const MAX_FILE_SIZE = 5000000;
9
9
  export declare const VALID_FILE_FORMATS: string[];
10
10
  export declare const REGEX_FULL_NAME: RegExp;
11
11
  export declare const REGEX_WEBSITE: RegExp;
@@ -5,7 +5,7 @@ export var MAX_IBAN_VALUE = 34;
5
5
  export var FL_NUMBER_LENGTH = 8;
6
6
  export var CR_NUMBER_LENGTH = 10;
7
7
  export var SAUDI_NUMBER_LENGTH = 9;
8
- export var MAX_FILE_SIZE = 1000000;
8
+ export var MAX_FILE_SIZE = 5000000;
9
9
  export var VALID_FILE_FORMATS = ['image/jpeg', 'image/png', 'image/jpg', 'application/pdf'];
10
10
  export var REGEX_FULL_NAME = /^([a-zA-Z]{2,}\s{1}[a-zA-Z]{1,}|[a-zA-Z]+\s{1}[a-zA-Z.-]{1,}\s{1}[a-zA-Z.-]{1,}\s{1}[a-zA-Z]{1,}|[a-zA-Z]+\s{1}[a-zA-Z.-]{1,}\s{1}[a-zA-Z]{1,})$/g;
11
11
  export var REGEX_WEBSITE = /^[a-zA-Z0-9]+([\-\.]{1}[a-zA-Z0-9]+)*\.[a-zA-Z]{2,63}(:[0-9]{1,5})?(\/.*)?$/;
@@ -213,10 +213,10 @@ export var checkIbanBank = createAsyncThunk('checkIbanBank', function (_a) {
213
213
  iban_number: iban,
214
214
  encryption_contract: ['iban_number']
215
215
  };
216
+ onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
216
217
  return [4, API.availabilityServices.checkIbanBank(payload, { cancelToken: cancelToken })];
217
218
  case 1:
218
219
  data = (_b.sent()).data;
219
- onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
220
220
  return [2, { data: data }];
221
221
  }
222
222
  });
@@ -399,6 +399,7 @@ export var bankSlice = createSlice({
399
399
  state.data.bankData.responseBody = data;
400
400
  })
401
401
  .addCase(createBankAccount.rejected, function (state, action) {
402
+ state.loading = false;
402
403
  state.error = action.error.message;
403
404
  })
404
405
  .addCase(checkIbanBank.pending, function (state) {
@@ -37,10 +37,8 @@ export declare const retrieveBoardDetails: import("@reduxjs/toolkit").AsyncThunk
37
37
  export declare const updateLeadBusinessType: import("@reduxjs/toolkit").AsyncThunk<{
38
38
  data: any;
39
39
  formData: BusinessTypeFormValues;
40
+ accountData: any;
40
41
  }, BusinessTypeFormValues, {}>;
41
- export declare const createAccount: import("@reduxjs/toolkit").AsyncThunk<{
42
- data: any;
43
- }, void, {}>;
44
42
  export declare const updateActivitiesInfo: import("@reduxjs/toolkit").AsyncThunk<{
45
43
  data: any;
46
44
  formData: {
@@ -97,7 +97,7 @@ export var verifyLeadToken = createAsyncThunk('businessVerifyLeadToken', functio
97
97
  steps = (_c = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _c === void 0 ? void 0 : _c.steps;
98
98
  brandID = (_e = (_d = leadResponse === null || leadResponse === void 0 ? void 0 : leadResponse.data) === null || _d === void 0 ? void 0 : _d.brand) === null || _e === void 0 ? void 0 : _e.id;
99
99
  hasBusinessCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_SUCCESS);
100
- hasBusinessCRInfoCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CR_INFO);
100
+ hasBusinessCRInfoCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CR_INFO) && hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_INFO_CONFIRM);
101
101
  hasBusinessCRActivitiesCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CR_ACTIVITIES);
102
102
  hasBusinessCustomersCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CUSTOMERS);
103
103
  if (!hasBusinessCompleted) return [3, 6];
@@ -200,7 +200,7 @@ export var verifyLeadOTP = createAsyncThunk('verifyLeadOTP', function (params, t
200
200
  (_j = (_h = settings.data.appConfig).onStepCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, settings.data.activeScreen.name, { otp: params.otp });
201
201
  steps = responseBody === null || responseBody === void 0 ? void 0 : responseBody.steps;
202
202
  hasBusinessCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_SUCCESS);
203
- hasBusinessCRInfoCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CR_INFO);
203
+ hasBusinessCRInfoCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CR_INFO) && hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_INFO_CONFIRM);
204
204
  hasBusinessCRActivitiesCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CR_ACTIVITIES);
205
205
  hasBusinessCustomersCompleted = hasKey(steps, BUSINESS_STEP_NAMES.BUSINESS_CUSTOMERS);
206
206
  if (!isNID) return [3, 3];
@@ -338,10 +338,10 @@ export var retrieveBoardDetails = createAsyncThunk('retrieveBoardDetails', funct
338
338
  });
339
339
  }); });
340
340
  export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
341
- var _a, settings, business, payload, data;
342
- var _b, _c, _d, _e, _f;
343
- return __generator(this, function (_g) {
344
- switch (_g.label) {
341
+ var _a, settings, business, payload, data, accountBody, accountData;
342
+ var _b, _c, _d, _e, _f, _g;
343
+ return __generator(this, function (_h) {
344
+ switch (_h.label) {
345
345
  case 0:
346
346
  _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
347
347
  payload = {
@@ -354,24 +354,9 @@ export var updateLeadBusinessType = createAsyncThunk('updateLeadBusinessType', f
354
354
  };
355
355
  return [4, API.leadService.updateLead(payload)];
356
356
  case 1:
357
- data = _g.sent();
358
- return [4, thunkApi.dispatch(createAccount())];
359
- case 2:
360
- _g.sent();
361
- (_f = (_e = settings.data.appConfig).onStepCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, settings.data.activeScreen.name, params);
362
- return [2, { data: data, formData: params }];
363
- }
364
- });
365
- }); });
366
- export var createAccount = createAsyncThunk('createAccount', function (params, thunkApi) { return __awaiter(void 0, void 0, void 0, function () {
367
- var _a, settings, business, requestBody, data;
368
- var _b, _c, _d;
369
- return __generator(this, function (_e) {
370
- switch (_e.label) {
371
- case 0:
372
- _a = thunkApi.getState(), settings = _a.settings, business = _a.business;
373
- requestBody = {
374
- lead_id: (_b = business.data.verify.responseBody) === null || _b === void 0 ? void 0 : _b.id,
357
+ data = _h.sent();
358
+ accountBody = {
359
+ lead_id: (_e = business.data.verify.responseBody) === null || _e === void 0 ? void 0 : _e.id,
375
360
  notify: {
376
361
  email: false,
377
362
  phone: false
@@ -380,15 +365,15 @@ export var createAccount = createAsyncThunk('createAccount', function (params, t
380
365
  is_acknowledged: true,
381
366
  step_name: BUSINESS_STEP_NAMES.BUSINESS_INFO_CONFIRM
382
367
  };
383
- return [4, API.accountService.createAccount(requestBody)];
384
- case 1:
385
- data = _e.sent();
386
- return [4, thunkApi.dispatch(retrieveChannels())];
368
+ return [4, API.accountService.createAccount(accountBody)];
387
369
  case 2:
388
- _e.sent();
370
+ accountData = _h.sent();
371
+ return [4, thunkApi.dispatch(retrieveChannels())];
372
+ case 3:
373
+ _h.sent();
389
374
  thunkApi.dispatch(handleNextScreenStep());
390
- (_d = (_c = settings.data.appConfig).onStepCompleted) === null || _d === void 0 ? void 0 : _d.call(_c, settings.data.activeScreen.name, requestBody);
391
- return [2, { data: data }];
375
+ (_g = (_f = settings.data.appConfig).onStepCompleted) === null || _g === void 0 ? void 0 : _g.call(_f, settings.data.activeScreen.name, params);
376
+ return [2, { data: data, formData: params, accountData: accountData }];
392
377
  }
393
378
  });
394
379
  }); });
@@ -835,10 +820,14 @@ export var businessSlice = createSlice({
835
820
  var _a;
836
821
  state.loading = false;
837
822
  state.error = null;
838
- var _b = action.payload, data = _b.data, formData = _b.formData;
823
+ var _b = action.payload, data = _b.data, formData = _b.formData, accountData = _b.accountData;
839
824
  state.data.businessTypeData = __assign(__assign({}, state.data.businessTypeData), formData);
840
825
  var entity = data.entity, entity_activities = data.entity_activities;
841
826
  var issuingDate = (_a = entity === null || entity === void 0 ? void 0 : entity.license) === null || _a === void 0 ? void 0 : _a.issuing_date;
827
+ if ((accountData === null || accountData === void 0 ? void 0 : accountData.status) === 'ALREADY_TAKEN') {
828
+ state.error = 'signup_user_exists_error';
829
+ return;
830
+ }
842
831
  if (!!issuingDate) {
843
832
  var formattedDate = moment(issuingDate).format('YYYY-MM-DD');
844
833
  state.data.activitiesData.operationStartDate = convertNumbers2English(formattedDate);
@@ -847,30 +836,12 @@ export var businessSlice = createSlice({
847
836
  var selectedActivity = activities === null || activities === void 0 ? void 0 : activities[0];
848
837
  if (!!selectedActivity)
849
838
  state.data.activitiesData.activities = [selectedActivity];
850
- state.data.businessTypeData.responseBody = __assign(__assign(__assign({}, data), state.data.businessTypeData.responseBody), { activities: activities });
839
+ state.data.businessTypeData.responseBody = __assign(__assign(__assign(__assign({}, data), state.data.businessTypeData.responseBody), { activities: activities }), accountData);
851
840
  state.data.verify.responseBody = __assign(__assign({}, state.data.verify.responseBody), { entity: entity });
852
841
  })
853
842
  .addCase(updateLeadBusinessType.rejected, function (state, action) {
854
843
  state.loading = false;
855
844
  state.error = action.error.message;
856
- })
857
- .addCase(createAccount.pending, function (state) {
858
- state.loading = true;
859
- state.error = null;
860
- })
861
- .addCase(createAccount.fulfilled, function (state, action) {
862
- state.loading = false;
863
- state.error = null;
864
- var data = action.payload.data;
865
- if ((data === null || data === void 0 ? void 0 : data.status) === 'ALREADY_TAKEN') {
866
- state.error = 'signup_user_exists_error';
867
- return;
868
- }
869
- state.data.businessTypeData.responseBody = __assign(__assign({}, state.data.businessTypeData.responseBody), data);
870
- })
871
- .addCase(createAccount.rejected, function (state, action) {
872
- state.loading = false;
873
- state.error = action.error.message;
874
845
  })
875
846
  .addCase(updateActivitiesInfo.pending, function (state) {
876
847
  state.loading = true;
@@ -23,7 +23,7 @@ import { useForm, FormProvider } from 'react-hook-form';
23
23
  import { yupResolver } from '@hookform/resolvers/yup';
24
24
  import { useLanguage } from '../../../../hooks';
25
25
  import { styled } from '@mui/material/styles';
26
- import { bankSelector, createBankAccount } from '../../../app/bank/bankStore';
26
+ import { bankSelector, clearError, createBankAccount } from '../../../app/bank/bankStore';
27
27
  import Form from '../../../../components/Form';
28
28
  import { handleCurrentActiveScreen } from '../../../../app/settings';
29
29
  import ConfirmPolicy from './ConfirmPolicy';
@@ -56,7 +56,11 @@ var BankDetails = function () {
56
56
  var onBack = function () {
57
57
  dispatch(handleCurrentActiveScreen('BANK_SUCCESS_FOUR_FLOWS_BUTTONS_STEP'));
58
58
  };
59
- var disabled = ibanChecking || !methods.formState.isValid;
59
+ var disabled = ibanChecking || !methods.formState.isValid || !!error;
60
+ React.useEffect(function () {
61
+ if (error)
62
+ dispatch(clearError());
63
+ }, [methods.formState.isValid, methods.watch('bankStatementFile')]);
60
64
  return (_jsx(ScreenContainer, { children: _jsx(FormProvider, __assign({}, methods, { children: _jsxs(FormStyled, __assign({ onSubmit: methods.handleSubmit(onSubmit) }, { children: [_jsx(Beneficiary, {}), _jsx(IBAN, { fetchingIban: function (value) { return setIbanChecking(value); }, ibanChecking: ibanChecking }), _jsx(BankName, {}), _jsx(BankStatement, {}), _jsx(ConfirmPolicy, {}), _jsx(ButtonStyled, __assign({ onBackClicked: function () { return onBack(); }, disabled: disabled, isAr: isAr, loading: loading, error: t(error || '') }, { children: t('confirm') }))] })) })) }));
61
65
  };
62
66
  export default BankDetails;
@@ -1,9 +1,11 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { styled } from '@mui/material/styles';
3
- import { ScreenContainer } from '../../../../features/shared/Containers';
3
+ import { ScreenContainer } from '../../../shared/Containers';
4
4
  import { useTranslation } from 'react-i18next';
5
5
  import { useController, useFormContext } from 'react-hook-form';
6
- import UploadFile from '../../../../features/shared/UploadFile';
6
+ import { useAppSelector } from '../../../../hooks';
7
+ import { bankSelector } from '../../../app/bank/bankStore';
8
+ import UploadFile from '../../../shared/UploadFile';
7
9
  var FeatureStyled = styled(ScreenContainer)(function (_a) {
8
10
  var theme = _a.theme;
9
11
  return ({
@@ -15,6 +17,7 @@ var BankStatement = function () {
15
17
  var t = useTranslation().t;
16
18
  var control = useFormContext().control;
17
19
  var bankStatementFileControl = useController({ name: 'bankStatementFile', control: control });
20
+ var loading = useAppSelector(bankSelector).loading;
18
21
  var error = (_a = bankStatementFileControl.fieldState.error) === null || _a === void 0 ? void 0 : _a.message;
19
22
  var handleBankStatementChange = function (file) {
20
23
  bankStatementFileControl.field.onChange(file);
@@ -22,6 +25,6 @@ var BankStatement = function () {
22
25
  var handleReset = function () {
23
26
  bankStatementFileControl.field.onChange(null);
24
27
  };
25
- return (_jsx(FeatureStyled, { children: _jsx(UploadFile, { label: t('title_bank_statement'), dragTitle: t('drag_and_drop'), uploadTitle: t('title_upload_file'), onFileUploaded: handleBankStatementChange, isSubmitting: bankStatementFileControl.formState.isSubmitted, onReset: handleReset, error: error && t(error) }) }));
28
+ return (_jsx(FeatureStyled, { children: _jsx(UploadFile, { label: t('title_bank_statement'), dragTitle: t('drag_and_drop'), uploadTitle: t('title_upload_file'), onFileUploaded: handleBankStatementChange, isSubmitting: loading, onReset: handleReset, error: error && t(error) }) }));
26
29
  };
27
30
  export default BankStatement;
@@ -1,4 +1,4 @@
1
- import { REGEX_BENEFICIARY_NAME, VALID_FILE_FORMATS } from '../../../../constants';
1
+ import { REGEX_BENEFICIARY_NAME, MAX_FILE_SIZE, VALID_FILE_FORMATS } from '../../../../constants';
2
2
  import * as yup from 'yup';
3
3
  export var BankValidation = yup.object().shape({
4
4
  iban: yup
@@ -18,7 +18,9 @@ export var BankValidation = yup.object().shape({
18
18
  .test({
19
19
  test: function (value) {
20
20
  if (!!value)
21
- return VALID_FILE_FORMATS.includes(value === null || value === void 0 ? void 0 : value.type) ? true : this.createError({ message: 'alert_file_upload' });
21
+ return VALID_FILE_FORMATS.includes(value === null || value === void 0 ? void 0 : value.type) && (value === null || value === void 0 ? void 0 : value.size) < MAX_FILE_SIZE
22
+ ? true
23
+ : this.createError({ message: 'alert_file_upload' });
22
24
  return true;
23
25
  }
24
26
  })
@@ -24,7 +24,7 @@ export declare const TextStyled: import("@emotion/styled").StyledComponent<impor
24
24
  export declare const LinkStyled: import("@emotion/styled").StyledComponent<Omit<import("@mui/material/Link").LinkBaseProps, "classes"> & {
25
25
  children?: React.ReactNode;
26
26
  classes?: Partial<import("@mui/material/Link").LinkClasses> | undefined;
27
- color?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue<string[] | import("csstype").Property.Color | undefined> | ((theme: import("@mui/material/styles").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue<string[] | import("csstype").Property.Color | undefined>);
27
+ color?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue<import("csstype").Property.Color | import("csstype").Property.Color[] | undefined> | ((theme: import("@mui/material/styles").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue<import("csstype").Property.Color | import("csstype").Property.Color[] | undefined>);
28
28
  sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
29
29
  TypographyClasses?: (Partial<import("@mui/material").TypographyClasses> & Partial<import("@mui/material/styles").ClassNameMap<never>>) | undefined;
30
30
  underline?: "none" | "always" | "hover" | undefined;
@@ -7,5 +7,6 @@ export interface CustomButtonProps extends ButtonProps {
7
7
  disableNextIcon?: boolean;
8
8
  onBackClicked?: () => void;
9
9
  error?: string;
10
+ hideError?: boolean;
10
11
  }
11
- export default function CustomButton({ children, disabled, isAr, loading, disableBack, onBackClicked, error, disableNextIcon, ...props }: CustomButtonProps): JSX.Element;
12
+ export default function CustomButton({ children, disabled, isAr, loading, disableBack, onBackClicked, error, hideError, disableNextIcon, ...props }: CustomButtonProps): JSX.Element;
@@ -83,7 +83,7 @@ var BackButtonStyled = styled(Button, { shouldForwardProp: function (prop) { ret
83
83
  });
84
84
  });
85
85
  export default function CustomButton(_a) {
86
- var children = _a.children, disabled = _a.disabled, isAr = _a.isAr, loading = _a.loading, disableBack = _a.disableBack, onBackClicked = _a.onBackClicked, error = _a.error, disableNextIcon = _a.disableNextIcon, props = __rest(_a, ["children", "disabled", "isAr", "loading", "disableBack", "onBackClicked", "error", "disableNextIcon"]);
86
+ var children = _a.children, disabled = _a.disabled, isAr = _a.isAr, loading = _a.loading, disableBack = _a.disableBack, onBackClicked = _a.onBackClicked, error = _a.error, hideError = _a.hideError, disableNextIcon = _a.disableNextIcon, props = __rest(_a, ["children", "disabled", "isAr", "loading", "disableBack", "onBackClicked", "error", "hideError", "disableNextIcon"]);
87
87
  var _b = React.useState(false), btnLoading = _b[0], setBtnLoading = _b[1];
88
88
  var isBackEnabled = !disableBack && !btnLoading;
89
89
  React.useEffect(function () {
@@ -95,7 +95,7 @@ export default function CustomButton(_a) {
95
95
  React.useEffect(function () {
96
96
  setBtnLoading(false);
97
97
  }, []);
98
- return (_jsxs(Fragment, { children: [_jsx(Collapse, __assign({ in: !!error }, { children: _jsx(Warning, __assign({ sx: { mb: 1 }, warningType: 'error' }, { children: error })) })), _jsxs(ButtonBoxStyled, { children: [isBackEnabled && (_jsx(BackButtonStyled, __assign({ onClick: function () { return onBackClicked === null || onBackClicked === void 0 ? void 0 : onBackClicked(); }, isAr: isAr, type: 'reset', startIcon: _jsx(BackIconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) }, props))), _jsx(ButtonStyled, __assign({ disabled: disabled, isLoading: btnLoading, type: !btnLoading ? 'submit' : 'button', isBack: isBackEnabled, endIcon: btnLoading === false
98
+ return (_jsxs(Fragment, { children: [_jsx(Collapse, __assign({ in: !!error && !hideError }, { children: _jsx(Warning, __assign({ sx: { mb: 1 }, warningType: 'error' }, { children: error })) })), _jsxs(ButtonBoxStyled, { children: [isBackEnabled && (_jsx(BackButtonStyled, __assign({ onClick: function () { return onBackClicked === null || onBackClicked === void 0 ? void 0 : onBackClicked(); }, isAr: isAr, type: 'reset', startIcon: _jsx(BackIconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW }) }, props))), _jsx(ButtonStyled, __assign({ disabled: disabled, isLoading: btnLoading, type: !btnLoading ? 'submit' : 'button', isBack: isBackEnabled, endIcon: btnLoading === false
99
99
  ? !disableNextIcon && _jsx(IconStyled, { isAr: isAr, src: ICONS_NAMES.WHITE_ARROW })
100
100
  : undefined }, props, { children: !btnLoading ? (_jsxs(Text, __assign({ sx: { marginInlineEnd: isBackEnabled ? '-24px' : '-15px' } }, { children: [" ", children] }))) : (_jsx(Loader, { innerColor: 'white', outerColor: 'white', size: 15, toggleAnimation: !!loading })) }))] })] }));
101
101
  }
@@ -82,5 +82,5 @@ export default function SuccessButton(_a) {
82
82
  React.useEffect(function () {
83
83
  setBtnLoading(false);
84
84
  }, []);
85
- return (_jsx(ButtonBoxStyled, { children: _jsx(ButtonStyled, __assign({ isAr: isAr, loading: btnLoading, disabled: disabled, type: 'button', variant: btnLoading ? 'contained' : 'outlined' }, props, { children: children })) }));
85
+ return (_jsx(ButtonBoxStyled, { children: _jsx(ButtonStyled, __assign({ isAr: isAr, loading: btnLoading, disabled: disabled, type: 'button', variant: btnLoading ? 'contained' : 'outlined', error: error, hideError: true }, props, { children: children })) }));
86
86
  }
@@ -36,16 +36,15 @@ var LabelContainerStyled = styled(Box)(function (_a) {
36
36
  });
37
37
  var BoxStyled = styled(Box)(function (_a) {
38
38
  var theme = _a.theme;
39
- return (__assign(__assign({ direction: theme.direction }, theme.typography.subtitle2), { color: theme.palette.primary.main, fontWeight: theme.typography.fontWeightBold, background: theme.palette.background.default, padding: theme.spacing(1.5, 2.5, 1.5), width: '85%' }));
39
+ return (__assign(__assign({ direction: theme.direction }, theme.typography.subtitle2), { color: theme.palette.primary.main, fontWeight: theme.typography.fontWeightBold, background: theme.palette.background.default, padding: theme.spacing(1.5, 2.5, 1.5), width: '85%', wordBreak: 'break-all' }));
40
40
  });
41
41
  var UploadBoxStyled = styled(Box)(function (_a) {
42
42
  var theme = _a.theme;
43
- return (__assign(__assign({}, theme.typography.caption), { background: theme.palette.primary.main, color: theme.palette.common.white, fontWeight: theme.typography.fontWeightRegular, padding: theme.spacing(0.75, 1.75, 0), cursor: 'pointer', width: '15%', display: 'flex', justifyContent: 'center' }));
43
+ return (__assign(__assign({}, theme.typography.caption), { background: theme.palette.primary.main, color: theme.palette.common.white, fontWeight: theme.typography.fontWeightRegular, cursor: 'pointer', width: '15%', display: 'flex', justifyContent: 'center', alignItems: 'center' }));
44
44
  });
45
45
  var ClearIconStyled = styled(ClearIcon)(function (_a) {
46
46
  var theme = _a.theme;
47
47
  return ({
48
- marginBlockStart: theme.spacing(0.25),
49
48
  width: theme.spacing(3),
50
49
  height: theme.spacing(3),
51
50
  cursor: 'pointer',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tap-payments/auth-jsconnect",
3
- "version": "2.0.18",
3
+ "version": "2.0.19",
4
4
  "description": "connect library, auth",
5
5
  "private": false,
6
6
  "main": "build/index.js",