@seamapi/react 1.12.0 → 1.13.0

package/dist/elements.js

@@ -8077,7 +8077,7 @@ const mm = "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 = mm, globalThis.document.head.appendChild(n);
   }, [t]);
-}, NE = "1.12.0", HE = "https://react.seam.co", DE = ({
+}, NE = "1.13.0", HE = "https://react.seam.co", DE = ({
   disabled: t = !1,
   unminified: e = !1
 }) => {
@@ -24640,56 +24640,63 @@ function wT(t) {
 }
 function ET({
   deviceIds: t,
-  onBack: e,
-  className: n
+  onDeviceClick: e,
+  onBack: n,
+  className: r
 } = {}) {
-  const { devices: r, isLoading: i, isError: o, error: s } = wT({
+  const { devices: i, isLoading: o, isError: s, error: l } = wT({
     device_ids: t
-  }), [l, c] = k.useState(null), [a, u] = k.useState("");
-  if (l != null)
+  }), [c, a] = k.useState(null), [u, p] = k.useState("");
+  if (c != null)
     return /* @__PURE__ */ v.jsx(
       Wf,
       {
-        className: n,
-        deviceId: l,
+        className: r,
+        deviceId: c,
         onBack: () => {
-          c(null);
+          a(null);
         }
       }
     );
-  if (i)
-    return /* @__PURE__ */ v.jsx("p", { className: n, children: "..." });
   if (o)
-    return /* @__PURE__ */ v.jsx("p", { className: n, children: s == null ? void 0 : s.message });
-  if (r == null)
+    return /* @__PURE__ */ v.jsx("p", { className: r, children: "..." });
+  if (s)
+    return /* @__PURE__ */ v.jsx("p", { className: r, children: l == null ? void 0 : l.message });
+  if (i == null)
     return null;
-  const p = r.length, d = r.filter((f) => a === "" ? !0 : new RegExp(a, "i").test(f.properties.name));
-  return /* @__PURE__ */ v.jsxs("div", { className: Re("seam-device-table", n), children: [
-    /* @__PURE__ */ v.jsx(nd, { onBack: e }),
+  const d = i.length, f = i.filter((h) => u === "" ? !0 : new RegExp(u, "i").test(h.properties.name));
+  return /* @__PURE__ */ v.jsxs("div", { className: Re("seam-device-table", r), children: [
+    /* @__PURE__ */ v.jsx(nd, { onBack: n }),
     /* @__PURE__ */ v.jsxs(M1, { children: [
       /* @__PURE__ */ v.jsxs(j1, { children: [
         H1.devices,
         " ",
         /* @__PURE__ */ v.jsxs(z1, { children: [
           "(",
-          p,
+          d,
           ")"
         ] })
       ] }),
       /* @__PURE__ */ v.jsx(
         Qf,
         {
-          value: a,
-          onChange: u,
-          disabled: p === 0
+          value: u,
+          onChange: p,
+          disabled: d === 0
         }
       )
     ] }),
-    /* @__PURE__ */ v.jsx(x1, { children: /* @__PURE__ */ v.jsx(OT, { devices: d, selectDevice: c }) })
+    /* @__PURE__ */ v.jsx(x1, { children: /* @__PURE__ */ v.jsx(
+      OT,
+      {
+        devices: f,
+        onDeviceClick: e ?? a
+      }
+    ) })
   ] });
 }
 function OT(t) {
-  const { devices: e, selectDevice: n } = t, [r, i] = k.useState(null);
+  const { devices: e, onDeviceClick: n } = t, [r, i] = k.useState(null);
   if (e.length === 0)
     return /* @__PURE__ */ v.jsx(C1, { children: H1.noDevicesMessage });
   const o = e.filter((s) => r === null ? !0 : r === "device_issues" ? s.errors.length > 0 : !0);
@@ -24719,6 +24726,8 @@ const H1 = {
   unknownLock: "Unknown Lock",
   noDevicesMessage: "Sorry, no devices were found"
 }, IT = "seam-device-table", CT = {
+  deviceIds: "json",
+  onDeviceClick: "function",
   onBack: "function",
   className: "string"
 }, xT = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({