@finos/legend-application-marketplace 0.2.20 → 0.2.21

package/src/pages/TerminalsAddons/LegendMarketplaceTerminalsAddons.tsx

@@ -15,6 +15,7 @@
  */
 
 import { observer } from 'mobx-react-lite';
+import { type JSX, useEffect, useCallback } from 'react';
 import { LegendMarketplaceSearchBar } from '../../components/SearchBar/LegendMarketplaceSearchBar.js';
 import {
   Button,
@@ -25,14 +26,17 @@ import {
   ListItem,
   CircularProgress,
 } from '@mui/material';
-import type { TerminalResult } from '@finos/legend-server-marketplace';
+import type {
+  TerminalResult,
+  TraderProfile,
+} from '@finos/legend-server-marketplace';
 import { LegendMarketplaceTerminalCard } from '../../components/ProviderCard/LegendMarketplaceTerminalCard.js';
+import { LegendMarketplaceOrderProfileCard } from '../../components/ProviderCard/LegendMarketplaceOrderProfileCard.js';
 import {
   type LegendMarketPlaceVendorDataStore,
   VendorDataProviderType,
 } from '../../stores/LegendMarketPlaceVendorDataStore.js';
 import { LegendMarketplacePage } from '../LegendMarketplacePage.js';
-import { useEffect, useCallback } from 'react';
 import {
   useLegendMarketPlaceVendorDataStore,
   withLegendMarketplaceVendorDataStore,
@@ -52,6 +56,7 @@ export const RefinedVendorRadioSelector = observer(
       VendorDataProviderType.ALL,
       VendorDataProviderType.TERMINAL_LICENSE,
       VendorDataProviderType.ADD_ONS,
+      VendorDataProviderType.ORDER_PROFILE,
     ];
 
     const onRadioChange = useCallback(
@@ -91,24 +96,31 @@ export const RefinedVendorRadioSelector = observer(
   },
 );
 
-const SearchResultsRenderer = observer(
+/**
+ * Shared section wrapper that renders the header (title, count badge, tooltip,
+ * "See All" button) plus any card content passed via the `renderCards` prop.
+ * Use this as the base for both terminal/add-on and order-profile sections so
+ * the header logic lives in exactly one place.
+ */
+const SearchResultsSection = observer(
   (props: {
     vendorDataState: LegendMarketPlaceVendorDataStore;
-    terminalResults: TerminalResult[];
     sectionTitle: VendorDataProviderType;
-    totalCount?: number | undefined;
-    seeAll?: boolean;
-    tooltip?: string;
-  }) => {
+    itemCount: number;
+    totalCount: number | undefined;
+    tooltip: string | undefined;
+    seeAll: boolean | undefined;
+    renderCards: () => JSX.Element;
+  }): JSX.Element => {
     const {
       vendorDataState,
-      terminalResults,
       sectionTitle,
+      itemCount,
       totalCount,
-      seeAll,
       tooltip,
+      seeAll,
+      renderCards,
     } = props;
-
     const showCount = vendorDataState.searchTerm.trim().length > 0;
 
     return (
@@ -118,7 +130,7 @@ const SearchResultsRenderer = observer(
             {sectionTitle}
             {showCount && (
               <span className="legend-marketplace-vendordata-main-sidebar__title__count">
-                ({totalCount ?? terminalResults.length})
+                ({totalCount ?? itemCount})
               </span>
             )}
           </div>
@@ -141,19 +153,93 @@ const SearchResultsRenderer = observer(
             </button>
           )}
         </div>
-        <div className="legend-marketplace-vendordata-main-search-results__card-group">
-          {terminalResults.map((terminal) => (
-            <LegendMarketplaceTerminalCard
-              key={terminal.id}
-              terminalResult={terminal}
-            />
-          ))}
-        </div>
+        {renderCards()}
       </div>
     );
   },
 );
 
+const SearchResultsRenderer = observer(
+  (props: {
+    vendorDataState: LegendMarketPlaceVendorDataStore;
+    terminalResults: TerminalResult[];
+    sectionTitle: VendorDataProviderType;
+    totalCount?: number;
+    seeAll?: boolean;
+    tooltip?: string;
+  }): JSX.Element => {
+    const {
+      vendorDataState,
+      terminalResults,
+      sectionTitle,
+      totalCount,
+      seeAll,
+      tooltip,
+    } = props;
+
+    return (
+      <SearchResultsSection
+        vendorDataState={vendorDataState}
+        sectionTitle={sectionTitle}
+        itemCount={terminalResults.length}
+        totalCount={totalCount}
+        seeAll={seeAll}
+        tooltip={tooltip}
+        renderCards={() => (
+          <div className="legend-marketplace-vendordata-main-search-results__card-group">
+            {terminalResults.map((terminal) => (
+              <LegendMarketplaceTerminalCard
+                key={terminal.id}
+                terminalResult={terminal}
+              />
+            ))}
+          </div>
+        )}
+      />
+    );
+  },
+);
+
+const OrderProfileSearchResultsRenderer = observer(
+  (props: {
+    vendorDataState: LegendMarketPlaceVendorDataStore;
+    traderProfiles: TraderProfile[];
+    totalCount?: number;
+    tooltip?: string;
+    seeAll?: boolean;
+  }): JSX.Element => {
+    const { vendorDataState, traderProfiles, totalCount, tooltip, seeAll } =
+      props;
+
+    return (
+      <SearchResultsSection
+        vendorDataState={vendorDataState}
+        sectionTitle={VendorDataProviderType.ORDER_PROFILE}
+        itemCount={traderProfiles.length}
+        totalCount={totalCount}
+        seeAll={seeAll}
+        tooltip={tooltip}
+        renderCards={() =>
+          traderProfiles.length === 0 ? (
+            <div className="legend-marketplace-vendordata-main__empty">
+              No Order Profiles available
+            </div>
+          ) : (
+            <div className="legend-marketplace-vendordata-main-search-results__card-group">
+              {traderProfiles.map((profile) => (
+                <LegendMarketplaceOrderProfileCard
+                  key={profile.id}
+                  traderProfile={profile}
+                />
+              ))}
+            </div>
+          )
+        }
+      />
+    );
+  },
+);
+
 export const VendorDataMainContent = observer(
   (props: { marketPlaceVendorDataState: LegendMarketPlaceVendorDataStore }) => {
     const { marketPlaceVendorDataState } = props;
@@ -211,6 +297,17 @@ export const VendorDataMainContent = observer(
                     seeAll={true}
                     tooltip={addOnsInfoMessage}
                   />
+                  <hr />
+                  <OrderProfileSearchResultsRenderer
+                    vendorDataState={marketPlaceVendorDataState}
+                    traderProfiles={
+                      marketPlaceVendorDataState.traderProfileProviders
+                    }
+                    totalCount={
+                      marketPlaceVendorDataState.totalTraderProfileItems
+                    }
+                    seeAll={true}
+                  />
                 </>
               )}
               {marketPlaceVendorDataState.providerDisplayState ===
@@ -234,11 +331,23 @@ export const VendorDataMainContent = observer(
                   tooltip={addOnsInfoMessage}
                 />
               )}
+              {marketPlaceVendorDataState.providerDisplayState ===
+                VendorDataProviderType.ORDER_PROFILE && (
+                <OrderProfileSearchResultsRenderer
+                  vendorDataState={marketPlaceVendorDataState}
+                  traderProfiles={
+                    marketPlaceVendorDataState.traderProfileAllProviders
+                  }
+                  totalCount={marketPlaceVendorDataState.totalItems}
+                />
+              )}
             </div>
             {(marketPlaceVendorDataState.providerDisplayState ===
               VendorDataProviderType.TERMINAL_LICENSE ||
               marketPlaceVendorDataState.providerDisplayState ===
-                VendorDataProviderType.ADD_ONS) && (
+                VendorDataProviderType.ADD_ONS ||
+              marketPlaceVendorDataState.providerDisplayState ===
+                VendorDataProviderType.ORDER_PROFILE) && (
               <PaginationControls
                 totalItems={marketPlaceVendorDataState.totalItems}
                 itemsPerPage={marketPlaceVendorDataState.itemsPerPage}
@@ -342,6 +451,46 @@ export const LegendMarketplaceVendorData = withLegendMarketplaceVendorDataStore(
                 vendorDataState={marketPlaceVendorDataStore}
               />
             </div>
+            <div className="legend-marketplace-body__action-buttons">
+              {marketplaceStore.applicationStore.config.options
+                .generalInquiriesUrl && (
+                <Button
+                  variant="outlined"
+                  className="legend-marketplace-body__action-button"
+                  onClick={() => {
+                    const url =
+                      marketplaceStore.applicationStore.config.options
+                        .generalInquiriesUrl;
+                    if (url) {
+                      marketplaceStore.applicationStore.navigationService.navigator.visitAddress(
+                        url,
+                      );
+                    }
+                  }}
+                >
+                  General Inquiries
+                </Button>
+              )}
+              {marketplaceStore.applicationStore.config.options
+                .requestInternalAppUrl && (
+                <Button
+                  variant="outlined"
+                  className="legend-marketplace-body__action-button"
+                  onClick={() => {
+                    const url =
+                      marketplaceStore.applicationStore.config.options
+                        .requestInternalAppUrl;
+                    if (url) {
+                      marketplaceStore.applicationStore.navigationService.navigator.visitAddress(
+                        url,
+                      );
+                    }
+                  }}
+                >
+                  Request Internal Application
+                </Button>
+              )}
+            </div>
           </div>
           <VendorDataMainContent
             marketPlaceVendorDataState={marketPlaceVendorDataStore}

package/src/stores/LegendMarketPlaceVendorDataStore.tsx

@@ -16,6 +16,7 @@
 
 import {
   TerminalResult,
+  TraderProfile,
   type Filter,
   type MarketplaceServerClient,
   type TerminalServicesResponse,
@@ -38,6 +39,7 @@ export enum VendorDataProviderType {
   ALL = 'All',
   TERMINAL_LICENSE = 'Terminal License',
   ADD_ONS = 'Add-Ons',
+  ORDER_PROFILE = 'Order Profile',
 }
 
 export class LegendMarketPlaceVendorDataStore {
@@ -51,12 +53,15 @@ export class LegendMarketPlaceVendorDataStore {
 
   terminalProviders: TerminalResult[] = [];
   addOnProviders: TerminalResult[] = [];
+  traderProfileProviders: TraderProfile[] = [];
   providers: TerminalResult[] = [];
+  traderProfileAllProviders: TraderProfile[] = [];
 
   page = 1;
   itemsPerPage = 24;
   totalTerminalItems = 0;
   totalAddOnItems = 0;
+  totalTraderProfileItems = 0;
   totalItems = 0;
 
   searchTerm = '';
@@ -73,11 +78,14 @@ export class LegendMarketPlaceVendorDataStore {
       selectedUser: observable,
       terminalProviders: observable,
       addOnProviders: observable,
+      traderProfileProviders: observable,
       providers: observable,
+      traderProfileAllProviders: observable,
       page: observable,
       itemsPerPage: observable,
       totalTerminalItems: observable,
       totalAddOnItems: observable,
+      totalTraderProfileItems: observable,
       totalItems: observable,
       searchTerm: observable,
       providerDisplayState: observable,
@@ -181,8 +189,13 @@ export class LegendMarketPlaceVendorDataStore {
           TerminalResult.serialization.fromJson(json),
         );
 
+        this.traderProfileProviders = (response.order_profile ?? []).map(
+          (json) => TraderProfile.serialization.fromJson(json),
+        );
+
         this.totalTerminalItems = response.vendor_profiles_total_count ?? 0;
         this.totalAddOnItems = response.service_pricing_total_count ?? 0;
+        this.totalTraderProfileItems = response.order_profile_total_count ?? 0;
       } else if (
         this.providerDisplayState === VendorDataProviderType.TERMINAL_LICENSE
       ) {
@@ -203,7 +216,7 @@ export class LegendMarketPlaceVendorDataStore {
         );
 
         this.totalItems = response.total_count ?? 0;
-      } else {
+      } else if (this.providerDisplayState === VendorDataProviderType.ADD_ONS) {
         const params: FetchProductsParams = {
           kerberos: this.selectedUser.id,
           product_type: ProductType.SERVICE_PRICING,
@@ -220,6 +233,25 @@ export class LegendMarketPlaceVendorDataStore {
           TerminalResult.serialization.fromJson(json),
         );
 
+        this.totalItems = response.total_count ?? 0;
+      } else {
+        // ORDER_PROFILE
+        const params: FetchProductsParams = {
+          kerberos: this.selectedUser.id,
+          product_type: ProductType.ORDER_PROFILE,
+          preferred_products: false,
+          page_size: this.itemsPerPage,
+          search: this.searchTerm,
+          page_number: this.page,
+        };
+        const response = (yield this.marketplaceServerClient.fetchProducts(
+          params,
+        )) as TerminalServicesResponse;
+
+        this.traderProfileAllProviders = (response.order_profile ?? []).map(
+          (json) => TraderProfile.serialization.fromJson(json),
+        );
+
         this.totalItems = response.total_count ?? 0;
       }
 

package/src/stores/LegendMarketplaceBaseStore.ts

@@ -94,7 +94,7 @@ export class LegendMarketplaceBaseStore {
   readonly remoteEngine: V1_RemoteEngine;
   readonly userSearchService: UserSearchService | undefined;
   readonly lakehouseWorkflowServerClient: LakehouseWorkflowServerClient;
-  readonly permitWorkflowServerClient: PermitWorkflowServerClient;
+  readonly permitWorkflowServerClient: PermitWorkflowServerClient | undefined;
   readonly lakehouseDataProductService: LakehouseDataProductService;
   readonly cartStore: CartStore;
   readonly terminalAccessServerClient: TerminalAccessServerClient;
@@ -182,14 +182,18 @@ export class LegendMarketplaceBaseStore {
     );
 
     // permit + eTask workflow
-    this.permitWorkflowServerClient = new PermitWorkflowServerClient({
-      authBaseUrl: this.applicationStore.config.lakehouseServerUrl,
-      workflowBaseUrl:
-        this.applicationStore.config.lakehousePermitWorkflowServerUrl,
-    });
-    this.permitWorkflowServerClient.setTracerService(
-      this.applicationStore.tracerService,
-    );
+    if (this.applicationStore.config.lakehousePermitWorkflowServerUrl) {
+      this.permitWorkflowServerClient = new PermitWorkflowServerClient({
+        authBaseUrl: this.applicationStore.config.lakehouseServerUrl,
+        workflowBaseUrl:
+          this.applicationStore.config.lakehousePermitWorkflowServerUrl,
+      });
+      this.permitWorkflowServerClient.setTracerService(
+        this.applicationStore.tracerService,
+      );
+    } else {
+      this.permitWorkflowServerClient = undefined;
+    }
 
     // lakehouse ingest
     this.lakehouseIngestServerClient = new LakehouseIngestServerClient(