@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.
@@ -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, defaultTimezone: defaultTimezone }), _jsx(UserTimezone, { onChange: updateTimezone, selectedTimezone: selectedTimezone, browserTimezone: browserTimezone })] })) }))] })) })));
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, defaultTimezone, getTimezoneByCountryCode, segmentCountries, }: EntitiesTimezoneProps): import("react/jsx-runtime").JSX.Element;
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, defaultTimezone, getTimezoneByCountryCode, segmentCountries, }) {
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("@mui/system").SxProps | undefined;
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("@mui/system").SxProps | undefined;
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: MerchantDetails;
146
- retailer: MerchantDetails;
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;
@@ -34,7 +34,7 @@ export interface IColumnProps<R = any> {
34
34
  order?: number;
35
35
  pinned?: 'start' | 'end';
36
36
  pinnable?: boolean;
37
- cellStyle?: SxProps;
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.217-test.14",
5
- "testVersion": 14,
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",