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

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 (73) hide show
  1. package/build/components/AnimatedSpinnerIcon/style.d.ts +1 -0
  2. package/build/components/Chip/style.d.ts +1 -0
  3. package/build/components/CountBadge/style.d.ts +1 -0
  4. package/build/components/Customer/CustomerDropdown/CustomerDropdown.d.ts +2 -2
  5. package/build/components/Customer/CustomerDropdown/CustomerDropdown.js +1 -1
  6. package/build/components/Customer/CustomerDropdown/index.d.ts +1 -1
  7. package/build/components/Customer/CustomerForms/CustomerEmailForm.d.ts +12 -0
  8. package/build/components/Customer/CustomerForms/{EmailForm.js → CustomerEmailForm.js} +2 -2
  9. package/build/components/Customer/CustomerForms/{FullInfo.d.ts → CustomerFullInfo.d.ts} +3 -3
  10. package/build/components/Customer/CustomerForms/{FullInfo.js → CustomerFullInfo.js} +2 -2
  11. package/build/components/Customer/CustomerForms/CustomerFullInfoForm.d.ts +12 -0
  12. package/build/components/Customer/CustomerForms/{FullInfoForm.js → CustomerFullInfoForm.js} +2 -2
  13. package/build/components/Customer/CustomerForms/CustomerPhoneNumberForm.d.ts +12 -0
  14. package/build/components/Customer/CustomerForms/{PhoneNumberForm.js → CustomerPhoneNumberForm.js} +2 -2
  15. package/build/components/Customer/CustomerForms/index.d.ts +8 -8
  16. package/build/components/Customer/CustomerForms/index.js +8 -8
  17. package/build/components/Customer/index.d.ts +2 -1
  18. package/build/components/Customer/index.js +1 -0
  19. package/build/components/Dialog/style.d.ts +1 -0
  20. package/build/components/FlippingCard/style.d.ts +1 -0
  21. package/build/components/ImageWrapper/ImageWrapper.d.ts +1 -0
  22. package/build/components/JSONViewer/style.d.ts +1 -0
  23. package/build/components/LeftPeekRightExpandingChip/style.d.ts +1 -0
  24. package/build/components/RightLeftExpandingCenterChip/style.d.ts +1 -0
  25. package/build/components/SearchButton/styles.d.ts +1 -0
  26. package/build/components/StatusIcons/AuthIcons/style.d.ts +1 -0
  27. package/build/components/StatusIcons/AuthorizationAutoIcons/style.d.ts +1 -0
  28. package/build/components/StatusIcons/ChargeStatusIcon/style.d.ts +1 -0
  29. package/build/components/StatusIcons/SourceIcons/style.d.ts +1 -0
  30. package/build/components/TableCells/CustomCells/ActionCell/style.d.ts +1 -0
  31. package/build/components/TableCells/CustomCells/ApplicationStatusCell/style.d.ts +1 -0
  32. package/build/components/TableCells/CustomCells/AuthenticationCell/style.d.ts +1 -0
  33. package/build/components/TableCells/CustomCells/AuthenticationStatusCell/style.d.ts +1 -0
  34. package/build/components/TableCells/CustomCells/AuthenticationTypeCell/style.d.ts +1 -0
  35. package/build/components/TableCells/CustomCells/BalanceCell/style.d.ts +1 -0
  36. package/build/components/TableCells/CustomCells/ChannelsCell/style.d.ts +1 -0
  37. package/build/components/TableCells/CustomCells/CheckoutStatusCell/style.d.ts +1 -0
  38. package/build/components/TableCells/CustomCells/DestinationStatusCell/style.d.ts +1 -0
  39. package/build/components/TableCells/CustomCells/DueDateCell/style.d.ts +1 -0
  40. package/build/components/TableCells/CustomCells/IDButton/style.d.ts +1 -0
  41. package/build/components/TableCells/CustomCells/IntentsStatusCell/style.d.ts +1 -0
  42. package/build/components/TableCells/CustomCells/InvoiceStatusCell/style.d.ts +1 -0
  43. package/build/components/TableCells/CustomCells/PayoutReportCell/style.d.ts +1 -0
  44. package/build/components/TableCells/CustomCells/PayoutStatusCell/style.d.ts +1 -0
  45. package/build/components/TableCells/CustomCells/ProductsCell/style.d.ts +1 -0
  46. package/build/components/TableCells/CustomCells/ReferenceCell/style.d.ts +1 -0
  47. package/build/components/TableCells/CustomCells/RefundChargeCell/style.d.ts +1 -0
  48. package/build/components/TableCells/CustomCells/RefundStatusCell/style.d.ts +1 -0
  49. package/build/components/TableCells/CustomCells/SalesChannelCell/style.d.ts +1 -0
  50. package/build/components/TableCells/CustomCells/SegmentsCell/style.d.ts +1 -0
  51. package/build/components/TableCells/CustomCells/SourceCell/style.d.ts +1 -0
  52. package/build/components/TableCells/CustomCells/StatusCell/style.d.ts +1 -0
  53. package/build/components/TableCells/CustomCells/TokenStatusCell/style.d.ts +1 -0
  54. package/build/components/TableCells/CustomCells/style.d.ts +1 -0
  55. package/build/components/TableReports/components/DownloadButton/style.d.ts +1 -0
  56. package/build/components/TableReports/style.d.ts +1 -0
  57. package/build/components/VirtualTables/components/style.d.ts +1 -0
  58. package/build/components/index.d.ts +0 -1
  59. package/build/components/index.js +0 -1
  60. package/package.json +3 -3
  61. package/build/components/Customer/CustomerForms/EmailForm.d.ts +0 -12
  62. package/build/components/Customer/CustomerForms/FullInfoForm.d.ts +0 -12
  63. package/build/components/Customer/CustomerForms/PhoneNumberForm.d.ts +0 -12
  64. package/build/components/VerificationIcon/VerificationIcon.d.ts +0 -5
  65. package/build/components/VerificationIcon/VerificationIcon.js +0 -7
  66. package/build/components/VerificationIcon/VerificationIconWithBg.d.ts +0 -5
  67. package/build/components/VerificationIcon/VerificationIconWithBg.js +0 -15
  68. package/build/components/VerificationIcon/constant.d.ts +0 -2
  69. package/build/components/VerificationIcon/constant.js +0 -18
  70. package/build/components/VerificationIcon/index.d.ts +0 -3
  71. package/build/components/VerificationIcon/index.js +0 -3
  72. package/build/components/VerificationIcon/type.d.ts +0 -2
  73. package/build/components/VerificationIcon/type.js +0 -1
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  type AnimatedSpinnerIconProps = {
3
4
  width?: string;
4
5
  height?: string;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  import { GetSourceAnimationFunction } from './type';
3
4
  export declare const ChipStyled: import("@emotion/styled").StyledComponent<import("react").RefAttributes<unknown> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
4
5
  variant?: import("./type").ChipVariant | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const AgreementImageWrapper: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
- import { FullInfoProps } from '../CustomerForms/FullInfo';
3
- interface CustomerDropdownProps extends FullInfoProps {
2
+ import { CustomerFullInfoProps } from '../CustomerForms/CustomerFullInfo';
3
+ export interface CustomerDropdownProps extends CustomerFullInfoProps {
4
4
  isDisabled?: boolean;
5
5
  }
6
6
  declare function CustomerDropdown({ ...props }: Readonly<CustomerDropdownProps>): import("react/jsx-runtime").JSX.Element;
@@ -17,7 +17,7 @@ import { getRandomGradientColor } from '../../../utils/index.js';
17
17
  import { CustomBackdrop } from '../../index.js';
18
18
  import { customerIcon2 } from '../../../constants/index.js';
19
19
  import { Wrapper, AvatarStyled, Button } from './style';
20
- import FullInfo from '../CustomerForms/FullInfo';
20
+ import FullInfo from '../CustomerForms/CustomerFullInfo';
21
21
  function CustomerDropdown(_a) {
22
22
  var _b, _c;
23
23
  var props = __rest(_a, []);
@@ -1 +1 @@
1
- export { default } from './CustomerDropdown';
1
+ export { default, CustomerDropdownProps } from './CustomerDropdown';
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import { Item } from '../../../types/index.js';
3
+ import { CustomerFullInfoProps } from './CustomerFullInfo';
4
+ export interface CustomerEmailFormProps extends Pick<CustomerFullInfoProps, 'onCustomerChange' | 'isCustomerNotValid' | 'customer'> {
5
+ items: Item[];
6
+ isItemsNotValid: boolean;
7
+ submitButtonText: string;
8
+ onSubmit: () => void;
9
+ }
10
+ declare function CustomerEmailForm({ submitButtonText, onSubmit, customer, isItemsNotValid, items, onCustomerChange }: Readonly<CustomerEmailFormProps>): import("react/jsx-runtime").JSX.Element;
11
+ declare const _default: import("react").MemoExoticComponent<typeof CustomerEmailForm>;
12
+ export default _default;
@@ -17,7 +17,7 @@ import { Controller, useForm } from 'react-hook-form';
17
17
  import { useTranslation } from 'react-i18next';
18
18
  import { FormWrapper, InputStyled, SubmitButton, ErrorStyled } from './style';
19
19
  import { validationEmailFromSchema } from './validation';
20
- function EmailForm({ submitButtonText, onSubmit, customer, isItemsNotValid, items, onCustomerChange }) {
20
+ function CustomerEmailForm({ submitButtonText, onSubmit, customer, isItemsNotValid, items, onCustomerChange }) {
21
21
  const firstNameRef = useRef();
22
22
  const lastNameRef = useRef();
23
23
  const emailRef = useRef();
@@ -73,4 +73,4 @@ function EmailForm({ submitButtonText, onSubmit, customer, isItemsNotValid, item
73
73
  }, error: Boolean(error === null || error === void 0 ? void 0 : error.message) })), (error === null || error === void 0 ? void 0 : error.message) && _jsx(ErrorStyled, { error: t(error.message) })] })));
