@kittycad/react-shared 0.1.5 → 0.1.6

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import * as React$1 from 'react';
 import React__default, { SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AccountProvider, Client } from '@kittycad/lib';
+import { BillingError as BillingError$1 } from '@/lib/billing';
 import { DeepPartial } from '@/lib/types';
 import { ClassValue } from 'clsx';
 
@@ -69,7 +70,7 @@ type TextProps = {
     };
 };
 type BillingDialogProps = {
-    error?: Error;
+    error?: BillingError$1;
     credits?: number;
     allowance?: number;
     upgradeHref: string;
@@ -85,7 +86,7 @@ declare enum BillingRemainingMode {
 }
 interface BillingRemainingProps {
     mode: BillingRemainingMode;
-    error?: Error;
+    error?: BillingError$1;
     credits?: number;
     allowance?: number;
 }
@@ -98,10 +99,10 @@ declare function cn(...inputs: ClassValue[]): string;
  */
 
 declare enum EBillingError {
-    NotOk = 0,
-    UnexpectedStatus = 1,
-    CatastrophicRequest = 2,
-    JSONParse = 3
+    NotOk = "NotOk",
+    UnexpectedStatus = "UnexpectedStatus",
+    CatastrophicRequest = "CatastrophicRequest",
+    JSONParse = "JSONParse"
 }
 interface IBillingErrorNotOk {
     type: EBillingError.NotOk;

package/dist/index.esm.js

@@ -21855,9 +21855,9 @@ const ErrorMsg = (props) => {
         fill: fadedFg,
         backgroundColor: fadedBg,
     };
-    return (jsxs("div", { onMouseEnter: () => setShowMessage(true), onMouseLeave: () => setShowMessage(false), children: [showMessage && (jsx("div", { style: {
+    return (jsxs("div", { onMouseEnter: () => setShowMessage(true), onMouseLeave: () => setShowMessage(false), children: [showMessage && (jsx("div", { "data-testid": "billing-remaining-error-message", style: {
                     position: 'absolute',
-                }, children: jsx("div", { className: "rounded p-1", style: { ...colors, position: 'relative', top: -32 }, children: props.error.toString() }) })), jsx("div", { className: "rounded", style: colors, children: jsx(CustomIcon, { name: "exclamationMark", className: "w-5 h-5" }) })] }));
+                }, children: jsxs("div", { className: "rounded p-1", style: { ...colors, position: 'relative', top: -32 }, children: ["Error fetching billing: ", props.error.error.type] }) })), jsx("div", { "data-testid": "billing-remaining-error-indicator", className: "rounded", style: colors, children: jsx(CustomIcon, { name: "exclamationMark", className: "w-5 h-5" }) })] }));
 };
 const ProgressBar = (props) => {
     const ratio = props.value / props.max;
@@ -25206,10 +25206,10 @@ try{if("undefined"==typeof fetch&&"undefined"!=typeof process&&process.versions?
  */
 var EBillingError;
 (function (EBillingError) {
-    EBillingError[EBillingError["NotOk"] = 0] = "NotOk";
-    EBillingError[EBillingError["UnexpectedStatus"] = 1] = "UnexpectedStatus";
-    EBillingError[EBillingError["CatastrophicRequest"] = 2] = "CatastrophicRequest";
-    EBillingError[EBillingError["JSONParse"] = 3] = "JSONParse";
+    EBillingError["NotOk"] = "NotOk";
+    EBillingError["UnexpectedStatus"] = "UnexpectedStatus";
+    EBillingError["CatastrophicRequest"] = "CatastrophicRequest";
+    EBillingError["JSONParse"] = "JSONParse";
 })(EBillingError || (EBillingError = {}));
 class BillingError {
     constructor(error) {