@seamapi/react 1.13.0 → 1.15.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.13.0", HE = "https://react.seam.co", DE = ({
+}, NE = "1.15.0", HE = "https://react.seam.co", DE = ({
   disabled: t = !1,
   unminified: e = !1
 }) => {
@@ -23628,60 +23628,76 @@ function P1({
 }
 function R1({
   deviceId: t,
-  onBack: e,
-  className: n
+  onAccessCodeClick: e = () => {
+  },
+  preventDefaultOnAccessCodeClick: n = !1,
+  onBack: r,
+  className: i
 }) {
-  const { accessCodes: r } = S1({
+  const { accessCodes: o } = S1({
     device_id: t
-  }), [i, o] = k.useState(
-    null
-  ), [s, l] = k.useState("");
-  if (i != null)
+  }), [s, l] = k.useState(null), [c, a] = k.useState(""), u = k.useCallback(
+    (f) => {
+      e(f), !n && l(f);
+    },
+    [
+      e,
+      n,
+      l
+    ]
+  );
+  if (s != null)
     return /* @__PURE__ */ v.jsx(
       N1,
       {
-        className: n,
-        accessCodeId: i.access_code_id,
+        className: i,
+        accessCodeId: s,
         onBack: () => {
-          o(null);
+          l(null);
         }
       }
     );
-  if (r == null)
+  if (o == null)
     return null;
-  const c = r.filter((u) => s === "" ? !0 : new RegExp(s, "i").test(u.name ?? "")), a = r.length;
-  return /* @__PURE__ */ v.jsxs("div", { className: Re("seam-access-code-table", n), children: [
-    /* @__PURE__ */ v.jsx(nd, { onBack: e }),
+  const p = o.filter((f) => c === "" ? !0 : new RegExp(c, "i").test(f.name ?? "")), d = o.length;
+  return /* @__PURE__ */ v.jsxs("div", { className: Re("seam-access-code-table", i), children: [
+    /* @__PURE__ */ v.jsx(nd, { onBack: r }),
     /* @__PURE__ */ v.jsxs(M1, { children: [
       /* @__PURE__ */ v.jsxs(j1, { children: [
         fa.accessCodes,
         " ",
         /* @__PURE__ */ v.jsxs(z1, { children: [
           "(",
-          a,
+          d,
           ")"
         ] })
       ] }),
       /* @__PURE__ */ v.jsx(
         Qf,
         {
-          value: s,
-          onChange: l,
-          disabled: a === 0
+          value: c,
+          onChange: a,
+          disabled: d === 0
         }
       )
     ] }),
-    /* @__PURE__ */ v.jsx(x1, { children: /* @__PURE__ */ v.jsx(zM, { accessCodes: c, selectAccessCode: o }) })
+    /* @__PURE__ */ v.jsx(x1, { children: /* @__PURE__ */ v.jsx(
+      zM,
+      {
+        accessCodes: p,
+        onAccessCodeClick: u
+      }
+    ) })
   ] });
 }
 function zM(t) {
-  const { accessCodes: e, selectAccessCode: n } = t;
+  const { accessCodes: e, onAccessCodeClick: n } = t;
   return e.length === 0 ? /* @__PURE__ */ v.jsx(C1, { children: fa.noAccessCodesMessage }) : /* @__PURE__ */ v.jsx(v.Fragment, { children: e.map((r) => /* @__PURE__ */ v.jsx(
     PM,
     {
       accessCode: r,
       onClick: () => {
-        n(r);
+        n(r.access_code_id);
       }
     },
     r.access_code_id
@@ -24317,6 +24333,8 @@ const On = {
   props: JM
 }, Symbol.toStringTag, { value: "Module" })), eT = "seam-access-code-table", tT = {
   deviceId: "string",
+  onAccessCodeClick: "function",
+  preventDefaultOnAccessCodeClick: "boolean",
   onBack: "function",
   className: "string"
 }, nT = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -24640,59 +24658,60 @@ function wT(t) {
 }
 function ET({
   deviceIds: t,
-  onDeviceClick: e,
-  onBack: n,
-  className: r
+  onDeviceClick: e = () => {
+  },
+  preventDefaultOnDeviceClick: n = !1,
+  onBack: r,
+  className: i
 } = {}) {
-  const { devices: i, isLoading: o, isError: s, error: l } = wT({
+  const { devices: o, isLoading: s, isError: l, error: c } = wT({
     device_ids: t
-  }), [c, a] = k.useState(null), [u, p] = k.useState("");
-  if (c != null)
+  }), [a, u] = k.useState(null), [p, d] = k.useState(""), f = k.useCallback(
+    (b) => {
+      e(b), !n && u(b);
+    },
+    [e, n, u]
+  );
+  if (a != null)
     return /* @__PURE__ */ v.jsx(
       Wf,
       {
-        className: r,
-        deviceId: c,
+        className: i,
+        deviceId: a,
         onBack: () => {
-          a(null);
+          u(null);
         }
       }
     );
-  if (o)
-    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 /* @__PURE__ */ v.jsx("p", { className: i, children: "..." });
+  if (l)
+    return /* @__PURE__ */ v.jsx("p", { className: i, children: c == null ? void 0 : c.message });
+  if (o == null)
     return null;
-  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 }),
+  const h = o.length, g = o.filter((b) => p === "" ? !0 : new RegExp(p, "i").test(b.properties.name));
+  return /* @__PURE__ */ v.jsxs("div", { className: Re("seam-device-table", i), children: [
+    /* @__PURE__ */ v.jsx(nd, { onBack: r }),
     /* @__PURE__ */ v.jsxs(M1, { children: [
       /* @__PURE__ */ v.jsxs(j1, { children: [
         H1.devices,
         " ",
         /* @__PURE__ */ v.jsxs(z1, { children: [
           "(",
-          d,
+          h,
           ")"
         ] })
       ] }),
       /* @__PURE__ */ v.jsx(
         Qf,
         {
-          value: u,
-          onChange: p,
-          disabled: d === 0
+          value: p,
+          onChange: d,
+          disabled: h === 0
         }
       )
     ] }),
-    /* @__PURE__ */ v.jsx(x1, { children: /* @__PURE__ */ v.jsx(
-      OT,
-      {
-        devices: f,
-        onDeviceClick: e ?? a
-      }
-    ) })
+    /* @__PURE__ */ v.jsx(x1, { children: /* @__PURE__ */ v.jsx(OT, { devices: g, onDeviceClick: f }) })
   ] });
 }
 function OT(t) {
@@ -24728,6 +24747,7 @@ const H1 = {
 }, IT = "seam-device-table", CT = {
   deviceIds: "json",
   onDeviceClick: "function",
+  preventDefaultOnDeviceClick: "boolean",
   onBack: "function",
   className: "string"
 }, xT = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({