@seamapi/react 1.37.0 → 1.38.0

package/README.md

@@ -78,7 +78,7 @@ export function App() {
   <seam-device-table publishable-key="your_publishable_key"></seam-device-table>
   <script
     type="module"
-    src="https://react.seam.co/v/1.37.0/dist/elements.js"
+    src="https://react.seam.co/v/1.38.0/dist/elements.js"
   ></script>
 </body>
 ```

package/dist/elements.js

@@ -8080,7 +8080,7 @@ const Dm = "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;60
     const n = globalThis.document.createElement("link");
     n.rel = "stylesheet", n.type = "text/css", n.href = Dm, globalThis.document.head.appendChild(n);
   }, [t]);
-}, yO = "1.37.0", gO = "https://react.seam.co", vO = ({
+}, yO = "1.38.0", gO = "https://react.seam.co", vO = ({
   disabled: t = !1,
   unminified: e = !1
 }) => {
@@ -24996,23 +24996,29 @@ function KT(t) {
   );
 }
 function uS(t) {
-  var e;
-  return /* @__PURE__ */ h.jsx("div", { className: "seam-battery-status", children: /* @__PURE__ */ h.jsx(YT, { status: (e = t.device.properties.battery) == null ? void 0 : e.status }) });
+  var e, n;
+  return /* @__PURE__ */ h.jsx("div", { className: "seam-battery-status", children: /* @__PURE__ */ h.jsx(
+    YT,
+    {
+      status: (e = t.device.properties.battery) == null ? void 0 : e.status,
+      level: (n = t.device.properties.battery) == null ? void 0 : n.level
+    }
+  ) });
 }
 function YT(t) {
-  const { status: e } = t;
+  const { status: e, level: n } = t, r = n != null ? ` (${Math.floor(n * 100)}%)` : null;
   return e === "full" ? /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
     /* @__PURE__ */ h.jsx(WT, {}),
-    /* @__PURE__ */ h.jsx("span", { className: "seam-status-text", children: ql.full })
+    /* @__PURE__ */ h.jsx("span", { className: "seam-status-text", children: `${ql.full}${r ?? ""}` })
   ] }) : e === "good" ? /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
     /* @__PURE__ */ h.jsx(ZT, {}),
-    /* @__PURE__ */ h.jsx("span", { className: "seam-status-text", children: ql.high })
+    /* @__PURE__ */ h.jsx("span", { className: "seam-status-text", children: `${ql.high}${r ?? ""}` })
   ] }) : e === "low" ? /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
     /* @__PURE__ */ h.jsx(KT, {}),
-    /* @__PURE__ */ h.jsx("span", { className: "seam-status-text", children: ql.low })
+    /* @__PURE__ */ h.jsx("span", { className: "seam-status-text", children: `${ql.low}${r ?? ""}` })
   ] }) : e === "critical" ? /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
     /* @__PURE__ */ h.jsx(QT, {}),
-    /* @__PURE__ */ h.jsx("span", { className: "seam-text-danger", children: ql.critical })
+    /* @__PURE__ */ h.jsx("span", { className: "seam-text-danger", children: `${ql.critical}${r ?? ""}` })
   ] }) : null;
 }
 const ql = {