@sylphx/sdk 0.11.0 → 0.11.2

package/dist/react/index.mjs

@@ -526,14 +526,23 @@ var NotFoundError = class extends SylphxError {
 function isSylphxError(error) {
   return error instanceof SylphxError;
 }
-function getErrorMessage(error) {
+function getErrorMessage(error, fallback = "An unknown error occurred") {
   if (error instanceof Error) {
     return error.message;
   }
   if (typeof error === "string") {
     return error;
   }
-  return "An unknown error occurred";
+  if (error && typeof error === "object" && "message" in error) {
+    const message = error.message;
+    if (typeof message === "string") return message;
+  }
+  if (error && typeof error === "object" && "response" in error) {
+    const response = error.response;
+    if (response?.data?.message) return response.data.message;
+    if (response?.data?.error) return response.data.error;
+  }
+  return fallback;
 }
 function toSylphxError(error) {
   if (error instanceof SylphxError) {
@@ -2051,7 +2060,7 @@ function DeveloperSetupCard({ theme }) {
       /* @__PURE__ */ jsxs(
         "a",
         {
-          href: "https://sylphx.com/docs/sdk/getting-started",
+          href: "https://sylphx.com/docs/installation",
           target: "_blank",
           rel: "noopener noreferrer",
           style: styles.docsButton,
@@ -17538,6 +17547,42 @@ function CheckIcon10({ color }) {
 
 // src/react/ui/billing-management.tsx
 import { useEffect as useEffect28, useState as useState36 } from "react";
+
+// src/formatting.ts
+function formatCurrency(amount, optsOrCompact = false) {
+  const opts = typeof optsOrCompact === "boolean" ? { compact: optsOrCompact } : optsOrCompact;
+  const currency = (opts.currency ?? "USD").toUpperCase();
+  const decimals = opts.decimals ?? 2;
+  if (opts.compact && Math.abs(amount) >= 1e3) {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency,
+      notation: "compact",
+      minimumFractionDigits: 1,
+      maximumFractionDigits: 1
+    }).format(amount);
+  }
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency,
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals
+  }).format(amount);
+}
+var relativeTimeFormatter = new Intl.RelativeTimeFormat("en", {
+  numeric: "auto"
+});
+var TIME_DIVISIONS = [
+  { amount: 60, unit: "second" },
+  { amount: 60, unit: "minute" },
+  { amount: 24, unit: "hour" },
+  { amount: 7, unit: "day" },
+  { amount: 4.34524, unit: "week" },
+  { amount: 12, unit: "month" },
+  { amount: Number.POSITIVE_INFINITY, unit: "year" }
+];
+
+// src/react/ui/billing-management.tsx
 import { Fragment as Fragment20, jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 function InvoiceHistory({
   theme = defaultTheme,
@@ -17557,12 +17602,7 @@ function InvoiceHistory({
   }, []);
   const totalPages = Math.ceil(invoices.length / pageSize);
   const paginatedInvoices = invoices.slice((currentPage - 1) * pageSize, currentPage * pageSize);
-  const formatCurrency = (amount, currency) => {
-    return new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: currency.toUpperCase()
-    }).format(amount / 100);
-  };
+  const formatInvoice = (amountCents, currency) => formatCurrency(amountCents / 100, { currency });
   const formatDate = (dateStr) => {
     return new Date(dateStr).toLocaleDateString("en-US", {
       year: "numeric",
@@ -17660,7 +17700,7 @@ function InvoiceHistory({
                 )
               ] }),
               /* @__PURE__ */ jsx28("td", { style: tdStyle, children: formatDate(invoice.date) }),
-              /* @__PURE__ */ jsx28("td", { style: tdStyle, children: /* @__PURE__ */ jsx28("span", { style: { fontWeight: 500 }, children: formatCurrency(invoice.amount, invoice.currency) }) }),
+              /* @__PURE__ */ jsx28("td", { style: tdStyle, children: /* @__PURE__ */ jsx28("span", { style: { fontWeight: 500 }, children: formatInvoice(invoice.amount, invoice.currency) }) }),
               /* @__PURE__ */ jsx28("td", { style: tdStyle, children: /* @__PURE__ */ jsx28(
                 "span",
                 {
@@ -17954,12 +17994,7 @@ function UsageOverview({
   useEffect28(() => {
     injectGlobalStyles();
   }, []);
-  const formatCurrency = (amount) => {
-    return new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: currency.toUpperCase()
-    }).format(amount);
-  };
+  const format = (amount) => formatCurrency(amount, { currency });
   const containerStyle = {
     fontFamily: theme.fontFamily,
     border: `1px solid ${theme.colorBorder}`,
@@ -17994,7 +18029,7 @@ function UsageOverview({
             )
           ] }),
           totalCost !== void 0 && /* @__PURE__ */ jsxs23("div", { style: { textAlign: "right" }, children: [
-            /* @__PURE__ */ jsx28("div", { style: { fontSize: theme.fontSizeXl, fontWeight: 600 }, children: formatCurrency(totalCost) }),
+            /* @__PURE__ */ jsx28("div", { style: { fontSize: theme.fontSizeXl, fontWeight: 600 }, children: format(totalCost) }),
             /* @__PURE__ */ jsx28(
               "div",
               {
@@ -18048,7 +18083,7 @@ function UsageOverview({
                     item.limit.toLocaleString(),
                     " ",
                     item.unit,
-                    item.cost !== void 0 && ` \u2022 ${formatCurrency(item.cost)}`
+                    item.cost !== void 0 && ` \u2022 ${format(item.cost)}`
                   ]
                 }
               )
@@ -35315,41 +35350,24 @@ function useFeatureFlags2() {
 }
 function useFlag(flagKey, defaultValue = false) {
   const { isEnabled, updateVersion } = useFeatureFlagsContext();
-  return useMemo12(
-    () => isEnabled(flagKey, defaultValue),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [flagKey, defaultValue, isEnabled]
-  );
+  return useMemo12(() => isEnabled(flagKey, defaultValue), [flagKey, defaultValue, isEnabled]);
 }
 function useFlagString(flagKey, defaultValue = "") {
   const { getString, updateVersion } = useFeatureFlagsContext();
-  return useMemo12(
-    () => getString(flagKey, defaultValue),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [flagKey, defaultValue, getString]
-  );
+  return useMemo12(() => getString(flagKey, defaultValue), [flagKey, defaultValue, getString]);
 }
 function useFlagNumber(flagKey, defaultValue = 0) {
   const { getNumber, updateVersion } = useFeatureFlagsContext();
-  return useMemo12(
-    () => getNumber(flagKey, defaultValue),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [flagKey, defaultValue, getNumber]
-  );
+  return useMemo12(() => getNumber(flagKey, defaultValue), [flagKey, defaultValue, getNumber]);
 }
 function useFlagJSON(flagKey, defaultValue) {
   const { getJSON, updateVersion } = useFeatureFlagsContext();
-  return useMemo12(
-    () => getJSON(flagKey, defaultValue),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [flagKey, defaultValue, getJSON]
-  );
+  return useMemo12(() => getJSON(flagKey, defaultValue), [flagKey, defaultValue, getJSON]);
 }
 function useFlagEvaluation(flagKey, defaultValue, contextOverride) {
   const { evaluate, updateVersion } = useFeatureFlagsContext();
   return useMemo12(
     () => evaluate(flagKey, defaultValue, contextOverride),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     [flagKey, defaultValue, contextOverride, evaluate]
   );
 }