@seamapi/react 2.0.0 → 2.0.2

package/README.md

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

package/dist/elements.js

@@ -8226,7 +8226,7 @@ function Id(t, e, n) {
   }
   return VO(r);
 }
-const bS = "2.0.0";
+const bS = "2.0.2";
 var $n, gr, us, Gn, ds, cs, qt, wc, wS, Qn, on;
 class SS {
   constructor({
@@ -29292,11 +29292,13 @@ function nE({
 function Tz({
   deviceModel: t
 }) {
+  var n;
+  const e = (n = t.aesthetic_variants[0]) == null ? void 0 : n.manufacturer_sku;
   return /* @__PURE__ */ p.jsxs("div", { className: "seam-col seam-model-col", children: [
     /* @__PURE__ */ p.jsx("div", { className: "seam-model-name", children: /* @__PURE__ */ p.jsx("div", { className: "seam-truncated-text", children: t.display_name }) }),
     /* @__PURE__ */ p.jsx("div", { className: "seam-model-id", children: /* @__PURE__ */ p.jsxs("div", { className: "seam-truncated-text", children: [
-      t.device_model_id,
-      /* @__PURE__ */ p.jsx(wi, {}),
+      e,
+      e != null && /* @__PURE__ */ p.jsx(wi, {}),
       t.main_connection_type
     ] }) })
   ] });
@@ -29697,27 +29699,28 @@ function Wz({
   manufacturers: i,
   excludedManufacturers: s
 }) {
+  var d;
   const o = Kz(n), { manufacturers: l } = iE({
     manufacturers: i,
     excludedManufacturers: s
-  }), c = (f) => {
-    r((d) => ({
-      ...d,
-      [f]: null
+  }), c = (h) => {
+    r((m) => ({
+      ...m,
+      [h]: null
     }));
-  }, a = o > 0 ? `${lo.filters} (${o})` : lo.filter, u = lo.all;
+  }, a = o > 0 ? `${lo.filters} (${o})` : lo.filter, u = lo.all, f = ((d = l == null ? void 0 : l.filter((h) => n.supportedOnly ? ["stable", "beta"].includes(h.integration) : !0)) == null ? void 0 : d.map((h) => h.display_name)) ?? [];
   return /* @__PURE__ */ p.jsxs("div", { className: "seam-supported-device-table-filter-area", children: [
     /* @__PURE__ */ p.jsx("div", { className: "seam-deliberate-block" }),
     /* @__PURE__ */ p.jsxs("div", { className: "seam-filters-wrap", children: [
       /* @__PURE__ */ p.jsx(
         Jm,
         {
-          renderButton: ({ onOpen: f }) => /* @__PURE__ */ p.jsx(
+          renderButton: ({ onOpen: h }) => /* @__PURE__ */ p.jsx(
             Rt,
             {
               variant: "outline",
               className: "seam-filters-button",
-              onClick: f,
+              onClick: h,
               children: a
             }
           ),
@@ -29725,8 +29728,8 @@ function Wz({
             "div",
             {
               className: "seam-supported-device-table-filter-menu",
-              onClick: (f) => {
-                f.stopPropagation();
+              onClick: (h) => {
+                h.stopPropagation();
               },
               children: [
                 /* @__PURE__ */ p.jsx("div", { className: "seam-filter-menu-row", children: /* @__PURE__ */ p.jsx(
@@ -29734,13 +29737,11 @@ function Wz({
                   {
                     label: lo.manufacturer,
                     allLabel: u,
-                    options: (l == null ? void 0 : l.map(
-                      (f) => f.display_name
-                    )) ?? [],
-                    onSelect: (f) => {
-                      r((d) => ({
-                        ...d,
-                        manufacturer: f
+                    options: f,
+                    onSelect: (h) => {
+                      r((m) => ({
+                        ...m,
+                        manufacturer: h
                       }));
                     },
                     buttonLabel: n.manufacturer ?? u,
@@ -29764,10 +29765,10 @@ function Wz({
                           type: "checkbox",
                           className: "seam-filter-checkbox",
                           checked: n.supportedOnly,
-                          onChange: (f) => {
-                            r((d) => ({
-                              ...d,
-                              supportedOnly: f.target.checked
+                          onChange: (h) => {
+                            r((m) => ({
+                              ...m,
+                              supportedOnly: h.target.checked
                             }));
                           }
                         }
@@ -29784,8 +29785,8 @@ function Wz({
         Xc,
         {
           value: t,
-          onChange: (f) => {
-            e(f);
+          onChange: (h) => {
+            e(h);
           },
           className: "seam-supported-device-table-filter-area-search-bar"
         }