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

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 (6) hide show
  1. package/build/components/Customer/CustomerDropdown/index.d.ts +1 -1
  2. package/build/components/PaymentSourceFilter/PaymentMethods.js +6 -5
  3. package/build/components/PaymentSourceFilter/PaymentSchemes.js +5 -4
  4. package/build/utils/merchantSource.d.ts +1 -1
  5. package/build/utils/merchantSource.js +2 -1
  6. package/package.json +2 -2
package/build/components/Customer/CustomerDropdown/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { default, CustomerDropdownProps } from './CustomerDropdown';
1
+ export { default, type CustomerDropdownProps } from './CustomerDropdown';
package/build/components/PaymentSourceFilter/PaymentMethods.js CHANGED
@@ -34,16 +34,17 @@ export default function PaymentMethods({ paymentMethodsSource, filters, setFilte
34
34
  return acc;
35
35
  }, [])) !== null && _c !== void 0 ? _c : [];
36
36
  }, []);
37
- const isSelected = useMemo(() => (paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length) === filterPaymentMethods.length && !isDisabled, [filterPaymentMethods.length, paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length, isDisabled]);
38
- const isIndeterminate = useMemo(() => !isSelected && (paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length) !== filterPaymentMethods.length && filterPaymentMethods.length > 0, [filterPaymentMethods.length, paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length, isSelected]);
37
+ const isSelected = useMemo(() => (paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length) === filterPaymentMethods.length && filterPaymentMethods.length > 0, [filterPaymentMethods.length, paymentMethodsAll === null || paymentMethodsAll === void 0 ? void 0 : paymentMethodsAll.length]);
38
+ const isIndeterminate = useMemo(() => !isSelected && filterPaymentMethods.length > 0, [filterPaymentMethods.length, isSelected]);
39
39
  const onClick = () => {
40
+ if (isDisabled)
41
+ return;
40
42
  if (isSelected) {
41
43
  const { payment_methods } = filters, resetFilters = __rest(filters, ["payment_methods"]);
42
44
  setFilters(resetFilters);
45
+ return;
43
46
  }
44
- else {
45
- setFilters(Object.assign(Object.assign({}, filters), { payment_methods: paymentMethodsAll }));
46
- }
47
+ setFilters(Object.assign(Object.assign({}, filters), { payment_methods: paymentMethodsAll }));
47
48
  };
48
49
  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
50
  }
package/build/components/PaymentSourceFilter/PaymentSchemes.js CHANGED
@@ -25,18 +25,19 @@ export default function PaymentSchemes({ paymentSchemesSource, filters, setFilte
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) && !isDisabled; }, [paymentScheme.length, (_c = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _c === void 0 ? void 0 : _c.length, isDisabled]);
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 > 0; }, [paymentScheme.length, (_c = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _c === void 0 ? void 0 : _c.length]);
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 = () => {
32
32
  var _a, _b;
33
+ if (isDisabled)
34
+ return;
33
35
  if (isSelected) {
34
36
  const { payment_scheme } = filters, resetFilters = __rest(filters, ["payment_scheme"]);
35
37
  setFilters(resetFilters);
38
+ return;
36
39
  }
37
- else {
38
- setFilters(Object.assign(Object.assign({}, filters), { payment_scheme: (_b = (_a = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _a === void 0 ? void 0 : _a.map((paymentSchemeItem) => paymentSchemeItem.type)) !== null && _b !== void 0 ? _b : [] }));
39
- }
40
+ setFilters(Object.assign(Object.assign({}, filters), { payment_scheme: (_b = (_a = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _a === void 0 ? void 0 : _a.map((paymentSchemeItem) => paymentSchemeItem.type)) !== null && _b !== void 0 ? _b : [] }));
40
41
  };
41
42
  const onClickPaymentScheme = (e, selectedPaymentScheme) => {
42
43
  var _a, _b;
package/build/utils/merchantSource.d.ts CHANGED
@@ -10,7 +10,7 @@ export declare function transformPaymentMethodsData(data?: PaymentMethod[]): {
10
10
  name: string;
11
11
  type: string;
12
12
  options: {
13
- name: TextAndLang[];
13
+ name: string;
14
14
  type: string;
15
15
  icon: string;
16
16
  options: {
package/build/utils/merchantSource.js CHANGED
@@ -1,3 +1,4 @@
1
+ import capitalize from 'lodash/capitalize';
1
2
  import { lightUrl, PAYMENT_TYPES_ICONS } from '../constants/index.js';
2
3
  import { getNameText } from './language';
3
4
  export function transformPaymentMethodsData(data) {
@@ -7,7 +8,7 @@ export function transformPaymentMethodsData(data) {
7
8
  options: data === null || data === void 0 ? void 0 : data.map((category) => {
8
9
  var _a;
9
10
  return {
10
- name: category === null || category === void 0 ? void 0 : category.name,
11
+ name: capitalize(getNameText(category === null || category === void 0 ? void 0 : category.name)),
11
12
  type: category === null || category === void 0 ? void 0 : category.code,
12
13
  icon: PAYMENT_TYPES_ICONS[category.code],
13
14
  options: (_a = category.payment_methods) === null || _a === void 0 ? void 0 : _a.map((method) => ({
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.4",
5
- "testVersion": 4,
4
+ "version": "0.1.301-test.5",
5
+ "testVersion": 5,
6
6
  "type": "module",
7
7
  "main": "build/index.js",
8
8
  "module": "build/index.js",