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

package/build/components/AppServices/AppServices.d.ts

@@ -9,8 +9,9 @@ interface AppServicesProps extends Pick<ServiceItemProps, 'onClickServiceItem'>
     dimensions: {
         width: string | number;
     };
+    pathname: string;
     onChangeServiceCode?: (serviceCode: string) => void;
 }
-declare function AppServices({ isMaximized, serviceCode, dimensions, appCode, services, onChangeServiceCode, onClickServiceItem, }: Readonly<AppServicesProps>): import("react/jsx-runtime").JSX.Element;
+declare function AppServices({ isMaximized, serviceCode, dimensions, appCode, services, pathname, onChangeServiceCode, onClickServiceItem, }: Readonly<AppServicesProps>): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof AppServices>;
 export default _default;

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';
@@ -11,13 +10,12 @@ import { Wrapper } from './style';
 const selectedIcon = (props) => {
     return (_jsx(StyledIconForDropDown, { src: props.className.includes('MuiSelect-iconOpen') ? blueHeadingDropdownArrow : blackHeadingDownArrow, alt: "dropdown" }));
 };
-function AppServices({ isMaximized, serviceCode, dimensions, appCode, services, onChangeServiceCode, onClickServiceItem, }) {
+function AppServices({ isMaximized, serviceCode, dimensions, appCode, services, pathname, onChangeServiceCode, onClickServiceItem, }) {
     const [initServicesWidth, setInitServicesWidth] = useState(0);
     const [isDropdown, setIsDropdown] = useState(false);
     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;

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;
@@ -15,10 +16,11 @@ export interface AppServicesBarProps {
     ui: {
         onStartDrag: DragControls['start'];
     };
+    pathname: string;
     onChangeServiceCode: (serviceCode: string) => void;
     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 }, pathname, 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 }, pathname, 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, pathname: pathname }) })));
 }
 export default memo(AppServicesBar);

package/build/types/apps.d.ts

@@ -3,6 +3,7 @@ import { Segment, SegmentCountry, TextAndLang } from './user';
 import { BusinessMerchant } from './merchant';
 import type { i18n } from 'i18next';
 import type { DragControls } from 'framer-motion';
+import type { Location } from 'react-router-dom';
 import { Theme } from '@mui/material';
 import { CalenderMode } from './theme';
 import { Timezone } from './appConfig';
@@ -96,6 +97,7 @@ export type MFWidgetBaseProps = {
         onSwitch: (mode: CalenderMode) => void;
     };
     navigation: {
+        location: Location;
         openAppService: (navigation: {
             id?: string;
             appId?: string;
@@ -106,7 +108,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.7",
+  "testVersion": 7,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",