74
74
  } }), _jsx(SubmitButton, Object.assign({ type: "button", "data-testid": "EmailForm_submit", onClick: onSubmit, disabled: !isValid || isItemsNotValid || !items.length }, { children: submitButtonText }))] })));
75
75
  }
76
- export default memo(EmailForm);
76
+ export default memo(CustomerEmailForm);
@@ -1,5 +1,5 @@
1
1
  import { Country, CustomerInfo, SegmentCountry } from '../../../types/index.js';
2
- export interface FullInfoProps {
2
+ export interface CustomerFullInfoProps {
3
3
  customer: CustomerInfo;
4
4
  country: Country;
5
5
  defaultCountry: SegmentCountry;
@@ -9,5 +9,5 @@ export interface FullInfoProps {
9
9
  onCustomerChange: (customer: CustomerInfo) => void;
10
10
  isCustomerNotValid?: (value: boolean, err?: string) => void;
11
11
  }
12
- declare function FullInfo({ customer, country, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, isCustomerNotValid, }: Readonly<FullInfoProps>): import("react/jsx-runtime").JSX.Element;
13
- export default FullInfo;
12
+ declare function CustomerFullInfo({ customer, country, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, isCustomerNotValid, }: Readonly<CustomerFullInfoProps>): import("react/jsx-runtime").JSX.Element;
13
+ export default CustomerFullInfo;
@@ -18,7 +18,7 @@ import { useTranslation } from 'react-i18next';
18
18
  import { MobileWrapper, FormWrapper, InputStyled, InputNumberStyled, ErrorStyled } from './style';
19
19
  import { validationFullInfoSchema } from './validation';
20
20
  import CountriesDropdown from '../../Inputs/CountriesDropDown';
21
- function FullInfo({ customer, country, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, isCustomerNotValid, }) {
21
+ function CustomerFullInfo({ customer, country, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, isCustomerNotValid, }) {
22
22
  const firstNameRef = useRef();
23
23
  const lastNameRef = useRef();
24
24
  const emailRef = useRef();
@@ -69,4 +69,4 @@ function FullInfo({ customer, country, defaultCountry, countries, isCountriesLoa
69
69
  }, hideArrows: true }))] })), (error === null || error === void 0 ? void 0 : error.message) && _jsx(ErrorStyled, { error: t(error.message, { numberLen: country.max_digits }) })] })));
