@mx-cartographer/experiences 9.0.2 → 9.1.0-alpha.bb1

package/dist/merchants/index.es.js

@@ -1,77 +1,88 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Rn as y } from "../accounts-DkyAiLpg.mjs";
+import { b as v, h as I, p as M, t as d } from "../Loader-BlVzRtUd.mjs";
 import s from "react";
-import { observer as y } from "mobx-react-lite";
-import { useVirtualizer as I } from "@tanstack/react-virtual";
+import { observer as z } from "mobx-react-lite";
+import p from "@mui/material/Stack";
+import { MerchantLogo as E, Text as G } from "@mxenabled/mxui";
+import T from "@mui/material/Paper";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import l from "@mui/material/Box";
-import M from "@mui/material/Divider";
-import z from "@mui/material/List";
-import E from "@mui/material/ListItem";
-import G from "@mui/material/ListItemAvatar";
-import T from "@mui/material/ListItemButton";
-import k from "@mui/material/ListItemText";
-import A from "@mui/material/Paper";
-import d from "@mui/material/Stack";
-import { MerchantLogo as V, Text as R } from "@mxenabled/mxui";
-import { c as v, u as w, b as C } from "../hooks-BaO_gOI6.mjs";
-import { L as u } from "../Loader-CxeBwuPG.mjs";
-import { S as N } from "../SearchBox-Cpgu_gdO.mjs";
-const B = /^[ a-zA-ZÀ-ÿ0-9]+$/, H = 50, p = 65, P = ({
-  height: f = "calc(100dvh - 120px)",
-  onSelect: g
-}) => {
-  const { isLoading: m, merchants: o, loadMerchants: c } = v(), { common: a } = w(), { isCopyLoaded: L } = C(), [x, S] = s.useState("");
+import k from "@mui/material/Divider";
+import A from "@mui/material/List";
+import R from "@mui/material/ListItem";
+import V from "@mui/material/ListItemButton";
+import w from "@mui/material/ListItemText";
+import C from "@mui/material/ListItemAvatar";
+import { useVirtualizer as N } from "@tanstack/react-virtual";
+var B = /^[ a-zA-ZÀ-ÿ0-9]+$/, H = 50, u = 65, P = ({ height: f = "calc(100dvh - 120px)", onSelect: g }) => {
+  const { isLoading: m, merchants: o, loadMerchants: c } = v(), { common: a } = M(), { isCopyLoaded: L } = I(), [x, b] = s.useState("");
   s.useEffect(() => {
     c().finally();
   }, [c]);
-  const b = (t) => {
-    g(t);
-  }, _ = async (t) => {
-    (!t || B.test(t)) && t.length <= H && (S(t), await c(t));
-  }, h = s.useRef(null), i = I({
+  const S = (r) => {
+    g(r);
+  }, _ = async (r) => {
+    (!r || B.test(r)) && r.length <= H && (b(r), await c(r));
+  }, h = s.useRef(null), i = N({
     count: o.length,
     getScrollElement: () => h.current,
-    estimateSize: () => p,
+    estimateSize: () => u,
     overscan: 5
   });
-  return s.useEffect(() => i.measure(), [o]), L ? /* @__PURE__ */ r(d, { className: "mx-mrt-lookup", children: [
-    /* @__PURE__ */ e(
-      N,
-      {
-        ariaLabel: a.search_aria,
-        cancelAriaLabel: a.cancel_search_aria,
-        onChange: _,
-        placeholder: a.search_placeholder,
-        searchValue: x
-      }
-    ),
-    /* @__PURE__ */ e(A, { sx: { boxShadow: "none" }, children: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ r(l, { height: f, overflow: "auto", ref: h, children: [
-      /* @__PURE__ */ r(l, { height: i.getTotalSize(), position: "relative", children: [
-        m && /* @__PURE__ */ e(u, { label: "Loading...", size: 32 }),
-        !m && i.getVirtualItems().length > 0 && i.getVirtualItems().map((t) => {
-          const n = o[t.index];
-          return /* @__PURE__ */ r(
-            l,
-            {
-              height: p,
+  return s.useEffect(() => i.measure(), [o]), L ? /* @__PURE__ */ t(p, {
+    className: "mx-mrt-lookup",
+    children: [/* @__PURE__ */ e(y, {
+      ariaLabel: a.search_aria,
+      cancelAriaLabel: a.cancel_search_aria,
+      onChange: _,
+      placeholder: a.search_placeholder,
+      searchValue: x
+    }), /* @__PURE__ */ e(T, {
+      sx: { boxShadow: "none" },
+      children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ t(l, {
+        height: f,
+        overflow: "auto",
+        ref: h,
+        children: [/* @__PURE__ */ t(l, {
+          height: i.getTotalSize(),
+          position: "relative",
+          children: [m && /* @__PURE__ */ e(d, {
+            label: "Loading...",
+            size: 32
+          }), !m && i.getVirtualItems().length > 0 && i.getVirtualItems().map((r) => {
+            const n = o[r.index];
+            return /* @__PURE__ */ t(l, {
+              height: u,
               position: "absolute",
-              sx: { transform: `translateY(${t.start}px)` },
+              sx: { transform: `translateY(${r.start}px)` },
               width: "100%",
-              children: [
-                /* @__PURE__ */ e(E, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ r(T, { onClick: () => b(n.guid), children: [
-                  /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(V, { categoryGuid: "", merchantGuid: n.guid }) }),
-                  /* @__PURE__ */ e(k, { primary: n.name })
-                ] }) }),
-                /* @__PURE__ */ e(M, { sx: { ml: 24 } })
-              ]
-            },
-            n.guid
-          );
-        })
-      ] }),
-      !o.length && /* @__PURE__ */ e(d, { alignItems: "center", my: 24, children: /* @__PURE__ */ e(R, { bold: !0, color: "secondary", variant: "body2", children: a.search_zero_state }) })
-    ] }) }) })
-  ] }) : /* @__PURE__ */ e(u, {});
-}, oe = y(P);
+              children: [/* @__PURE__ */ e(R, {
+                disableGutters: !0,
+                disablePadding: !0,
+                children: /* @__PURE__ */ t(V, {
+                  onClick: () => S(n.guid),
+                  children: [/* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(E, {
+                    categoryGuid: "",
+                    merchantGuid: n.guid
+                  }) }), /* @__PURE__ */ e(w, { primary: n.name })]
+                })
+              }), /* @__PURE__ */ e(k, { sx: { ml: 24 } })]
+            }, n.guid);
+          })]
+        }), !o.length && /* @__PURE__ */ e(p, {
+          alignItems: "center",
+          my: 24,
+          children: /* @__PURE__ */ e(G, {
+            bold: !0,
+            color: "secondary",
+            variant: "body2",
+            children: a.search_zero_state
+          })
+        })]
+      }) })
+    })]
+  }) : /* @__PURE__ */ e(d, {});
+}, te = z(P);
 export {
-  oe as MerchantLookup
+  te as MerchantLookup
 };