@tap-payments/os-micro-frontend-shared 0.1.301-test.2 → 0.1.301-test.4

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 (10) hide show
  1. package/build/components/PaymentSourceFilter/PaymentMethods.js +3 -3
  2. package/build/components/PaymentSourceFilter/PaymentSchemes.d.ts +1 -1
  3. package/build/components/PaymentSourceFilter/PaymentSchemes.js +4 -4
  4. package/build/constants/payment.d.ts +3 -0
  5. package/build/constants/payment.js +16 -7
  6. package/build/types/segment.d.ts +1 -1
  7. package/build/types/segment.js +10 -10
  8. package/build/utils/merchantSource.d.ts +3 -3
  9. package/build/utils/merchantSource.js +6 -46
  10. package/package.json +2 -2
package/build/components/PaymentSourceFilter/PaymentMethods.js CHANGED
@@ -16,10 +16,10 @@ import { rightArrow } from '../../constants/index.js';
16
16
  import PaymentMethod from './PaymentMethod';
17
17
  import { MenuItemStyled } from './style';
18
18
  export default function PaymentMethods({ paymentMethodsSource, filters, setFilters }) {
19
- var _a, _b;
19
+ var _a, _b, _c;
20
20
  const [paymentMethodsEl, setPaymentMethodsEl] = useState(null);
21
21
  const filterPaymentMethods = (_a = filters === null || filters === void 0 ? void 0 : filters.payment_methods) !== null && _a !== void 0 ? _a : [];
22
- const isDisabled = !(paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options) || !(paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options.length);
22
+ const isDisabled = !((_b = paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options) === null || _b === void 0 ? void 0 : _b.length);
23
23
  const onOpen = (e) => {
24
24
  setPaymentMethodsEl(e.currentTarget);
25
25
  };
@@ -45,5 +45,5 @@ export default function PaymentMethods({ paymentMethodsSource, filters, setFilte
45
45
  setFilters(Object.assign(Object.assign({}, filters), { payment_methods: paymentMethodsAll }));
46
46
  }
47
47
  };
48
- return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick, sx: Object.assign({}, (isDisabled && { opacity: 0.5, pointerEvents: 'none' })) }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(paymentMethodsEl), anchorEl: paymentMethodsEl, placement: "right-start" }, { children: (_b = paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options) === null || _b === void 0 ? void 0 : _b.map((paymentMethod) => (_jsx(PaymentMethod, Object.assign({}, paymentMethod, { filters: filters, setFilters: setFilters }), paymentMethod.type))) }))] })));
48
+ return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick, sx: Object.assign({}, (isDisabled && { opacity: 0.5, pointerEvents: 'none' })) }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(paymentMethodsEl), anchorEl: paymentMethodsEl, placement: "right-start" }, { children: (_c = paymentMethodsSource === null || paymentMethodsSource === void 0 ? void 0 : paymentMethodsSource.options) === null || _c === void 0 ? void 0 : _c.map((paymentMethod) => (_jsx(PaymentMethod, Object.assign({}, paymentMethod, { filters: filters, setFilters: setFilters }), paymentMethod.type))) }))] })));
49
49
  }
package/build/components/PaymentSourceFilter/PaymentSchemes.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { Filters } from './type';
2
1
  import { SourceFilter } from '../../types/index.js';
2
+ import { Filters } from './type';
3
3
  interface PaymentSchemesProps extends Filters {
4
4
  paymentSchemesSource: SourceFilter;
5
5
  }
package/build/components/PaymentSourceFilter/PaymentSchemes.js CHANGED
@@ -15,17 +15,17 @@ import { Menu } from '../index.js';
15
15
  import { rightArrow } from '../../constants/index.js';
16
16
  import { MenuItemStyled } from './style';
