@gen3/workspaces 0.12.67 → 0.12.68

package/dist/index/esm/index.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React, { useCallback, useMemo, useState, useRef, useEffect, createContext, useImperativeHandle, forwardRef } from 'react';
 import { mergeDefaultTailwindClassnames, ACTIVITY_CHANNEL, convertSecondsToMilliseconds, InfoRolloverButton, OverflowTooltippedLabel, PanelErrorBoundary, ProtectedContent, FixedNavPageLayout, ContentSource, getNavPageLayoutPropsFromConfig } from '@gen3/frontend';
-import { Card, Stack, Badge, Text, List, Group, Tooltip, Button, Container, SimpleGrid, LoadingOverlay, Loader, Alert, Select, Divider, ActionIcon, Center, Popover, Accordion, Radio, Progress, TextInput, Textarea, Table, Scroller, Tabs } from '@mantine/core';
+import { Card, Stack, Badge, Text, List, Group, Tooltip, Button, Container, SimpleGrid, LoadingOverlay, Loader, Alert, Select, Divider, ActionIcon, Popover, Accordion, Radio, Progress, TextInput, Textarea, Table, Scroller, Tabs, Center } from '@mantine/core';
 import { Icon } from '@iconify-icon/react';
 import { useInterval, useElementSize, useDisclosure, useResizeObserver } from '@mantine/hooks';
 import { GEN3_API, GEN3_WORKSPACE_API, gen3Api, useCoreSelector, selectJEGActiveWorkspaceStatus, useCoreDispatch, setJEGActiveWorkspaceStatus, WorkspaceStatus, setJEGRequestedWorkspaceStatus, RequestedWorkspaceStatus, setJEGActiveWorkspaceId, isFetchBaseQueryError, selectJEGRequestedWorkspaceStatus, selectJEGRequestedWorkspaceStatusTimestamp, isTimeGreaterThan, formatUptimeInMinutes, selectJEGKernelIds, removeManyJEGActiveKernels, upsertManyJEGActiveKernels, normalizeRtkError, selectAllJEGKernels, addJEGActiveKernel, selectWorkspaceTier, setWorkspaceTier, useGetWorkspacePayModelsQuery, useSetCurrentPayModelMutation, selectWorkspaceFullscreen, setWorkspaceFullscreen, useGetDictionaryFromUrlQuery, useUserAuth, GEN3_COMMONS_NAME } from '@gen3/core';
@@ -2433,20 +2433,6 @@ const PaymentNumberToString = (x, undefinedValue = 'N/A', precision = 2)=>{
 const isNoPayModelError = (error)=>{
     return 'status' in error && error.status === 'PARSING_ERROR' && error.originalStatus === 404;
 };
-const NoPayModel = ()=>{
-    return /*#__PURE__*/ jsx(Group, {
-        className: "p-2 border-1 border-l-0 border-r-0 border-base-lighter w-full h-16",
-        justify: "space-between",
-        children: /*#__PURE__*/ jsx(Text, {
-            className: "pl-4",
-            size: "md",
-            classNames: {
-                root: 'font-heading text-utility-warning'
-            },
-            children: "No pay model defined"
-        })
-    });
-};
 const CostTracker = ({ workspaceAccountManagerTarget = '' })=>{
     const { data, isLoading, isFetching, isError, error } = useGetWorkspacePayModelsQuery(undefined, {
         pollingInterval: 120000,
@@ -2489,16 +2475,77 @@ const CostTracker = ({ workspaceAccountManagerTarget = '' })=>{
     }, [
         data
     ]);
-    if (isLoading && isFetching) return /*#__PURE__*/ jsx("div", {
-        className: "flex justify-center p-2 border-1 border-l-0 border-r-0 border-base-lighter w-full h-14",
-        children: /*#__PURE__*/ jsx(Loader, {})
+    if (isLoading && isFetching) return /*#__PURE__*/ jsx(Badge, {
+        leftSection: /*#__PURE__*/ jsx(Loader, {
+            size: "xs",
+            type: "dots",
+            className: "m-1"
+        }),
+        variant: "default",
+        children: "Loading..."
     });
+    const PayModelError = (message)=>{
+        // dropdown error state to provide user access to Account Manager if available
+        if (workspaceAccountManagerTarget) {
+            return /*#__PURE__*/ jsxs(Popover, {
+                width: "target",
+                position: "bottom",
+                shadow: "lg",
+                trapFocus: true,
+                opened: opened,
+                onChange: setOpened,
+                children: [
+                    /*#__PURE__*/ jsx(Popover.Target, {
+                        children: /*#__PURE__*/ jsx(Button, {
+                            onClick: ()=>setOpened((o)=>!o),
+                            size: "xs",
+                            radius: "xl",
+                            className: "h-[--badge-height] uppercase",
+                            color: "utility.3",
+                            rightSection: /*#__PURE__*/ jsx(MdExpandMore, {
+                                size: "1.5em",
+                                "aria-label": opened ? 'close' : 'open',
+                                style: {
+                                    transform: opened ? 'rotate(180deg)' : 'rotate(0deg)',
+                                    transition: 'transform 200ms ease'
+                                }
+                            }),
+                            children: /*#__PURE__*/ jsx("span", {
+                                className: "font-black",
+                                children: message
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Popover.Dropdown, {
+                        className: "px-2",
+                        children: /*#__PURE__*/ jsx(Button, {
+                            component: "a",
+                            href: workspaceAccountManagerTarget,
+                            target: "_blank",
+                            variant: "outline",
+                            leftSection: /*#__PURE__*/ jsx(MdOpenInNew, {
+                                size: "1.1em",
+                                "aria-label": "external"
+                            }),
+                            size: "xs",
+                            className: "w-full",
+                            children: "Workspace Account Manager"
+                        })
+                    })
+                ]
+            });
+        }
+        return /*#__PURE__*/ jsx(Badge, {
+            color: "utility.3",
+            children: message
+        });
+    };
     if (isError) {
         if (isNoPayModelError(error)) {
-            return /*#__PURE__*/ jsx(NoPayModel, {});
-        } else return /*#__PURE__*/ jsx(Center, {
-            children: "Unable to get Payment information"
-        });
+            return PayModelError('No pay model defined');
+        } else {
+            return PayModelError('Unable to get Payment information');
+        }
     }
     const ProgressBar = (className = '')=>/*#__PURE__*/ jsx(Progress, {
             size: "sm",