@seamapi/react 1.9.1 → 1.11.0

package/README.md

@@ -72,7 +72,7 @@ export const App = () => {
   <seam-device-table publishable-key="your_publishable_key"></seam-device-table>
   <script
     type="module"
-    src="https://react.seam.co/v/1.7.0/dist/elements.js"
+    src="https://react.seam.co/v/1.8.0/dist/elements.js"
   ></script>
 </body>
 ```
@@ -102,7 +102,10 @@ or place the following in the `<head>` tag:
 > You must match the version string below with the exact version of this package used by your application.
 
 ```html
-<link rel="stylesheet" href="https://react.seam.co/v/1.7.0/index.min.css" />
+<link
+  rel="stylesheet"
+  href="https://react.seam.co/v/1.8.0/dist/index.min.css"
+/>
 ```
 
 #### Customizing Styles

package/dist/elements.js

@@ -8077,11 +8077,11 @@ 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.9.1", HE = "https://react.seam.co", DE = ({
+}, NE = "1.11.0", HE = "https://react.seam.co", DE = ({
   disabled: t = !1,
   unminified: e = !1
 }) => {
-  const r = `${HE}/v/${NE}/index.${`${e ? "" : "min."}css`}`;
+  const r = `${HE}/v/dist/${NE}/index.${`${e ? "" : "min."}css`}`;
   k.useEffect(() => {
     if (t || globalThis.document == null || globalThis.document.querySelector(`link[href="${r}"]`) != null)
       return;
@@ -24591,50 +24591,53 @@ function yT(t) {
   return { ...i, devices: r };
 }
 function gT({
-  onBack: t,
-  className: e
+  deviceIds: t,
+  onBack: e,
+  className: n
 } = {}) {
-  const { devices: n, isLoading: r, isError: i, error: o } = yT(), [s, l] = k.useState(null), [c, a] = k.useState("");
-  if (s != null)
+  const { devices: r, isLoading: i, isError: o, error: s } = yT({
+    device_ids: t
+  }), [l, c] = k.useState(null), [a, u] = k.useState("");
+  if (l != null)
     return /* @__PURE__ */ v.jsx(
       Wf,
       {
-        className: e,
-        deviceId: s,
+        className: n,
+        deviceId: l,
         onBack: () => {
-          l(null);
+          c(null);
         }
       }
     );
-  if (r)
-    return /* @__PURE__ */ v.jsx("p", { className: e, children: "..." });
   if (i)
-    return /* @__PURE__ */ v.jsx("p", { className: e, children: o == null ? void 0 : o.message });
-  if (n == null)
+    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 null;
-  const u = n.length, p = n.filter((d) => c === "" ? !0 : new RegExp(c, "i").test(d.properties.name));
-  return /* @__PURE__ */ v.jsxs("div", { className: Re("seam-device-table", e), children: [
-    /* @__PURE__ */ v.jsx(nd, { onBack: t }),
+  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 }),
     /* @__PURE__ */ v.jsxs(x1, { children: [
       /* @__PURE__ */ v.jsxs(T1, { children: [
         N1.devices,
         " ",
         /* @__PURE__ */ v.jsxs(j1, { children: [
           "(",
-          u,
+          p,
           ")"
         ] })
       ] }),
       /* @__PURE__ */ v.jsx(
         Qf,
         {
-          value: c,
-          onChange: a,
-          disabled: u === 0
+          value: a,
+          onChange: u,
+          disabled: p === 0
         }
       )
     ] }),
-    /* @__PURE__ */ v.jsx(C1, { children: /* @__PURE__ */ v.jsx(vT, { devices: p, selectDevice: l }) })
+    /* @__PURE__ */ v.jsx(C1, { children: /* @__PURE__ */ v.jsx(vT, { devices: d, selectDevice: c }) })
   ] });
 }
 function vT(t) {
@@ -25033,7 +25036,7 @@ const kT = "seam-supported-device-table", NT = {
   DeviceDetails: oT,
   DeviceTable: AT,
   SupportedDeviceTable: HT
-}, Symbol.toStringTag, { value: "Module" })), Xy = DT;
+}, Symbol.toStringTag, { value: "Module" })), Xy = DT, VT = [];
 for (const t of Object.keys(Xy)) {
   const e = Xy[t];
   if (e == null)
@@ -25043,6 +25046,9 @@ for (const t of Object.keys(Xy)) {
     throw new Error(`Missing element name for ${t}`);
   if (r == null)
     throw new Error(`Missing element Component for ${t}`);
-  QE({ name: n, Component: r, props: i });
+  VT.push(n), QE({ name: n, Component: r, props: i });
 }
+export {
+  VT as default
+};
 //# sourceMappingURL=elements.js.map