@tap-payments/os-micro-frontend-shared 0.0.249 → 0.0.250-test.11

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 (42) hide show
  1. package/build/components/SourceChips/AuthenticationChip/AuthenticationChip.d.ts +7 -0
  2. package/build/components/SourceChips/AuthenticationChip/AuthenticationChip.js +31 -0
  3. package/build/components/SourceChips/AuthenticationChip/constants.d.ts +30 -0
  4. package/build/components/SourceChips/AuthenticationChip/constants.js +25 -0
  5. package/build/components/SourceChips/AuthenticationChip/index.d.ts +3 -0
  6. package/build/components/SourceChips/AuthenticationChip/index.js +2 -0
  7. package/build/components/SourceChips/GeographyChip/GeographyChip.d.ts +7 -0
  8. package/build/components/SourceChips/GeographyChip/GeographyChip.js +22 -0
  9. package/build/components/SourceChips/GeographyChip/constants.d.ts +16 -0
  10. package/build/components/SourceChips/GeographyChip/constants.js +11 -0
  11. package/build/components/SourceChips/GeographyChip/index.d.ts +2 -0
  12. package/build/components/SourceChips/GeographyChip/index.js +2 -0
  13. package/build/components/SourceChips/PaymentAgreementChip/PaymentAgreementChip.d.ts +7 -0
  14. package/build/components/SourceChips/PaymentAgreementChip/PaymentAgreementChip.js +21 -0
  15. package/build/components/SourceChips/PaymentAgreementChip/constants.d.ts +21 -0
  16. package/build/components/SourceChips/PaymentAgreementChip/constants.js +16 -0
  17. package/build/components/SourceChips/PaymentAgreementChip/index.d.ts +3 -0
  18. package/build/components/SourceChips/PaymentAgreementChip/index.js +2 -0
  19. package/build/components/SourceChips/index.d.ts +3 -0
  20. package/build/components/SourceChips/index.js +3 -0
  21. package/build/components/StatusButton/StatusButton.js +4 -3
  22. package/build/components/StatusButton/type.d.ts +0 -1
  23. package/build/components/StatusChip/StatusChip.d.ts +1 -2
  24. package/build/components/StatusChip/StatusChip.js +10 -5
  25. package/build/components/StatusChip/constants.d.ts +5 -0
  26. package/build/components/StatusChip/constants.js +5 -0
  27. package/build/components/StatusChip/style.d.ts +1 -0
  28. package/build/components/StatusChip/type.d.ts +1 -0
  29. package/build/components/StatusGroupChips/style.d.ts +12 -1
  30. package/build/components/StatusIcons/GeographyIcon/GeographyIcon.d.ts +1 -1
  31. package/build/components/index.d.ts +1 -0
  32. package/build/components/index.js +1 -0
  33. package/build/constants/index.d.ts +1 -0
  34. package/build/constants/index.js +1 -0
  35. package/build/constants/payment.d.ts +5 -0
  36. package/build/constants/payment.js +38 -0
  37. package/build/constants/table/cell/chargeTableCellWidth.d.ts +1 -1
  38. package/build/constants/table/cell/chargeTableCellWidth.js +1 -1
  39. package/build/types/analytics.d.ts +2 -1
  40. package/build/types/analytics.js +1 -0
  41. package/build/types/user.d.ts +1 -0
  42. package/package.json +3 -3