70
70
  } }, "fullInfoPhoneNumber")] })));
71
71
  }
72
- export default FullInfo;
72
+ export default CustomerFullInfo;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import type { Item } from '../../../types/index.js';
3
+ import { CustomerFullInfoProps } from './CustomerFullInfo';
4
+ export interface CustomerFullInfoFormProps extends CustomerFullInfoProps {
5
+ items: Item[];
6
+ isItemsNotValid: boolean;
7
+ submitButtonText: string;
8
+ onSubmit: () => void;
9
+ }
10
+ declare function CustomerFullInfoForm({ submitButtonText, onSubmit, customer, country, items, isItemsNotValid, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }: Readonly<CustomerFullInfoFormProps>): import("react/jsx-runtime").JSX.Element;
11
+ declare const _default: import("react").MemoExoticComponent<typeof CustomerFullInfoForm>;
12
+ export default _default;
@@ -19,7 +19,7 @@ import { InputNumberStyled, MobileWrapper } from '../../index.js';
19
19
  import { FormWrapper, SubmitButton, InputStyled, ErrorStyled } from './style';
20
20
  import { validationFullInfoSchema } from './validation';
21
21
  import CountriesDropdown from '../../Inputs/CountriesDropDown';
22
- function FullInfoForm({ submitButtonText, onSubmit, customer, country, items, isItemsNotValid, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }) {
22
+ function CustomerFullInfoForm({ submitButtonText, onSubmit, customer, country, items, isItemsNotValid, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }) {
23
23
  const firstNameRef = useRef();
24
24
  const lastNameRef = useRef();
25
25
  const emailRef = useRef();
@@ -71,4 +71,4 @@ function FullInfoForm({ submitButtonText, onSubmit, customer, country, items, is
71
71
  }, hideArrows: true }))] })), (error === null || error === void 0 ? void 0 : error.message) && _jsx(ErrorStyled, { error: t(error.message, { numberLen: country.max_digits }) })] })));
