@tap-payments/os-micro-frontend-shared 0.1.96-test.6 → 0.1.96-test.8

package/build/components/AppServices/AppServices.js

@@ -2,7 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { memo, useEffect, useRef, useState, useMemo } from 'react';
 import { Box } from '@mui/material';
 import { useTranslation } from 'react-i18next';
-import { useLocation } from 'react-router';
 import { StyledIconForDropDown, StyledMenuTitle, StyledOption, StyledSelect, StyledSelectComponent } from '../index.js';
 import { APP_CODES, blackHeadingDownArrow, blueHeadingDropdownArrow } from '../../constants/index.js';
 import { getNameText } from '../../utils/index.js';
@@ -17,7 +16,6 @@ function AppServices({ isMaximized, serviceCode, dimensions, appCode, services,
     const [selectedOption, setSelectedOption] = useState('');
     const servicesRef = useRef(null);
     const [openDropdown, setOpenDropdown] = React.useState(false);
-    const pathname = useLocation();
     const { i18n } = useTranslation();
     const servicesList = useMemo(() => {
         var _a;
@@ -35,7 +33,7 @@ function AppServices({ isMaximized, serviceCode, dimensions, appCode, services,
     const activeTabTitle = useMemo(() => {
         var _a, _b;
         return getNameText((_b = (_a = servicesList.filter((service) => service.code.toLowerCase() === decodeURIComponent(serviceCode).toLowerCase())) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name, i18n.language);
-    }, [pathname, services, i18n.language]);
+    }, [servicesList, i18n.language, serviceCode]);
     useEffect(() => {
         setSelectedOption(activeTabTitle);
     }, [activeTabTitle]);

package/build/components/AppServicesBar/AppServicesBar.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { DragControls } from 'framer-motion';
 import { SxProps, Theme } from '@mui/material/styles';
-import { UserApp } from '../../types/index.js';
+import { AppService } from '../../types/index.js';
 export interface AppServicesBarProps {
-    app?: UserApp;
+    appCode: string;
+    services: AppService[];
     isMaximized: boolean;
     dimensions: {
         width: number | string;
@@ -19,6 +20,6 @@ export interface AppServicesBarProps {
     onClickServiceItem: (code: string) => void;
     sx?: SxProps<Theme>;
 }
-declare function AppServicesBar({ app, isMaximized, dimensions, features: { initialServiceCode }, ui: { onStartDrag }, onChangeServiceCode, onClickServiceItem, sx, }: Readonly<AppServicesBarProps>): import("react/jsx-runtime").JSX.Element | null;
+declare function AppServicesBar({ appCode, services, isMaximized, dimensions, features: { initialServiceCode }, ui: { onStartDrag }, onChangeServiceCode, onClickServiceItem, sx, }: Readonly<AppServicesBarProps>): import("react/jsx-runtime").JSX.Element | null;
 declare const _default: import("react").MemoExoticComponent<typeof AppServicesBar>;
 export default _default;

package/build/components/AppServicesBar/AppServicesBar.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useCallback, useState } from 'react';
 import { AppServices } from '../index.js';
 import { StyledAppHeaderWrapper } from '../Toolbar/style';
-function AppServicesBar({ app, isMaximized, dimensions, features: { initialServiceCode }, ui: { onStartDrag }, onChangeServiceCode, onClickServiceItem, sx, }) {
+function AppServicesBar({ appCode, services, isMaximized, dimensions, features: { initialServiceCode }, ui: { onStartDrag }, onChangeServiceCode, onClickServiceItem, sx, }) {
     const [isDragging, setIsDragging] = useState(false);
     const onPointerDown = useCallback((e) => {
         onStartDrag === null || onStartDrag === void 0 ? void 0 : onStartDrag(e);
@@ -11,11 +11,8 @@ function AppServicesBar({ app, isMaximized, dimensions, features: { initialServi
     const onPointerUp = () => {
         setIsDragging(false);
     };
-    if (!app)
+    if (!appCode || !services.length)
         return null;
-    const services = (app === null || app === void 0 ? void 0 : app.app_services) || [];
-    if (!services.length)
-        return null;
-    return (_jsx(StyledAppHeaderWrapper, Object.assign({ id: "app-header-wrapper", onPointerDown: onPointerDown, onPointerUp: onPointerUp, isDragging: isDragging, sx: sx }, { children: _jsx(AppServices, { onClickServiceItem: onClickServiceItem, dimensions: { width: dimensions.width }, serviceCode: initialServiceCode !== null && initialServiceCode !== void 0 ? initialServiceCode : '', services: services, isMaximized: isMaximized, appCode: app.code, onChangeServiceCode: onChangeServiceCode }) })));
+    return (_jsx(StyledAppHeaderWrapper, Object.assign({ id: "app-header-wrapper", onPointerDown: onPointerDown, onPointerUp: onPointerUp, isDragging: isDragging, sx: sx }, { children: _jsx(AppServices, { onClickServiceItem: onClickServiceItem, dimensions: { width: dimensions.width }, serviceCode: initialServiceCode !== null && initialServiceCode !== void 0 ? initialServiceCode : '', services: services, isMaximized: isMaximized, appCode: appCode, onChangeServiceCode: onChangeServiceCode }) })));
 }
 export default memo(AppServicesBar);

package/build/types/apps.d.ts

@@ -106,7 +106,6 @@ export type MFWidgetBaseProps = {
         openApp: (app: Pick<AppDetails, 'appCode' | 'serviceCode' | 'payload'> & {
             sandboxMode?: boolean;
         }) => void;
-        modifyAppServiceCode: ({ id, serviceCode, appCode }: Pick<AppDetails, 'id' | 'serviceCode' | 'appCode'>) => void;
     };
     timezone: {
         current?: Timezone | null;

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.96-test.6",
-  "testVersion": 6,
+  "version": "0.1.96-test.8",
+  "testVersion": 8,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",