@finos/legend-application-marketplace 0.2.19 → 0.2.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-application-marketplace",
-  "version": "0.2.19",
+  "version": "0.2.21",
   "description": "Legend Marketplace application core",
   "keywords": [
     "legend",
@@ -45,16 +45,16 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@finos/legend-application": "16.0.110",
-    "@finos/legend-art": "7.1.151",
-    "@finos/legend-code-editor": "2.0.176",
-    "@finos/legend-extension-dsl-data-product": "0.0.86",
-    "@finos/legend-extension-dsl-data-space": "10.4.225",
-    "@finos/legend-graph": "32.6.8",
-    "@finos/legend-lego": "2.0.196",
+    "@finos/legend-application": "16.0.112",
+    "@finos/legend-art": "7.1.153",
+    "@finos/legend-code-editor": "2.0.178",
+    "@finos/legend-extension-dsl-data-product": "0.0.88",
+    "@finos/legend-extension-dsl-data-space": "10.4.227",
+    "@finos/legend-graph": "32.6.9",
+    "@finos/legend-lego": "2.0.198",
     "@finos/legend-server-depot": "6.1.12",
-    "@finos/legend-server-lakehouse": "0.3.57",
-    "@finos/legend-server-marketplace": "0.1.72",
+    "@finos/legend-server-lakehouse": "0.3.58",
+    "@finos/legend-server-marketplace": "0.1.73",
     "@finos/legend-shared": "11.0.25",
     "@finos/legend-storage": "3.0.146",
     "@mui/material": "7.3.4",

package/src/application/LegendMarketplaceApplicationConfig.ts

@@ -48,6 +48,9 @@ class LegendMarketplaceApplicationCoreOptions {
   newsletterUrl: string | undefined;
   historicalNewsletterUrl: string | undefined;
 
+  generalInquiriesUrl: string | undefined;
+  requestInternalAppUrl: string | undefined;
+
   /**
    * Used for any features that are still in development
    */
@@ -79,6 +82,8 @@ class LegendMarketplaceApplicationCoreOptions {
         ),
       ),
       historicalNewsletterUrl: optional(primitive()),
+      generalInquiriesUrl: optional(primitive()),
+      requestInternalAppUrl: optional(primitive()),
       defaultSearchSuggestions: optional(list(primitive())),
       defaultAISuggestedQueries: optional(list(primitive())),
     }),
@@ -123,9 +128,9 @@ export interface LegendMarketplaceApplicationConfigurationData
   };
   lakehouse?: {
     url: string;
-    platformUrl: string;
+    platformUrl?: string;
     workflowUrl: string;
-    permitWorkflowUrl: string;
+    permitWorkflowUrl?: string;
     entitlements: {
       applicationDirectoryUrl: string;
       applicationIDUrl: string;
@@ -158,6 +163,7 @@ export interface LegendMarketplaceApplicationConfigurationData
     enabled: boolean;
     llmServiceUrl?: string;
     llmModelName?: string;
+    llmModelOptions?: string[];
     sqlExecutionUrl?: string;
     orchestratorUrl?: string;
     orchestratorAuthToken?: string;
@@ -197,7 +203,7 @@ export class LegendMarketplaceApplicationConfig extends LegendApplicationConfig
   readonly lakehouseServerUrl: string;
   readonly lakehousePlatformUrl: string;
   readonly lakehouseWorkflowServerUrl: string;
-  readonly lakehousePermitWorkflowServerUrl: string;
+  readonly lakehousePermitWorkflowServerUrl: string | undefined;
   readonly lakehouseEntitlementsConfig:
     | LegendLakehouseEntitlementsConfig
     | undefined;
@@ -353,13 +359,12 @@ export class LegendMarketplaceApplicationConfig extends LegendApplicationConfig
           `Can't configure application: 'lakehouse.workflowUrl' field is missing or empty`,
         ),
       );
