@tap-payments/os-micro-frontend-shared 0.1.283-test.2 → 0.1.284

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 (55) hide show
  1. package/build/components/Chip/style.d.ts +1 -0
  2. package/build/components/CountBadge/style.d.ts +1 -0
  3. package/build/components/Dialog/style.d.ts +1 -0
  4. package/build/components/FlippingCard/style.d.ts +1 -0
  5. package/build/components/ImageWrapper/ImageWrapper.d.ts +1 -0
  6. package/build/components/JSONViewer/style.d.ts +1 -0
  7. package/build/components/LeftPeekRightExpandingChip/style.d.ts +1 -0
  8. package/build/components/RightLeftExpandingCenterChip/style.d.ts +1 -0
  9. package/build/components/SearchButton/styles.d.ts +1 -0
  10. package/build/components/StatusIcons/AuthIcons/style.d.ts +1 -0
  11. package/build/components/StatusIcons/AuthorizationAutoIcons/style.d.ts +1 -0
  12. package/build/components/StatusIcons/ChargeStatusIcon/style.d.ts +1 -0
  13. package/build/components/StatusIcons/SourceIcons/style.d.ts +1 -0
  14. package/build/components/TableCells/CustomCells/ActionCell/style.d.ts +1 -0
  15. package/build/components/TableCells/CustomCells/ApplicationStatusCell/style.d.ts +1 -0
  16. package/build/components/TableCells/CustomCells/AuthenticationCell/style.d.ts +1 -0
  17. package/build/components/TableCells/CustomCells/AuthenticationStatusCell/style.d.ts +1 -0
  18. package/build/components/TableCells/CustomCells/AuthenticationTypeCell/style.d.ts +1 -0
  19. package/build/components/TableCells/CustomCells/BalanceCell/style.d.ts +1 -0
  20. package/build/components/TableCells/CustomCells/ChannelsCell/style.d.ts +1 -0
  21. package/build/components/TableCells/CustomCells/CheckoutStatusCell/style.d.ts +1 -0
  22. package/build/components/TableCells/CustomCells/DestinationStatusCell/style.d.ts +1 -0
  23. package/build/components/TableCells/CustomCells/DueDateCell/style.d.ts +1 -0
  24. package/build/components/TableCells/CustomCells/IDButton/style.d.ts +1 -0
  25. package/build/components/TableCells/CustomCells/IntentsStatusCell/style.d.ts +1 -0
  26. package/build/components/TableCells/CustomCells/InvoiceStatusCell/style.d.ts +1 -0
  27. package/build/components/TableCells/CustomCells/PayoutStatusCell/style.d.ts +1 -0
  28. package/build/components/TableCells/CustomCells/ProductsCell/style.d.ts +1 -0
  29. package/build/components/TableCells/CustomCells/ReferenceCell/style.d.ts +1 -0
  30. package/build/components/TableCells/CustomCells/RefundChargeCell/style.d.ts +1 -0
  31. package/build/components/TableCells/CustomCells/RefundStatusCell/style.d.ts +1 -0
  32. package/build/components/TableCells/CustomCells/SalesChannelCell/style.d.ts +1 -0
  33. package/build/components/TableCells/CustomCells/SegmentsCell/style.d.ts +1 -0
  34. package/build/components/TableCells/CustomCells/SourceCell/style.d.ts +1 -0
  35. package/build/components/TableCells/CustomCells/StatusCell/style.d.ts +1 -0
  36. package/build/components/TableCells/CustomCells/TokenStatusCell/style.d.ts +1 -0
  37. package/build/components/TableCells/CustomCells/style.d.ts +1 -0
  38. package/build/components/TableReports/components/DownloadButton/style.d.ts +1 -0
  39. package/build/components/TableReports/style.d.ts +1 -0
  40. package/build/components/VirtualTables/components/style.d.ts +1 -0
  41. package/build/components/index.d.ts +0 -1
  42. package/build/components/index.js +0 -1
  43. package/build/constants/assets.d.ts +1 -0
  44. package/build/constants/assets.js +1 -0
  45. package/build/types/index.d.ts +0 -1
  46. package/build/types/index.js +0 -1
  47. package/package.json +3 -3
  48. package/build/components/SalesChannelFilter/SalesChannelFilter.d.ts +0 -11
  49. package/build/components/SalesChannelFilter/SalesChannelFilter.js +0 -56
  50. package/build/components/SalesChannelFilter/index.d.ts +0 -1
  51. package/build/components/SalesChannelFilter/index.js +0 -1
  52. package/build/components/SalesChannelFilter/style.d.ts +0 -15
  53. package/build/components/SalesChannelFilter/style.js +0 -29
  54. package/build/types/utilities.d.ts +0 -24
  55. package/build/types/utilities.js +0 -1
@@ -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,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 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
  }
@@ -144,4 +144,3 @@ export * from './StatusFilter';
144
144
  export { default as TableReports } from './TableReports';
145
145
  export * from './TableReports';
