@seamapi/react 1.14.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.14.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({