@@ -0,0 +1,7 @@
1
+ import { StatusChipProps } from '../../StatusChip';
2
+ export type AuthenticationChipType = 'issuer' | 'scheme' | 'device' | 'app' | 'wallet' | '3DS' | 'Device Biometric' | 'Non-3DS';
3
+ interface AuthenticationChipProps extends Omit<StatusChipProps, 'children'> {
4
+ authenticationType?: AuthenticationChipType;
5
+ }
6
+ declare const AuthenticationChip: ({ authenticationType, unknownText, ...props }: AuthenticationChipProps) => import("react/jsx-runtime").JSX.Element;
7
+ export default AuthenticationChip;
@@ -0,0 +1,31 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import { jsx as _jsx } from "react/jsx-runtime";
13
+ import StatusChip from '../../StatusChip';
14
+ import { authenticationColors } from './constants';
15
+ const authenticationTypeMap = {
16
+ issuer: 'Issuer',
17
+ scheme: 'Scheme',
18
+ device: 'Device',
19
+ app: 'App',
20
+ wallet: 'Wallet',
21
+ 'Device Biometric': 'Biometric',
22
+ '3DS': '3DS',
23
+ 'Non-3DS': 'Non-3DS',
24
+ };
25
+ const AuthenticationChip = (_a) => {
26
+ var { authenticationType, unknownText = 'noAuth' } = _a, props = __rest(_a, ["authenticationType", "unknownText"]);
27
+ const statusText = authenticationType && authenticationTypeMap[authenticationType];
28
+ const chipColors = authenticationType && authenticationColors[authenticationType];
29
+ return (_jsx(StatusChip, Object.assign({}, chipColors, { unknownText: unknownText }, props, { children: statusText })));
30
+ };
31
+ export default AuthenticationChip;
@@ -0,0 +1,30 @@
1
+ export interface AuthenticationColors {
2
+ bgColor: string;
3
+ borderColor?: string;
4
+ textColor?: string;
5
+ }
6
+ export declare const authenticationColors: {
7
+ issuer: {
8
+ bgColor: string;
9
+ textColor: string;
10
+ };
11
+ scheme: {
12
+ bgColor: string;
13
+ textColor: string;
14
+ };
15
+ app: {
16
+ bgColor: string;
17
+ textColor: string;
18
+ };
19
+ wallet: {
20
+ bgColor: string;
21
+ textColor: string;
22
+ };
23
+ device: {};
24
+ 'Device Biometric': {
25
+ bgColor: string;
26
+ textColor: string;
27
+ };
28
+ '3DS': {};
29
+ 'Non-3DS': {};
30
+ };
@@ -0,0 +1,25 @@
1
+ export const authenticationColors = {
2
+ issuer: {
3
+ bgColor: '#1F88D033',
4
+ textColor: '#1F88D0',
5
+ },
6
+ scheme: {
7
+ bgColor: '#5E30EB33',
8
+ textColor: '#5E30EB',
9
+ },
10
+ app: {
11
+ bgColor: '#AF2D6F33',
12
+ textColor: '#AF2D6F',
13
+ },
14
+ wallet: {
15
+ bgColor: '#18AA3333',
16
+ textColor: '#18AA33',
17
+ },
18
+ device: {},
19
+ 'Device Biometric': {
20
+ bgColor: '#F0820033',
21
+ textColor: '#F08200',
22
+ },
23
+ '3DS': {},
24
+ 'Non-3DS': {},
25
+ };
@@ -0,0 +1,3 @@
1
+ import AuthenticationChip from './AuthenticationChip';
2
+ export type { AuthenticationChipType } from './AuthenticationChip';
3
+ export default AuthenticationChip;
@@ -0,0 +1,2 @@
1
+ import AuthenticationChip from './AuthenticationChip';
2
+ export default AuthenticationChip;
@@ -0,0 +1,7 @@
1
+ import { StatusChipProps } from '../../StatusChip';
2
+ import { GeographyVariant } from '../../../types/index.js';
3
+ interface GeographyChipProps extends Omit<StatusChipProps, 'children'> {
4
+ geographyVariant?: GeographyVariant;
5
+ }
6
+ declare const GeographyChip: ({ geographyVariant, ...props }: GeographyChipProps) => import("react/jsx-runtime").JSX.Element;
7
+ export default GeographyChip;
@@ -0,0 +1,22 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import { jsx as _jsx } from "react/jsx-runtime";
13
+ import StatusChip from '../../StatusChip';
14
+ import { geographyMap } from '../../../utils/index.js';
15
+ import { geographyColors } from './constants';
16
+ const GeographyChip = (_a) => {
17
+ var { geographyVariant } = _a, props = __rest(_a, ["geographyVariant"]);
18
+ const statusText = geographyVariant && geographyMap[geographyVariant];
19
+ const chipColors = geographyVariant && geographyColors[geographyVariant];
20
+ return (_jsx(StatusChip, Object.assign({}, chipColors, props, { children: statusText })));
21
+ };
22
+ export default GeographyChip;
@@ -0,0 +1,16 @@
1
+ export interface GeographyColors {
2
+ bgColor: string;
3
+ borderColor: string;
4
+ textColor: string;
5
+ }
6
+ export declare const geographyColors: {
7
+ L: {
8
+ bgColor: string;
9
+ };
10
+ R: {
11
+ bgColor: string;
12
+ };
13
+ G: {
14
+ bgColor: string;
15
+ };
16
+ };
@@ -0,0 +1,11 @@
1
+ export const geographyColors = {
2
+ L: {
3
+ bgColor: '#BFEBB480',
4
+ },
5
+ R: {
6
+ bgColor: '#B4D9EB80',
7
+ },
8
+ G: {
9
+ bgColor: '#FEE7B280',
10
+ },
11
+ };
@@ -0,0 +1,2 @@
1
+ import GeographyChip from './GeographyChip';
2
+ export default GeographyChip;
@@ -0,0 +1,2 @@
1
+ import GeographyChip from './GeographyChip';
2
+ export default GeographyChip;
@@ -0,0 +1,7 @@
1
+ import { StatusChipProps } from '../../StatusChip';
2
+ export type PaymentAgreementType = 'ORDER' | 'SAVED_CARD' | 'SUBSCRIPTION' | 'INSTALLMENT' | undefined;
3
+ interface PaymentAgreementChipProps extends Omit<StatusChipProps, 'children'> {
4
+ agreementType?: PaymentAgreementType;
5
+ }
6
+ declare const PaymentAgreementChip: ({ agreementType, unknownText, ...props }: PaymentAgreementChipProps) => import("react/jsx-runtime").JSX.Element;
7
+ export default PaymentAgreementChip;
@@ -0,0 +1,21 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import { jsx as _jsx } from "react/jsx-runtime";
13
+ import StatusChip from '../../StatusChip';
14
+ import { agreementTypeMap, paymentAgreementColors } from './constants';
15
+ const PaymentAgreementChip = (_a) => {
16
+ var { agreementType, unknownText = 'noAgreement' } = _a, props = __rest(_a, ["agreementType", "unknownText"]);
17
+ const statusText = agreementType && agreementTypeMap[agreementType];
18
+ const chipColors = agreementType && paymentAgreementColors[agreementType];
19
+ return (_jsx(StatusChip, Object.assign({}, chipColors, { unknownText: unknownText }, props, { children: statusText })));
20
+ };
21
+ export default PaymentAgreementChip;
@@ -0,0 +1,21 @@
1
+ export interface PaymentAgreementColors {
2
+ bgColor: string;
3
+ borderColor?: string;
4
+ textColor?: string;
5
+ }
6
+ export declare const paymentAgreementColors: {
7
+ ORDER: {
8
+ bgColor: string;
9
+ textColor: string;
10
+ };
11
+ SAVED_CARD: {
12
+ bgColor: string;
13
+ textColor: string;
14
+ };
15
+ };
16
+ export declare const agreementTypeMap: {
17
+ ORDER: string;
18
+ SAVED_CARD: string;
19
+ SUBSCRIPTION: string;
20
+ INSTALLMENT: string;
21
+ };
@@ -0,0 +1,16 @@
1
+ export const paymentAgreementColors = {
2
+ ORDER: {
3
+ bgColor: '#5E30EB33',
4
+ textColor: '#5E30EB',
5
+ },
6
+ SAVED_CARD: {
7
+ bgColor: '#76BB4033',
8
+ textColor: '#76BB40',
9
+ },
10
+ };
11
+ export const agreementTypeMap = {
12
+ ORDER: 'Order',
13
+ SAVED_CARD: 'Saved card',
14
+ SUBSCRIPTION: 'Subscription',
15
+ INSTALLMENT: 'Installment',
16
+ };
@@ -0,0 +1,3 @@
1
+ import PaymentAgreementChip from './PaymentAgreementChip';
2
+ export type { PaymentAgreementType } from './PaymentAgreementChip';
3
+ export default PaymentAgreementChip;
@@ -0,0 +1,2 @@
1
+ import PaymentAgreementChip from './PaymentAgreementChip';
2
+ export default PaymentAgreementChip;
@@ -0,0 +1,3 @@
1
+ export { default as PaymentAgreementChip, type PaymentAgreementType } from './PaymentAgreementChip';
2
+ export { default as AuthenticationChip, type AuthenticationChipType } from './AuthenticationChip';
3
+ export { default as GeographyChip } from './GeographyChip';
@@ -0,0 +1,3 @@
1
+ export { default as PaymentAgreementChip } from './PaymentAgreementChip';
2
+ export { default as AuthenticationChip } from './AuthenticationChip';
3
+ export { default as GeographyChip } from './GeographyChip';
@@ -19,12 +19,12 @@ import { ChevronContainer, Label, LabelWrapper, StyledStatusIcon, StyledDropdown
19
19
  import { statusButtonIcons } from './constant';
20
20
  const StatusButton = memo((props) => {
21
21
  var _a;
22
- const { variant = 'inActive', badgeCount, icon, label, dropdownOptions, onButtonBodyClick, defaultSelectedStatus } = props, restProps = __rest(props, ["variant", "badgeCount", "icon", "label", "dropdownOptions", "onButtonBodyClick", "defaultSelectedStatus"]);
22
+ const { variant = 'inActive', badgeCount, icon, label, dropdownOptions, onButtonBodyClick } = props, restProps = __rest(props, ["variant", "badgeCount", "icon", "label", "dropdownOptions", "onButtonBodyClick"]);
23
23
  const [buttonClicks, setButtonClicks] = useState(0);
24
24
  const { t } = useTranslation();
25
25
  const buttonRef = useRef(null);
26
26
  const [anchorEl, setAnchorEl] = useState(null);
27
- const [selectedStatus, setSelectedStatus] = useState(defaultSelectedStatus !== null && defaultSelectedStatus !== void 0 ? defaultSelectedStatus : (_a = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions[0]) === null || _a === void 0 ? void 0 : _a.status);
27
+ const [selectedStatus, setSelectedStatus] = useState((_a = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions[0]) === null || _a === void 0 ? void 0 : _a.status);
28
28
  const hasDropdown = useMemo(() => Boolean(dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.length), [dropdownOptions]);
29
29
  const isDropdownOpen = Boolean(anchorEl) && buttonClicks > 1;
30
30
  const isActiveVariant = variant === 'active';
@@ -66,8 +66,9 @@ const StatusButton = memo((props) => {
66
66
  }, [handleDropdownClose]);
67
67
  const menuItems = useMemo(() => (dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map((item) => (Object.assign(Object.assign({}, item), { onClick: handleMenuItemClick(item) })))) || [], [dropdownOptions, handleMenuItemClick]);
68
68
  const ButtonComponent = statusButtonVariants[variant];
69
+ const displayLabel = selectedStatus ? t(selectedStatus) : label;
69
70
  return (_jsxs(_Fragment, { children: [_jsx(ButtonComponent, Object.assign({ "data-testid": "StatusButton" }, restProps, { ref: buttonRef, onClick: handleButtonClick, sx: Object.assign({}, (hasDropdown && {
70
71
  paddingInlineEnd: '27px',
71
- })) }, { children: _jsxs(LabelWrapper, { children: [_jsxs(Label, Object.assign({ variant: variant }, { children: [statusIcon, selectedStatus ? t(selectedStatus) : label, statusBadge] })), dropdownIcon && _jsx(ChevronContainer, { children: dropdownIcon })] }) })), isDropdownOpen && hasDropdown && (_jsx(StyledDropdown, { open: isDropdownOpen, onClose: handleDropdownClose, anchorEl: anchorEl, menuItems: menuItems }))] }));
72
+ })) }, { children: _jsxs(LabelWrapper, { children: [_jsxs(Label, Object.assign({ variant: variant }, { children: [statusIcon, displayLabel, statusBadge] })), dropdownIcon && _jsx(ChevronContainer, { children: dropdownIcon })] }) })), isDropdownOpen && hasDropdown && (_jsx(StyledDropdown, { open: isDropdownOpen, onClose: handleDropdownClose, anchorEl: anchorEl, menuItems: menuItems }))] }));
72
73
  });
