@tap-payments/os-micro-frontend-shared 0.1.217-test.14 → 0.1.218-test.2
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/RangeCalender/components/CustomTimepicker/CustomTimepicker.js +3 -2
- package/build/components/RangeCalender/components/Timezone/Timezone.js +1 -1
- package/build/components/RangeCalender/components/Timezone/components/EntitiesTimezone.d.ts +1 -2
- package/build/components/RangeCalender/components/Timezone/components/EntitiesTimezone.js +3 -2
- package/build/components/VirtualTables/SheetViewVirtualTable/features/resize/hooks/useColumnResizeWithPinned.d.ts +2 -2
- package/build/types/merchant.d.ts +89 -91
- package/build/types/table.d.ts +1 -1
- package/package.json +2 -2
|
@@ -7,6 +7,7 @@ import TimePicker, { convertTo12Hour, maxHour } from '../../../Timepicker';
|
|
|
7
7
|
import { AllDayStyled, TimeArea, TimePickerWrapper, TimeAreaInner } from './style';
|
|
8
8
|
import { getEndOfDate, getStartOfDate } from '../../utils';
|
|
9
9
|
function CustomTimePicker({ values, setValues }) {
|
|
10
|
+
var _a, _b;
|
|
10
11
|
const { t } = useTranslation();
|
|
11
12
|
const startDate = new DateObject(values[0]);
|
|
12
13
|
const endDate = new DateObject(values[1]);
|
|
@@ -30,10 +31,10 @@ function CustomTimePicker({ values, setValues }) {
|
|
|
30
31
|
hour: convertTo12Hour(startDate.hour),
|
|
31
32
|
minute: startDate.minute,
|
|
32
33
|
period: startDate.hour >= maxHour ? 'PM' : 'AM',
|
|
33
|
-
}, size: "small", onChange: onChangeStartTime, enableRealTimeChange: true }, `${values[0].toString()}-start`), _jsx(TimePicker, { defaultTime: {
|
|
34
|
+
}, size: "small", onChange: onChangeStartTime, enableRealTimeChange: true }, `${(_a = values[0]) === null || _a === void 0 ? void 0 : _a.toString()}-start`), _jsx(TimePicker, { defaultTime: {
|
|
34
35
|
hour: convertTo12Hour(endDate.hour),
|
|
35
36
|
minute: endDate.minute,
|
|
36
37
|
period: endDate.hour >= maxHour ? 'PM' : 'AM',
|
|
37
|
-
}, size: "small", onChange: onChangeEndTime, enableRealTimeChange: true }, `${values[1].toString()}-end`)] }))] }) }));
|
|
38
|
+
}, size: "small", onChange: onChangeEndTime, enableRealTimeChange: true }, `${(_b = values[1]) === null || _b === void 0 ? void 0 : _b.toString()}-end`)] }))] }) }));
|
|
38
39
|
}
|
|
39
40
|
export default CustomTimePicker;
|
|
@@ -27,6 +27,6 @@ function CustomTimezone({ onChange, selectedTimezone, defaultTimezone, browserTi
|
|
|
27
27
|
return entityTimezoneIcon;
|
|
28
28
|
return savedTimezoneIcon;
|
|
29
29
|
}, [browserTimezone, defaultTimezone.timezone, selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.timezone]);
|
|
30
|
-
return (_jsx(ClickAwayListener, Object.assign({ onClickAway: onClose }, { children: _jsxs(TimezoneWrapper, Object.assign({ "data-testid": "CustomTimezone" }, { children: [_jsxs(SelectedTimezone, Object.assign({ open: open, onClick: onOpen }, { children: [_jsx("img", { src: selectedTimezoneIcon, alt: "timezone-icon" }), _jsx(CountryFlag, { code: selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.countryCode }), _jsx("span", { children: selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.label })] })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "top-start", sx: { zIndex: 1400 } }, { children: _jsxs(TimezoneDropdown, Object.assign({ "data-testid": "CustomTimezone_dropdown" }, { children: [_jsx(EntitiesTimezone, { onChange: updateTimezone, selectedTimezone: selectedTimezone
|
|
30
|
+
return (_jsx(ClickAwayListener, Object.assign({ onClickAway: onClose }, { children: _jsxs(TimezoneWrapper, Object.assign({ "data-testid": "CustomTimezone" }, { children: [_jsxs(SelectedTimezone, Object.assign({ open: open, onClick: onOpen }, { children: [_jsx("img", { src: selectedTimezoneIcon, alt: "timezone-icon" }), _jsx(CountryFlag, { code: selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.countryCode }), _jsx("span", { children: selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.label })] })), _jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: "top-start", sx: { zIndex: 1400 } }, { children: _jsxs(TimezoneDropdown, Object.assign({ "data-testid": "CustomTimezone_dropdown" }, { children: [_jsx(EntitiesTimezone, { onChange: updateTimezone, selectedTimezone: selectedTimezone }), _jsx(UserTimezone, { onChange: updateTimezone, selectedTimezone: selectedTimezone, browserTimezone: browserTimezone })] })) }))] })) })));
|
|
31
31
|
}
|
|
32
32
|
export default memo(CustomTimezone);
|
|
@@ -2,11 +2,10 @@ import type { Timezone } from '../../../../../types/index.js';
|
|
|
2
2
|
interface EntitiesTimezoneProps {
|
|
3
3
|
selectedTimezone: Timezone | null;
|
|
4
4
|
onChange: (selected: Timezone) => void;
|
|
5
|
-
defaultTimezone: Timezone;
|
|
6
5
|
getTimezoneByCountryCode?: (countryCode: string) => Timezone;
|
|
7
6
|
segmentCountries?: {
|
|
8
7
|
code: string;
|
|
9
8
|
}[];
|
|
10
9
|
}
|
|
11
|
-
export default function EntitiesTimezone({ selectedTimezone, onChange,
|
|
10
|
+
export default function EntitiesTimezone({ selectedTimezone, onChange, getTimezoneByCountryCode, segmentCountries }: EntitiesTimezoneProps): import("react/jsx-runtime").JSX.Element;
|
|
12
11
|
export {};
|
|
@@ -4,7 +4,7 @@ import Popper from '@mui/material/Popper';
|
|
|
4
4
|
import { entityTimezoneIcon, smallBlueCheckIcon } from '../../../../../constants/index.js';
|
|
5
5
|
import { CountryFlag } from '../../../../index.js';
|
|
6
6
|
import { Label, Space, TimezoneDropdown, TimezoneElement } from '../style';
|
|
7
|
-
export default function EntitiesTimezone({ selectedTimezone, onChange,
|
|
7
|
+
export default function EntitiesTimezone({ selectedTimezone, onChange, getTimezoneByCountryCode, segmentCountries }) {
|
|
8
8
|
const [entitiesEl, setEntitiesEl] = useState(null);
|
|
9
9
|
const onMouseEnter = (e) => {
|
|
10
10
|
if (!entitiesEl)
|
|
@@ -19,6 +19,7 @@ export default function EntitiesTimezone({ selectedTimezone, onChange, defaultTi
|
|
|
19
19
|
onChange(tz);
|
|
20
20
|
};
|
|
21
21
|
const availableTimezones = useMemo(() => segmentCountries === null || segmentCountries === void 0 ? void 0 : segmentCountries.map(({ code }) => getTimezoneByCountryCode === null || getTimezoneByCountryCode === void 0 ? void 0 : getTimezoneByCountryCode(code)), [segmentCountries]);
|
|
22
|
+
const defaultTimezone = availableTimezones === null || availableTimezones === void 0 ? void 0 : availableTimezones[0];
|
|
22
23
|
const isSelectedTimezoneOneOFTheAvailable = useMemo(() => availableTimezones === null || availableTimezones === void 0 ? void 0 : availableTimezones.some((item) => (selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.timezone) === (item === null || item === void 0 ? void 0 : item.timezone)), [availableTimezones, selectedTimezone]);
|
|
23
24
|
const entityTimezone = useMemo(() => {
|
|
24
25
|
if (!selectedTimezone)
|
|
@@ -28,7 +29,7 @@ export default function EntitiesTimezone({ selectedTimezone, onChange, defaultTi
|
|
|
28
29
|
return (_jsxs(TimezoneElement, Object.assign({ onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClick: () => {
|
|
29
30
|
if (selectedTimezone)
|
|
30
31
|
onChange(entityTimezone);
|
|
31
|
-
} }, { children: [isSelectedTimezoneOneOFTheAvailable ? _jsx("img", { src: smallBlueCheckIcon, alt: "icon" }) : _jsx(Space, {}), _jsx("img", { src: entityTimezoneIcon, alt: "entity-timezone" }), _jsx(CountryFlag, { code: entityTimezone === null || entityTimezone === void 0 ? void 0 : entityTimezone.countryCode }), _jsx(Label, Object.assign({ className: isSelectedTimezoneOneOFTheAvailable ? 'selected' : '' }, { children: isSelectedTimezoneOneOFTheAvailable ? selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.label : defaultTimezone.label })), _jsx(Popper, Object.assign({ open: Boolean(entitiesEl), anchorEl: entitiesEl, placement: "right-start", sx: { zIndex: 3 }, disablePortal: true }, { children: _jsx(TimezoneDropdown, Object.assign({ sx: { maxHeight: 300 } }, { children: availableTimezones === null || availableTimezones === void 0 ? void 0 : availableTimezones.map((timeZone, idx) => {
|
|
32
|
+
} }, { children: [isSelectedTimezoneOneOFTheAvailable ? _jsx("img", { src: smallBlueCheckIcon, alt: "icon" }) : _jsx(Space, {}), _jsx("img", { src: entityTimezoneIcon, alt: "entity-timezone" }), _jsx(CountryFlag, { code: entityTimezone === null || entityTimezone === void 0 ? void 0 : entityTimezone.countryCode }), _jsx(Label, Object.assign({ className: isSelectedTimezoneOneOFTheAvailable ? 'selected' : '' }, { children: isSelectedTimezoneOneOFTheAvailable ? selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.label : defaultTimezone === null || defaultTimezone === void 0 ? void 0 : defaultTimezone.label })), _jsx(Popper, Object.assign({ open: Boolean(entitiesEl), anchorEl: entitiesEl, placement: "right-start", sx: { zIndex: 3 }, disablePortal: true }, { children: _jsx(TimezoneDropdown, Object.assign({ sx: { maxHeight: 300 } }, { children: availableTimezones === null || availableTimezones === void 0 ? void 0 : availableTimezones.map((timeZone, idx) => {
|
|
32
33
|
const isActive = (timeZone === null || timeZone === void 0 ? void 0 : timeZone.timezone) === (selectedTimezone === null || selectedTimezone === void 0 ? void 0 : selectedTimezone.timezone);
|
|
33
34
|
return (_jsxs(TimezoneElement, Object.assign({ onClick: (e) => {
|
|
34
35
|
onSelectTimezone(e, timeZone);
|
|
@@ -22,7 +22,7 @@ export declare const useColumnResizeWithPinned: ({ pinnedStartColumnsData, pinne
|
|
|
22
22
|
order?: number | undefined;
|
|
23
23
|
pinned?: "start" | "end" | undefined;
|
|
24
24
|
pinnable?: boolean | undefined;
|
|
25
|
-
cellStyle?: import("
|
|
25
|
+
cellStyle?: import("react").CSSProperties | undefined;
|
|
26
26
|
headerStyle?: import("react").CSSProperties | undefined;
|
|
27
27
|
filter?: ({
|
|
28
28
|
onConfirm?: ((filterValues: import("../../../../../../types/index.js").ColumnFilterValues) => void) | undefined;
|
|
@@ -48,7 +48,7 @@ export declare const useColumnResizeWithPinned: ({ pinnedStartColumnsData, pinne
|
|
|
48
48
|
order?: number | undefined;
|
|
49
49
|
pinned?: "start" | "end" | undefined;
|
|
50
50
|
pinnable?: boolean | undefined;
|
|
51
|
-
cellStyle?: import("
|
|
51
|
+
cellStyle?: import("react").CSSProperties | undefined;
|
|
52
52
|
headerStyle?: import("react").CSSProperties | undefined;
|
|
53
53
|
filter?: ({
|
|
54
54
|
onConfirm?: ((filterValues: import("../../../../../../types/index.js").ColumnFilterValues) => void) | undefined;
|
|
@@ -11,95 +11,6 @@ export interface Merchant {
|
|
|
11
11
|
}
|
|
12
12
|
export type VerificationStatus = 'incomplete' | 'complete' | 'reviewed' | 'verified';
|
|
13
13
|
export type MerchantStatus = 'completed' | 'all' | 'country';
|
|
14
|
-
export interface MerchantDetails {
|
|
15
|
-
id: string;
|
|
16
|
-
status: MerchantStatus;
|
|
17
|
-
marketplace: boolean;
|
|
18
|
-
commerceplatform: {
|
|
19
|
-
id: string;
|
|
20
|
-
name: {
|
|
21
|
-
en: string;
|
|
22
|
-
};
|
|
23
|
-
logo: string;
|
|
24
|
-
operator_id: string;
|
|
25
|
-
};
|
|
26
|
-
platforms: Array<{
|
|
27
|
-
id: string;
|
|
28
|
-
segment: string;
|
|
29
|
-
brand: {
|
|
30
|
-
logo?: string;
|
|
31
|
-
name: Array<{
|
|
32
|
-
lang: string;
|
|
33
|
-
text: string;
|
|
34
|
-
}>;
|
|
35
|
-
};
|
|
36
|
-
}>;
|
|
37
|
-
wallet: {
|
|
38
|
-
id: string;
|
|
39
|
-
status: MerchantStatus;
|
|
40
|
-
bank_account: {
|
|
41
|
-
id: string;
|
|
42
|
-
status: MerchantStatus;
|
|
43
|
-
iban: string;
|
|
44
|
-
};
|
|
45
|
-
payout_status: string;
|
|
46
|
-
payout_status_control: string;
|
|
47
|
-
};
|
|
48
|
-
created: number;
|
|
49
|
-
country: string;
|
|
50
|
-
terminal: {
|
|
51
|
-
id: string;
|
|
52
|
-
authorizes: {
|
|
53
|
-
status: string;
|
|
54
|
-
status_message: string;
|
|
55
|
-
};
|
|
56
|
-
charges: {
|
|
57
|
-
status: string;
|
|
58
|
-
status_message: string;
|
|
59
|
-
};
|
|
60
|
-
refunds: {
|
|
61
|
-
status: string;
|
|
62
|
-
status_message: string;
|
|
63
|
-
};
|
|
64
|
-
virtual: boolean;
|
|
65
|
-
acceptance_status: string;
|
|
66
|
-
acceptance_status_control: string;
|
|
67
|
-
};
|
|
68
|
-
payout_status: 'enabled' | 'disabled';
|
|
69
|
-
acceptance_status: 'enabled' | 'disabled';
|
|
70
|
-
legacy_id: string;
|
|
71
|
-
base_currency: string;
|
|
72
|
-
payment_provider: {
|
|
73
|
-
technology_id: string;
|
|
74
|
-
settlement_by: string;
|
|
75
|
-
};
|
|
76
|
-
development_house: {
|
|
77
|
-
id: string;
|
|
78
|
-
name: {
|
|
79
|
-
ar: string | null;
|
|
80
|
-
en: string;
|
|
81
|
-
};
|
|
82
|
-
logo: string;
|
|
83
|
-
};
|
|
84
|
-
payment_provider_info: {
|
|
85
|
-
technology: {
|
|
86
|
-
id: string;
|
|
87
|
-
name: {
|
|
88
|
-
ar: string | null;
|
|
89
|
-
en: string;
|
|
90
|
-
};
|
|
91
|
-
logo: string;
|
|
92
|
-
};
|
|
93
|
-
settlement_by: {
|
|
94
|
-
id: string;
|
|
95
|
-
name: {
|
|
96
|
-
ar: string | null;
|
|
97
|
-
en: string;
|
|
98
|
-
};
|
|
99
|
-
logo: string;
|
|
100
|
-
};
|
|
101
|
-
};
|
|
102
|
-
}
|
|
103
14
|
export interface BusinessMerchant {
|
|
104
15
|
id: string;
|
|
105
16
|
status: MerchantStatus;
|
|
@@ -142,8 +53,95 @@ export interface BusinessMerchant {
|
|
|
142
53
|
legal_name: {
|
|
143
54
|
en: string;
|
|
144
55
|
};
|
|
145
|
-
merchant:
|
|
146
|
-
|
|
56
|
+
merchant: {
|
|
57
|
+
id: string;
|
|
58
|
+
status: MerchantStatus;
|
|
59
|
+
marketplace: boolean;
|
|
60
|
+
commerceplatform: {
|
|
61
|
+
id: string;
|
|
62
|
+
name: {
|
|
63
|
+
en: string;
|
|
64
|
+
};
|
|
65
|
+
logo: string;
|
|
66
|
+
operator_id: string;
|
|
67
|
+
};
|
|
68
|
+
platforms: Array<{
|
|
69
|
+
id: string;
|
|
70
|
+
segment: string;
|
|
71
|
+
brand: {
|
|
72
|
+
logo?: string;
|
|
73
|
+
name: Array<{
|
|
74
|
+
lang: string;
|
|
75
|
+
text: string;
|
|
76
|
+
}>;
|
|
77
|
+
};
|
|
78
|
+
}>;
|
|
79
|
+
wallet: {
|
|
80
|
+
id: string;
|
|
81
|
+
status: MerchantStatus;
|
|
82
|
+
bank_account: {
|
|
83
|
+
id: string;
|
|
84
|
+
status: MerchantStatus;
|
|
85
|
+
iban: string;
|
|
86
|
+
};
|
|
87
|
+
payout_status: string;
|
|
88
|
+
payout_status_control: string;
|
|
89
|
+
};
|
|
90
|
+
created: number;
|
|
91
|
+
country: string;
|
|
92
|
+
terminal: {
|
|
93
|
+
id: string;
|
|
94
|
+
authorizes: {
|
|
95
|
+
status: string;
|
|
96
|
+
status_message: string;
|
|
97
|
+
};
|
|
98
|
+
charges: {
|
|
99
|
+
status: string;
|
|
100
|
+
status_message: string;
|
|
101
|
+
};
|
|
102
|
+
refunds: {
|
|
103
|
+
status: string;
|
|
104
|
+
status_message: string;
|
|
105
|
+
};
|
|
106
|
+
virtual: boolean;
|
|
107
|
+
acceptance_status: string;
|
|
108
|
+
acceptance_status_control: string;
|
|
109
|
+
};
|
|
110
|
+
payout_status: 'enabled' | 'disabled';
|
|
111
|
+
acceptance_status: 'enabled' | 'disabled';
|
|
112
|
+
legacy_id: string;
|
|
113
|
+
base_currency: string;
|
|
114
|
+
payment_provider: {
|
|
115
|
+
technology_id: string;
|
|
116
|
+
settlement_by: string;
|
|
117
|
+
};
|
|
118
|
+
development_house: {
|
|
119
|
+
id: string;
|
|
120
|
+
name: {
|
|
121
|
+
ar: string | null;
|
|
122
|
+
en: string;
|
|
123
|
+
};
|
|
124
|
+
logo: string;
|
|
125
|
+
};
|
|
126
|
+
payment_provider_info: {
|
|
127
|
+
technology: {
|
|
128
|
+
id: string;
|
|
129
|
+
name: {
|
|
130
|
+
ar: string | null;
|
|
131
|
+
en: string;
|
|
132
|
+
};
|
|
133
|
+
logo: string;
|
|
134
|
+
};
|
|
135
|
+
settlement_by: {
|
|
136
|
+
id: string;
|
|
137
|
+
name: {
|
|
138
|
+
ar: string | null;
|
|
139
|
+
en: string;
|
|
140
|
+
};
|
|
141
|
+
logo: string;
|
|
142
|
+
};
|
|
143
|
+
};
|
|
144
|
+
};
|
|
147
145
|
country: string;
|
|
148
146
|
license: {
|
|
149
147
|
number: string;
|
package/build/types/table.d.ts
CHANGED
|
@@ -34,7 +34,7 @@ export interface IColumnProps<R = any> {
|
|
|
34
34
|
order?: number;
|
|
35
35
|
pinned?: 'start' | 'end';
|
|
36
36
|
pinnable?: boolean;
|
|
37
|
-
cellStyle?:
|
|
37
|
+
cellStyle?: React.CSSProperties;
|
|
38
38
|
headerStyle?: React.CSSProperties;
|
|
39
39
|
filter?: IColumnFilter;
|
|
40
40
|
isDefaultPinned?: boolean;
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tap-payments/os-micro-frontend-shared",
|
|
3
3
|
"description": "Shared components and utilities for Tap Payments micro frontends",
|
|
4
|
-
"version": "0.1.
|
|
5
|
-
"testVersion":
|
|
4
|
+
"version": "0.1.218-test.2",
|
|
5
|
+
"testVersion": 2,
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "build/index.js",
|
|
8
8
|
"module": "build/index.js",
|