@tap-payments/os-micro-frontend-shared 0.1.409 → 0.1.411
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.
- package/build/components/Chip/style.js +1 -1
- package/build/components/StatusIcons/AuthIcons/style.js +1 -1
- package/build/components/StatusIcons/SourceIcons/style.js +1 -1
- package/build/components/TableCells/CustomCells/AgreementCell/style.js +1 -1
- package/build/components/TableCells/CustomCells/ApplicationStatusCell/style.js +1 -1
- package/build/components/TableCells/CustomCells/AuthenticationCell/style.js +1 -1
- package/build/components/TableCells/CustomCells/ChannelsCell/style.js +1 -1
- package/build/components/TableCells/CustomCells/SalesChannelCell/style.js +1 -1
- package/build/components/TableCells/CustomCells/SegmentsCell/style.js +1 -1
- package/build/utils/segment.d.ts +1 -0
- package/build/utils/segment.js +5 -2
- package/package.json +1 -1
|
@@ -38,7 +38,7 @@ export const StyledSourceCell = styled('span')(({ theme }) => ({
|
|
|
38
38
|
justifyContent: 'flex-start',
|
|
39
39
|
gap: theme.spacing(1),
|
|
40
40
|
}));
|
|
41
|
-
export const SourcesContainer = styled(motion.span)(({ sourcesCount }) => ({
|
|
41
|
+
export const SourcesContainer = styled(motion.span, { shouldForwardProp: (prop) => prop !== 'sourcesCount' })(({ sourcesCount }) => ({
|
|
42
42
|
display: 'flex',
|
|
43
43
|
alignItems: 'center',
|
|
44
44
|
justifyContent: 'flex-start',
|
|
@@ -10,7 +10,7 @@ export const StyledSourceImage = styled('img')(() => ({
|
|
|
10
10
|
maxWidth: '36px',
|
|
11
11
|
maxHeight: '24px',
|
|
12
12
|
}));
|
|
13
|
-
export const PaymentSourcesContainer = styled(motion.span)(({ theme, sourcesCount }) => ({
|
|
13
|
+
export const PaymentSourcesContainer = styled(motion.span, { shouldForwardProp: (prop) => prop !== 'sourcesCount' })(({ theme, sourcesCount }) => ({
|
|
14
14
|
display: 'flex',
|
|
15
15
|
alignItems: 'center',
|
|
16
16
|
justifyContent: 'flex-start',
|
|
@@ -10,7 +10,7 @@ export const StyledSourceImage = styled('img')(() => ({
|
|
|
10
10
|
maxWidth: '24px',
|
|
11
11
|
maxHeight: '16px',
|
|
12
12
|
}));
|
|
13
|
-
export const PaymentSourcesContainer = styled(motion.span)(({ theme, sourcesCount }) => ({
|
|
13
|
+
export const PaymentSourcesContainer = styled(motion.span, { shouldForwardProp: (prop) => prop !== 'sourcesCount' })(({ theme, sourcesCount }) => ({
|
|
14
14
|
display: 'flex',
|
|
15
15
|
alignItems: 'center',
|
|
16
16
|
justifyContent: 'flex-start',
|
|
@@ -36,7 +36,7 @@ export const BadgeTextWrapper = styled('div')(() => ({
|
|
|
36
36
|
justifyContent: 'center',
|
|
37
37
|
paddingInline: '8px',
|
|
38
38
|
}));
|
|
39
|
-
export const PaymentSourcesContainer = styled(motion.span)(({ theme, sourcesCount }) => ({
|
|
39
|
+
export const PaymentSourcesContainer = styled(motion.span, { shouldForwardProp: (prop) => prop !== 'sourcesCount' })(({ theme, sourcesCount }) => ({
|
|
40
40
|
display: 'flex',
|
|
41
41
|
alignItems: 'center',
|
|
42
42
|
justifyContent: 'flex-start',
|
|
@@ -6,7 +6,7 @@ export const StyledAppsCell = styled('span')(({ theme }) => ({
|
|
|
6
6
|
justifyContent: 'flex-start',
|
|
7
7
|
gap: theme.spacing(1),
|
|
8
8
|
}));
|
|
9
|
-
export const AppsStatusContainer = styled(motion.span)(({ theme, sourcesCount }) => ({
|
|
9
|
+
export const AppsStatusContainer = styled(motion.span, { shouldForwardProp: (prop) => prop !== 'sourcesCount' })(({ theme, sourcesCount }) => ({
|
|
10
10
|
display: 'flex',
|
|
11
11
|
alignItems: 'center',
|
|
12
12
|
justifyContent: 'flex-start',
|
|
@@ -27,7 +27,7 @@ export const StatusContainer = styled('div')(({ theme }) => ({
|
|
|
27
27
|
gap: theme.spacing(0.5),
|
|
28
28
|
lineHeight: 0,
|
|
29
29
|
}));
|
|
30
|
-
export const AuthenticationStatusesContainer = styled(motion.span)(({ theme, sourcesCount }) => ({
|
|
30
|
+
export const AuthenticationStatusesContainer = styled(motion.span, { shouldForwardProp: (prop) => prop !== 'sourcesCount' })(({ theme, sourcesCount }) => ({
|
|
31
31
|
display: 'flex',
|
|
32
32
|
alignItems: 'center',
|
|
33
33
|
justifyContent: 'flex-start',
|
|
@@ -10,7 +10,7 @@ export const StyledSourceImage = styled('img')(() => ({
|
|
|
10
10
|
maxWidth: '36px',
|
|
11
11
|
maxHeight: '24px',
|
|
12
12
|
}));
|
|
13
|
-
export const PaymentSourcesContainer = styled(motion.span)(({ theme, sourcesCount }) => ({
|
|
13
|
+
export const PaymentSourcesContainer = styled(motion.span, { shouldForwardProp: (prop) => prop !== 'sourcesCount' })(({ theme, sourcesCount }) => ({
|
|
14
14
|
display: 'flex',
|
|
15
15
|
alignItems: 'center',
|
|
16
16
|
justifyContent: 'flex-start',
|
|
@@ -10,7 +10,7 @@ export const StyledSourceImage = styled('img')(() => ({
|
|
|
10
10
|
maxWidth: '36px',
|
|
11
11
|
maxHeight: '16px',
|
|
12
12
|
}));
|
|
13
|
-
export const SalesChannelsContainer = styled(motion.span)(({ theme, sourcesCount }) => ({
|
|
13
|
+
export const SalesChannelsContainer = styled(motion.span, { shouldForwardProp: (prop) => prop !== 'sourcesCount' })(({ theme, sourcesCount }) => ({
|
|
14
14
|
display: 'flex',
|
|
15
15
|
alignItems: 'center',
|
|
16
16
|
justifyContent: 'flex-start',
|
|
@@ -6,7 +6,7 @@ export const StyledSourceCell = styled('span')(({ theme }) => ({
|
|
|
6
6
|
justifyContent: 'flex-start',
|
|
7
7
|
gap: theme.spacing(1),
|
|
8
8
|
}));
|
|
9
|
-
export const ReferenceSourcesContainer = styled(motion.span)(({ theme, sourcesCount }) => ({
|
|
9
|
+
export const ReferenceSourcesContainer = styled(motion.span, { shouldForwardProp: (prop) => prop !== 'sourcesCount' })(({ theme, sourcesCount }) => ({
|
|
10
10
|
display: 'flex',
|
|
11
11
|
alignItems: 'center',
|
|
12
12
|
justifyContent: 'flex-start',
|
package/build/utils/segment.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ export declare const getBusinessSegmentConfig: ({ merchantsIds, options }: {
|
|
|
10
10
|
merchant: string[];
|
|
11
11
|
};
|
|
12
12
|
};
|
|
13
|
+
export declare const isSegmentActLikeBusinessSegment: (segmentId: string) => boolean;
|
|
13
14
|
export declare const getNonBusinessSegmentConfig: ({ segmentCode, segmentId, segmentTypeCode, merchantsIds, options, }: {
|
|
14
15
|
segmentCode: string;
|
|
15
16
|
segmentTypeCode: string;
|
package/build/utils/segment.js
CHANGED
|
@@ -16,10 +16,13 @@ export const getBusinessSegmentConfig = ({ merchantsIds, options }) => {
|
|
|
16
16
|
return {};
|
|
17
17
|
return { business: Object.assign({ merchant: merchantsIds }, options) };
|
|
18
18
|
};
|
|
19
|
+
export const isSegmentActLikeBusinessSegment = (segmentId) => {
|
|
20
|
+
const specialBusinessSegmentsIDs = ['payment_facilitator_14po8231419aIsi1fN7F385'];
|
|
21
|
+
return specialBusinessSegmentsIDs.includes(segmentId);
|
|
22
|
+
};
|
|
19
23
|
export const getNonBusinessSegmentConfig = ({ segmentCode, segmentId, segmentTypeCode, merchantsIds = [], options = {}, }) => {
|
|
20
24
|
const code = SEGMENT_CODE.PSP === segmentTypeCode ? segmentCode : segmentTypeCode;
|
|
21
|
-
|
|
22
|
-
if (specialBusinessSegmentsIDs.includes(segmentId)) {
|
|
25
|
+
if (isSegmentActLikeBusinessSegment(segmentId)) {
|
|
23
26
|
return getBusinessSegmentConfig({ merchantsIds, options });
|
|
24
27
|
}
|
|
25
28
|
if (code === SEGMENT_CODE.PAYMENT_TECHNOLOGY) {
|
package/package.json
CHANGED