73
74
  export default StatusButton;
@@ -13,7 +13,6 @@ export interface StatusButtonProps extends Omit<ButtonProps, 'variant' | 'childr
13
13
  showDropdownIcon?: boolean;
14
14
  totalCount?: number;
15
15
  onButtonBodyClick?: (status: TableHeaderStatus) => void;
16
- defaultSelectedStatus?: TableHeaderStatus;
17
16
  dropdownOptions?: Array<MenuItemI & {
18
17
  status: TableHeaderStatus;
19
18
  }>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ChipProps } from './type';
3
- declare const StatusChip: import("react").ForwardRefExoticComponent<Omit<ChipProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
2
+ declare const StatusChip: ({ children, unknownText, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
4
3
  export default StatusChip;
@@ -10,10 +10,15 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import { jsx as _jsx } from "react/jsx-runtime";
13
- import { forwardRef } from 'react';
13
+ import { useTranslation } from 'react-i18next';
14
+ import { unknownGeographyColors } from './constants';
14
15
  import { ChipStyled } from './style';
15
- const StatusChip = forwardRef((_a, ref) => {
16
- var { children } = _a, props = __rest(_a, ["children"]);
17
- return (_jsx(ChipStyled, Object.assign({ ref: ref }, props, { children: children })));
18
- });
16
+ const StatusChip = (_a) => {
17
+ var { children, unknownText } = _a, props = __rest(_a, ["children", "unknownText"]);
18
+ const { t } = useTranslation();
19
+ if (!children) {
20
+ return (_jsx(ChipStyled, Object.assign({}, unknownGeographyColors, props, { children: unknownText ? t(unknownText) : t('unknown') })));
21
+ }
22
+ return _jsx(ChipStyled, Object.assign({}, props, { children: children }));
23
+ };
19
24
  export default StatusChip;
@@ -0,0 +1,5 @@
1
+ export declare const unknownGeographyColors: {
2
+ bgColor: string;
3
+ borderColor: string;
4
+ textColor: string;
5
+ };
@@ -0,0 +1,5 @@
1
+ export const unknownGeographyColors = {
2
+ bgColor: 'white',
3
+ borderColor: '#F2F2F2',
4
+ textColor: '#20232B33',
5
+ };
@@ -7,6 +7,7 @@ export declare const ChipStyled: import("@emotion/styled").StyledComponent<impor
7
7
  borderColor?: string | undefined;
8
8
  disabled?: boolean | undefined;
9
9
  padding?: string | undefined;
10
+ unknownText?: string | undefined;
10
11
  } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
11
12
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
12
13
  }, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
