@tap-payments/os-micro-frontend-shared 0.1.116 → 0.1.118-test.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -29,4 +29,5 @@ export declare const actionIcons: {
29
29
  brand: string;
30
30
  clipboard: string;
31
31
  viewApi: string;
32
+ viewReceipt: string;
32
33
  };
@@ -1,5 +1,5 @@
1
1
  import { BadgeVariants } from '../../../CountBadge';
2
- import { flagIcon, clockIcon, disputeIcon, redFlagIcon, cancelledIcon, closedFlagIcon, orangeFlagIcon, refundInitiatedIcon, viewInvoiceIcon, reverseActionIcon, voidedIcon, capturedDropdownIcon, destinationReversedTableIcon, brandPlaceholderIcon, usersIcon, clipboardIcon, jsonBlackIcon, } from '../../../../constants/index.js';
2
+ import { flagIcon, clockIcon, disputeIcon, redFlagIcon, cancelledIcon, closedFlagIcon, orangeFlagIcon, refundInitiatedIcon, viewInvoiceIcon, reverseActionIcon, voidedIcon, capturedDropdownIcon, destinationReversedTableIcon, brandPlaceholderIcon, usersIcon, clipboardIcon, jsonBlackIcon, receiptBillIcon, } from '../../../../constants/index.js';
3
3
  export const flags = {
4
4
  GRAY: { icon: closedFlagIcon, color: '#CFCFCF' },
5
5
  ORANGE: { icon: orangeFlagIcon, color: '#FFD503' },
@@ -25,4 +25,5 @@ export const actionIcons = {
25
25
  brand: brandPlaceholderIcon,
26
26
  clipboard: clipboardIcon,
27
27
  viewApi: jsonBlackIcon,
28
+ viewReceipt: receiptBillIcon,
28
29
  };
@@ -13,7 +13,7 @@ export declare function useActionCell({ actions, isDropdownShown, onCloseDropdow
13
13
  label: string;
14
14
  onClick: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
15
15
  onRightClick?: ((e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void) | undefined;
16
- icon: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | "viewApi";
16
+ icon: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | "viewApi" | "viewReceipt";
17
17
  isLoading?: boolean | undefined;
18
18
  isError?: boolean | undefined;
19
19
  isSuccess?: boolean | undefined;
@@ -283,5 +283,5 @@ export declare const ActionIcon: import("@emotion/styled").StyledComponent<{
283
283
  fetchPriority?: "auto" | "high" | "low" | undefined;
284
284
  srcSet?: string | undefined;
285
285
  } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLImageElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
286
- icon?: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | "viewApi" | undefined;
286
+ icon?: "brand" | "users" | "cancel" | "reverse" | "refund" | "destination" | "capture" | "flag" | "dispute" | "void" | "clock" | "invoice" | "clipboard" | "viewApi" | "viewReceipt" | undefined;
287
287
  }, {}, {}>;
@@ -1,2 +1 @@
1
1
  export * from './PaymentAgreementCell';
2
- export * from './CustomerSheetCell';
@@ -1,2 +1 @@
1
1
  export * from './PaymentAgreementCell';
2
- export * from './CustomerSheetCell';
@@ -39,6 +39,26 @@ export declare const authorizationTableCellWidth: {
39
39
  readonly text: "180px";
40
40
  readonly sheet: "600px";
41
41
  };
42
+ readonly customer_id: {
43
+ readonly default: "180px";
44
+ readonly text: "180px";
45
+ readonly sheet: "270px";
46
+ };
47
+ readonly customer_name: {
48
+ readonly default: "180px";
49
+ readonly text: "180px";
50
+ readonly sheet: "155px";
51
+ };
52
+ readonly customer_email: {
53
+ readonly default: "180px";
54
+ readonly text: "180px";
55
+ readonly sheet: "200px";
56
+ };
57
+ readonly customer_phone: {
58
+ readonly default: "180px";
59
+ readonly text: "180px";
60
+ readonly sheet: "150px";
61
+ };
42
62
  readonly reference: {
43
63
  readonly default: "95px";
44
64
  readonly text: "180px";
@@ -39,6 +39,26 @@ export const authorizationTableCellWidth = {
39
39
  text: '180px',
40
40
  sheet: '600px',
41
41
  },
42
+ customer_id: {
43
+ default: '180px',
44
+ text: '180px',
45
+ sheet: '270px',
46
+ },
47
+ customer_name: {
48
+ default: '180px',
49
+ text: '180px',
50
+ sheet: '155px',
51
+ },
52
+ customer_email: {
53
+ default: '180px',
54
+ text: '180px',
55
+ sheet: '200px',
56
+ },
57
+ customer_phone: {
58
+ default: '180px',
59
+ text: '180px',
60
+ sheet: '150px',
61
+ },
42
62
  reference: {
43
63
  default: '95px',
44
64
  text: '180px',
@@ -39,6 +39,26 @@ export declare const chargeTableCellWidth: {
39
39
  readonly text: "180px";
40
40
  readonly sheet: "600px";
41
41
  };
42
+ readonly customer_id: {
43
+ readonly default: "180px";
44
+ readonly text: "180px";
45
+ readonly sheet: "270px";
46
+ };
47
+ readonly customer_name: {
48
+ readonly default: "180px";
49
+ readonly text: "180px";
50
+ readonly sheet: "155px";
51
+ };
52
+ readonly customer_email: {
53
+ readonly default: "180px";
54
+ readonly text: "180px";
55
+ readonly sheet: "200px";
56
+ };
57
+ readonly customer_phone: {
58
+ readonly default: "180px";
59
+ readonly text: "180px";
60
+ readonly sheet: "150px";
61
+ };
42
62
  readonly source: {
43
63
  readonly default: "114px";
44
64
  readonly text: "125px";
@@ -39,6 +39,26 @@ export const chargeTableCellWidth = {
39
39
  text: '180px',
40
40
  sheet: '600px',
41
41
  },
42
+ customer_id: {
43
+ default: '180px',
44
+ text: '180px',
45
+ sheet: '270px',
46
+ },
47
+ customer_name: {
48
+ default: '180px',
49
+ text: '180px',
50
+ sheet: '155px',
51
+ },
52
+ customer_email: {
53
+ default: '180px',
54
+ text: '180px',
55
+ sheet: '200px',
56
+ },
57
+ customer_phone: {
58
+ default: '180px',
59
+ text: '180px',
60
+ sheet: '150px',
61
+ },
42
62
  source: {
43
63
  default: '114px',
44
64
  text: '125px',
@@ -34,6 +34,26 @@ export declare const destinationsTableCellWidth: {
34
34
  readonly text: "180px";
35
35
  readonly sheet: "600px";
36
36
  };
37
+ readonly customer_id: {
38
+ readonly default: "180px";
39
+ readonly text: "180px";
40
+ readonly sheet: "270px";
41
+ };
42
+ readonly customer_name: {
43
+ readonly default: "180px";
44
+ readonly text: "180px";
45
+ readonly sheet: "155px";
46
+ };
47
+ readonly customer_email: {
48
+ readonly default: "180px";
49
+ readonly text: "180px";
50
+ readonly sheet: "200px";
51
+ };
52
+ readonly customer_phone: {
53
+ readonly default: "180px";
54
+ readonly text: "180px";
55
+ readonly sheet: "150px";
56
+ };
37
57
  readonly chargeId: {
38
58
  readonly default: "225px";
39
59
  readonly text: "225px";
@@ -34,6 +34,26 @@ export const destinationsTableCellWidth = {
34
34
  text: '180px',
35
35
  sheet: '600px',
36
36
  },
37
+ customer_id: {
38
+ default: '180px',
39
+ text: '180px',
40
+ sheet: '270px',
41
+ },
42
+ customer_name: {
43
+ default: '180px',
44
+ text: '180px',
45
+ sheet: '155px',
46
+ },
47
+ customer_email: {
48
+ default: '180px',
49
+ text: '180px',
50
+ sheet: '200px',
51
+ },
52
+ customer_phone: {
53
+ default: '180px',
54
+ text: '180px',
55
+ sheet: '150px',
56
+ },
37
57
  chargeId: {
38
58
  default: '225px',
39
59
  text: '225px',
@@ -29,6 +29,26 @@ export declare const refundTableCellWidth: {
29
29
  readonly text: "180px";
30
30
  readonly sheet: "600px";
31
31
  };
32
+ readonly customer_id: {
33
+ readonly default: "180px";
34
+ readonly text: "180px";
35
+ readonly sheet: "270px";
36
+ };
37
+ readonly customer_name: {
38
+ readonly default: "180px";
39
+ readonly text: "180px";
40
+ readonly sheet: "155px";
41
+ };
42
+ readonly customer_email: {
43
+ readonly default: "180px";
44
+ readonly text: "180px";
45
+ readonly sheet: "200px";
46
+ };
47
+ readonly customer_phone: {
48
+ readonly default: "180px";
49
+ readonly text: "180px";
50
+ readonly sheet: "150px";
51
+ };
32
52
  readonly device: {
33
53
  readonly default: "100px";
34
54
  readonly text: "200px";
@@ -29,6 +29,26 @@ export const refundTableCellWidth = {
29
29
  text: '180px',
30
30
  sheet: '600px',
31
31
  },
32
+ customer_id: {
33
+ default: '180px',
34
+ text: '180px',
35
+ sheet: '270px',
36
+ },
37
+ customer_name: {
38
+ default: '180px',
39
+ text: '180px',
40
+ sheet: '155px',
41
+ },
42
+ customer_email: {
43
+ default: '180px',
44
+ text: '180px',
45
+ sheet: '200px',
46
+ },
47
+ customer_phone: {
48
+ default: '180px',
49
+ text: '180px',
50
+ sheet: '150px',
51
+ },
32
52
  device: {
33
53
  default: '100px',
34
54
  text: '200px',
@@ -106,7 +106,7 @@ export interface SegmentUser {
106
106
  id: string;
107
107
  created: number;
108
108
  individual_id: string;
109
- names: Record<string, SegmentUserName>;
109
+ name: Record<string, SegmentUserName>;
110
110
  contact: {
111
111
  email: string;
112
112
  phone: {
package/package.json CHANGED
@@ -1,139 +1,139 @@
1
- {
2
- "name": "@tap-payments/os-micro-frontend-shared",
3
- "description": "Shared components and utilities for Tap Payments micro frontends",
4
- "version": "0.1.116",
5
- "testVersion": 3,
6
- "type": "module",
7
- "main": "build/index.js",
8
- "module": "build/index.js",
9
- "types": "build/index.d.ts",
10
- "exports": {
11
- ".": {
12
- "types": "./build/index.d.ts",
13
- "import": "./build/index.js",
14
- "require": "./build/index.js"
15
- },
16
- "./constants": {
17
- "types": "./build/constants/index.d.ts",
18
- "import": "./build/constants/index.js",
19
- "require": "./build/constants/index.js"
20
- },
21
- "./components": {
22
- "types": "./build/components/index.d.ts",
23
- "import": "./build/components/index.js",
24
- "require": "./build/components/index.js"
25
- },
26
- "./components/*": {
27
- "types": "./build/components/*/index.d.ts",
28
- "import": "./build/components/*/index.js",
29
- "require": "./build/components/*/index.js"
30
- },
31
- "./hooks": {
32
- "types": "./build/hooks/index.d.ts",
33
- "import": "./build/hooks/index.js",
34
- "require": "./build/hooks/index.js"
35
- },
36
- "./utils": {
37
- "types": "./build/utils/index.d.ts",
38
- "import": "./build/utils/index.js",
39
- "require": "./build/utils/index.js"
40
- },
41
- "./theme": {
42
- "types": "./build/theme/index.d.ts",
43
- "import": "./build/theme/index.js",
44
- "require": "./build/theme/index.js"
45
- },
46
- "./types": {
47
- "types": "./build/types/index.d.ts",
48
- "import": "./build/types/index.js",
49
- "require": "./build/types/index.js"
50
- }
51
- },
52
- "license": "MIT",
53
- "author": {
54
- "name": "Ahmed Sharkawy",
55
- "email": "a.elsharkawy@tap.company"
56
- },
57
- "files": [
58
- "build",
59
- "readme.md"
60
- ],
61
- "scripts": {
62
- "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
63
- "push:local": "yarn ts:build && yalc publish --push",
64
- "push": "npm run ts:build && npm publish --access public",
65
- "push:test": "node scripts/increment-test-version.cjs && npm run ts:build && npm publish --access public --tag test && node scripts/restore-version.cjs",
66
- "dev": "vite",
67
- "build": "tsc -b && vite build ",
68
- "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\"",
69
- "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"",
70
- "lint": "eslint . --color",
71
- "lint:fix": "eslint src --fix --color",
72
- "preview": "vite preview",
73
- "prepare": "husky"
74
- },
75
- "dependencies": {
76
- "@emotion/react": "^11.11.0",
77
- "@emotion/styled": "^11.11.0",
78
- "@hookform/resolvers": "^3.3.1",
79
- "@mui/material": "^5.12.3",
80
- "@uiw/react-json-view": "^2.0.0-alpha.16",
81
- "axios": "^1.4.0",
82
- "color": "^5.0.0",
83
- "dayjs": "^1.11.8",
84
- "framer-motion": "10.11.0",
85
- "i18next": "^22.4.15",
86
- "memoize-one": "^6.0.0",
87
- "re-resizable": "^6.9.9",
88
- "react": "^18.2.0",
89
- "react-colorful": "^5.6.1",
90
- "react-currency-input-field": "^3.6.11",
91
- "react-dom": "^18.2.0",
92
- "react-draggable": "^4.4.6",
93
- "react-dropzone": "^14.2.3",
94
- "react-hook-form": "^7.45.4",
95
- "react-hot-toast": "^2.4.1",
96
- "react-i18next": "^12.2.2",
97
- "react-lazy-load-image-component": "^1.6.3",
98
- "react-multi-date-picker": "^4.1.2",
99
- "react-router-dom": "^7.7.0",
100
- "react-virtualized-auto-sizer": "^1.0.20",
101
- "react-window": "^1.8.9",
102
- "react-window-infinite-loader": "^1.0.9",
103
- "react18-input-otp": "^1.1.4",
104
- "recharts": "^2.15.1"
105
- },
106
- "devDependencies": {
107
- "@eslint/js": "^9.17.0",
108
- "@testing-library/jest-dom": "^5.16.5",
109
- "@types/lodash": "^4.17.15",
110
- "@types/react": "^18.2.6",
111
- "@types/react-dom": "^18.3.5",
112
- "@types/react-lazy-load-image-component": "^1.6.4",
113
- "@types/react-virtualized-auto-sizer": "^1.0.8",
114
- "@types/react-window": "^1.8.5",
115
- "@types/react-window-infinite-loader": "^1.0.6",
116
- "@vitejs/plugin-react": "^4.3.4",
117
- "eslint": "^9.17.0",
118
- "eslint-plugin-react-hooks": "^5.0.0",
119
- "eslint-plugin-react-refresh": "^0.4.16",
120
- "globals": "^15.14.0",
121
- "husky": "^8.0.3",
122
- "lint-staged": "^13.2.2",
123
- "prettier": "^2.8.8",
124
- "tsc-alias": "^1.8.16",
125
- "typescript": "5.0.2",
126
- "typescript-eslint": "^8.18.2",
127
- "vite": "6.0.5",
128
- "vite-tsconfig-paths": "^4.2.0"
129
- },
130
- "lint-staged": {
131
- "src/**/*.{ts,tsx,json,js,jsx}": [
132
- "yarn run prettier:fix",
133
- "yarn run lint"
134
- ]
135
- },
136
- "publishConfig": {
137
- "registry": "https://registry.npmjs.org/"
138
- }
139
- }
1
+ {
2
+ "name": "@tap-payments/os-micro-frontend-shared",
3
+ "description": "Shared components and utilities for Tap Payments micro frontends",
4
+ "version": "0.1.118-test.4",
5
+ "testVersion": 4,
6
+ "type": "module",
7
+ "main": "build/index.js",
8
+ "module": "build/index.js",
9
+ "types": "build/index.d.ts",
10
+ "exports": {
11
+ ".": {
12
+ "types": "./build/index.d.ts",
13
+ "import": "./build/index.js",
14
+ "require": "./build/index.js"
15
+ },
16
+ "./constants": {
17
+ "types": "./build/constants/index.d.ts",
18
+ "import": "./build/constants/index.js",
19
+ "require": "./build/constants/index.js"
20
+ },
21
+ "./components": {
22
+ "types": "./build/components/index.d.ts",
23
+ "import": "./build/components/index.js",
24
+ "require": "./build/components/index.js"
25
+ },
26
+ "./components/*": {
27
+ "types": "./build/components/*/index.d.ts",
28
+ "import": "./build/components/*/index.js",
29
+ "require": "./build/components/*/index.js"
30
+ },
31
+ "./hooks": {
32
+ "types": "./build/hooks/index.d.ts",
33
+ "import": "./build/hooks/index.js",
34
+ "require": "./build/hooks/index.js"
35
+ },
36
+ "./utils": {
37
+ "types": "./build/utils/index.d.ts",
38
+ "import": "./build/utils/index.js",
39
+ "require": "./build/utils/index.js"
40
+ },
41
+ "./theme": {
42
+ "types": "./build/theme/index.d.ts",
43
+ "import": "./build/theme/index.js",
44
+ "require": "./build/theme/index.js"
45
+ },
46
+ "./types": {
47
+ "types": "./build/types/index.d.ts",
48
+ "import": "./build/types/index.js",
49
+ "require": "./build/types/index.js"
50
+ }
51
+ },
52
+ "license": "MIT",
53
+ "author": {
54
+ "name": "Ahmed Sharkawy",
55
+ "email": "a.elsharkawy@tap.company"
56
+ },
57
+ "files": [
58
+ "build",
59
+ "readme.md"
60
+ ],
61
+ "scripts": {
62
+ "ts:build": "rm -rf build && tsc -p tsconfig.npm.json && tsc-alias -p tsconfig.npm.json",
63
+ "push:local": "yarn ts:build && yalc publish --push",
64
+ "push": "npm run ts:build && npm publish --access public",
65
+ "push:test": "node scripts/increment-test-version.cjs && npm run ts:build && npm publish --access public --tag test && node scripts/restore-version.cjs",
66
+ "dev": "vite",
67
+ "build": "tsc -b && vite build ",
68
+ "prettier": "prettier --list-different \"src/**/*.{md,mdx,ts,js,tsx,jsx,json}\"",
69
+ "prettier:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md,css,json}\"",
70
+ "lint": "eslint . --color",
71
+ "lint:fix": "eslint src --fix --color",
72
+ "preview": "vite preview",
73
+ "prepare": "husky"
74
+ },
75
+ "dependencies": {
76
+ "@emotion/react": "^11.11.0",
77
+ "@emotion/styled": "^11.11.0",
78
+ "@hookform/resolvers": "^3.3.1",
79
+ "@mui/material": "^5.12.3",
80
+ "@uiw/react-json-view": "^2.0.0-alpha.16",
81
+ "axios": "^1.4.0",
82
+ "color": "^5.0.0",
83
+ "dayjs": "^1.11.8",
84
+ "framer-motion": "10.11.0",
85
+ "i18next": "^22.4.15",
86
+ "memoize-one": "^6.0.0",
87
+ "re-resizable": "^6.9.9",
88
+ "react": "^18.2.0",
89
+ "react-colorful": "^5.6.1",
90
+ "react-currency-input-field": "^3.6.11",
91
+ "react-dom": "^18.2.0",
92
+ "react-draggable": "^4.4.6",
93
+ "react-dropzone": "^14.2.3",
94
+ "react-hook-form": "^7.45.4",
95
+ "react-hot-toast": "^2.4.1",
96
+ "react-i18next": "^12.2.2",
97
+ "react-lazy-load-image-component": "^1.6.3",
98
+ "react-multi-date-picker": "^4.1.2",
99
+ "react-router-dom": "^7.7.0",
100
+ "react-virtualized-auto-sizer": "^1.0.20",
101
+ "react-window": "^1.8.9",
102
+ "react-window-infinite-loader": "^1.0.9",
103
+ "react18-input-otp": "^1.1.4",
104
+ "recharts": "^2.15.1"
105
+ },
106
+ "devDependencies": {
107
+ "@eslint/js": "^9.17.0",
108
+ "@testing-library/jest-dom": "^5.16.5",
109
+ "@types/lodash": "^4.17.15",
110
+ "@types/react": "^18.2.6",
111
+ "@types/react-dom": "^18.3.5",
112
+ "@types/react-lazy-load-image-component": "^1.6.4",
113
+ "@types/react-virtualized-auto-sizer": "^1.0.8",
114
+ "@types/react-window": "^1.8.5",
115
+ "@types/react-window-infinite-loader": "^1.0.6",
116
+ "@vitejs/plugin-react": "^4.3.4",
117
+ "eslint": "^9.17.0",
118
+ "eslint-plugin-react-hooks": "^5.0.0",
119
+ "eslint-plugin-react-refresh": "^0.4.16",
120
+ "globals": "^15.14.0",
121
+ "husky": "^8.0.3",
122
+ "lint-staged": "^13.2.2",
123
+ "prettier": "^2.8.8",
124
+ "tsc-alias": "^1.8.16",
125
+ "typescript": "5.0.2",
126
+ "typescript-eslint": "^8.18.2",
127
+ "vite": "6.0.5",
128
+ "vite-tsconfig-paths": "^4.2.0"
129
+ },
130
+ "lint-staged": {
131
+ "src/**/*.{ts,tsx,json,js,jsx}": [
132
+ "yarn run prettier:fix",
133
+ "yarn run lint"
134
+ ]
135
+ },
136
+ "publishConfig": {
137
+ "registry": "https://registry.npmjs.org/"
138
+ }
139
+ }
@@ -1,14 +0,0 @@
1
- import { StatusChipWithCopyProps } from '../../../StatusChipWithCopy';
2
- interface CustomerSheetCellProps extends Pick<StatusChipWithCopyProps, 'selectionProps'> {
3
- id?: string;
4
- name?: string;
5
- email?: string;
6
- phone?: string;
7
- isFirstNameShown?: boolean;
8
- isLastNameShown?: boolean;
9
- isEmailShown?: boolean;
10
- isPhoneShown?: boolean;
11
- isIdShown?: boolean;
12
- }
13
- declare function CustomerSheetCell({ id, name, email, phone, isFirstNameShown, isLastNameShown, isEmailShown, isPhoneShown, isIdShown, ...props }: CustomerSheetCellProps): import("react/jsx-runtime").JSX.Element;
14
- export default CustomerSheetCell;
@@ -1,21 +0,0 @@
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, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { Box } from '@mui/material';
14
- import { StatusChipWithCopy } from '../../../index.js';
15
- import { isArabic } from '../../../../utils/index.js';
16
- function CustomerSheetCell(_a) {
17
- var { id, name, email, phone, isFirstNameShown = true, isLastNameShown = true, isEmailShown = true, isPhoneShown = true, isIdShown = true } = _a, props = __rest(_a, ["id", "name", "email", "phone", "isFirstNameShown", "isLastNameShown", "isEmailShown", "isPhoneShown", "isIdShown"]);
18
- const isArabicname = isArabic(name);
19
- return (_jsxs(Box, Object.assign({ sx: { display: 'flex', flexDirection: 'row', gap: '4px' } }, { children: [name && (isFirstNameShown || isLastNameShown) && (_jsx(StatusChipWithCopy, Object.assign({ disableAnimation: true, copyText: name, chipIndex: 0 }, props, { children: _jsx("span", Object.assign({ "data-is-arabic": isArabicname }, { children: name })) }))), isEmailShown && email && (_jsx(StatusChipWithCopy, Object.assign({ copyText: email, chipIndex: 1 }, props, { children: email }))), isPhoneShown && phone && (_jsx(StatusChipWithCopy, Object.assign({ copyText: phone, chipIndex: 2 }, props, { children: phone }))), isIdShown && id && (_jsx(StatusChipWithCopy, Object.assign({ copyText: id, chipIndex: 3 }, props, { children: id })))] })));
20
- }
21
- export default CustomerSheetCell;
@@ -1 +0,0 @@
1
- export { default as CustomerSheetCell } from './CustomerSheetCell';
@@ -1 +0,0 @@
1
- export { default as CustomerSheetCell } from './CustomerSheetCell';