@tap-payments/os-micro-frontend-shared 0.1.254-test.4 → 0.1.254-test.5

package/build/components/MerchantsDropdown/MerchantsDropdown.js

@@ -19,12 +19,10 @@ const DropdownArrowIcon = ({ isLoading, isSingleMerchant, isOpen }) => {
     return null;
 };
 function MerchantsDropdown({ brands, isLoading = true, label, sx, selectedValue, isDisabled, isFetchingNextPage, renderBrandLogo, onValueChange, }) {
-    //   const { brands: brandsList, getBrandDetailsById, isLoading, isFetchingNextPage } = useBrands()
     var _a;
     const { anchorElement, isOpen, openMenu, closeMenu } = useDropdownMenu();
     const controllerRef = useRef(null);
     useDefaultMerchantSelection(brands, selectedValue, onValueChange);
-    //   const { displayName } = useSelectedMerchantDetails(selectedValue, getBrandDetailsById)
     const isSingleMerchant = useMemo(() => getIsSingleMerchant(brands), [brands]);
     const shouldDisableInteraction = isSingleMerchant || isDisabled || isLoading;
     const handleContainerClick = useCallback((event) => {

package/build/components/MerchantsDropdown/hooks.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent } from 'react';
-import { Brand, Entity, Merchant, MerchantInfo } from '../../types/index.js';
+import { Brand, MerchantInfo } from '../../types/index.js';
 /**
  * Custom hook to handle dropdown menu state
  */
@@ -13,15 +13,6 @@ export declare const useDropdownMenu: () => {
  * Custom hook to handle default merchant selection
  */
 export declare const useDefaultMerchantSelection: (brandsList: Brand[], selectedValue: MerchantInfo | undefined, onValueChange: (merchant: Required<MerchantInfo>) => void) => void;
-/**
- * Custom hook to get selected merchant details
- */
-export declare const useSelectedMerchantDetails: (selectedValue: MerchantInfo | undefined, getBrandDetailsById: (id: string) => Brand | undefined) => {
-    selectedBrand: Brand | undefined;
-    selectedEntity: (import("../../types/index.js").EntityDetails & Entity) | undefined;
-    selectedMerchant: Merchant | undefined;
-    displayName: string;
-};
 /**
  * Check if only one merchant exists across all brands
  */

package/build/components/MerchantsDropdown/hooks.js

@@ -1,4 +1,4 @@
-import { useState, useMemo, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 /**
  * Custom hook to handle dropdown menu state
  */
@@ -45,21 +45,6 @@ export const useDefaultMerchantSelection = (brandsList, selectedValue, onValueCh
         });
     }, [brandsList, selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.merchantId, onValueChange]);
 };
-/**
- * Custom hook to get selected merchant details
- */
-export const useSelectedMerchantDetails = (selectedValue, getBrandDetailsById) => {
-    const selectedBrand = useMemo(() => { var _a; return getBrandDetailsById((_a = selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.brandId) !== null && _a !== void 0 ? _a : ''); }, [getBrandDetailsById, selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.brandId]);
-    const selectedEntity = useMemo(() => selectedBrand === null || selectedBrand === void 0 ? void 0 : selectedBrand.entities.find((entity) => entity.id === (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.entityId)), [selectedBrand, selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.entityId]);
-    const selectedMerchant = useMemo(() => { var _a; return (_a = selectedEntity === null || selectedEntity === void 0 ? void 0 : selectedEntity.merchants) === null || _a === void 0 ? void 0 : _a.find((merchant) => merchant.id === (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.merchantId)); }, [selectedEntity, selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.merchantId]);
-    const displayName = useMemo(() => { var _a, _b; return (_b = (_a = selectedMerchant === null || selectedMerchant === void 0 ? void 0 : selectedMerchant.display_name) !== null && _a !== void 0 ? _a : selectedMerchant === null || selectedMerchant === void 0 ? void 0 : selectedMerchant.legacy_id) !== null && _b !== void 0 ? _b : 'Select'; }, [selectedMerchant]);
-    return {
-        selectedBrand,
-        selectedEntity,
-        selectedMerchant,
-        displayName,
-    };
-};
 /**
  * Check if only one merchant exists across all brands
  */

package/build/components/MerchantsDropdown/index.d.ts

@@ -1,3 +1 @@
 export { default as MerchantsDropdown } from './MerchantsDropdown';
-export * from './hooks';
-export * from './type';

package/build/components/MerchantsDropdown/index.js

@@ -1,3 +1 @@
 export { default as MerchantsDropdown } from './MerchantsDropdown';
-export * from './hooks';
-export * from './type';

package/build/hooks/index.d.ts

@@ -12,3 +12,4 @@ export * from './useCountdown';
 export * from './useAppsInfo';
 export * from './useAppEventPublisher';
 export * from './useAppEventListener';
+export * from './useSelectedMerchantDetails';

package/build/hooks/index.js

@@ -12,3 +12,4 @@ export * from './useCountdown';
 export * from './useAppsInfo';
 export * from './useAppEventPublisher';
 export * from './useAppEventListener';
+export * from './useSelectedMerchantDetails';

package/build/hooks/useSelectedMerchantDetails.d.ts

@@ -0,0 +1,10 @@
+import { Brand, Entity, Merchant, MerchantInfo } from '../types/index.js';
+/**
+ * Custom hook to get selected merchant details
+ */
+export declare const useSelectedMerchantDetails: (selectedValue: MerchantInfo | undefined, selectedBrand?: Brand) => {
+    selectedBrand: Brand | undefined;
+    selectedEntity: (import("../types/index.js").EntityDetails & Entity) | undefined;
+    selectedMerchant: Merchant | undefined;
+    displayName: string;
+};

package/build/hooks/useSelectedMerchantDetails.js

@@ -0,0 +1,15 @@
+import { useMemo } from 'react';
+/**
+ * Custom hook to get selected merchant details
+ */
+export const useSelectedMerchantDetails = (selectedValue, selectedBrand) => {
+    const selectedEntity = useMemo(() => selectedBrand === null || selectedBrand === void 0 ? void 0 : selectedBrand.entities.find((entity) => entity.id === (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.entityId)), [selectedBrand, selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.entityId]);
+    const selectedMerchant = useMemo(() => { var _a; return (_a = selectedEntity === null || selectedEntity === void 0 ? void 0 : selectedEntity.merchants) === null || _a === void 0 ? void 0 : _a.find((merchant) => merchant.id === (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.merchantId)); }, [selectedEntity, selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.merchantId]);
+    const displayName = useMemo(() => { var _a, _b; return (_b = (_a = selectedMerchant === null || selectedMerchant === void 0 ? void 0 : selectedMerchant.display_name) !== null && _a !== void 0 ? _a : selectedMerchant === null || selectedMerchant === void 0 ? void 0 : selectedMerchant.legacy_id) !== null && _b !== void 0 ? _b : 'Select'; }, [selectedMerchant]);
+    return {
+        selectedBrand,
+        selectedEntity,
+        selectedMerchant,
+        displayName,
+    };
+};

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.254-test.4",
-  "testVersion": 4,
+  "version": "0.1.254-test.5",
+  "testVersion": 5,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",