@gen3/workspaces 0.12.65 → 0.12.67

package/TODO.md

@@ -48,15 +48,14 @@
 
 ```bash
 docker pull --platform linux/amd64 quay.io/cdis/gen3-vectis:qa-jegv2
-docker pull --platform linux/amd64 quay.io/cdis/gen3-vectis:gen3-vectisv6
 docker pull --platform linux/amd64 quay.io/cdis/gen3-vectis:qa-goproxy
-docker pull --platform linux/amd64 quay.io/cdis/multihead-workspace-proxy:feat_init
+#docker pull --platform linux/amd64 quay.io/cdis/multihead-workspace-proxy:feat_init
+#docker pull --platform linux/amd64 quay.io/cdis/gen3-vectis:gen3-vectisv6
 ```
-
-kind load docker-image quay.io/cdis/gen3-vectis:qa-jegv2 --name kind-multi-node
-kind load docker-image quay.io/cdis/gen3-vectis:gen3-vectisv6 --name kind-multi-node
-kind load docker-image quay.io/cdis/gen3-vectis:qa-goproxy --name kind-multi-node
-kind load docker-image quay.io/cdis/multihead-workspace-proxy:feat_init --name kind-multi-node
+kind load docker-image quay.io/cdis/gen3-vectis:qa-jegv2 --name kind-multi-node kind load docker-image
+quay.io/cdis/gen3-vectis:qa-goproxy --name kind-multi-node #kind load docker-image
+quay.io/cdis/multihead-workspace-proxy:feat_init --name kind-multi-node #kind load docker-image
+quay.io/cdis/gen3-vectis:gen3-vectisv6 --name kind-multi-node
 
 # load local frontend image
 

package/dist/dts/components/CostTracker.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const CostTracker: ({ workspaceAccountManagerTarget }: {
+    workspaceAccountManagerTarget?: string | undefined;
+}) => React.JSX.Element;
+export default CostTracker;
+//# sourceMappingURL=CostTracker.d.ts.map

package/dist/dts/components/CostTracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CostTracker.d.ts","sourceRoot":"","sources":["../../../src/components/CostTracker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AA0EtD,QAAA,MAAM,WAAW,GAAI;;CAAoC,sBAyMxD,CAAC;AAkEF,eAAe,WAAW,CAAC"}

package/dist/dts/components/CostTracker.js