146
146
  export * from './PaymentSourceFilter';
147
- export * from './SalesChannelFilter';
@@ -144,4 +144,3 @@ export * from './StatusFilter';
144
144
  export { default as TableReports } from './TableReports';
145
145
  export * from './TableReports';
146
146
  export * from './PaymentSourceFilter';
147
- export * from './SalesChannelFilter';
@@ -526,6 +526,7 @@ export declare const payoutServiceIcon: string;
526
526
  export declare const refundsServiceIcon: string;
527
527
  export declare const usersServiceIcon: string;
528
528
  export declare const walletServiceIcon: string;
529
+ export declare const intentsServiceIcon: string;
529
530
  export declare const archievedOutlined: string;
530
531
  export declare const closeOutlinedCircle: string;
531
532
  export declare const dashedOutlinedCircle: string;
@@ -534,6 +534,7 @@ export const payoutServiceIcon = `${lightUrl}/services/payoutService.svg`;
534
534
  export const refundsServiceIcon = `${lightUrl}/services/refundsService.svg`;
535
535
  export const usersServiceIcon = `${lightUrl}/services/usersService.svg`;
536
536
  export const walletServiceIcon = `${lightUrl}/services/walletService.svg`;
537
+ export const intentsServiceIcon = `${lightUrl}/services/intentsService.svg`;
537
538
  export const archievedOutlined = `${lightUrl}/archievedOutlined.svg`;
538
539
  export const closeOutlinedCircle = `${lightUrl}/closeOutlinedCircle.svg`;
539
540
  export const dashedOutlinedCircle = `${lightUrl}/dashedOutlinedCircle.svg`;
@@ -28,4 +28,3 @@ export * from './appEvents';
28
28
  export * from './common';
29
29
  export * from './discount';
30
30
  export * from './receipt';
31
- export * from './utilities';
@@ -28,4 +28,3 @@ export * from './appEvents';
28
28
  export * from './common';
29
29
  export * from './discount';
30
30
  export * from './receipt';
