@seamapi/react 1.44.0 → 1.45.0

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

package/dist/elements.js

@@ -8098,7 +8098,7 @@ const Fm = "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 = Fm, globalThis.document.head.appendChild(n);
   }, [t]);
-}, OO = "1.44.0", xO = "https://react.seam.co", CO = ({
+}, OO = "1.45.0", xO = "https://react.seam.co", CO = ({
   disabled: t = !1,
   unminified: e = !1
 }) => {
@@ -26371,16 +26371,17 @@ function OS(t) {
 const cz = ({
   filterValue: t,
   filters: e,
-  brands: n
+  brands: n,
+  excludedBrands: r
 }) => {
-  var o;
-  const r = {};
-  t.trim() !== "" && (r.text_search = t.trim()), e.supportedOnly && (r.support_level = "live"), e.brand !== null && (r.brand = e.brand);
-  const i = OS(r);
-  return n === null ? i : {
-    ...i,
-    deviceModels: (o = i.deviceModels) == null ? void 0 : o.filter(
-      (s) => n.includes(s.brand)
+  var s;
+  const i = {};
+  t.trim() !== "" && (i.text_search = t.trim()), e.supportedOnly && (i.support_level = "live"), e.brand !== null && (i.brand = e.brand);
+  const o = OS(i);
+  return n === null ? o : {
+    ...o,
+    deviceModels: (s = o.deviceModels) == null ? void 0 : s.filter(
+      ({ brand: l }) => n.includes(l) && !r.includes(l)
     )
   };
 };
@@ -26388,16 +26389,18 @@ function pz({
   resetFilterValue: t,
   filterValue: e,
   filters: n,
-  brands: r
+  brands: r,
+  excludedBrands: i
 }) {
-  const { deviceModels: i, isLoading: o, isError: s, refetch: l } = cz(
+  const { deviceModels: o, isLoading: s, isError: l, refetch: c } = cz(
     {
       filterValue: e,
       filters: n,
-      brands: r
+      brands: r,
+      excludedBrands: i
     }
   );
-  return o ? /* @__PURE__ */ f.jsx("div", { className: "seam-supported-device-table-content-state-block", children: /* @__PURE__ */ f.jsx("p", { children: si.loading }) }) : s ? /* @__PURE__ */ f.jsxs("div", { className: "seam-supported-device-table-content-state-block", children: [
+  return s ? /* @__PURE__ */ f.jsx("div", { className: "seam-supported-device-table-content-state-block", children: /* @__PURE__ */ f.jsx("p", { children: si.loading }) }) : l ? /* @__PURE__ */ f.jsxs("div", { className: "seam-supported-device-table-content-state-block", children: [
     /* @__PURE__ */ f.jsx("p", { children: si.error }),
     /* @__PURE__ */ f.jsx(
       Dt,
@@ -26405,37 +26408,37 @@ function pz({
         variant: "solid",
         size: "small",
         onClick: () => {
-          l();
+          c();
         },
         children: si.retry
       }
     )
-  ] }) : i == null ? null : i.length === 0 ? /* @__PURE__ */ f.jsx("div", { className: "seam-supported-device-table-content", children: /* @__PURE__ */ f.jsx(
+  ] }) : o == null ? null : o.length === 0 ? /* @__PURE__ */ f.jsx("div", { className: "seam-supported-device-table-content", children: /* @__PURE__ */ f.jsx(
     fz,
     {
       filterValue: e,
       resetFilterValue: t
     }
-  ) }) : e.trim() !== "" || n.brand !== null ? /* @__PURE__ */ f.jsx("div", { className: "seam-supported-device-table-content", children: i.map((u, p) => /* @__PURE__ */ f.jsx(
+  ) }) : e.trim() !== "" || n.brand !== null ? /* @__PURE__ */ f.jsx("div", { className: "seam-supported-device-table-content", children: o.map((p, d) => /* @__PURE__ */ f.jsx(
     uz,
     {
-      deviceModel: u
+      deviceModel: p
     },
     [
-      u.main_category,
-      u.brand,
-      u.model_name,
-      u.manufacturer_model_id,
-      p
+      p.main_category,
+      p.brand,
+      p.model_name,
+      p.manufacturer_model_id,
+      d
     ].join(":")
-  )) }) : /* @__PURE__ */ f.jsx(f.Fragment, { children: Object.entries(hz(i)).map(
-    ([u, p]) => /* @__PURE__ */ f.jsx(
+  )) }) : /* @__PURE__ */ f.jsx(f.Fragment, { children: Object.entries(hz(o)).map(
+    ([p, d]) => /* @__PURE__ */ f.jsx(
       sz,
       {
-        brand: u,
-        deviceModels: p
+        brand: p,
+        deviceModels: d
       },
-      u
+      p
     )
   ) });
 }
@@ -26537,52 +26540,53 @@ function bz({
   setFilterValue: e,
   filters: n,
   setFilters: r,
-  brands: i
+  brands: i,
+  excludedBrands: o
 }) {
-  const o = Sz(n), s = Az(i), l = (u) => {
-    r((p) => ({
-      ...p,
-      [u]: null
+  const s = Sz(n), l = Az(i, o), c = (p) => {
+    r((d) => ({
+      ...d,
+      [p]: null
     }));
-  }, c = o > 0 ? `${ea.filters} (${o})` : ea.filter, a = ea.all;
+  }, a = s > 0 ? `${ea.filters} (${s})` : ea.filter, u = ea.all;
   return /* @__PURE__ */ f.jsxs("div", { className: "seam-supported-device-table-filter-area", children: [
     /* @__PURE__ */ f.jsx("div", { className: "seam-deliberate-block" }),
     /* @__PURE__ */ f.jsxs("div", { className: "seam-filters-wrap", children: [
       /* @__PURE__ */ f.jsx(
         vh,
         {
-          renderButton: ({ onOpen: u }) => /* @__PURE__ */ f.jsx(
+          renderButton: ({ onOpen: p }) => /* @__PURE__ */ f.jsx(
             Dt,
             {
               variant: "outline",
               className: "seam-filters-button",
-              onClick: u,
-              children: c
+              onClick: p,
+              children: a
             }
           ),
           children: /* @__PURE__ */ f.jsxs(
             "div",
             {
               className: "seam-supported-device-table-filter-menu",
-              onClick: (u) => {
-                u.stopPropagation();
+              onClick: (p) => {
+                p.stopPropagation();
               },
               children: [
                 /* @__PURE__ */ f.jsx("div", { className: "seam-filter-menu-row", children: /* @__PURE__ */ f.jsx(
                   yz,
                   {
                     label: ea.brand,
-                    allLabel: a,
-                    options: s,
-                    onSelect: (u) => {
-                      r((p) => ({
-                        ...p,
-                        brand: u
+                    allLabel: u,
+                    options: l,
+                    onSelect: (p) => {
+                      r((d) => ({
+                        ...d,
+                        brand: p
                       }));
                     },
-                    buttonLabel: n.brand ?? a,
+                    buttonLabel: n.brand ?? u,
                     onAllOptionSelect: () => {
-                      l("brand");
+                      c("brand");
                     }
                   }
                 ) }),
@@ -26601,10 +26605,10 @@ function bz({
                           type: "checkbox",
                           className: "seam-filter-checkbox",
                           checked: n.supportedOnly,
-                          onChange: (u) => {
-                            r((p) => ({
-                              ...p,
-                              supportedOnly: u.target.checked
+                          onChange: (p) => {
+                            r((d) => ({
+                              ...d,
+                              supportedOnly: p.target.checked
                             }));
                           }
                         }
@@ -26621,8 +26625,8 @@ function bz({
         bh,
         {
           value: t,
-          onChange: (u) => {
-            e(u);
+          onChange: (p) => {
+            e(p);
           },
           className: "seam-supported-device-table-filter-area-search-bar"
         }
@@ -26633,14 +26637,12 @@ function bz({
 const Sz = (t) => {
   let e = 0;
   return t.brand !== null && e++, t.supportedOnly || e++, e;
-}, Az = (t) => {
-  const { deviceModels: e } = OS();
-  if (e == null)
+}, Az = (t, e) => {
+  const { deviceModels: n } = OS();
+  if (n == null)
     return [];
-  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) => vz(r));
+  const r = n.map(({ brand: i }) => i.trim()).filter((i) => i !== "").filter((i) => t === null ? !0 : t.includes(i) && !e.includes(i)).map((i) => vz(i));
+  return Array.from(new Set(r));
 }, ea = {
   all: "All",
   brand: "Brand",
@@ -26652,39 +26654,42 @@ function wz({
   disableFilter: t = !1,
   cannotFilter: e,
   brands: n = null,
-  className: r
+  excludedBrands: r = [],
+  className: i
 } = {}) {
-  const [i, o] = P.useState(""), [s, l] = P.useState({
+  const [o, s] = P.useState(""), [l, c] = P.useState({
     supportedOnly: !0,
     brand: null
-  }), c = e ?? t;
+  }), a = e ?? t;
   return /* @__PURE__ */ f.jsxs(
     "div",
     {
       className: J(
         "seam-supported-device-table-content-wrap",
-        r
+        i
       ),
       children: [
-        !c && /* @__PURE__ */ f.jsx(
+        !a && /* @__PURE__ */ f.jsx(
           bz,
           {
-            filterValue: i,
-            setFilterValue: o,
-            filters: s,
-            setFilters: l,
-            brands: n
+            filterValue: o,
+            setFilterValue: s,
+            filters: l,
+            setFilters: c,
+            brands: n,
+            excludedBrands: r
           }
         ),
         /* @__PURE__ */ f.jsx(
           pz,
           {
             resetFilterValue: () => {
-              o("");
+              s("");
             },
-            filterValue: i,
-            filters: s,
-            brands: n
+            filterValue: o,
+            filters: l,
+            brands: n,
+            excludedBrands: r
           }
         )
       ]
@@ -26695,6 +26700,7 @@ const Ez = "seam-supported-device-table", Oz = {
   cannotFilter: "boolean",
   disableFilter: "boolean",
   brands: "array",
+  excludedBrands: "array",
   className: "string"
 }, xz = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,