@@ -0,0 +1,154 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Accordion, Center, Group, Loader, Text, Popover, Button, Progress, Divider, Radio, } from '@mantine/core';
+import { useGetWorkspacePayModelsQuery, useSetCurrentPayModelMutation, } from '@gen3/core';
+import { useDeepCompareCallback, useDeepCompareMemo } from 'use-deep-compare';
+import { FaExclamationCircle as InactiveIcon, FaUser as ActiveIcon, } from 'react-icons/fa';
+import { MdExpandMore, MdOpenInNew } from 'react-icons/md';
+const PaymentNumberToString = (x, undefinedValue = 'N/A', precision = 2) => {
+    if (typeof x !== 'number' || Number.isNaN(x))
+        return undefinedValue;
+    return x.toFixed(precision);
+};
+const isNoPayModelError = (error) => {
+    return ('status' in error &&
+        error.status === 'PARSING_ERROR' &&
+        error.originalStatus === 404);
+};
+const NoPayModel = () => {
+    return (_jsx(Group, { className: "p-2 border-1 border-l-0 border-r-0 border-base-lighter w-full h-16", justify: "space-between", children: _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, // 2 min
+        refetchOnMountOrArgChange: true,
+    });
+    const [setWorkspacePayModel] = useSetCurrentPayModelMutation();
+    const [selectedPayModel, setSelectedPayModel] = useState(null);
+    const [opened, setOpened] = useState(false);
+    const setPayModel = useDeepCompareCallback((id) => {
+        void setWorkspacePayModel(id); // triggers the call to the service to select the pay model
+        setSelectedPayModel(id); // set the paymodel value for the select component
+    }, [setWorkspacePayModel, selectedPayModel]);
+    const { usersPayModels, workspaceName, hardLimit, totalUsage } = useDeepCompareMemo(() => {
+        if (!data)
+            return {
+                usersPayModels: [],
+                selectedPayModel: [],
+                workspaceName: 'Not Set',
+                totalUsage: undefined,
+                hardLimit: undefined,
+            };
+        const usersPayModels = data.allPayModels.map((payModel) => {
+            return {
+                value: payModel.bmh_workspace_id ?? payModel.workspace_type,
+                label: payModel.workspace_type,
+                totalUsage: payModel['total-usage'],
+                currentPayModel: payModel['current_pay_model'], //TODO temp rework with existing code
+                icon: payModel.request_status === 'active' ? (_jsx(ActiveIcon, {})) : (_jsx(InactiveIcon, {})),
+            };
+        });
+        setSelectedPayModel(data.currentPayModel.bmh_workspace_id ??
+            data.currentPayModel.workspace_type);
+        return {
+            usersPayModels,
+            workspaceName: data.currentPayModel.bmh_workspace_id.length > 0
+                ? data.currentPayModel.bmh_workspace_id
+                : data.currentPayModel.workspace_type,
+            totalUsage: data.currentPayModel['total-usage'],
+            hardLimit: data.currentPayModel['hard-limit'],
+        };
+    }, [data]);
+    const PayModelSelectItem = ({ option }) => {
+        const menuItem = usersPayModels[Number(option.value)];
+        if (!menuItem)
+            return null;
+        return (_jsx("div", { children: _jsxs(Group, { wrap: "nowrap", children: [_jsx(Text, { size: "sm", children: menuItem.label }), _jsx(Text, { size: "sm", children: menuItem.totalUsage }), menuItem.icon] }) }));
+    };
+    if (isLoading && isFetching)
+        return (_jsx("div", { className: "flex justify-center p-2 border-1 border-l-0 border-r-0 border-base-lighter w-full h-14", children: _jsx(Loader, {}) }));
+    if (isError) {
+        if (isNoPayModelError(error)) {
+            return _jsx(NoPayModel, {});
+        }
+        else
+            return (_jsx(Center, { children: "Unable to get Payment information" }));
+    }
+    const ProgressBar = (className = '') => (_jsx(Progress, { size: "sm", radius: "xl", "aria-label": 'Monthly Workflow Limit', value: !hardLimit ? 100 : (hardLimit / totalUsage) * 100, color: !hardLimit || totalUsage >= hardLimit ? 'red.5' : 'green.1', className: className }));
+    return (_jsxs(Popover, { width: "target", position: "bottom", shadow: "lg", trapFocus: true, opened: opened, onChange: setOpened, children: [_jsx(Popover.Target, { children: _jsxs(Button, { onClick: () => setOpened((o) => !o), size: "xs", radius: "xl", variant: "default", className: 'h-[--badge-height]', rightSection: _jsx(MdExpandMore, { className: "text-accent", size: "1.5em", "aria-label": opened ? 'close' : 'open', style: {
+                            transform: opened ? 'rotate(180deg)' : 'rotate(0deg)',
+                            transition: 'transform 200ms ease',
+                        } }), children: [ProgressBar('w-[110px]'), _jsxs("span", { className: 'font-black pl-3 pr-2', children: ["$", PaymentNumberToString(totalUsage)] }), _jsxs("span", { className: 'font-normal', children: ["/$", PaymentNumberToString(hardLimit)] })] }) }), _jsxs(Popover.Dropdown, { className: 'px-2', children: [workspaceAccountManagerTarget && _jsx(Button, { component: "a", href: workspaceAccountManagerTarget, target: "_blank", variant: "outline", leftSection: _jsx(MdOpenInNew, { size: "1.1em", "aria-label": 'external' }), size: "xs", className: 'w-full mb-4', children: "Workspace Account Manager" }), _jsxs(Text, { size: "sm", className: 'uppercase pb-2 px-2', children: ["Limit ", _jsxs("span", { className: 'font-black pl-1', children: ["$", PaymentNumberToString(hardLimit)] })] }), ProgressBar('mx-2'), _jsx(Divider, { my: "sm" }), _jsx(Text, { size: "sm", className: 'uppercase pb-2 px-2', children: "Account & Charges" }), _jsx(Accordion, { variant: "unstyled", classNames: {
+                            root: '',
+                            control: 'p-0 px-2',
+                            label: 'p-0',
+                            chevron: 'text-accent',
+                            panel: 'p-0',
+                            content: 'p-0'
+                        }, children: _jsxs(Accordion.Item, { value: "accountInformation", children: [_jsx(Accordion.Control, { children: _jsxs(Text, { size: "sm", className: 'font-black', children: [workspaceName, " - $", PaymentNumberToString(totalUsage)] }) }), _jsx(Accordion.Panel, { children: _jsx(Radio.Group, { className: 'pt-2', children: usersPayModels.map((obj) => (_jsx(Radio.Card, { checked: obj.currentPayModel, disabled: true, className: 'p-2 border-none data-checked:bg-primary-lightest data-checked:border-primary-darker data-checked:font-black hover:bg-primary-max ', children: _jsxs(Group, { wrap: "nowrap", align: "flex-start", children: [_jsx(Text, { size: "sm", className: 'grow', children: obj.label }), _jsxs(Text, { size: "sm", children: ["$", PaymentNumberToString(obj.totalUsage)] }), _jsx(Radio.Indicator, { color: 'accent' })] }) }, obj.value))) }) })] }) })] })] }));
+};
+/*<Accordion chevronPosition="left">
+        <Accordion.Item value="accountInformation">
+          <Accordion.Control>
+            <Group justify="space-between">
+              Account Information
+              <Group className="font-heading text-base-contrast">
+                <Text fw={600}>{workspaceName}</Text>
+                <div className="flex items-center">
+                  <Text fw={500} size="sm" className="mr-1">
+                    Total Usage:
+                  </Text>
+                  <Text fw={500} size="sm">
+                    {PaymentNumberToString(totalUsage)}
+                  </Text>
+                </div>
+                <div className="flex items-center pr-1">
+                  <Text fw={500} size="sm" className="mr-1">
+                    Hard Limit:
+                  </Text>
+                  <Text fw={500} size="sm">
+                    {PaymentNumberToString(hardLimit)}
+                  </Text>
+                </div>
+              </Group>
+            </Group>
+          </Accordion.Control>
+          <Accordion.Panel>
+            <div className="grid grid-cols-3 p-4">
+              <div className="flex flex-col border-1 border-gray p-2 mr-4">
+                <div className="flex justify-between border-b-1 border-gray mb-2 w-full py-2">
+                  <div className="ml-2 text-xs">Account</div>
+                  <div className="mr-2 text-xs">Workspace Account Manager</div>
+                </div>
+                <div className="text-center">
+                  <div>
+                    <Select
+                      placeholder="Select Workspace"
+                      renderOption={PayModelSelectItem}
+                      data={usersPayModels}
+                      onChange={(id) => {
+                        if (id) setPayModel(id);
+                      }}
+                      value={selectedPayModel}
+                    />
+                  </div>
+                </div>
+              </div>
+              <div className="flex flex-col text-center border-1 border-gray p-2 mr-4">
+                <div className="text-md border-b-1 border-gray mb-2 w-full py-2 text-xs">
+                  Total Charges (USD)
+                </div>
+                <Text>{PaymentNumberToString(totalUsage)}</Text>
+              </div>
+              <div className="flex flex-col text-center border-1 border-gray p-2">
+                <div className="text-md border-b-1 border-gray mb-2 w-full py-2 text-xs">
+                  Spending Limit (USD)
+                </div>
+                <Text>{PaymentNumberToString(hardLimit)}</Text>
+              </div>
+            </div>
+          </Accordion.Panel>
+        </Accordion.Item>
+      </Accordion>*/
+export default CostTracker;
+//# sourceMappingURL=CostTracker.js.map

package/dist/dts/components/CostTracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CostTracker.js","sourceRoot":"","sources":["../../../src/components/CostTracker.tsx"],"names":[],"mappings":"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"}

package/dist/dts/workspace/WorkspaceLayout/WorkspaceToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceToolbar.d.ts","sourceRoot":"","sources":["../../../../src/workspace/WorkspaceLayout/WorkspaceToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAWvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAgB1D,UAAU,qBAAqB;IAC7B,oBAAoB,CAAC,EAAE,wBAAwB,CAAC;CACjD;AAED,QAAA,MAAM,gBAAgB,8FA6JrB,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"WorkspaceToolbar.d.ts","sourceRoot":"","sources":["../../../../src/workspace/WorkspaceLayout/WorkspaceToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAWvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAiB1D,UAAU,qBAAqB;IAC7B,oBAAoB,CAAC,EAAE,wBAAwB,CAAC;CACjD;AAED,QAAA,MAAM,gBAAgB,8FA8JrB,CAAC;AAIF,eAAe,gBAAgB,CAAC"}

package/dist/dts/workspace/WorkspaceLayout/WorkspaceToolbar.js

@@ -3,12 +3,13 @@ import { forwardRef, useCallback } from 'react';
 import { ActionIcon, Badge, Button, Group, Stack, Text, Tooltip, } from '@mantine/core';
 import { Icon } from '@iconify-icon/react';
 import { selectJEGActiveWorkspaceStatus, selectWorkspaceFullscreen, selectWorkspaceTier, setWorkspaceFullscreen, setWorkspaceTier, useCoreDispatch, useCoreSelector, WorkspaceStatus, } from '@gen3/core';
+import CostTracker from '../../components/CostTracker';
 import { useMicroContainerReduxContext } from '../../providers/MicroContainerReduxProvider';
 const WorkspaceToolbar = forwardRef(({ toolbarConfiguration }, ref) => {
     const workspaceTier = useCoreSelector((state) => selectWorkspaceTier(state));
     const workspaceStatus = useCoreSelector((state) => selectJEGActiveWorkspaceStatus(state));
     const isFullscreen = useCoreSelector((state) => selectWorkspaceFullscreen(state));
-    const { showStatus, showStop, tierLabel } = toolbarConfiguration || {};
+    const { showStatus, showStop, tierLabel, requirePayModel, workspaceAccountManagerTarget } = toolbarConfiguration || {};
     const coreDispatch = useCoreDispatch();
     const toggleFullscreen = useCallback(() => {
         coreDispatch(setWorkspaceFullscreen(!isFullscreen));
@@ -23,7 +24,7 @@ const WorkspaceToolbar = forwardRef(({ toolbarConfiguration }, ref) => {
     const statusLabel = workspaceStatus === WorkspaceStatus.NotFound
         ? 'Not Running'
         : workspaceStatus;
-    return (_jsxs("div", { ref: ref, role: "toolbar", "aria-label": "Workspace toolbar", className: "flex items-center justify-between px-4 border-b-2 border-base-lighter pb-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ActionIcon, { variant: "outline", radius: "xl", size: "lg", "aria-label": "Back to workspace list", color: "primary.5", className: "mr-4", onClick: returnToWorkspaceSelection, children: _jsx(Icon, { icon: "gen3:back-arrow", width: "100%", height: "100%", "aria-hidden": "true" }) }), _jsxs(Stack, { gap: "-10px", children: [_jsx(Text, { size: "xl", c: "primary.4", children: toolbarConfiguration?.label }), _jsxs(Group, { children: [_jsx(Text, { size: "sm", children: toolbarConfiguration?.description }), _jsx(Badge, { "aria-label": `Workspace tier: ${tierLabel ?? workspaceTier}`, children: tierLabel ?? workspaceTier })] })] })] }), _jsxs("div", { className: "flex items-center gap-4 mr-8", children: [showStatus && (_jsxs(Group, { gap: "xs", role: "status", "aria-label": "Workspace status", children: [_jsx(Text, { size: "md", c: "base-contrast.4", "aria-hidden": "true", children: "Workspace Status:" }), _jsx(Badge, { size: "md", radius: "md", "aria-live": "polite", "aria-atomic": "true", children: statusLabel })] })), showStop && (_jsx(Button, { size: "sm", variant: workspaceStatus !== WorkspaceStatus.Running
+    return (_jsxs("div", { ref: ref, role: "toolbar", "aria-label": "Workspace toolbar", className: "flex items-center justify-between px-4 border-b-2 border-base-lighter pb-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ActionIcon, { variant: "outline", radius: "xl", size: "lg", "aria-label": "Back to workspace list", color: "primary.5", className: "mr-4", onClick: returnToWorkspaceSelection, children: _jsx(Icon, { icon: "gen3:back-arrow", width: "100%", height: "100%", "aria-hidden": "true" }) }), _jsxs(Stack, { gap: "-10px", children: [_jsx(Text, { size: "xl", c: "primary.4", children: toolbarConfiguration?.label }), _jsxs(Group, { children: [_jsx(Text, { size: "sm", children: toolbarConfiguration?.description }), _jsx(Badge, { "aria-label": `Workspace tier: ${tierLabel ?? workspaceTier}`, children: tierLabel ?? workspaceTier }), requirePayModel && (_jsx(CostTracker, { workspaceAccountManagerTarget: workspaceAccountManagerTarget }))] })] })] }), _jsxs("div", { className: "flex items-center gap-4 mr-8", children: [showStatus && (_jsxs(Group, { gap: "xs", role: "status", "aria-label": "Workspace status", children: [_jsx(Text, { size: "md", c: "base-contrast.4", "aria-hidden": "true", children: "Workspace Status:" }), _jsx(Badge, { size: "md", radius: "md", "aria-live": "polite", "aria-atomic": "true", children: statusLabel })] })), showStop && (_jsx(Button, { size: "sm", variant: workspaceStatus !== WorkspaceStatus.Running
                             ? 'outline'
                             : 'filled', "aria-label": "Stop workspace", "aria-disabled": workspaceStatus !== WorkspaceStatus.Running, color: workspaceStatus !== WorkspaceStatus.Running
                             ? 'primary.5'

package/dist/dts/workspace/WorkspaceLayout/WorkspaceToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceToolbar.js","sourceRoot":"","sources":["../../../../src/workspace/WorkspaceLayout/WorkspaceToolbar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EACL,UAAU,EACV,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,GACR,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,OAAO,EAEL,8BAA8B,EAC9B,yBAAyB,EACzB,mBAAmB,EACnB,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,GAChB,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAM5F,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,EAAE,oBAAoB,EAAE,EAAE,GAAG,EAAE,EAAE;IAChC,MAAM,aAAa,GAAG,eAAe,CACnC,CAAC,KAAgB,EAAE,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAyB,CACzE,CAAC;IAEF,MAAM,eAAe,GAAG,eAAe,CAAC,CAAC,KAAgB,EAAE,EAAE,CAC3D,8BAA8B,CAAC,KAAK,CAAC,CACtC,CAAC;IAEF,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,KAAgB,EAAE,EAAE,CACxD,yBAAyB,CAAC,KAAK,CAAC,CACjC,CAAC;IAEF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,oBAAoB,IAAI,EAAE,CAAC;IAEvE,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,YAAY,CAAC,sBAAsB,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAEjC,MAAM,0BAA0B,GAAG,GAAG,EAAE;QACtC,YAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,EAAE,SAAS,EAAE,GAAG,6BAA6B,EAAE,CAAC;IAEtD,MAAM,eAAe,GAAG,YAAY;QAClC,CAAC,CAAC,iBAAiB;QACnB,CAAC,CAAC,iBAAiB,CAAC;IACtB,MAAM,WAAW,GACf,eAAe,KAAK,eAAe,CAAC,QAAQ;QAC1C,CAAC,CAAC,aAAa;QACf,CAAC,CAAE,eAA0B,CAAC;IAElC,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,gBACH,mBAAmB,EAC9B,SAAS,EAAC,4EAA4E,aAEtF,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,UAAU,IACT,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,IAAI,gBACE,wBAAwB,EACnC,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,0BAA0B,YAEnC,KAAC,IAAI,IACH,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,iBACD,MAAM,GAClB,GACS,EACb,MAAC,KAAK,IAAC,GAAG,EAAC,OAAO,aAChB,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,WAAW,YAC1B,oBAAoB,EAAE,KAAK,GACvB,EACP,MAAC,KAAK,eACJ,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,YAAE,oBAAoB,EAAE,WAAW,GAAQ,EAC1D,KAAC,KAAK,kBACQ,mBAAmB,SAAS,IAAK,aAAwB,EAAE,YAEtE,SAAS,IAAK,aAAwB,GACjC,IACF,IACF,IACJ,EACN,eAAK,SAAS,EAAC,8BAA8B,aAC1C,UAAU,IAAI,CACb,MAAC,KAAK,IAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ,gBAAY,kBAAkB,aACzD,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,iBAAiB,iBAAa,MAAM,kCAE/C,EACP,KAAC,KAAK,IACJ,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,IAAI,eACD,QAAQ,iBACN,MAAM,YAEjB,WAAW,GACN,IACF,CACT,EACA,QAAQ,IAAI,CACX,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EACL,eAAe,KAAK,eAAe,CAAC,OAAO;4BACzC,CAAC,CAAC,SAAS;4BACX,CAAC,CAAC,QAAQ,gBAEH,gBAAgB,mBACZ,eAAe,KAAK,eAAe,CAAC,OAAO,EAC1D,KAAK,EACH,eAAe,KAAK,eAAe,CAAC,OAAO;4BACzC,CAAC,CAAC,WAAW;4BACb,CAAC,CAAC,WAAW,EAEjB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,eAAe,KAAK,eAAe,CAAC,OAAO,EACrD,WAAW,EACT,KAAC,IAAI,IACH,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,iBACE,MAAM,EAClB,SAAS,EACP,eAAe,KAAK,eAAe,CAAC,OAAO;gCACzC,CAAC,CAAC,uBAAuB;gCACzB,CAAC,CAAC,sBAAsB,GAE5B,+BAIG,CACV,EACD,KAAC,OAAO,IAAC,KAAK,EAAE,eAAe,YAC7B,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,gBACL,eAAe,kBACb,YAAY,EAC1B,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,gBAAgB,EACzB,WAAW,EACT,YAAY,CAAC,CAAC,CAAC,CACb,KAAC,IAAI,IACH,IAAI,EAAC,sBAAsB,EAC3B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,iBACE,MAAM,GAClB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,iBACE,MAAM,GAClB,CACH,YAGF,eAAe,GACT,GACD,IACN,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"WorkspaceToolbar.js","sourceRoot":"","sources":["../../../../src/workspace/WorkspaceLayout/WorkspaceToolbar.tsx"],"names":[],"mappings":"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"}

package/dist/dts/workspace/tiers/types.d.ts

@@ -8,6 +8,8 @@ export interface TierToolbarConfiguration extends LabelAndDescription {
     showStop: boolean;
     showStatus: boolean;
     tierLabel?: string;
+    requirePayModel?: boolean;
+    workspaceAccountManagerTarget?: string;
 }
 export interface SettingsPanelConfiguration {
     enabled?: boolean;

package/dist/dts/workspace/tiers/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/workspace/tiers/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,0BAA0B;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,8BAA8B;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,wBAAwB,CAAC;IAClC,YAAY,EAAE,8BAA8B,CAAC;IAC7C,QAAQ,EAAE,0BAA0B,CAAC;CACtC;AAED,MAAM,WAAW,8BAA+B,SAAQ,wBAAwB;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,uCAAwC,SAAQ,wBAAwB;IACvF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,kEAAkE;IAClE,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACzE,qEAAqE;IACrE,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/workspace/tiers/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6BAA6B,CAAC,EAAE,MAAM,CAAC;CACxC;AAED,MAAM,WAAW,0BAA0B;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,8BAA8B;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,wBAAwB,CAAC;IAClC,YAAY,EAAE,8BAA8B,CAAC;IAC7C,QAAQ,EAAE,0BAA0B,CAAC;CACtC;AAED,MAAM,WAAW,8BAA+B,SAAQ,wBAAwB;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,uCAAwC,SAAQ,wBAAwB;IACvF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,kEAAkE;IAClE,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACzE,qEAAqE;IACrE,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC"}

package/dist/index/cjs/index.js

@@ -10,6 +10,7 @@ var core$1 = require('@gen3/core');
 var useDeepCompare = require('use-deep-compare');
 var notifications = require('@mantine/notifications');
 var md = require('react-icons/md');
+var fa = require('react-icons/fa');
 var io5 = require('react-icons/io5');
 var bs = require('react-icons/bs');
 var lodash = require('lodash');
@@ -2427,11 +2428,239 @@ const SettingsPanel = ({ showKernels, expanded, setExpanded, width = 380 })=>{
     });
 };
 
+const PaymentNumberToString = (x, undefinedValue = 'N/A', precision = 2)=>{
+    if (typeof x !== 'number' || Number.isNaN(x)) return undefinedValue;
+    return x.toFixed(precision);
+};
+const isNoPayModelError = (error)=>{
+    return 'status' in error && error.status === 'PARSING_ERROR' && error.originalStatus === 404;
+};
+const NoPayModel = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(core.Group, {
+        className: "p-2 border-1 border-l-0 border-r-0 border-base-lighter w-full h-16",
+        justify: "space-between",
+        children: /*#__PURE__*/ jsxRuntime.jsx(core.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 } = core$1.useGetWorkspacePayModelsQuery(undefined, {
+        pollingInterval: 120000,
+        refetchOnMountOrArgChange: true
+    });
+    const [setWorkspacePayModel] = core$1.useSetCurrentPayModelMutation();
+    const [selectedPayModel, setSelectedPayModel] = React.useState(null);
+    const [opened, setOpened] = React.useState(false);
+    useDeepCompare.useDeepCompareCallback((id)=>{
+        void setWorkspacePayModel(id); // triggers the call to the service to select the pay model
+        setSelectedPayModel(id); // set the paymodel value for the select component
+    }, [
+        setWorkspacePayModel,
+        selectedPayModel
+    ]);
+    const { usersPayModels, workspaceName, hardLimit, totalUsage } = useDeepCompare.useDeepCompareMemo(()=>{
+        if (!data) return {
+            usersPayModels: [],
+            selectedPayModel: [],
+            workspaceName: 'Not Set',
+            totalUsage: undefined,
+            hardLimit: undefined
+        };
+        const usersPayModels = data.allPayModels.map((payModel)=>{
+            return {
+                value: payModel.bmh_workspace_id ?? payModel.workspace_type,
+                label: payModel.workspace_type,
+                totalUsage: payModel['total-usage'],
+                currentPayModel: payModel['current_pay_model'],
+                icon: payModel.request_status === 'active' ? /*#__PURE__*/ jsxRuntime.jsx(fa.FaUser, {}) : /*#__PURE__*/ jsxRuntime.jsx(fa.FaExclamationCircle, {})
+            };
+        });
+        setSelectedPayModel(data.currentPayModel.bmh_workspace_id ?? data.currentPayModel.workspace_type);
+        return {
+            usersPayModels,
+            workspaceName: data.currentPayModel.bmh_workspace_id.length > 0 ? data.currentPayModel.bmh_workspace_id : data.currentPayModel.workspace_type,
+            totalUsage: data.currentPayModel['total-usage'],
+            hardLimit: data.currentPayModel['hard-limit']
+        };
+    }, [
+        data
+    ]);
+    if (isLoading && isFetching) return /*#__PURE__*/ jsxRuntime.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__*/ jsxRuntime.jsx(core.Loader, {})
+    });
+    if (isError) {
+        if (isNoPayModelError(error)) {
+            return /*#__PURE__*/ jsxRuntime.jsx(NoPayModel, {});
+        } else return /*#__PURE__*/ jsxRuntime.jsx(core.Center, {
+            children: "Unable to get Payment information"
+        });
+    }
+    const ProgressBar = (className = '')=>/*#__PURE__*/ jsxRuntime.jsx(core.Progress, {
+            size: "sm",
+            radius: "xl",
+            "aria-label": "Monthly Workflow Limit",
+            value: !hardLimit ? 100 : hardLimit / totalUsage * 100,
+            color: !hardLimit || totalUsage >= hardLimit ? 'red.5' : 'green.1',
+            className: className
+        });
+    return /*#__PURE__*/ jsxRuntime.jsxs(core.Popover, {
+        width: "target",
+        position: "bottom",
+        shadow: "lg",
+        trapFocus: true,
+        opened: opened,
+        onChange: setOpened,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(core.Popover.Target, {
+                children: /*#__PURE__*/ jsxRuntime.jsxs(core.Button, {
+                    onClick: ()=>setOpened((o)=>!o),
+                    size: "xs",
+                    radius: "xl",
+                    variant: "default",
+                    className: "h-[--badge-height]",
+                    rightSection: /*#__PURE__*/ jsxRuntime.jsx(md.MdExpandMore, {
+                        className: "text-accent",
+                        size: "1.5em",
+                        "aria-label": opened ? 'close' : 'open',
+                        style: {
+                            transform: opened ? 'rotate(180deg)' : 'rotate(0deg)',
+                            transition: 'transform 200ms ease'
+                        }
+                    }),
+                    children: [
+                        ProgressBar('w-[110px]'),
+                        /*#__PURE__*/ jsxRuntime.jsxs("span", {
+                            className: "font-black pl-3 pr-2",
+                            children: [
+                                "$",
+                                PaymentNumberToString(totalUsage)
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsxs("span", {
+                            className: "font-normal",
+                            children: [
+                                "/$",
+                                PaymentNumberToString(hardLimit)
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(core.Popover.Dropdown, {
+                className: "px-2",
+                children: [
+                    workspaceAccountManagerTarget && /*#__PURE__*/ jsxRuntime.jsx(core.Button, {
+                        component: "a",
+                        href: workspaceAccountManagerTarget,
+                        target: "_blank",
+                        variant: "outline",
+                        leftSection: /*#__PURE__*/ jsxRuntime.jsx(md.MdOpenInNew, {
+                            size: "1.1em",
+                            "aria-label": "external"
+                        }),
+                        size: "xs",
+                        className: "w-full mb-4",
+                        children: "Workspace Account Manager"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(core.Text, {
+                        size: "sm",
+                        className: "uppercase pb-2 px-2",
+                        children: [
+                            "Limit ",
+                            /*#__PURE__*/ jsxRuntime.jsxs("span", {
+                                className: "font-black pl-1",
+                                children: [
+                                    "$",
+                                    PaymentNumberToString(hardLimit)
+                                ]
+                            })
+                        ]
+                    }),
+                    ProgressBar('mx-2'),
+                    /*#__PURE__*/ jsxRuntime.jsx(core.Divider, {
+                        my: "sm"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(core.Text, {
+                        size: "sm",
+                        className: "uppercase pb-2 px-2",
+                        children: "Account & Charges"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(core.Accordion, {
+                        variant: "unstyled",
+                        classNames: {
+                            root: '',
+                            control: 'p-0 px-2',
+                            label: 'p-0',
+                            chevron: 'text-accent',
+                            panel: 'p-0',
+                            content: 'p-0'
+                        },
+                        children: /*#__PURE__*/ jsxRuntime.jsxs(core.Accordion.Item, {
+                            value: "accountInformation",
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(core.Accordion.Control, {
+                                    children: /*#__PURE__*/ jsxRuntime.jsxs(core.Text, {
+                                        size: "sm",
+                                        className: "font-black",
+                                        children: [
+                                            workspaceName,
+                                            " - $",
+                                            PaymentNumberToString(totalUsage)
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx(core.Accordion.Panel, {
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(core.Radio.Group, {
+                                        className: "pt-2",
+                                        children: usersPayModels.map((obj)=>/*#__PURE__*/ jsxRuntime.jsx(core.Radio.Card, {
+                                                checked: obj.currentPayModel,
+                                                disabled: true,
+                                                className: "p-2 border-none data-checked:bg-primary-lightest data-checked:border-primary-darker data-checked:font-black hover:bg-primary-max ",
+                                                children: /*#__PURE__*/ jsxRuntime.jsxs(core.Group, {
+                                                    wrap: "nowrap",
+                                                    align: "flex-start",
+                                                    children: [
+                                                        /*#__PURE__*/ jsxRuntime.jsx(core.Text, {
+                                                            size: "sm",
+                                                            className: "grow",
+                                                            children: obj.label
+                                                        }),
+                                                        /*#__PURE__*/ jsxRuntime.jsxs(core.Text, {
+                                                            size: "sm",
+                                                            children: [
+                                                                "$",
+                                                                PaymentNumberToString(obj.totalUsage)
+                                                            ]
+                                                        }),
+                                                        /*#__PURE__*/ jsxRuntime.jsx(core.Radio.Indicator, {
+                                                            color: "accent"
+                                                        })
+                                                    ]
+                                                })
+                                            }, obj.value))
+                                    })
+                                })
+                            ]
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
 const WorkspaceToolbar = /*#__PURE__*/ React.forwardRef(({ toolbarConfiguration }, ref)=>{
     const workspaceTier = core$1.useCoreSelector((state)=>core$1.selectWorkspaceTier(state));
     const workspaceStatus = core$1.useCoreSelector((state)=>core$1.selectJEGActiveWorkspaceStatus(state));
     const isFullscreen = core$1.useCoreSelector((state)=>core$1.selectWorkspaceFullscreen(state));
-    const { showStatus, showStop, tierLabel } = toolbarConfiguration || {};
+    const { showStatus, showStop, tierLabel, requirePayModel, workspaceAccountManagerTarget } = toolbarConfiguration || {};
     const coreDispatch = core$1.useCoreDispatch();
     const toggleFullscreen = React.useCallback(()=>{
         coreDispatch(core$1.setWorkspaceFullscreen(!isFullscreen));
@@ -2486,6 +2715,9 @@ const WorkspaceToolbar = /*#__PURE__*/ React.forwardRef(({ toolbarConfiguration
                                     /*#__PURE__*/ jsxRuntime.jsx(core.Badge, {
                                         "aria-label": `Workspace tier: ${tierLabel ?? workspaceTier}`,
                                         children: tierLabel ?? workspaceTier
+                                    }),
+                                    requirePayModel && /*#__PURE__*/ jsxRuntime.jsx(CostTracker, {
+                                        workspaceAccountManagerTarget: workspaceAccountManagerTarget
                                     })
                                 ]
                             })