17
17
  export default function PaymentSchemes({ paymentSchemesSource, filters, setFilters }) {
18
- var _a, _b, _c;
18
+ var _a, _b, _c, _d;
19
19
  const [anchorEl, setAnchorEl] = useState(null);
20
20
  const paymentScheme = (_a = filters === null || filters === void 0 ? void 0 : filters.payment_scheme) !== null && _a !== void 0 ? _a : [];
21
- const isDisabled = !paymentSchemesSource.options || !(paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options.length);
21
+ const isDisabled = !((_b = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _b === void 0 ? void 0 : _b.length);
22
22
  const onOpen = (e) => {
23
23
  setAnchorEl(e.currentTarget);
24
24
  };
25
25
  const onClose = () => {
26
26
  setAnchorEl(null);
27
27
  };
28
- const isSelected = useMemo(() => { var _a; return paymentScheme.length === ((_a = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _a === void 0 ? void 0 : _a.length); }, [paymentScheme.length, (_b = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _b === void 0 ? void 0 : _b.length]);
28
+ const isSelected = useMemo(() => { var _a; return paymentScheme.length === ((_a = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _a === void 0 ? void 0 : _a.length) && !isDisabled; }, [paymentScheme.length, (_c = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _c === void 0 ? void 0 : _c.length, isDisabled]);
29
29
  const isIndeterminate = useMemo(() => !isSelected && paymentScheme.length > 0, [paymentScheme.length, isSelected]);
30
30
  const isSelectedPaymentScheme = useCallback((selectedPaymentScheme) => { var _a; return (_a = paymentScheme.includes(selectedPaymentScheme)) !== null && _a !== void 0 ? _a : false; }, [paymentScheme]);
31
31
  const onClick = () => {
@@ -48,5 +48,5 @@ export default function PaymentSchemes({ paymentSchemesSource, filters, setFilte
48
48
  setFilters(Object.assign(Object.assign({}, filters), { payment_scheme: [...((_b = filters === null || filters === void 0 ? void 0 : filters.payment_scheme) !== null && _b !== void 0 ? _b : []), selectedPaymentScheme] }));
49
49
  }
50
50
  };
51
- return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick, sx: Object.assign({}, (isDisabled && { opacity: 0.5, pointerEvents: 'none' })) }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(anchorEl), anchorEl: anchorEl, placement: "right-start" }, { children: (_c = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _c === void 0 ? void 0 : _c.map((scheme) => (_jsx(MenuItemStyled, Object.assign({ isSelected: isSelectedPaymentScheme(scheme.type), onClick: (e) => onClickPaymentScheme(e, scheme.type) }, { children: _jsx("img", { src: scheme.icon, alt: scheme === null || scheme === void 0 ? void 0 : scheme.name, style: { height: 24 } }) }), scheme.type))) }))] })));
51
+ return (_jsxs(MenuItemStyled, Object.assign({ isSelected: isSelected, isIndeterminate: isIndeterminate, onMouseEnter: onOpen, onMouseLeave: onClose, onClick: onClick, sx: Object.assign({}, (isDisabled && { opacity: 0.5, pointerEvents: 'none' })) }, { children: [_jsx("span", Object.assign({ className: "label" }, { children: paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.name })), _jsx("img", { src: rightArrow, alt: "arrow", style: { height: 12 } }), _jsx(Menu, Object.assign({ open: Boolean(anchorEl), anchorEl: anchorEl, placement: "right-start" }, { children: (_d = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _d === void 0 ? void 0 : _d.map((scheme) => (_jsx(MenuItemStyled, Object.assign({ isSelected: isSelectedPaymentScheme(scheme.type), onClick: (e) => onClickPaymentScheme(e, scheme.type) }, { children: _jsx("img", { src: scheme.icon, alt: scheme === null || scheme === void 0 ? void 0 : scheme.name, style: { height: 24 } }) }), scheme.type))) }))] })));
52
52
  }
