@tap-payments/auth-jsconnect 2.4.95-test → 2.4.97-test
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.
- package/build/components/ArabicDatePicker/ArabicDatePicker.js +6 -4
- package/build/components/ArabicDatePicker/style.css +2 -1
- package/build/features/brand/screens/BrandActivities/ExpectedSalesRange.js +1 -1
- package/build/features/shared/Button/IndividualActionButtons.js +1 -1
- package/package.json +1 -1
|
@@ -41,12 +41,14 @@ var ContainerIcon = styled(Icon, { shouldForwardProp: function (prop) { return p
|
|
|
41
41
|
var theme = _a.theme, disabled = _a.disabled;
|
|
42
42
|
return (__assign(__assign({ marginInlineStart: theme.spacing(2.5) }, theme.typography.h6), { cursor: disabled ? 'auto' : 'pointer', width: theme.spacing(2), height: theme.spacing(2) }));
|
|
43
43
|
});
|
|
44
|
-
var Container = styled(Box, { shouldForwardProp: function (prop) { return prop !== 'disabled'; } })(function (_a) {
|
|
45
|
-
var theme = _a.theme, disabled = _a.disabled;
|
|
44
|
+
var Container = styled(Box, { shouldForwardProp: function (prop) { return prop !== 'disabled' && prop !== 'openCalender'; } })(function (_a) {
|
|
45
|
+
var theme = _a.theme, disabled = _a.disabled, openCalender = _a.openCalender;
|
|
46
46
|
return ({
|
|
47
|
+
transition: 'min-height 0.5s',
|
|
47
48
|
cursor: disabled ? 'auto' : 'pointer',
|
|
48
49
|
opacity: disabled ? '0.6' : '1',
|
|
49
|
-
fontFamily: theme.typography.fontFamily
|
|
50
|
+
fontFamily: theme.typography.fontFamily,
|
|
51
|
+
minHeight: openCalender ? '345px' : '46px'
|
|
50
52
|
});
|
|
51
53
|
});
|
|
52
54
|
var InputFieldStyled = styled(Input)(function (_a) {
|
|
@@ -106,7 +108,7 @@ var DatePicker = function (_a) {
|
|
|
106
108
|
var dateObject = toDateObject(date);
|
|
107
109
|
return dateObject.convert(arabic).format(DATE_FORMAT);
|
|
108
110
|
};
|
|
109
|
-
return (_jsxs(Container, __assign({ disabled: disabled, id: 'arabic-container-calendar' }, { children: [_jsx(InputFieldStyled, { endAdornment: _jsx(ArrowIcon, __assign({ disabled: disabled }, { children: getEndAdornment() })), value: date ? formateDate(date) : '', placeholder: DATE_FORMAT, onClick: function (e) {
|
|
111
|
+
return (_jsxs(Container, __assign({ openCalender: openCalender, disabled: disabled, id: 'arabic-container-calendar' }, { children: [_jsx(InputFieldStyled, { endAdornment: _jsx(ArrowIcon, __assign({ disabled: disabled }, { children: getEndAdornment() })), value: date ? formateDate(date) : '', placeholder: DATE_FORMAT, onClick: function (e) {
|
|
110
112
|
if (!disabled)
|
|
111
113
|
toggleCalender(e);
|
|
112
114
|
}, startAdornment: calenderIcon, disabled: disabled, readOnly: readOnly, dir: dir }), _jsxs(Collapse, __assign({ in: openCalender }, { children: [_jsx(Calendar, __assign({ calendar: arabic, locale: dir === 'rtl' ? arabic_ar : arabic_en, maxDate: rest.maxDate || defaultMax, minDate: defaultMin, format: DATE_FORMAT, onChange: handleOnDateChange, value: date || (isDob ? new Date(getEighteenYearsAgo()) : undefined), className: 'custom-container' }, rest)), _jsx(Divider, {})] }))] })));
|
|
@@ -13,6 +13,8 @@
|
|
|
13
13
|
|
|
14
14
|
.rmdp-calendar {
|
|
15
15
|
width: 100%;
|
|
16
|
+
padding-bottom: 15px !important;
|
|
17
|
+
padding-top: 12px !important;
|
|
16
18
|
}
|
|
17
19
|
|
|
18
20
|
.rmdp-day.rmdp-selected span:not(.highlight) {
|
|
@@ -51,7 +53,6 @@
|
|
|
51
53
|
}
|
|
52
54
|
.rmdp-header {
|
|
53
55
|
margin-bottom: 12px;
|
|
54
|
-
margin-top: 10px !important;
|
|
55
56
|
}
|
|
56
57
|
.rmdp-day-picker .rmdp-day {
|
|
57
58
|
height: 36px !important;
|
|
@@ -125,7 +125,7 @@ var ExpectedSalesRange = function (_a) {
|
|
|
125
125
|
}, [anchorEl, expectedSalesRangeValue]);
|
|
126
126
|
return (_jsx(Collapse, __assign({ in: show }, { children: _jsxs(ScreenContainer, { children: [_jsxs(InputLabelStyled, { children: [t('expected_sales_monthly', {
|
|
127
127
|
currency: t(findCurrencyByIso2(countryCode.iso2))
|
|
128
|
-
}),
|
|
128
|
+
}), _jsx(MandatoryStyled, { children: "*" })] }), _jsx(InputStyled, { readOnly: readOnly, value: isAr ? (_b = expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.ar) !== null && _b !== void 0 ? _b : '' : (_c = expectedSalesRangeValue === null || expectedSalesRangeValue === void 0 ? void 0 : expectedSalesRangeValue.name.en) !== null && _c !== void 0 ? _c : '', onClick: !!anchorEl ? handleCloseMainMenu : handleOpenMainMenu, placeholder: t('choose_expected_sales'), endAdornment: _jsx(EndAdornmentExpanded, { anchorEl: anchorEl, isVerified: isVerified }) }), _jsxs(Collapse, __assign({ in: !!anchorEl }, { children: [_jsx(Search, { onSearchValue: handleSearch }), _jsx(SimpleListStyled, { sx: { maxHeight: '350px', paddingTop: 0 }, list: expectedSalesRangeList, listItemProps: { sx: { padding: 0 } }, onSelectItem: function (item) {
|
|
129
129
|
var isOnlyOneItem = !item.sub || item.sub.length === 1;
|
|
130
130
|
if (isOnlyOneItem)
|
|
131
131
|
onSelectItem(item);
|
|
@@ -152,5 +152,5 @@ export default function IndividualActionButtons(_a) {
|
|
|
152
152
|
var theme = useTheme();
|
|
153
153
|
var isRequestedAndNotLoading = requestEmail.isRequested && !requestEmail.loading;
|
|
154
154
|
var requestEmailLoaderColor = isRequestedAndNotLoading ? theme.palette.success.main : theme.palette.primary.main;
|
|
155
|
-
return (_jsxs(ButtonBoxStyled, { children: [_jsxs(AddDetailsButtonStyled, __assign({ isCompleted: addDetails.status === 'verified', isLoading: addDetails.loading, type: 'button', variant: 'outlined', onClick: addDetails.onClick, startIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(Image, { src: addDetails.status === 'verified' ? ICONS_NAMES.ADD_DETAIL_GREEN : ICONS_NAMES.ADD_DETAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsxs("div", __assign({ style: { display: 'flex', alignItems: 'center' } }, { children: [addDetails.status !== 'verified' && _jsx(Dot, { sx: { margin: 0 }, completed: addDetails.status === 'reviewed' }), _jsx(ArrowIconStyled, { isAr: isAr, src: addDetails.status === 'verified' ? ICONS_NAMES.GREEN_ARROW : ICONS_NAMES.BLUE_ARROW })] })) })) }, { children: [_jsx(Collapse, __assign({ in: addDetails.loading }, { children: _jsx(LoaderStyled, { innerColor: addDetails.status === 'verified' ? theme.palette.success.main : theme.palette.primary.main, outerColor: addDetails.status === 'verified' ? theme.palette.success.main : 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(_Fragment, { children: [requestEmail.children, _jsxs(RequestEmailButtonStyled, __assign({ isRequested: requestEmail.isRequested, isLoading: requestEmail.loading, variant: 'outlined', disabled: requestEmail.disabled, type: 'button', onClick: requestEmail.onClick, startIcon: _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: _jsx(Image, { src: isRequestedAndNotLoading ? ICONS_NAMES.REQUEST_EMAIL_GREEN : ICONS_NAMES.REQUEST_EMAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: isRequestedAndNotLoading ? (_jsx(CheckIconStyled, { isVerified: requestEmail.isRequested })) : (_jsx(ArrowIconStyled, { isAr: isAr, src: ICONS_NAMES.BLUE_ARROW })) })) }, { children: [_jsx(Collapse, __assign({ in: requestEmail.loading }, { children: _jsx(LoaderStyled, { innerColor: requestEmailLoaderColor, outerColor: requestEmailLoaderColor, size: 15, toggleAnimation: requestEmail.loading }) })), _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: _jsx(TextStyled, { children: t(requestEmail.title) }) }))] }))] }))] }));
|
|
155
|
+
return (_jsxs(ButtonBoxStyled, { children: [_jsxs(AddDetailsButtonStyled, __assign({ isCompleted: addDetails.status === 'verified', isLoading: addDetails.loading, type: 'button', variant: 'outlined', onClick: addDetails.onClick, startIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsx(Image, { src: addDetails.status === 'verified' ? ICONS_NAMES.ADD_DETAIL_GREEN : ICONS_NAMES.ADD_DETAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !addDetails.loading }, { children: _jsxs("div", __assign({ style: { display: 'flex', alignItems: 'center' } }, { children: [addDetails.status !== 'verified' && (_jsx(Dot, { sx: { margin: 0 }, completed: addDetails.status === 'complete' || addDetails.status === 'completed' || addDetails.status === 'reviewed' })), _jsx(ArrowIconStyled, { isAr: isAr, src: addDetails.status === 'verified' ? ICONS_NAMES.GREEN_ARROW : ICONS_NAMES.BLUE_ARROW })] })) })) }, { children: [_jsx(Collapse, __assign({ in: addDetails.loading }, { children: _jsx(LoaderStyled, { innerColor: addDetails.status === 'verified' ? theme.palette.success.main : theme.palette.primary.main, outerColor: addDetails.status === 'verified' ? theme.palette.success.main : 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(_Fragment, { children: [requestEmail.children, _jsxs(RequestEmailButtonStyled, __assign({ isRequested: requestEmail.isRequested, isLoading: requestEmail.loading, variant: 'outlined', disabled: requestEmail.disabled, type: 'button', onClick: requestEmail.onClick, startIcon: _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: _jsx(Image, { src: isRequestedAndNotLoading ? ICONS_NAMES.REQUEST_EMAIL_GREEN : ICONS_NAMES.REQUEST_EMAIL }) })), endIcon: _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: isRequestedAndNotLoading ? (_jsx(CheckIconStyled, { isVerified: requestEmail.isRequested })) : (_jsx(ArrowIconStyled, { isAr: isAr, src: ICONS_NAMES.BLUE_ARROW })) })) }, { children: [_jsx(Collapse, __assign({ in: requestEmail.loading }, { children: _jsx(LoaderStyled, { innerColor: requestEmailLoaderColor, outerColor: requestEmailLoaderColor, size: 15, toggleAnimation: requestEmail.loading }) })), _jsx(Collapse, __assign({ in: !requestEmail.loading }, { children: _jsx(TextStyled, { children: t(requestEmail.title) }) }))] }))] }))] }));
|
|
156
156
|
}
|