@@ -6,4 +6,5 @@ export type ChipProps = PropsWithChildren<{
6
6
  borderColor?: string;
7
7
  disabled?: boolean;
8
8
  padding?: string;
9
+ unknownText?: string;
9
10
  } & BoxProps>;
@@ -2,4 +2,15 @@
2
2
  export declare const StyledContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
3
3
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
4
4
  }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
5
- export declare const StyledStatusChip: import("@emotion/styled").StyledComponent<Omit<import("../StatusChip").StatusChipProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
5
+ export declare const StyledStatusChip: import("@emotion/styled").StyledComponent<{
6
+ textColor?: string | undefined;
7
+ bgColor?: string | undefined;
8
+ borderColor?: string | undefined;
9
+ disabled?: boolean | undefined;
10
+ padding?: string | undefined;
11
+ unknownText?: string | undefined;
12
+ } & import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
13
+ ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
14
+ }, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
15
+ children?: import("react").ReactNode;
16
+ } & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
@@ -1,5 +1,5 @@
1
1
  export declare const GeographyIcon: ({ geographyVariant, countryCode, isTextShown, }: {
2
- geographyVariant?: "R" | "G" | "L" | undefined;
2
+ geographyVariant?: "G" | "L" | "R" | undefined;
3
3
  countryCode?: string | undefined;
4
4
  isTextShown?: boolean | undefined;
5
5
  }) => import("react/jsx-runtime").JSX.Element;
