@seamapi/react 1.41.0 → 1.41.1

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.41.0/dist/elements.js"
+    src="https://react.seam.co/v/1.41.1/dist/elements.js"
   ></script>
 </body>
 ```

package/dist/elements.js

@@ -8082,7 +8082,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]);
-}, gO = "1.41.0", vO = "https://react.seam.co", bO = ({
+}, gO = "1.41.1", vO = "https://react.seam.co", bO = ({
   disabled: t = !1,
   unminified: e = !1
 }) => {
@@ -26058,16 +26058,16 @@ const WM = ({
   filters: e,
   brands: n
 }) => {
-  var s;
+  var o;
   const r = {};
-  t.trim() !== "" && (r.text_search = t.trim()), e.supportedOnly && (r.support_level = "live"), e.category !== null && (r.main_category = e.category), e.brand !== null && (r.brand = e.brand);
+  t.trim() !== "" && (r.text_search = t.trim()), e.supportedOnly && (r.support_level = "live"), e.brand !== null && (r.brand = e.brand);
   const i = vS(r);
-  if (n.length === 0)
-    return i;
-  const o = (s = i.deviceModels) == null ? void 0 : s.filter(
-    (l) => n.includes(l.brand)
-  );
-  return { ...i, deviceModels: o };
+  return n === null ? i : {
+    ...i,
+    deviceModels: (o = i.deviceModels) == null ? void 0 : o.filter(
+      (s) => n.includes(s.brand)
+    )
+  };
 };
 function ZM({
   resetFilterValue: t,
@@ -26101,7 +26101,7 @@ function ZM({
       filterValue: e,
       resetFilterValue: t
     }
-  ) }) : e.trim() !== "" || n.supportedOnly || n.category !== null || n.brand !== null ? /* @__PURE__ */ h.jsx("div", { className: "seam-supported-device-table-content", children: i.map((u, p) => /* @__PURE__ */ h.jsx(
+  ) }) : e.trim() !== "" || n.brand !== null ? /* @__PURE__ */ h.jsx("div", { className: "seam-supported-device-table-content", children: i.map((u, p) => /* @__PURE__ */ h.jsx(
     GM,
     {
       deviceModel: u
@@ -26187,7 +26187,7 @@ function XM({
   onAllOptionSelect: o,
   buttonLabel: s
 }) {
-  const l = r ? n : ["All", ...n];
+  const l = r ? n : [e, ...n];
   return /* @__PURE__ */ h.jsxs("div", { className: "seam-supported-device-table-filter-menu-wrap", children: [
     /* @__PURE__ */ h.jsx("p", { children: t }),
     /* @__PURE__ */ h.jsx(
@@ -26224,52 +26224,50 @@ function nz({
   setFilters: r,
   brands: i
 }) {
-  const o = Object.values(n).filter(
-    (p) => p != null && p !== !1
-  ).length, s = "brand", l = rz(s, { brands: i }), c = (p) => {
-    r((d) => ({
-      ...d,
-      [p]: null
+  const o = rz(n), s = iz(i), l = (u) => {
+    r((p) => ({
+      ...p,
+      [u]: null
     }));
-  }, a = o > 0 ? `${Xo.filters} (${o})` : Xo.filter, u = Xo.all;
+  }, c = o > 0 ? `${Xo.filters} (${o})` : Xo.filter, a = Xo.all;
   return /* @__PURE__ */ h.jsxs("div", { className: "seam-supported-device-table-filter-area", children: [
     /* @__PURE__ */ h.jsx("div", { className: "seam-deliberate-block" }),
     /* @__PURE__ */ h.jsxs("div", { className: "seam-filters-wrap", children: [
       /* @__PURE__ */ h.jsx(
         hh,
         {
-          renderButton: ({ onOpen: p }) => /* @__PURE__ */ h.jsx(
+          renderButton: ({ onOpen: u }) => /* @__PURE__ */ h.jsx(
             Un,
             {
               variant: "outline",
               className: "seam-filters-button",
-              onClick: p,
-              children: a
+              onClick: u,
+              children: c
             }
           ),
           children: /* @__PURE__ */ h.jsxs(
             "div",
             {
               className: "seam-supported-device-table-filter-menu",
-              onClick: (p) => {
-                p.stopPropagation();
+              onClick: (u) => {
+                u.stopPropagation();
               },
               children: [
                 /* @__PURE__ */ h.jsx("div", { className: "seam-filter-menu-row", children: /* @__PURE__ */ h.jsx(
                   XM,
                   {
                     label: Xo.brand,
-                    allLabel: u,
-                    options: l,
-                    onSelect: (p) => {
-                      r((d) => ({
-                        ...d,
-                        brand: p
+                    allLabel: a,
+                    options: s,
+                    onSelect: (u) => {
+                      r((p) => ({
+                        ...p,
+                        brand: u
                       }));
                     },
-                    buttonLabel: n.brand ?? u,
+                    buttonLabel: n.brand ?? a,
                     onAllOptionSelect: () => {
-                      c(s);
+                      l("brand");
                     }
                   }
                 ) }),
@@ -26288,10 +26286,10 @@ function nz({
                           type: "checkbox",
                           className: "seam-filter-checkbox",
                           checked: n.supportedOnly,
-                          onChange: (p) => {
-                            r((d) => ({
-                              ...d,
-                              supportedOnly: p.target.checked
+                          onChange: (u) => {
+                            r((p) => ({
+                              ...p,
+                              supportedOnly: u.target.checked
                             }));
                           }
                         }
@@ -26308,8 +26306,8 @@ function nz({
         mh,
         {
           value: t,
-          onChange: (p) => {
-            e(p);
+          onChange: (u) => {
+            e(u);
           },
           className: "seam-supported-device-table-filter-area-search-bar"
         }
@@ -26317,16 +26315,17 @@ function nz({
     ] })
   ] });
 }
-const rz = (t, e) => {
-  const { deviceModels: n } = vS();
-  if (n == null)
+const rz = (t) => {
+  let e = 0;
+  return t.brand !== null && e++, t.supportedOnly || e++, e;
+}, iz = (t) => {
+  const { deviceModels: e } = vS();
+  if (e == null)
     return [];
-  const r = /* @__PURE__ */ new Set();
-  for (const i of n) {
-    const o = i[t];
-    t === "brand" && e.brands.length > 0 && !e.brands.includes(o) || r.add(tz(o));
-  }
-  return Array.from(r);
+  const n = /* @__PURE__ */ new Set();
+  for (const r of e)
+    r.brand.trim() !== "" && n.add(r.brand);
+  return Array.from(n).filter((r) => t === null ? !0 : t.includes(r)).map((r) => tz(r));
 }, Xo = {
   all: "All",
   brand: "Brand",
@@ -26334,15 +26333,14 @@ const rz = (t, e) => {
   filter: "Filter",
   filters: "Filters"
 };
-function iz({
+function oz({
   disableFilter: t = !1,
   cannotFilter: e,
-  brands: n = [],
+  brands: n = null,
   className: r
 } = {}) {
   const [i, o] = P.useState(""), [s, l] = P.useState({
-    supportedOnly: !1,
-    category: null,
+    supportedOnly: !0,
     brand: null
   }), c = e ?? t;
   return /* @__PURE__ */ h.jsxs(
@@ -26378,25 +26376,25 @@ function iz({
     }
   );
 }
-const oz = "seam-supported-device-table", az = {
+const az = "seam-supported-device-table", sz = {
   cannotFilter: "boolean",
   disableFilter: "boolean",
   brands: "json",
   className: "string"
-}, sz = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, lz = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Component: iz,
-  name: oz,
-  props: az
-}, Symbol.toStringTag, { value: "Module" })), lz = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  Component: oz,
+  name: az,
+  props: sz
+}, Symbol.toStringTag, { value: "Module" })), uz = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AccessCodeDetails: dM,
   AccessCodeTable: fM,
   ConnectAccountButton: bM,
   DeviceDetails: AM,
   DeviceTable: kM,
-  SupportedDeviceTable: sz
-}, Symbol.toStringTag, { value: "Module" })), Eg = lz, uz = [];
+  SupportedDeviceTable: lz
+}, Symbol.toStringTag, { value: "Module" })), Eg = uz, dz = [];
 for (const t of Object.keys(Eg)) {
   const e = Eg[t];
   if (e == null)
@@ -26406,9 +26404,9 @@ for (const t of Object.keys(Eg)) {
     throw new Error(`Missing element name for ${t}`);
   if (r == null)
     throw new Error(`Missing element Component for ${t}`);
-  uz.push(n), jO({ name: n, Component: r, props: i });
+  dz.push(n), jO({ name: n, Component: r, props: i });
 }
 export {
-  uz as default
+  dz as default
 };
 //# sourceMappingURL=elements.js.map