72
72
  } }), _jsx(SubmitButton, Object.assign({ onClick: onSubmit, disabled: !isValid || isItemsNotValid || !items.length }, { children: submitButtonText }))] })));
73
73
  }
74
- export default memo(FullInfoForm);
74
+ export default memo(CustomerFullInfoForm);
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import { Item } from '../../../types/index.js';
3
+ import { CustomerFullInfoProps } from './CustomerFullInfo';
4
+ export interface CustomerPhoneNumberFormProps extends Pick<CustomerFullInfoProps, 'customer' | 'country' | 'onCountryChange' | 'onCustomerChange' | 'defaultCountry' | 'countries' | 'isCountriesLoading'> {
5
+ isItemsNotValid: boolean;
6
+ items: Item[];
7
+ submitButtonText: string;
8
+ onSubmit: () => void;
9
+ }
10
+ declare function CustomerPhoneNumberForm({ submitButtonText, onSubmit, customer, country, isItemsNotValid, items, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }: Readonly<CustomerPhoneNumberFormProps>): import("react/jsx-runtime").JSX.Element;
11
+ declare const _default: import("react").MemoExoticComponent<typeof CustomerPhoneNumberForm>;
12
+ export default _default;
@@ -18,7 +18,7 @@ import { useTranslation } from 'react-i18next';
18
18
  import { CountriesDropdown, InputNumberStyled, MobileWrapper } from '../../index.js';
19
19
  import { FormWrapper, SubmitButton, InputStyled, ErrorStyled } from './style';
20
20
  import { validationPhoneNumberSchema } from './validation';
21
- function PhoneNumberForm({ submitButtonText, onSubmit, customer, country, isItemsNotValid, items, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }) {
21
+ function CustomerPhoneNumberForm({ submitButtonText, onSubmit, customer, country, isItemsNotValid, items, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }) {
22
22
  const firstNameRef = useRef();
23
23
  const lastNameRef = useRef();
24
24
  const phoneNumberRef = useRef();
@@ -68,4 +68,4 @@ function PhoneNumberForm({ submitButtonText, onSubmit, customer, country, isItem
68
68
  return (_jsxs(Box, Object.assign({ ref: lastNameRef }, { children: [_jsx(InputStyled, Object.assign({}, field, { placeholder: t('lastName'), inputProps: { autoComplete: 'off' }, error: Boolean(error === null || error === void 0 ? void 0 : error.message) })), (error === null || error === void 0 ? void 0 : error.message) && _jsx(ErrorStyled, { error: t(error.message) })] })));
69
69
  } }, "phoneNumberFormLastName"), _jsx(SubmitButton, Object.assign({ onClick: onSubmit, disabled: !isValid || isItemsNotValid || !items.length }, { children: submitButtonText }))] })));