-    this.lakehousePermitWorkflowServerUrl =
-      LegendApplicationConfig.resolveAbsoluteUrl(
-        guaranteeNonEmptyString(
+    this.lakehousePermitWorkflowServerUrl = input.configData.lakehouse
+      .permitWorkflowUrl
+      ? LegendApplicationConfig.resolveAbsoluteUrl(
           input.configData.lakehouse.permitWorkflowUrl,
-          `Can't configure application: 'lakehouse.permitWorkflowUrl' field is missing or empty`,
-        ),
-      );
+        )
+      : undefined;
     this.lakehouseEntitlementsConfig = new LegendLakehouseEntitlementsConfig(
       guaranteeNonEmptyString(
         input.configData.lakehouse.entitlements.applicationDirectoryUrl,
@@ -452,7 +457,7 @@ export class LegendMarketplaceApplicationConfig extends LegendApplicationConfig
 
   private static buildLegendAIConfig(
     legendAIData: LegendMarketplaceApplicationConfigurationData['legendAI'],
-    marketplaceServerUrl: string,
+    marketplaceSearchUrl: string,
     engineServerUrl: string,
     dataProductEnv: LegendMarketplaceEnv,
   ): LegendAIConfig {
@@ -464,13 +469,16 @@ export class LegendMarketplaceApplicationConfig extends LegendApplicationConfig
       enabled: legendAIData.enabled,
       llmServiceUrl: legendAIData.llmServiceUrl,
       llmModelName: legendAIData.llmModelName,
+      ...(legendAIData.llmModelOptions === undefined
+        ? {}
+        : { llmModelOptions: legendAIData.llmModelOptions }),
       sqlExecutionUrl: legendAIData.sqlExecutionUrl,
       orchestratorUrl: legendAIData.orchestratorUrl
         ? LegendApplicationConfig.resolveAbsoluteUrl(
             legendAIData.orchestratorUrl,
           )
         : undefined,
-      marketplaceSearchUrl: marketplaceServerUrl,
+      marketplaceSearchUrl,
       engineUrl: engineServerUrl,
       ...(legendAIData.orchestratorAuthToken === undefined
         ? {}

package/src/components/Pagination/PaginationControls.tsx

@@ -93,23 +93,25 @@ export const PaginationControls = observer(
         </Box>
 
         <Box className="legend-marketplace-pagination-controls">
-          <Pagination
-            count={totalPages}
-            page={page}
-            onChange={handlePageChange}
-            color="primary"
-            showFirstButton={true}
-            showLastButton={true}
-            disabled={disabled}
-            siblingCount={1}
-            boundaryCount={2}
-            size="large"
-            sx={{
-              '& .MuiPaginationItem-root': {
-                fontSize: '1.5rem',
-              },
-            }}
-          />
+          {totalPages > 1 && (
+            <Pagination
+              count={totalPages}
+              page={page}
+              onChange={handlePageChange}
+              color="primary"
+              showFirstButton={true}
+              showLastButton={true}
+              disabled={disabled}
+              siblingCount={1}
+              boundaryCount={2}
+              size="large"
+              sx={{
+                '& .MuiPaginationItem-root': {
+                  fontSize: '1.5rem',
+                },
+              }}
+            />
+          )}
         </Box>
       </Box>
     );

package/src/components/ProviderCard/LegendMarketplaceOrderProfileCard.tsx

@@ -0,0 +1,246 @@
+/**
+ * Copyright (c) 2026-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { type JSX, useState } from 'react';
+import {
+  Box,
+  Button,
+  Card,
+  CardActionArea,
+  CardActions,
+  CardContent,
+  CardMedia,
+  Chip,
+  CircularProgress,
+  IconButton,
+  Typography,
+} from '@mui/material';
+import {
+  CheckCircleIcon,
+  InfoCircleIcon,
+  ShoppingCartIcon,
+} from '@finos/legend-art';
+import type {
+  TraderProfile,
+  TraderProfileItem,
+} from '@finos/legend-server-marketplace';
+import { useLegendMarketplaceBaseStore } from '../../application/providers/LegendMarketplaceFrameworkProvider.js';
+import { observer } from 'mobx-react-lite';
+import { flowResult } from 'mobx';
+import { toastManager } from '../Toast/CartToast.js';
+import { assertErrorThrown } from '@finos/legend-shared';
+import { OrderProfileDetailModal } from './OrderProfileDetailModal.js';
+import { OrderProfileMultiselectModal } from './OrderProfileMultiselectModal.js';
+import {
+  calculateMultiselectTotalPrice,
+  formatAddToCartErrorMessage,
+  formatAddToCartSuccessMessage,
+  formatCardPrice,
+  formatProfileSummaryLine,
+  getItemSummary,
+  getRandomImageUrl,
+  OrderProfileLabel,
+} from './orderProfileUtils.js';
+
+export const LegendMarketplaceOrderProfileCard = observer(
+  (props: { traderProfile: TraderProfile }): JSX.Element => {
+    const { traderProfile } = props;
+    const [isAddingToCart, setIsAddingToCart] = useState(false);
+    const [showDetailModal, setShowDetailModal] = useState(false);
+    const [showMultiselectModal, setShowMultiselectModal] = useState(false);
+
+    const legendMarketplaceBaseStore = useLegendMarketplaceBaseStore();
+    const { cartStore, applicationStore } = legendMarketplaceBaseStore;
+    const assetUrl = applicationStore.config.assetsBaseUrl;
+
+    const [imageUrl] = useState(() => getRandomImageUrl(assetUrl));
+
+    const items = traderProfile.items;
+    const { terminalCount, addOnCount } = getItemSummary(items);
+
+    const multiselectTotalPrice = traderProfile.multiselect
+      ? calculateMultiselectTotalPrice(items)
+      : undefined;
+
+    const displayPrice = traderProfile.multiselect
+      ? (multiselectTotalPrice ?? traderProfile.price)
+      : traderProfile.price;
+
+    const isInCart = cartStore.isOrderProfileInCart(traderProfile);
+
+    const executeCartAction = async (
+      action: () => Promise<void>,
+    ): Promise<void> => {
+      setIsAddingToCart(true);
+      try {
+        await action();
+        toastManager.success(
+          formatAddToCartSuccessMessage(traderProfile.productName),
+        );
+      } catch (error) {
+        assertErrorThrown(error);
+        toastManager.error(
+          formatAddToCartErrorMessage(traderProfile.productName, error.message),
+        );
+      } finally {
+        setIsAddingToCart(false);
+      }
+    };
+
+    const handleAddToCart = (): void => {
+      if (traderProfile.isOwned) {
+        return;
+      }
+      if (traderProfile.multiselect) {
+        setShowMultiselectModal(true);
+        return;
+      }
+      const terminals = items.filter((item) => item.isTerminal);
+      const addOns = items.filter((item) => !item.isTerminal);
+      executeCartAction(async () => {
+        await flowResult(cartStore.addOrderProfileItemsToCart(terminals, true));
+        await flowResult(cartStore.addOrderProfileItemsToCart(addOns, true));
+      }).catch(applicationStore.alertUnhandledError);
+    };
+
+    const handleMultiselectConfirm = (
+      selectedTerminals: TraderProfileItem[],
+    ): void => {
+      setShowMultiselectModal(false);
+      const selectedModel = selectedTerminals[0]?.model ?? null;
+      const addOnItems = items.filter(
+        (item) =>
+          !item.isTerminal &&
+          !item.isOwned &&
+          (selectedModel === null || item.model === selectedModel),
+      );
+      executeCartAction(async () => {
+        await flowResult(
+          cartStore.addOrderProfileItemsToCart(selectedTerminals, true),
+        );
+        await flowResult(
+          cartStore.addOrderProfileItemsToCart(addOnItems, true),
+        );
+      }).catch(applicationStore.alertUnhandledError);
+    };
+
+    return (
+      <>
+        <Card className="legend-marketplace-terminal-card legend-marketplace-order-profile-card">
+          <CardActionArea className="legend-marketplace-terminal-card__action">
+            <CardMedia
+              component="img"
+              className="legend-marketplace-terminal-card__image"
+              height="140"
+              image={imageUrl}
+              alt="order profile"
+            />
+            <Chip
+              label={OrderProfileLabel.CHIP_LABEL}
+              className="legend-marketplace-terminal-card__category-chip"
+            />
+            <CardContent className="legend-marketplace-terminal-card__content">
+              <Typography
+                variant="subtitle2"
+                className="legend-marketplace-terminal-card__provider legend-marketplace-order-profile-card__summary"
+              >
+                {formatProfileSummaryLine(terminalCount, addOnCount)}
+              </Typography>
+              <Box className="legend-marketplace-order-profile-card__title-row">
+                <Typography
+                  variant="h6"
+                  className="legend-marketplace-terminal-card__title"
+                >
+                  {traderProfile.productName.toUpperCase()}
+                </Typography>
+                <IconButton
+                  size="small"
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    setShowDetailModal(true);
+                  }}
+                  className="legend-marketplace-order-profile-card__info-button"
+                  aria-label="View profile details"
+                >
+                  <InfoCircleIcon />
+                </IconButton>
+              </Box>
+            </CardContent>
+          </CardActionArea>
+
+          <CardActions className="legend-marketplace-terminal-card__action-buttons">
+            {traderProfile.isOwned ? (
+              <Box className="legend-marketplace-terminal-card__owned-access">
+                {OrderProfileLabel.ALREADY_HAVE_ACCESS} &nbsp;
+                <CheckCircleIcon />
+              </Box>
+            ) : (
+              <>
+                <Button
+                  variant="outlined"
+                  className="legend-marketplace-terminal-card__add-to-cart-button"
+                  onClick={handleAddToCart}
+                  disabled={isAddingToCart || isInCart}
+                >
+                  {isAddingToCart && (
+                    <>
+                      {OrderProfileLabel.ADDING} &nbsp;
+                      <CircularProgress size={16} />
+                    </>
+                  )}
+                  {!isAddingToCart && isInCart && (
+                    <>
+                      {OrderProfileLabel.IN_CART} &nbsp;
+                      <Box className="legend-marketplace-terminal-card__in-cart-check">
+                        <CheckCircleIcon />
+                      </Box>
+                    </>
+                  )}
+                  {!isAddingToCart && !isInCart && (
+                    <>
+                      {OrderProfileLabel.ADD_TO_CART} &nbsp;
+                      <ShoppingCartIcon />
+                    </>
+                  )}
+                </Button>
+                <Chip
+                  label={formatCardPrice(displayPrice)}
+                  className="legend-marketplace-terminal-card__price"
+                />
+              </>
+            )}
+          </CardActions>
+        </Card>
+
+        <OrderProfileDetailModal
+          profile={traderProfile}
+          open={showDetailModal}
+          onClose={() => setShowDetailModal(false)}
+          {...(multiselectTotalPrice !== undefined
+            ? { multiselectTotalPrice }
+            : {})}
+        />
+
+        <OrderProfileMultiselectModal
+          profile={traderProfile}
+          open={showMultiselectModal}
+          onClose={() => setShowMultiselectModal(false)}
+          onConfirm={handleMultiselectConfirm}
+        />
+      </>
+    );
+  },
+);

package/src/components/ProviderCard/LegendMarketplaceTerminalCard.tsx

@@ -144,14 +144,7 @@ export const LegendMarketplaceTerminalCard = observer(
         </CardActionArea>
         <CardActions className="legend-marketplace-terminal-card__action-buttons">
           {terminalResult.isOwned ? (
-            <Box
-              sx={{
-                display: 'flex',
-                alignItems: 'center',
-                color: '#077D55',
-                fontWeight: 'bold',
-              }}
-            >
+            <Box className="legend-marketplace-terminal-card__owned-access">
               Already have access &nbsp;
               <CheckCircleIcon />
             </Box>
@@ -165,19 +158,21 @@ export const LegendMarketplaceTerminalCard = observer(
                 }}
                 disabled={isAddingToCart || isInCart}
               >
-                {isAddingToCart ? (
+                {isAddingToCart && (
                   <>
                     Adding... &nbsp;
                     <CircularProgress size={16} />
                   </>
-                ) : isInCart ? (
+                )}
+                {!isAddingToCart && isInCart && (
                   <>
                     In Cart &nbsp;
-                    <Box sx={{ color: '#077D55', display: 'inline-flex' }}>
+                    <Box className="legend-marketplace-terminal-card__in-cart-check">
                       <CheckCircleIcon />
                     </Box>
                   </>
-                ) : (
+                )}
+                {!isAddingToCart && !isInCart && (
                   <>
                     Add to cart &nbsp;
                     <ShoppingCartIcon />
@@ -189,12 +184,10 @@ export const LegendMarketplaceTerminalCard = observer(
                   label={`${new Intl.NumberFormat('en-US', {
                     style: 'currency',
                     currency: 'USD',
-                    roundingIncrement: 1,
-                    minimumFractionDigits: 0,
-                    maximumFractionDigits: 0,
+                    minimumFractionDigits: 2,
+                    maximumFractionDigits: 2,
                   }).format(terminalResult.price)}/month`}
                   className="legend-marketplace-terminal-card__price"
-                  sx={{ color: 'white', backgroundColor: '#077d55' }}
                 />
               )}
             </>