@@ -94,3 +94,4 @@ export * from './StatusGroupChips';
94
94
  export * from './TableHeader';
95
95
  export { default as RangeCalender } from './RangeCalender';
96
96
  export { default as AppServices } from './AppServices';
97
+ export * from './SourceChips';
@@ -94,3 +94,4 @@ export * from './StatusGroupChips';
94
94
  export * from './TableHeader';
95
95
  export { default as RangeCalender } from './RangeCalender';
96
96
  export { default as AppServices } from './AppServices';
97
+ export * from './SourceChips';
@@ -10,3 +10,4 @@ export * from './timezones';
10
10
  export * from './currency';
11
11
  export * from './table';
12
12
  export * from './toggleOptions';
13
+ export * from './payment';
@@ -10,3 +10,4 @@ export * from './timezones';
10
10
  export * from './currency';
11
11
  export * from './table';
12
12
  export * from './toggleOptions';
13
+ export * from './payment';
@@ -0,0 +1,5 @@
1
+ export declare const PAYMENT_TYPES: {
2
+ type: string;
3
+ label: string;
4
+ icon: string;
5
+ }[];
@@ -0,0 +1,38 @@
1
+ import { lightUrl } from './assets';
2
+ export const PAYMENT_TYPES = [
3
+ {
4
+ type: 'CARD',
5
+ label: 'Card',
6
+ icon: `${lightUrl}/payment-method/card.svg`,
7
+ },
8
+ {
9
+ type: 'EXPRESS',
10
+ label: 'Express Checkout',
11
+ icon: `${lightUrl}/express_checkout.svg`,
12
+ },
13
+ {
14
+ type: 'DEVICE',
15
+ label: 'Device',
16
+ icon: `${lightUrl}/device.svg`,
17
+ },
18
+ {
19
+ type: 'PT_WALLET',
20
+ label: 'Pass-Thru Wallet',
21
+ icon: `${lightUrl}/passThruWallet.svg`,
22
+ },
23
+ {
24
+ type: 'SV_WALLET',
25
+ label: 'Stored Value Wallet',
26
+ icon: `${lightUrl}/storedValueWallet.svg`,
27
+ },
28
+ {
29
+ type: 'BNPL',
30
+ label: 'Buy Now Pay Later',
31
+ icon: `${lightUrl}/buyNowPayLater.svg`,
32
+ },
33
+ {
34
+ type: 'CASH',
35
+ label: 'Cash Wallet',
36
+ icon: `${lightUrl}/cash.svg`,
37
+ },
38
+ ];
@@ -42,7 +42,7 @@ export declare const chargeTableCellWidth: {
42
42
  readonly source: {
43
43
  readonly default: "114px";
44
44
  readonly text: "125px";
45
- readonly sheet: "625px";
45
+ readonly sheet: "1250px";
46
46
  };
47
47
  readonly authenticate: {
48
48
  readonly default: "55px";
@@ -42,7 +42,7 @@ export const chargeTableCellWidth = {
42
42
  source: {
43
43
  default: '114px',
44
44
  text: '125px',
45
- sheet: '625px',
45
+ sheet: '1250px',
46
46
  },
47
47
  authenticate: {
48
48
  default: '55px',
@@ -27,5 +27,6 @@ export interface AnalyticsDetails {
27
27
  export declare enum ChargeBreakDownType {
28
28
  PaymentMethod = "PAYMENT_METHOD",
29
29
  PaymentCurrency = "PAYMENT_CURRENCY",
30
- PaymentScheme = "PAYMENT_SCHEME"
30
+ PaymentScheme = "PAYMENT_SCHEME",
31
+ PaymentType = "PAYMENT_TYPE"
31
32
  }
@@ -3,4 +3,5 @@ export var ChargeBreakDownType;
3
3
  ChargeBreakDownType["PaymentMethod"] = "PAYMENT_METHOD";
4
4
  ChargeBreakDownType["PaymentCurrency"] = "PAYMENT_CURRENCY";
5
5
  ChargeBreakDownType["PaymentScheme"] = "PAYMENT_SCHEME";
6
+ ChargeBreakDownType["PaymentType"] = "PAYMENT_TYPE";
6
7
  })(ChargeBreakDownType || (ChargeBreakDownType = {}));
@@ -211,4 +211,5 @@ export interface UserFormI {
211
211
  id_type?: string;
212
212
  is_authorized?: boolean;
213
213
  }
214
+ export type GeographyVariant = 'G' | 'L' | 'R';
214
215
  export {};
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.0.249",
5
- "testVersion": 0,
4
+ "version": "0.0.250-test.11",
5
+ "testVersion": 11,
6
6
  "type": "module",
7
7
  "main": "build/index.js",
8
8
  "module": "build/index.js",
@@ -131,4 +131,4 @@
131
131
  "publishConfig": {
132
132
  "registry": "https://registry.npmjs.org/"
133
133
  }
134
- }
134
+ }