@tap-payments/os-micro-frontend-shared 0.0.263 → 0.0.264

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

@@ -22,17 +22,21 @@ function SegmentsCell(_a) {
     var { isTextShown } = _a, props = __rest(_a, ["isTextShown"]);
     const [isTooltipOpen, setIsTooltipOpen] = useState(false);
     const theme = useTheme();
-    const segments = useMemo(() => Object.keys(segmentsIcons).filter((key) => !!props[key]), [props]);
+    const segments = useMemo(() => Object.keys(segmentsIcons).filter((key) => { var _a; return !!((_a = props[key]) === null || _a === void 0 ? void 0 : _a.name); }), [props]);
     const ReferenceSources = useMemo(() => segments.map((segment, index) => {
         const prefixKey = ['technology', 'institution'].includes(segment) ? 'Payment' : '';
-        const sourceTooltip = `${prefixKey} ${startCase(segment)} - ${props[segment]}`;
+        const segmentData = props[segment];
+        const sourceTooltip = `${prefixKey} ${startCase(segment)} - ${segmentData === null || segmentData === void 0 ? void 0 : segmentData.name}`;
         return (_jsx(Tooltip, Object.assign({ onOpen: () => {
                 setIsTooltipOpen(true);
             }, onClose: () => {
                 setIsTooltipOpen(false);
             }, title: sourceTooltip }, { children: _jsx(ImageWrapper, Object.assign({ order: index, variants: referenceSourceAnimation(index, theme.shadows[4], isTextShown ? 83 : 0), sx: {
                     width: isTextShown ? '79px' : '24px',
-                } }, { children: isTextShown ? (_jsx(ReferenceTextWrapper, { children: _jsx(ReferenceTextLabel, { children: startCase(segment) }) })) : (_jsx(StyledSourceImage, { src: segmentsIcons[segment], alt: segment, sx: Object.assign({}, (segment === 'order' && { width: '11.82px' })) })) })) }), `${segment}-${index}`));
+                } }, { children: isTextShown ? (_jsx(ReferenceTextWrapper, { children: _jsx(ReferenceTextLabel, { children: startCase(segment) }) })) : (_jsx(StyledSourceImage, { src: (segmentData === null || segmentData === void 0 ? void 0 : segmentData.icon) || segmentsIcons[segment], alt: segment, sx: Object.assign(Object.assign({}, (segment === 'order' && { width: '11.82px' })), ((segmentData === null || segmentData === void 0 ? void 0 : segmentData.icon) && { borderRadius: '40px' })), onError: (e) => {
+                        e.currentTarget.src = segmentsIcons[segment];
+                        e.currentTarget.style.borderRadius = '0px';
+                    } })) })) }), `${segment}-${index}`));
     }), [props, segments, isTextShown, theme]);
     const referenceSourcesCount = (ReferenceSources === null || ReferenceSources === void 0 ? void 0 : ReferenceSources.length) || 0;
     return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StyledSourceCell, { children: referenceSourcesCount > 0 ? (_jsx(ReferenceSourcesContainer, Object.assign({ layout: true, className: "reference-sources-container", whileHover: "animate", animate: isTooltipOpen ? 'animate' : 'start', sourcesCount: referenceSourcesCount, variants: { animate: { width: referenceSourcesCount * (6 + 32) } }, style: {

package/build/components/TableCells/CustomCells/SegmentsCell/type.d.ts

@@ -1,11 +1,15 @@
 import { TableCellProps } from '@mui/material/TableCell';
 import { segmentsIcons } from './constant';
 export type SegmentsType = keyof typeof segmentsIcons;
+export interface SegmentInfo {
+    name?: string;
+    icon?: string;
+}
 export interface SegmentsCellProps extends TableCellProps {
-    technology?: string;
-    institution?: string;
-    payment?: string;
-    developmentHouse?: string;
-    platform?: string;
+    technology?: SegmentInfo;
+    institution?: SegmentInfo;
+    payment?: SegmentInfo;
+    developmentHouse?: SegmentInfo;
+    platform?: SegmentInfo;
     isTextShown?: boolean;
 }

package/build/types/merchant.d.ts

@@ -68,6 +68,7 @@ export interface BusinessMerchant {
                 platforms: Array<{
                     id: string;
                     brand: {
+                        logo?: string;
                         name: Array<{
                             lang: string;
                             text: string;

package/build/utils/localStorage.js

@@ -76,7 +76,7 @@ export const getLoggedInUserSegment = () => {
     const userData = getLoggedInUserData();
     if (!userData)
         return null;
-    return getSegmentData(userData === null || userData === void 0 ? void 0 : userData.segments, userData === null || userData === void 0 ? void 0 : userData.active_segment_id, userData === null || userData === void 0 ? void 0 : userData.active_segments);
+    return getSegmentData(userData === null || userData === void 0 ? void 0 : userData.segments, userData === null || userData === void 0 ? void 0 : userData.active_segment_id);
 };
 export const getLoggedInUserActiveSegment = () => {
     const userData = getLoggedInUserData();

package/build/utils/segment.d.ts

@@ -1,2 +1,2 @@
 import { Segment, SegmentData } from '../types/index.js';
-export declare const getSegmentData: (segments: Segment[], activeSegmentId: string, activeSegments: Segment[]) => SegmentData;
+export declare const getSegmentData: (segments: Segment[], activeSegmentId: string) => SegmentData;

package/build/utils/segment.js

@@ -1,12 +1,9 @@
 import { getDefaultEntityCountry } from './entity';
-export const getSegmentData = (segments, activeSegmentId, activeSegments) => {
-    var _a, _b, _c;
+export const getSegmentData = (segments, activeSegmentId) => {
+    var _a, _b;
     const newSegment = (_a = segments.find((segment) => segment.id === activeSegmentId)) !== null && _a !== void 0 ? _a : {};
-    const activeSegment = (_b = activeSegments.find((segment) => segment.id === activeSegmentId)) !== null && _b !== void 0 ? _b : {};
-    const defaultCountry = activeSegment.countries.length === 1
-        ? newSegment.countries.find((country) => { var _a; return country.id === ((_a = activeSegment.countries) === null || _a === void 0 ? void 0 : _a[0].id); })
-        : getDefaultEntityCountry(newSegment === null || newSegment === void 0 ? void 0 : newSegment.countries);
-    const defaultEntity = (_c = defaultCountry === null || defaultCountry === void 0 ? void 0 : defaultCountry.entities) === null || _c === void 0 ? void 0 : _c.find((entity) => entity.default);
+    const defaultCountry = getDefaultEntityCountry(newSegment === null || newSegment === void 0 ? void 0 : newSegment.countries);
+    const defaultEntity = (_b = defaultCountry === null || defaultCountry === void 0 ? void 0 : defaultCountry.entities) === null || _b === void 0 ? void 0 : _b.find((entity) => entity.default);
     return Object.assign(Object.assign({}, newSegment), { defaultCountry,
         defaultEntity });
 };

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.0.263",
-  "testVersion": 2,
+  "version": "0.0.264",
+  "testVersion": 1,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",