@gen3/workspaces 0.12.77 → 0.12.79

package/dist/index/cjs/index.js

@@ -2428,52 +2428,74 @@ const SettingsPanel = ({ showKernels, expanded, setExpanded, width = 380 })=>{
     });
 };
 
-const PaymentNumberToString = (x, undefinedValue = 'N/A', precision = 2)=>{
+// TODO rework once requirements are made
+const usdFormatter = new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency: 'USD'
+});
+const paymentNumberToString = (x, undefinedValue = 'N/A', precision = 2)=>{
     if (typeof x !== 'number' || Number.isNaN(x)) return undefinedValue;
-    return x.toFixed(precision);
+    return usdFormatter.format(x);
 };
 const isNoPayModelError = (error)=>{
     return 'status' in error && error.status === 'PARSING_ERROR' && error.originalStatus === 404;
 };
 const CostTracker = ({ workspaceAccountManagerTarget = '' })=>{
-    const { data, isLoading, isFetching, isError, error } = core$1.useGetWorkspacePayModelsQuery(undefined, {
+    const { data, isLoading, isFetching, isError, error, isSuccess } = core$1.useGetWorkspacePayModelsQuery(undefined, {
         pollingInterval: 120000,
         refetchOnMountOrArgChange: true
     });
-    const [setWorkspacePayModel] = core$1.useSetCurrentPayModelMutation();
+    const { data: currentPaymodelData, isFetching: isCurrentPayModelFetching } = core$1.useGetActivePayModelQuery();
+    const [setWorkspacePayModel, result] = 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
+    const setPayModel = useDeepCompare.useDeepCompareCallback((id)=>{
+        void setWorkspacePayModel(id).unwrap(); // 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)=>{
+        if (isSuccess && data) {
+            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 ?? null,
+                    icon: payModel.request_status === 'active' ? /*#__PURE__*/ jsxRuntime.jsx(fa.FaUser, {}) : /*#__PURE__*/ jsxRuntime.jsx(fa.FaExclamationCircle, {})
+                };
+            });
+            let currentPayModel = null;
+            if (data?.currentPayModel) {
+                currentPayModel = data?.currentPayModel.bmh_workspace_id ?? data?.currentPayModel.workspace_type;
+            }
+            setSelectedPayModel(currentPayModel);
+            let workspaceName = 'Not Set';
+            let totalUsage = undefined;
+            let hardLimit = undefined;
+            if (data.currentPayModel !== null) {
+                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'];
+            }
             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, {})
+                usersPayModels,
+                workspaceName,
+                selectedPayModel,
+                totalUsage,
+                hardLimit
             };
-        });
-        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']
-        };
+        } else {
+            return {
+                usersPayModels: [],
+                selectedPayModel: [],
+                workspaceName: 'Not Set',
+                totalUsage: undefined,
+                hardLimit: undefined
+            };
+        }
     }, [
         data
     ]);
@@ -2553,8 +2575,8 @@ const CostTracker = ({ workspaceAccountManagerTarget = '' })=>{
             size: "sm",
             radius: "xl",
             "aria-label": "Monthly Workflow Limit",
-            value: !hardLimit ? 100 : hardLimit / totalUsage * 100,
-            color: !hardLimit || totalUsage >= hardLimit ? 'red.5' : 'green.1',
+            value: !hardLimit || !totalUsage ? 100 : hardLimit / totalUsage * 100,
+            color: !hardLimit || totalUsage && totalUsage >= hardLimit ? 'red.5' : 'green.1',
             className: className
         });
     return /*#__PURE__*/ jsxRuntime.jsxs(core.Popover, {
@@ -2583,18 +2605,15 @@ const CostTracker = ({ workspaceAccountManagerTarget = '' })=>{
                     }),
                     children: [
                         ProgressBar('w-[110px]'),
-                        /*#__PURE__*/ jsxRuntime.jsxs("span", {
-                            className: "font-black pl-3 pr-2",
-                            children: [
-                                "$",
-                                PaymentNumberToString(totalUsage)
-                            ]
+                        /*#__PURE__*/ jsxRuntime.jsx("span", {
+                            className: "font-black pl-3 pr-1",
+                            children: paymentNumberToString(totalUsage)
                         }),
                         /*#__PURE__*/ jsxRuntime.jsxs("span", {
                             className: "font-normal",
                             children: [
-                                "/$",
-                                PaymentNumberToString(hardLimit)
+                                "/",
+                                paymentNumberToString(hardLimit)
                             ]
                         })
                     ]
@@ -2620,13 +2639,11 @@ const CostTracker = ({ workspaceAccountManagerTarget = '' })=>{
                         size: "sm",
                         className: "uppercase pb-2 px-2",
                         children: [
-                            "Limit ",
-                            /*#__PURE__*/ jsxRuntime.jsxs("span", {
+                            "Limit",
+                            ' ',
+                            /*#__PURE__*/ jsxRuntime.jsx("span", {
                                 className: "font-black pl-1",
-                                children: [
-                                    "$",
-                                    PaymentNumberToString(hardLimit)
-                                ]
+                                children: paymentNumberToString(hardLimit)
                             })
                         ]
                     }),
@@ -2653,22 +2670,19 @@ const CostTracker = ({ workspaceAccountManagerTarget = '' })=>{
                             value: "accountInformation",
                             children: [
                                 /*#__PURE__*/ jsxRuntime.jsx(core.Accordion.Control, {
-                                    children: /*#__PURE__*/ jsxRuntime.jsxs(core.Text, {
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(core.Text, {
                                         size: "sm",
                                         className: "font-black",
-                                        children: [
-                                            workspaceName,
-                                            " - $",
-                                            PaymentNumberToString(totalUsage)
-                                        ]
+                                        children: `${workspaceName} - ${paymentNumberToString(totalUsage)}`
                                     })
                                 }),
                                 /*#__PURE__*/ jsxRuntime.jsx(core.Accordion.Panel, {
                                     children: /*#__PURE__*/ jsxRuntime.jsx(core.Radio.Group, {
                                         className: "pt-2",
+                                        onChange: setPayModel,
+                                        value: selectedPayModel,
                                         children: usersPayModels.map((obj)=>/*#__PURE__*/ jsxRuntime.jsx(core.Radio.Card, {
-                                                checked: obj.currentPayModel,
-                                                disabled: true,
+                                                value: obj.value,
                                                 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",
@@ -2679,12 +2693,9 @@ const CostTracker = ({ workspaceAccountManagerTarget = '' })=>{
                                                             className: "grow",
                                                             children: obj.label
                                                         }),
-                                                        /*#__PURE__*/ jsxRuntime.jsxs(core.Text, {
+                                                        /*#__PURE__*/ jsxRuntime.jsx(core.Text, {
                                                             size: "sm",
-                                                            children: [
-                                                                "$",
-                                                                PaymentNumberToString(obj.totalUsage)
-                                                            ]
+                                                            children: `${paymentNumberToString(obj.totalUsage)}`
                                                         }),
                                                         /*#__PURE__*/ jsxRuntime.jsx(core.Radio.Indicator, {
                                                             color: "accent"
@@ -4487,6 +4498,7 @@ const WorkspacesCenterPageGetServerSideProps = async ()=>{
     }
 };
 
+exports.CostTracker = CostTracker;
 exports.WorkspacesCenterPage = WorkspacesCenterPage;
 exports.WorkspacesCenterPageGetServerSideProps = WorkspacesCenterPageGetServerSideProps;
 //# sourceMappingURL=index.js.map