31
- export * from './utilities';
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.283-test.2",
5
- "testVersion": 2,
4
+ "version": "0.1.284",
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,11 +0,0 @@
1
- import { OptionsListItem } from '../../types/index.js';
2
- interface SalesChannelFilterProps {
3
- onSalesChannelChange: (salesChannels: OptionsListItem[] | undefined) => void;
4
- onSearchChange: (searchValue: string) => void;
5
- filteredOptions: OptionsListItem[];
6
- isLoading: boolean;
7
- initialSalesChannels?: OptionsListItem[];
8
- initialSalesChannelsSearch?: string;
9
- }
10
- export default function SalesChannelFilter({ onSalesChannelChange, onSearchChange, filteredOptions, isLoading, initialSalesChannels, initialSalesChannelsSearch, }: Readonly<SalesChannelFilterProps>): import("react/jsx-runtime").JSX.Element;
11
- export {};
@@ -1,56 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useMemo, useState } from 'react';
3
- import Box from '@mui/material/Box';
4
- import { MenuItem, Skeleton } from '../index.js';
5
- import { FilterWrapper, ListWrapper, SearchIconWrapper } from './style';
6
- import { InputStyled } from '../SelectWithSearch';
7
- import { closeXIcon, searchIcon } from '../../constants/index.js';
8
- export default function SalesChannelFilter({ onSalesChannelChange, onSearchChange, filteredOptions, isLoading, initialSalesChannels, initialSalesChannelsSearch, }) {
9
- const salesChannels = useMemo(() => {
10
- return initialSalesChannels || [];
11
- }, [initialSalesChannels]);
12
- const [searchValue, setSearchValue] = useState(initialSalesChannelsSearch || '');
13
- const checkIsSelected = (salesChannelId) => salesChannels.some((channel) => channel.id === salesChannelId);
14
- const isAllSelected = useMemo(() => {
15
- return (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.length) === filteredOptions.length && (filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.length) > 0;
16
- }, [salesChannels, filteredOptions]);
17
- const isOnlyBlankSelected = useMemo(() => {
18
- return (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.some((channel) => channel.id === 'blank')) && (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.length) === 1;
19
- }, [salesChannels]);
20
- const isSearchDisabled = useMemo(() => {
21
- return (salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.length) === 0 || isOnlyBlankSelected;
22
- }, [isOnlyBlankSelected, salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.length]);
23
- return (_jsxs(FilterWrapper, { children: [_jsx(InputStyled, { placeholder: 'Search', endAdornment: !isSearchDisabled && (_jsx(SearchIconWrapper, Object.assign({ sx: Object.assign({}, (searchValue && { backgroundColor: '#F2F2F2' })) }, { children: _jsx(Box, { component: "img", src: searchValue ? closeXIcon : searchIcon, alt: "search", onClick: () => {
24
- setSearchValue('');
25
- onSearchChange('');
26
- }, sx: Object.assign({}, (searchValue && {
27
- backgroundColor: '#F2F2F2',
28
- borderRadius: '4px',
29
- width: '8px',
30
- height: '8px',
31
- })) }) }))), disabled: isSearchDisabled, onChange: (e) => {
32
- setSearchValue(e.target.value);
33
- onSearchChange(e.target.value);
34
- }, value: searchValue, disableUnderline: true, sx: Object.assign({ cursor: 'default', width: '100%', border: '1px solid #F2F2F2', backgroundColor: isSearchDisabled ? '#F8F8F8' : '#fff' }, (searchValue && { cursor: 'pointer' })) }), _jsx(ListWrapper, { children: isLoading ? (Array.from({ length: 9 }).map((_, index) => _jsx(Skeleton, { variant: "rectangular", width: "100%", height: 24 }, index))) : (_jsxs(_Fragment, { children: [_jsx(MenuItem, Object.assign({ sx: {
35
- backgroundColor: '#F8F8F8',
36
- fontWeight: 600,
37
- padding: '4px 8px',
38
- color: '#1F88D0',
39
- gap: '0px',
40
- }, isSelected: isAllSelected, isIndeterminate: !isAllSelected && ((salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.length) || 0) > 0, onClick: (e) => {
41
- e.stopPropagation();
42
- onSalesChannelChange(isAllSelected ? [] : filteredOptions);
43
- } }, { children: isAllSelected ? 'Deselect All' : 'Select All' })), filteredOptions.map((channel) => {
44
- var _a;
45
- return (_jsx(MenuItem, Object.assign({ isSelected: checkIsSelected(channel.id), onClick: (e) => {
46
- e.stopPropagation();
47
- const isSelected = checkIsSelected(channel.id);
48
- const newSalesChannels = isSelected ? salesChannels === null || salesChannels === void 0 ? void 0 : salesChannels.filter((c) => c.id !== channel.id) : [...(salesChannels !== null && salesChannels !== void 0 ? salesChannels : []), channel];
49
- onSalesChannelChange(newSalesChannels);
50
- }, sx: {
51
- padding: '4px 8px',
52
- gap: '0px',
53
- fontWeight: 400,
54
- } }, { children: (_a = channel === null || channel === void 0 ? void 0 : channel.name) === null || _a === void 0 ? void 0 : _a.en }), channel.id));
55
- })] })) })] }));
56
- }
@@ -1 +0,0 @@
1
- export { default as SalesChannelFilter } from './SalesChannelFilter';
@@ -1 +0,0 @@
1
- export { default as SalesChannelFilter } from './SalesChannelFilter';
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const FilterButton: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
3
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
4
- }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
5
- isActive?: boolean | undefined;
6
- }, {}, {}>;
7
- export declare const ListWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
8
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
9
- }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
10
- export declare const FilterWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
11
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
12
- }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
13
- export declare const SearchIconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
14
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
15
- }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
@@ -1,29 +0,0 @@
1
- import { Box, styled } from '@mui/material';
2
- export const FilterButton = styled(Box, { shouldForwardProp: (props) => props !== 'isActive' })(({ theme, isActive }) => (Object.assign({ borderRadius: '4px', border: `1px solid ${theme.palette.divider}`, height: 32, width: 30, display: 'flex', alignItems: 'center', justifyContent: 'center', cursor: 'pointer', backgroundColor: theme.palette.common.white, ':hover': {
3
- opacity: 0.7,
4
- } }, (isActive && {
5
- boxShadow: `0px 0px 4px 0px ${theme.palette.info.dark}80`,
6
- border: `1px solid ${theme.palette.info.dark}`,
7
- }))));
8
- export const ListWrapper = styled(Box)(({ theme }) => ({
9
- display: 'flex',
10
- flexDirection: 'column',
11
- borderRadius: '8px',
12
- border: `1px solid ${theme.palette.divider}`,
13
- backgroundColor: theme.palette.common.white,
14
- maxHeight: '232px',
15
- overflow: 'auto',
16
- }));
17
- export const FilterWrapper = styled(Box)(() => ({
18
- display: 'flex',
19
- flexDirection: 'column',
20
- gap: '8px',
21
- }));
22
- export const SearchIconWrapper = styled(Box)(() => ({
23
- display: 'flex',
24
- alignItems: 'center',
25
- justifyContent: 'center',
26
- width: '13px',
27
- height: '13px',
28
- borderRadius: '50%',
29
- }));
@@ -1,24 +0,0 @@
1
- export type OptionsListItem = {
2
- id: string;
3
- logo?: string;
4
- code?: string;
5
- name: {
6
- ar: string;
7
- en: string;
8
- };
9
- currency_code?: string[];
10
- country_code?: string[];
11
- range?: {
12
- from: number;
13
- to: number;
14
- };
15
- sub?: {
16
- id: string;
17
- logo: string;
18
- code: string;
19
- name: {
20
- ar: string;
21
- en: string;
22
- };
23
- }[];
24
- };
@@ -1 +0,0 @@
1
- export {};