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

package/build/components/TableCells/CustomCells/EntityCell/EntityCell.js

@@ -11,13 +11,14 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import TableCell from '../../TableCell';
-import { EntityName, EntityWrapper, VerificationIcon, EntityContainer, EntityInfoContainer, VerificationContainer, EmptyCell } from './style';
+import { EntityName, EntityWrapper, VerificationIcon, VerificationContainer } from './style';
 import { verificationIcon } from './constants';
 import Tooltip from '../../../Tooltip';
 import { CountryFlag } from '../../../index.js';
 import { getCountryName } from '../../../../utils/index.js';
+import { Box } from '@mui/material';
 export default function EntityCell(_a) {
     var { entity, country, verificationStatus, licenseNumber, hideStatus } = _a, props = __rest(_a, ["entity", "country", "verificationStatus", "licenseNumber", "hideStatus"]);
     const icon = verificationIcon[verificationStatus !== null && verificationStatus !== void 0 ? verificationStatus : 'incomplete'];
-    return (_jsx(TableCell, Object.assign({}, props, { sx: { cursor: (props === null || props === void 0 ? void 0 : props.onClick) ? 'pointer' : 'default' } }, { children: _jsx(Tooltip, Object.assign({ title: entity }, { children: _jsx(EntityWrapper, { children: licenseNumber ? (_jsxs(EntityContainer, { children: [_jsxs(EntityInfoContainer, { children: [_jsx(Tooltip, Object.assign({ title: getCountryName(country) }, { children: _jsx(CountryFlag, { code: country }) })), _jsx(EntityName, { children: licenseNumber })] }), !hideStatus && (_jsx(VerificationContainer, { children: _jsx(VerificationIcon, { src: icon }) }))] })) : (_jsx(EmptyCell, { children: "Not Available" })) }) })) })));
+    return (_jsx(TableCell, Object.assign({}, props, { sx: { cursor: (props === null || props === void 0 ? void 0 : props.onClick) ? 'pointer' : 'default' } }, { children: _jsx(Tooltip, Object.assign({ title: entity }, { children: _jsx(EntityWrapper, Object.assign({ sx: { cursor: props.onClick ? 'pointer' : 'default' } }, { children: _jsxs(Box, Object.assign({ display: "flex", alignItems: "center", gap: '5px', sx: { overflow: 'hidden', width: '100%' } }, { children: [_jsx(Tooltip, Object.assign({ title: getCountryName(country) }, { children: _jsx(CountryFlag, { code: country }) })), _jsx(EntityName, { children: licenseNumber }), !hideStatus && (_jsx(VerificationContainer, { children: _jsx(VerificationIcon, { src: icon }) }))] })) })) })) })));
 }

package/build/components/TableCells/CustomCells/EntityCell/style.d.ts

@@ -3,9 +3,4 @@ export declare const EntityWrapper: import("@emotion/styled").StyledComponent<im
 export declare const EntityIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const EntityName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const VerificationIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const EntityContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const EntityInfoContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const VerificationContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const EmptyCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/TableCells/CustomCells/EntityCell/style.js