package/build/constants/payment.d.ts CHANGED
@@ -1,3 +1,6 @@
1
+ export declare const PAYMENT_TYPES_ICONS: {
2
+ [key: string]: string;
3
+ };
1
4
  export declare const PAYMENT_TYPES: {
2
5
  name: string;
3
6
  label: string;
package/build/constants/payment.js CHANGED
@@ -1,39 +1,48 @@
1
1
  import { lightUrl } from './assets';
2
+ export const PAYMENT_TYPES_ICONS = {
3
+ DEVICE: `${lightUrl}/device.svg`,
4
+ CARD: `${lightUrl}/payment-method/card.svg`,
5
+ PASS_THRU_WALLET: `${lightUrl}/passThruWallet.svg`,
6
+ EXPRESS_CHECKOUT: `${lightUrl}/express_checkout.svg`,
7
+ STORED_VALUE_WALLET: `${lightUrl}/storedValueWallet.svg`,
8
+ CASH_WALLET: `${lightUrl}/cash.svg`,
9
+ BUY_NOW_PAY_LATER: `${lightUrl}/buyNowPayLater.svg`,
10
+ };
2
11
  export const PAYMENT_TYPES = [
3
12
  {
4
13
  name: 'CARD',
5
14
  label: 'Card',
6
- icon: `${lightUrl}/payment-method/card.svg`,
15
+ icon: PAYMENT_TYPES_ICONS.CARD,
7
16
  },
8
17
  {
9
18
  name: 'EXPRESS',
10
19
  label: 'Express Checkout',
11
- icon: `${lightUrl}/express_checkout.svg`,
20
+ icon: PAYMENT_TYPES_ICONS.EXPRESS_CHECKOUT,
12
21
  },
13
22
  {
14
23
  name: 'DEVICE',
15
24
  label: 'Device',
16
- icon: `${lightUrl}/device.svg`,
25
+ icon: PAYMENT_TYPES_ICONS.DEVICE,
17
26
  },
18
27
  {
19
28
  name: 'PT_WALLET',
20
29
  label: 'Pass-Thru Wallet',
21
- icon: `${lightUrl}/passThruWallet.svg`,
30
+ icon: PAYMENT_TYPES_ICONS.PASS_THRU_WALLET,
22
31
  },
23
32
  {
24
33
  name: 'SV_WALLET',
25
34
  label: 'Stored Value Wallet',
26
- icon: `${lightUrl}/storedValueWallet.svg`,
35
+ icon: PAYMENT_TYPES_ICONS.STORED_VALUE_WALLET,
27
36
  },
28
37
  {
29
38
  name: 'BNPL',
30
39
  label: 'Buy Now Pay Later',
31
- icon: `${lightUrl}/buyNowPayLater.svg`,
40
+ icon: PAYMENT_TYPES_ICONS.BUY_NOW_PAY_LATER,
32
41
  },
33
42
  {
34
43
  name: 'CASH',
35
44
  label: 'Cash Wallet',
36
- icon: `${lightUrl}/cash.svg`,
45
+ icon: PAYMENT_TYPES_ICONS.CASH_WALLET,
37
46
  },
38
47
  ];
39
48
  export const PAYMENT_INITIATED_CUSTOMER_KEY = 'customer';
package/build/types/segment.d.ts CHANGED
@@ -4,7 +4,7 @@ export interface SegmentData extends Segment {
4
4
  defaultCountry?: SegmentCountry;
5
5
  defaultEntity?: Entity;
6
6
  }
7
- export declare enum SEGMENTS_IDS {
7
+ export declare enum SEGMENT_CODE {
8
8
  BUSINESS = "BUSINESS",
9
9
  PLATFORM = "PLATFORM",
10
10
  DEVELOPMENT = "DEVELOPMENT",
package/build/types/segment.js CHANGED
@@ -1,10 +1,10 @@
1
- export var SEGMENTS_IDS;
2
- (function (SEGMENTS_IDS) {
3
- SEGMENTS_IDS["BUSINESS"] = "BUSINESS";
4
- SEGMENTS_IDS["PLATFORM"] = "PLATFORM";
5
- SEGMENTS_IDS["DEVELOPMENT"] = "DEVELOPMENT";
6
- SEGMENTS_IDS["PAYMENT_TECHNOLOGY"] = "PAYMENT_TECHNOLOGY";
7
- SEGMENTS_IDS["PAYMENT_FACILITATOR"] = "PAYMENT_FACILITATOR";
8
- SEGMENTS_IDS["PAYMENT_ACQUIRER"] = "PAYMENT_ACQUIRER";
9
- SEGMENTS_IDS["PAYMENT_GATEWAY"] = "PAYMENT_GATEWAY";
10
- })(SEGMENTS_IDS || (SEGMENTS_IDS = {}));
1
+ export var SEGMENT_CODE;
2
+ (function (SEGMENT_CODE) {
3
+ SEGMENT_CODE["BUSINESS"] = "BUSINESS";
4
+ SEGMENT_CODE["PLATFORM"] = "PLATFORM";
5
+ SEGMENT_CODE["DEVELOPMENT"] = "DEVELOPMENT";
6
+ SEGMENT_CODE["PAYMENT_TECHNOLOGY"] = "PAYMENT_TECHNOLOGY";
7
+ SEGMENT_CODE["PAYMENT_FACILITATOR"] = "PAYMENT_FACILITATOR";
8
+ SEGMENT_CODE["PAYMENT_ACQUIRER"] = "PAYMENT_ACQUIRER";
9
+ SEGMENT_CODE["PAYMENT_GATEWAY"] = "PAYMENT_GATEWAY";
10
+ })(SEGMENT_CODE || (SEGMENT_CODE = {}));
package/build/utils/merchantSource.d.ts CHANGED
@@ -9,8 +9,8 @@ interface PaymentMethod extends Source {
9
9
  export declare function transformPaymentMethodsData(data?: PaymentMethod[]): {
10
10
  name: string;
11
11
  type: string;
12
- options: ({
13
- name: string;
12
+ options: {
13
+ name: TextAndLang[];
14
14
  type: string;
15
15
  icon: string;
16
16
  options: {
@@ -18,7 +18,7 @@ export declare function transformPaymentMethodsData(data?: PaymentMethod[]): {
18
18
  type: string;
19
19
  icon: string;
20
20
  }[];
21
- } | null)[] | undefined;
21
+ }[] | undefined;
22
22
  };
23
23
  export declare function transformPaymentSchemesData(data?: Source[]): {
24
24
  name: string;
package/build/utils/merchantSource.js CHANGED
@@ -1,56 +1,16 @@
1
- import { lightUrl } from '../constants/index.js';
1
+ import { lightUrl, PAYMENT_TYPES_ICONS } from '../constants/index.js';
2
2
  import { getNameText } from './language';
3
- const PAYMENT_TYPES = {
4
- DEVICE: {
5
- name: 'Device',
6
- type: 'device',
7
- icon: `${lightUrl}/device.svg`,
8
- },
9
- CARD: {
10
- name: 'Cards',
11
- type: 'cards',
12
- icon: `${lightUrl}/payment-method/card.svg`,
13
- },
14
- PASS_THRU_WALLET: {
15
- name: 'Pass-Thru Wallet',
16
- type: 'pass_thru_wallet',
17
- icon: `${lightUrl}/passThruWallet.svg`,
18
- },
19
- EXPRESS_CHECKOUT: {
20
- name: 'Express Checkout',
21
- type: 'express_checkout',
22
- icon: `${lightUrl}/express_checkout.svg`,
23
- },
24
- STORED_VALUE_WALLET: {
25
- name: 'Stored Value Wallet',
26
- type: 'stored_value_wallet',
27
- icon: `${lightUrl}/storedValueWallet.svg`,
28
- },
29
- CASH_WALLET: {
30
- name: 'Cash Wallet',
31
- type: 'cash_wallet',
32
- icon: `${lightUrl}/cash.svg`,
33
- },
34
- BUY_NOW_PAY_LATER: {
35
- name: 'Buy Now Pay Later',
36
- type: 'buy_now_pay_later',
37
- icon: `${lightUrl}/buyNowPayLater.svg`,
38
- },
39
- };
40
3
  export function transformPaymentMethodsData(data) {
41
4
  return {
42
5
  name: 'Payment Methods',
43
6
  type: 'payment_methods',
44
7
  options: data === null || data === void 0 ? void 0 : data.map((category) => {
45
- var _a, _b;
46
- const paymentType = (_a = PAYMENT_TYPES[category.code]) !== null && _a !== void 0 ? _a : {};
47
- if (!paymentType)
48
- return null;
8
+ var _a;
49
9
  return {
50
- name: paymentType === null || paymentType === void 0 ? void 0 : paymentType.name,
51
- type: paymentType === null || paymentType === void 0 ? void 0 : paymentType.type,
52
- icon: paymentType === null || paymentType === void 0 ? void 0 : paymentType.icon,
53
- options: (_b = category.payment_methods) === null || _b === void 0 ? void 0 : _b.map((method) => ({
10
+ name: category === null || category === void 0 ? void 0 : category.name,
11
+ type: category === null || category === void 0 ? void 0 : category.code,
12
+ icon: PAYMENT_TYPES_ICONS[category.code],
13
+ options: (_a = category.payment_methods) === null || _a === void 0 ? void 0 : _a.map((method) => ({
54
14
  name: getNameText(method.name),
55
15
  type: method.code,
56
16
  icon: `${lightUrl}/payment-method/${method.code}.svg`,
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.301-test.2",
5
- "testVersion": 2,
4
+ "version": "0.1.301-test.4",
5
+ "testVersion": 4,
6
6
  "type": "module",
7
7
  "main": "build/index.js",
8
8
  "module": "build/index.js",