70
70
  }
71
- export default memo(PhoneNumberForm);
71
+ export default memo(CustomerPhoneNumberForm);
@@ -1,9 +1,9 @@
1
1
  export * from './validation';
2
- export * from './EmailForm';
3
- export { default as EmailForm } from './EmailForm';
4
- export * from './FullInfo';
5
- export { default as FullInfo } from './FullInfo';
6
- export * from './FullInfoForm';
7
- export { default as FullInfoForm } from './FullInfoForm';
8
- export * from './PhoneNumberForm';
9
- export { default as PhoneNumberForm } from './PhoneNumberForm';
2
+ export * from './CustomerEmailForm';
3
+ export { default as CustomerEmailForm } from './CustomerEmailForm';
4
+ export * from './CustomerFullInfo';
5
+ export { default as CustomerFullInfo } from './CustomerFullInfo';
6
+ export * from './CustomerFullInfoForm';
7
+ export { default as CustomerFullInfoForm } from './CustomerFullInfoForm';
8
+ export * from './CustomerPhoneNumberForm';
9
+ export { default as CustomerPhoneNumberForm } from './CustomerPhoneNumberForm';
@@ -1,9 +1,9 @@
1
1
  export * from './validation';
2
- export * from './EmailForm';
3
- export { default as EmailForm } from './EmailForm';
4
- export * from './FullInfo';
5
- export { default as FullInfo } from './FullInfo';
6
- export * from './FullInfoForm';
7
- export { default as FullInfoForm } from './FullInfoForm';
8
- export * from './PhoneNumberForm';
9
- export { default as PhoneNumberForm } from './PhoneNumberForm';
2
+ export * from './CustomerEmailForm';
3
+ export { default as CustomerEmailForm } from './CustomerEmailForm';
4
+ export * from './CustomerFullInfo';
5
+ export { default as CustomerFullInfo } from './CustomerFullInfo';
6
+ export * from './CustomerFullInfoForm';
7
+ export { default as CustomerFullInfoForm } from './CustomerFullInfoForm';
8
+ export * from './CustomerPhoneNumberForm';
9
+ export { default as CustomerPhoneNumberForm } from './CustomerPhoneNumberForm';
@@ -1 +1,2 @@
1
- export { default as CustomerDropdown } from './CustomerDropdown';
1
+ export { default as CustomerDropdown, type CustomerDropdownProps } from './CustomerDropdown';
2
+ export { CustomerEmailForm, CustomerFullInfoForm, CustomerPhoneNumberForm, type CustomerFullInfoProps, type CustomerFullInfoFormProps, type CustomerPhoneNumberFormProps, type CustomerEmailFormProps, } from './CustomerForms';
@@ -1 +1,2 @@
1
1
  export { default as CustomerDropdown } from './CustomerDropdown';
2
+ export { CustomerEmailForm, CustomerFullInfoForm, CustomerPhoneNumberForm, } from './CustomerForms';
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const DialogWrapper: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const Wrapper: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  declare const ImageWrapper: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const FOOTER_HEIGHT = 37;
3
4
  export declare const TITLE_BAR_HEIGHT = "32px";
4
5
  export declare const VIEWER_HEIGHT = 545;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  import type { SxProps, Theme } from '@mui/material/styles';
3
4
  export declare const CHIP_GAP = 3;
4
5
  export declare const DEFAULT_CHIP_MIN_WIDTH = 24;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  import type { SxProps, Theme } from '@mui/material/styles';
3
4
  export declare const CHIP_GAP = 3;