@@ -1,9 +1,9 @@
-import { Box, styled } from '@mui/material';
+import { styled } from '@mui/material';
 export const EntityWrapper = styled('div')(({ theme }) => ({
     display: 'flex',
     alignItems: 'center',
     gap: theme.spacing(1),
-    border: '1.029px solid #F2F2F2',
+    border: '1px solid #F2F2F2',
     borderRadius: '44px',
     padding: '4px 8px',
     lineHeight: '120%',
@@ -26,29 +26,7 @@ export const VerificationIcon = styled('img')(() => ({
     width: '10.5px',
     height: '10.5px',
 }));
-export const EntityContainer = styled(Box)({
-    display: 'flex',
-    alignItems: 'center',
-    width: '100%',
-    overflow: 'hidden',
-    gap: '5px',
-});
-export const EntityInfoContainer = styled('div')({
-    display: 'flex',
-    alignItems: 'center',
-    minWidth: '110px',
-    gap: '8px',
-});
 export const VerificationContainer = styled('div')({
     marginLeft: 'auto',
     width: 'auto',
 });
-export const EmptyCell = styled('div')({
-    fontWeight: 400,
-    fontSize: 14,
-    lineHeight: '120%',
-    letterSpacing: 0,
-    color: '#B1B1B1',
-    textAlign: 'center',
-    width: '100%',
-});

package/build/components/TableCells/CustomCells/SalesChannelCell/SalesChannelCell.js

@@ -24,9 +24,10 @@ function SalesChannelCell(_a) {
         const sourceTooltip = channel.address;
         const channelCode = (_a = channel.code) === null || _a === void 0 ? void 0 : _a.replace(/_/g, '');
         const isLastChannel = index === (channels === null || channels === void 0 ? void 0 : channels.length) - 1;
-        return (_jsx(Tooltip, Object.assign({ title: sourceTooltip }, { children: _jsx(ImageWrapper, Object.assign({ order: index, variants: salesChannelAnimation(index, isTextShown ? 74 : 0), sx: Object.assign({ width: isTextShown ? '70px' : '36px', cursor: NON_CLICKABLE_CHANNELS.includes(channel.code) ? 'default' : 'pointer' }, (isLastChannel && {
-                    boxShadow: '7px 0px 8px 0px #F2F2F2',
-                })), onClick: () => {
+        return (_jsx(Tooltip, Object.assign({ title: sourceTooltip }, { children: _jsx(ImageWrapper, Object.assign({ order: index, variants: salesChannelAnimation(index, isTextShown ? 74 : 0, isLastChannel), sx: {
+                    width: isTextShown ? '70px' : '36px',
+                    cursor: NON_CLICKABLE_CHANNELS.includes(channel.code) ? 'default' : 'pointer',
+                }, onClick: () => {
                     if (NON_CLICKABLE_CHANNELS.includes(channel.code))
                         return;
                     if (channel === null || channel === void 0 ? void 0 : channel.address)

package/build/components/TableCells/CustomCells/SalesChannelCell/style.d.ts

@@ -267,7 +267,7 @@ export declare const SalesChannelsContainer: import("@emotion/styled").StyledCom
 }, {}, {}>;
 export declare const ChannelTextLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const ChannelTextWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const salesChannelAnimation: (index: number, xDelta?: number) => {
+export declare const salesChannelAnimation: (index: number, xDelta?: number, isLastChannel?: boolean) => {
     start: {
         x: number;
         transition: {
@@ -277,6 +277,7 @@ export declare const salesChannelAnimation: (index: number, xDelta?: number) =>
         };
     };
     animate: {
+        boxShadow?: string | undefined;
         x: number;
         transition: {
             duration: number;

package/build/components/TableCells/CustomCells/SalesChannelCell/style.js

@@ -34,7 +34,7 @@ export const ChannelTextWrapper = styled('div')(() => ({
     justifyContent: 'center',
     paddingInline: '4px',
 }));
-export const salesChannelAnimation = (index, xDelta) => ({
+export const salesChannelAnimation = (index, xDelta, isLastChannel) => ({
     start: {
         x: index * 6,
         transition: {
@@ -43,12 +43,11 @@ export const salesChannelAnimation = (index, xDelta) => ({
             ease: 'easeIn',
         },
     },
-    animate: {
-        x: xDelta ? index * xDelta : index * 39,
-        transition: {
+    animate: Object.assign({ x: xDelta ? index * xDelta : index * 39, transition: {
             duration: 0.3,
             type: 'tween',
             ease: 'easeOut',
-        },
-    },
+        } }, (isLastChannel && {
+        boxShadow: '7px 0px 8px 0px #F2F2F2',
+    })),
 });

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.129-test.2",
-  "testVersion": 2,
+  "version": "0.1.129-test.3",
+  "testVersion": 3,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",