4
5
  export declare const CenterIconWrapper: import("@emotion/styled").StyledComponent<{
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledInput: import("@emotion/styled").StyledComponent<{
3
4
  width?: string | number | undefined;
4
5
  height?: string | number | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
3
4
  export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
4
5
  export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const BalanceCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const ErrorCodeLabel: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
3
4
  export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
4
5
  export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  import { TableMode } from '../../../../types/index.js';
3
4
  export declare const ActionCellContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
4
5
  tableMode?: TableMode | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledAppsCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
3
4
  export declare const AppsStatusContainer: import("@emotion/styled").StyledComponent<{
4
5
  hidden?: boolean | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const AuthIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
3
4
  export declare const AuthCellContainer: import("@emotion/styled").StyledComponent<{
4
5
  hidden?: boolean | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const BalanceCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
3
4
  export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
4
5
  export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const Button: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const DueDateCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledDownloadFileImageWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
3
4
  isTextShown?: boolean | undefined;
4
5
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const ProductCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
3
4
  export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
4
5
  export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const RefundChargeCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const RefundCellContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
3
4
  export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
4
5
  export declare const SalesChannelsContainer: import("@emotion/styled").StyledComponent<{
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
3
4
  export declare const ReferenceSourcesContainer: import("@emotion/styled").StyledComponent<{
4
5
  hidden?: boolean | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
3
4
  export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
4
5
  export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const MultiRefundIcon: import("@emotion/styled").StyledComponent<{
3
4
  width?: string | number | undefined;
4
5
  height?: string | number | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const UnCapturedContainer: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const GeographyBox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
3
4
  variant?: "Global" | "Regional" | "Local" | undefined;
4
5
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  export declare const Button: import("@emotion/styled").StyledComponent<{
3
4
  hidden?: boolean | undefined;
4
5
  color?: string | undefined;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  type ExportButtonProps = {
3
4
  notificationState?: {
4
5
  success: boolean;
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ /// <reference types="react" />
2
3
  interface TableWrapperProps {
3
4
  showNoDataView?: boolean;
4
5
  }
@@ -152,4 +152,3 @@ export * from './PartnersFilter';
152
152
  export * from './SalesChannelFilter';
153
153
  export * from './ReferenceTypeFilter';
154
154
  export * from './ListColumnFilter';
155
- export * from './VerificationIcon';
@@ -152,4 +152,3 @@ export * from './PartnersFilter';
152
152
  export * from './SalesChannelFilter';
153
153
  export * from './ReferenceTypeFilter';
154
154
  export * from './ListColumnFilter';
155
- export * from './VerificationIcon';
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.300-test.2-test.3",
5
- "testVersion": 3,
4
+ "version": "0.1.301",
5
+ "testVersion": 0,
6
6
  "type": "module",
7
7
  "main": "build/index.js",
8
8
  "module": "build/index.js",
@@ -164,4 +164,4 @@
164
164
  "publishConfig": {
165
165
  "registry": "https://registry.npmjs.org/"
166
166
  }
167
- }
167
+ }
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import { Item } from '../../../types/index.js';
3
- import { FullInfoProps } from './FullInfo';
4
- export interface EmailFormProps extends Pick<FullInfoProps, 'onCustomerChange' | 'isCustomerNotValid' | 'customer'> {
5
- items: Item[];
6
- isItemsNotValid: boolean;
7
- submitButtonText: string;
8
- onSubmit: () => void;
9
- }
10
- declare function EmailForm({ submitButtonText, onSubmit, customer, isItemsNotValid, items, onCustomerChange }: Readonly<EmailFormProps>): import("react/jsx-runtime").JSX.Element;
11
- declare const _default: import("react").MemoExoticComponent<typeof EmailForm>;
12
- export default _default;
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import type { Item } from '../../../types/index.js';
3
- import { FullInfoProps } from './FullInfo';
4
- export interface FullInfoFormProps extends FullInfoProps {
5
- items: Item[];
6
- isItemsNotValid: boolean;
7
- submitButtonText: string;
8
- onSubmit: () => void;
9
- }
10
- declare function FullInfoForm({ submitButtonText, onSubmit, customer, country, items, isItemsNotValid, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }: Readonly<FullInfoFormProps>): import("react/jsx-runtime").JSX.Element;
11
- declare const _default: import("react").MemoExoticComponent<typeof FullInfoForm>;
12
- export default _default;
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import { Item } from '../../../types/index.js';
3
- import { FullInfoProps } from './FullInfo';
4
- export interface PhoneNumberFormProps extends Pick<FullInfoProps, 'customer' | 'country' | 'onCountryChange' | 'onCustomerChange' | 'defaultCountry' | 'countries' | 'isCountriesLoading'> {
5
- isItemsNotValid: boolean;
6
- items: Item[];
7
- submitButtonText: string;
8
- onSubmit: () => void;
9
- }
10
- declare function PhoneNumberForm({ submitButtonText, onSubmit, customer, country, isItemsNotValid, items, defaultCountry, countries, isCountriesLoading, onCustomerChange, onCountryChange, }: Readonly<PhoneNumberFormProps>): import("react/jsx-runtime").JSX.Element;
11
- declare const _default: import("react").MemoExoticComponent<typeof PhoneNumberForm>;
12
- export default _default;
@@ -1,5 +0,0 @@
1
- type UserVerificationProps = {
2
- status: string;
3
- };
4
- export declare const VerificationIcon: ({ status }: UserVerificationProps) => import("react/jsx-runtime").JSX.Element;
5
- export {};
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import startCase from 'lodash/startCase';
3
- import { Tooltip } from '../index.js';
4
- import { statusIcon } from './constant';
5
- export const VerificationIcon = ({ status }) => {
6
- return (_jsx(Tooltip, Object.assign({ title: startCase(status) }, { children: _jsx("img", { loading: "lazy", src: statusIcon[((status === null || status === void 0 ? void 0 : status.toLowerCase()) || '')] || statusIcon.default, alt: status, width: 10.5, height: 10.5 }) })));
7
- };
@@ -1,5 +0,0 @@
1
- type Props = {
2
- status: string;
3
- };
4
- export declare const VerificationIconWithBg: ({ status }: Props) => import("react/jsx-runtime").JSX.Element;
5
- export {};
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import startCase from 'lodash/startCase';
3
- import { Box, Tooltip } from '@mui/material';
4
- import { statusIcon, statusIconBG } from './constant';
5
- export const VerificationIconWithBg = ({ status }) => {
6
- return (_jsx(Tooltip, Object.assign({ title: startCase(status) }, { children: _jsx(Box, Object.assign({ component: 'li', sx: {
7
- display: 'flex',
8
- alignItems: 'center',
9
- justifyContent: 'center',
10
- width: '24px',
11
- height: '24px',
12
- borderRadius: '50%',
13
- backgroundColor: statusIconBG[status]
14
- } }, { children: _jsx("img", { loading: 'lazy', src: statusIcon[((status === null || status === void 0 ? void 0 : status.toLowerCase()) || '')] || statusIcon.default, alt: status, width: 10.5, height: 10.5 }) })) })));
15
- };
@@ -1,2 +0,0 @@
1
- export declare const statusIcon: Record<string, string>;
2
- export declare const statusIconBG: Record<string, string>;
@@ -1,18 +0,0 @@
1
- import { blueVerifyIcon, grayVerifyIcon, greenVerifyIcon, redVerifyIcon } from '../../constants/index.js';
2
- export const statusIcon = {
3
- verified: greenVerifyIcon,
4
- reviewed: blueVerifyIcon,
5
- completed: blueVerifyIcon,
6
- incomplete: grayVerifyIcon,
7
- complete: blueVerifyIcon,
8
- rejected: redVerifyIcon,
9
- default: grayVerifyIcon,
10
- };
11
- export const statusIconBG = {
12
- incomplete: '#D9D9D929',
13
- completed: '#11D0FA29',
14
- complete: '#11D0FA29',
15
- reviewed: '#11D0FA29',
16
- verified: '#2ACE0029',
17
- rejected: '#FF3D0029',
18
- };
@@ -1,3 +0,0 @@
1
- export { VerificationIcon } from './VerificationIcon';
2
- export { VerificationIconWithBg } from './VerificationIconWithBg';
3
- export * from './constant';
@@ -1,3 +0,0 @@
1
- export { VerificationIcon } from './VerificationIcon';
2
- export { VerificationIconWithBg } from './VerificationIconWithBg';
3
- export * from './constant';
@@ -1,2 +0,0 @@
1
- import { statusIcon } from './constant';
2
- export type VerificationStatus = keyof typeof statusIcon;
@@ -1 +0,0 @@
1
- export {};