@arcblock/did-connect-react 3.5.2 → 4.0.0-beta.1

package/lib/Connect/connect.js

@@ -1,505 +0,0 @@
-import { jsx as t, jsxs as b, Fragment as Ge } from "react/jsx-runtime";
-import { use as Ye, useRef as ae, useState as Ke, useEffect as le } from "react";
-import e from "prop-types";
-import { Box as i, Skeleton as Qe, Divider as Xe } from "@mui/material";
-import { useUpdate as Je, useMemoizedFn as S, useSize as Ze, useCreation as d, useMount as ue, useDebounceFn as $e, usePrevious as et, useUpdateEffect as tt } from "ahooks";
-import w from "lodash/noop";
-import ot from "lodash/isUndefined";
-import rt from "@arcblock/ux/lib/CloseButton";
-import { WALLET_LOGIN_METHOD as nt, LAST_USED_LOGIN_METHOD as st, DID_CONNECT_MEDIUM_WIDTH as F, LOGIN_PROVIDER_NAME as it, DID_CONNECT_SMALL_WIDTH as ct, OAUTH_PROVIDER as j, LOGIN_PROVIDER as at } from "@arcblock/ux/lib/Util/constant";
-import lt from "@arcblock/ux/lib/QRCode";
-import { DIDConnectFooter as ut } from "@arcblock/ux/lib/DIDConnect";
-import { useTheme as dt } from "@arcblock/ux/lib/Theme";
-import ft from "@arcblock/ux/lib/DIDConnect/provider-icon";
-import "@fontsource/lexend/400.css";
-import "@fontsource/lexend/600.css";
-import { SessionContext as mt } from "../Session/context.js";
-import { StateProvider as pt, useStateContext as ht } from "./contexts/state.js";
-import gt from "./components/login-item/connect-provider-list.js";
-import bt from "./components/auto-height.js";
-import xt from "./hooks/token.js";
-import { useOAuth as Ct } from "../OAuth/context.js";
-import St from "./components/connect-status.js";
-import { usePasskey as wt } from "../Passkey/context.js";
-import { CHECK_STATUS_INTERVAL as yt, API_DID_PREFIX as kt, BUSY_STATUS as I, DEFAULT_TIMEOUT as It } from "../constant.js";
-import "../utils.js";
-import _t from "./components/did-connect-title.js";
-import Tt from "./components/download-tips.js";
-import Dt from "./hooks/provider-list.js";
-import Ot from "./hooks/auth-url.js";
-import { getWalletDid as vt } from "../User/use-did.js";
-import Pt from "./fallback-connect.js";
-import { getWebWalletUrl as Rt } from "@arcblock/ux/lib/Util/wallet";
-function de({
-  hideCloseButton: y = !1,
-  mode: h = "dialog",
-  action: _,
-  baseUrl: x = "",
-  checkFn: T,
-  checkInterval: D = yt,
-  checkTimeout: O = It * 1e3,
-  prefix: v = kt,
-  tokenKey: B = "_t_",
-  locale: q = "en",
-  encKey: fe = "_ek_",
-  autoConnect: me = !0,
-  forceConnected: H = !0,
-  saveConnect: pe = !0,
-  useSocket: he = !0,
-  allowWallet: V = !0,
-  provider: ge = "",
-  messages: f = {},
-  passkeyBehavior: G = "none",
-  webWalletUrl: be = Rt(),
-  enabledConnectTypes: xe = ["web", "mobile", ...Object.keys(j)],
-  extraContent: Y = null,
-  disableSwitchApp: P = !1,
-  magicToken: K = void 0,
-  customItems: Ce = [],
-  onClose: R = w,
-  onError: Q = w,
-  onSuccess: A = w,
-  onRecreateSession: Se = w,
-  setColor: we = w
-}) {
-  const W = dt(), X = Je(), ye = Ye(mt), ke = vt(ye?.session?.user), {
-    t: J,
-    staticState: Ie,
-    connectState: n,
-    extraParams: _e,
-    currentAppInfo: Te,
-    currentAppColor: E,
-    // 插件相关
-    selectedPlugin: c,
-    blocklet: Z,
-    masterBlocklet: De,
-    showWalletOptions: m,
-    setShowWalletOptions: Oe,
-    lastLoginMethod: ve
-  } = ht(), Pe = S((...g) => {
-    const u = n.walletMethod || nt.SCAN;
-    return localStorage.setItem(st, u), A(...g);
-  }), { state: o, generate: $, cancelWhenScanned: Re } = xt({
-    action: _,
-    baseUrl: x,
-    checkFn: T,
-    checkInterval: D,
-    checkTimeout: O,
-    extraParams: _e,
-    prefix: v,
-    onError: Q,
-    onSuccess: Pe,
-    locale: q,
-    tokenKey: B,
-    encKey: fe,
-    autoConnect: me,
-    forceConnected: H === !0 ? ke || !0 : H,
-    saveConnect: pe,
-    useSocket: he,
-    provider: ge
-  }), L = ae(!1), ee = ae(null), C = Ze(ee), te = d(() => C ? C.width < F - 50 : !0, [C, C?.width]), [oe, Ae] = Ke(!1);
-  ue(() => {
-    Ae(C?.width < F - 50);
-  });
-  const { oauthState: a, setBaseUrl: We } = Ct(), { passkeyState: l, setTargetAppPid: Ee } = wt();
-  ue(() => {
-    We(x), Ee(Z?.appPid), o.reset(), a.reset(), l.reset();
-  }), le(() => {
-    we(E);
-  }, [E]);
-  const Le = d(() => ({
-    confirm: f.confirm,
-    success: f.success,
-    error: c?.state?.error || o.error || l.error || a.error || ""
-  }), [
-    f.confirm,
-    f.success,
-    o.error,
-    a.error,
-    l.error,
-    c?.state?.error
-  ]), k = d(() => I.includes(l.status) || I.includes(a.status) || I.includes(o.status) || I.includes(c?.state?.computedStatus), [o.status, a.status, l.status, c?.state?.computedStatus]), re = S(() => {
-    n.chooseMethod = "wallet", n.walletMethod = "", Se();
-  }), ne = S(async () => {
-    re(), a.reset(), l.reset(), await $(!1);
-  }), Me = S(() => {
-    n?.retryConnect();
-  }), ze = S(() => {
-    re(), a.reset(), l.reset(), c?.state?.reset(), Ie.current.cancelCount++, Re();
-  }), { run: Ne } = $e(
-    () => {
-      L.current || o.status === "timeout" && (L.current = !0, o.reset(), ne(), L.current = !1);
-    },
-    { leading: !0, trailing: !1 }
-  );
-  le(Ne, [o.status]);
-  const Ue = d(() => it[n.chooseMethod] || "DID Wallet", [n.chooseMethod]), { providerList: Fe, hideQRCode: p, hideChooseList: r, loadingProviderList: je } = Dt({
-    action: o.action,
-    sourceAppPid: n?.sourceAppPid,
-    allowWallet: V,
-    passkeyBehavior: G,
-    mode: h,
-    blocklet: n?.sourceAppPid ? De : Z,
-    isSmallView: te,
-    lastLoginMethod: ve
-  }), Be = et(n?.sourceAppPid);
-  tt(() => {
-    ot(Be) || $();
-  }, [n?.sourceAppPid]);
-  const s = (g) => {
-    const u = W.spacing(g);
-    return parseInt(u, 10);
-  }, qe = d(() => y ? null : /* @__PURE__ */ t(
-    rt,
-    {
-      onClose: R,
-      sx: {
-        position: "absolute",
-        right: 14,
-        top: 14
-      }
-    }
-  ), [y, R]), He = /* @__PURE__ */ t(
-    i,
-    {
-      sx: {
-        flex: 1,
-        display: k ? "flex" : "none",
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      children: /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
-        St,
-        {
-          status: c?.state?.computedStatus || a.status || l.status || o.status,
-          nextWorkflow: o.nextWorkflow,
-          mfaCode: o.mfaCode,
-          onCancel: ze,
-          onRetry: Me,
-          onClose: R,
-          messages: Le,
-          locale: q,
-          className: "did-connect__auth-status auth-status",
-          loadingIcon: n.chooseMethod ? /* @__PURE__ */ t(ft, { provider: n.chooseMethod, sx: { color: "text.primary" } }) : null,
-          chooseMethod: Ue,
-          hideRetry: n.chooseMethod === "email",
-          hideBack: !!K
-        }
-      ) })
-    }
-  ), se = Ot({ disableSwitchApp: P, tokenState: o }), M = d(() => {
-    const g = W.mode === "dark" ? W.palette.grey[600] : "white";
-    let u = r ? 240 - s(3) * 2 : 196 - s(2) * 2, U = r ? 3 : 2;
-    return m && (U = 1, u += s(U) * 2), /* @__PURE__ */ t(
-      i,
-      {
-        className: "did-connect__qrcode",
-        sx: {
-          p: U,
-          width: (r ? 240 : 196) + s(1) * 2,
-          height: (r ? 240 : 196) + s(1) * 2
-        },
-        children: o.url ? /* @__PURE__ */ t(
-          lt,
-          {
-            data: se,
-            size: u,
-            sx: {
-              width: u + s(1) * 2,
-              height: u + s(1) * 2,
-              flex: 1,
-              backgroundColor: g,
-              p: 1,
-              fontSize: 0,
-              textAlign: "center",
-              boxSizing: "border-box",
-              borderRadius: 1,
-              border: "1px solid",
-              borderColor: "divider"
-            },
-            config: {
-              backgroundOptions: {
-                color: g
-              }
-            }
-          }
-        ) : /* @__PURE__ */ t(
-          Qe,
-          {
-            animation: "wave",
-            variant: "rectangular",
-            sx: {
-              position: "absolute",
-              left: s(2) + 1,
-              right: s(2) + 1,
-              top: s(2) + 1,
-              bottom: s(2) + 1,
-              borderRadius: 1,
-              zIndex: 1,
-              width: "auto",
-              height: "auto"
-            }
-          }
-        )
-      }
-    );
-  }, [se, r, m]), Ve = d(() => r ? "column-reverse" : !p && oe ? "column" : "row", [r, oe, p]), ie = d(() => M ? /* @__PURE__ */ t(
-    i,
-    {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        overflowX: "auto",
-        overflowY: "visible",
-        maxWidth: "100%",
-        margin: "auto"
-      },
-      children: /* @__PURE__ */ b(
-        i,
-        {
-          sx: {
-            fontSize: 0,
-            position: "relative",
-            ...m ? {
-              mt: r ? 4 : 2.5,
-              mb: 0
-            } : {
-              mb: r ? 4 : 2.5,
-              mt: 0
-            }
-          },
-          children: [
-            M,
-            /* @__PURE__ */ b(
-              i,
-              {
-                sx: {
-                  position: "absolute",
-                  color: "text.secondary",
-                  fontSize: 12,
-                  zIndex: 1,
-                  whiteSpace: "nowrap",
-                  ...m ? {
-                    top: r ? -8 : -4,
-                    transform: "translateY(-100%)"
-                  } : {
-                    bottom: r ? -8 : -4,
-                    transform: "translateY(100%)"
-                  },
-                  left: 0,
-                  right: 0,
-                  textAlign: "center"
-                },
-                children: [
-                  J("scanWithWallet1"),
-                  " ",
-                  /* @__PURE__ */ t(Tt, {}),
-                  " ",
-                  J("scanWithWallet2")
-                ]
-              }
-            )
-          ]
-        }
-      )
-    }
-  ) : null, [M, r, m]), z = /* @__PURE__ */ b(
-    i,
-    {
-      className: "did-connect__body",
-      sx: {
-        display: "flex",
-        flexDirection: Ve,
-        justifyContent: "center",
-        alignItems: "stretch",
-        flex: 1,
-        gap: !p && te ? 0 : 1.5,
-        overflow: "visible",
-        px: r ? 2 : 0
-      },
-      children: [
-        !k && !p ? /* @__PURE__ */ b(Ge, { children: [
-          ie,
-          r ? null : /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
-            Xe,
-            {
-              orientation: "vertical",
-              sx: {
-                fontSize: 12,
-                color: "text.hint",
-                "&::before, &::after": {
-                  borderColor: "divider"
-                }
-              },
-              children: "or"
-            }
-          ) })
-        ] }) : null,
-        /* @__PURE__ */ b(
-          i,
-          {
-            sx: {
-              display: "flex",
-              flex: 1
-            },
-            children: [
-              He,
-              /* @__PURE__ */ t(
-                gt,
-                {
-                  slotProps: {
-                    root: {
-                      sx: [k ? { display: "none" } : {}]
-                    }
-                  },
-                  allowWallet: V,
-                  size: p && h !== "dialog" ? "normal" : "small",
-                  tokenState: o,
-                  hideQRCode: p,
-                  messages: f,
-                  tokenKey: B,
-                  onSuccess: A,
-                  passkeyBehavior: G,
-                  webWalletUrl: be,
-                  extraContent: Y,
-                  enabledConnectTypes: xe,
-                  onReset: ne,
-                  disableSwitchApp: P,
-                  forceUpdate: X,
-                  magicToken: K,
-                  baseUrl: x,
-                  customItems: Ce,
-                  providerList: Fe,
-                  qrcode: ie
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-  let N = z;
-  c ? N = c.renderPlaceholder({
-    fallback: z,
-    forceUpdate: X,
-    onSuccess: A,
-    onError: Q
-  }) : N = z;
-  const ce = p || k ? ct : F;
-  return je ? /* @__PURE__ */ t(Pt, {}) : /* @__PURE__ */ b(
-    i,
-    {
-      ref: ee,
-      className: "did-connect__root",
-      sx: {
-        backgroundColor: "background.default",
-        display: "flex",
-        flexDirection: "column",
-        height: "100%",
-        position: "relative",
-        maxWidth: "100%",
-        width: (
-          // eslint-disable-next-line no-nested-ternary
-          h === "drawer" ? "100%" : m ? ce - 20 : ce
-        ),
-        transition: "width 0.2s ease-in-out",
-        margin: "auto",
-        p: 3,
-        pb: 0,
-        gap: 2.5
-      },
-      children: [
-        /* @__PURE__ */ t(i, { "data-did-auth-url": o.url, sx: { display: "none" } }),
-        /* @__PURE__ */ t(
-          _t,
-          {
-            title: f.title,
-            description: f.scan,
-            extraContent: Y,
-            disableSwitchApp: P,
-            showWalletOptions: m,
-            onBack: () => Oe(!1)
-          }
-        ),
-        /* @__PURE__ */ t(bt, { initHeight: 72, children: N }),
-        /* @__PURE__ */ t(ut, { currentAppInfo: Te, currentAppColor: E }),
-        qe
-      ]
-    }
-  );
-}
-de.propTypes = {
-  mode: e.oneOf(["dialog", "drawer", "page"]),
-  action: e.string.isRequired,
-  baseUrl: e.string,
-  checkFn: e.func.isRequired,
-  checkInterval: e.number,
-  checkTimeout: e.number,
-  // extraParams: PropTypes.object, // 需要使用 useStateContext 中导出的
-  prefix: e.string,
-  messages: e.object,
-  tokenKey: e.string,
-  locale: e.oneOf(["en", "zh", ""]),
-  encKey: e.string,
-  autoConnect: e.bool,
-  forceConnected: e.oneOfType([e.bool, e.string]),
-  saveConnect: e.bool,
-  useSocket: e.bool,
-  extraContent: e.any,
-  passkeyBehavior: e.oneOf(["none", "both", "only-existing", "only-new"]),
-  enabledConnectTypes: e.arrayOf(e.oneOf(["web", "mobile", ...Object.keys(j)])),
-  webWalletUrl: e.string,
-  allowWallet: e.bool,
-  provider: e.oneOf([at.WALLET, ...Object.keys(j), ""]),
-  hideCloseButton: e.bool,
-  disableSwitchApp: e.bool,
-  onClose: e.func,
-  onError: e.func,
-  onSuccess: e.func,
-  onRecreateSession: e.func,
-  setColor: e.func,
-  magicToken: e.string,
-  customItems: e.arrayOf(e.node)
-};
-function At({ testOnlyBorderColor: y = void 0, ...h }) {
-  const { checkFn: _, extraParams: x = {}, blocklet: T, masterBlocklet: D, action: O, locale: v = "en" } = h;
-  if (typeof _ != "function")
-    throw new Error("Cannot initialize did connect component without a fetchFn");
-  return /* @__PURE__ */ t(
-    pt,
-    {
-      blocklet: T,
-      masterBlocklet: D,
-      action: O,
-      locale: v,
-      extraParams: x,
-      testOnlyBorderColor: y,
-      sx: {
-        position: "relative",
-        width: "100%",
-        height: "100%",
-        lineHeight: 1.2,
-        color: "grey.700",
-        "&, & *, & *:before, & *:after": {
-          fontFamily: "Lexend",
-          // 保持跟 DID Wallet 一致
-          boxSizing: "border-box"
-        }
-      },
-      children: /* @__PURE__ */ t(de, { ...h })
-    }
-  );
-}
-At.propTypes = {
-  checkFn: e.func.isRequired,
-  extraParams: e.object,
-  blocklet: e.object.isRequired,
-  masterBlocklet: e.object,
-  action: e.string.isRequired,
-  locale: e.string,
-  testOnlyBorderColor: e.string
-};
-export {
-  At as default
-};

package/lib/Connect/contexts/state.js

@@ -1,156 +0,0 @@
-import { jsx as O } from "react/jsx-runtime";
-import r from "prop-types";
-import { useState as h, use as W, useRef as D, useEffect as V, createContext as X } from "react";
-import Y from "@arcblock/react-hooks/lib/useBrowser";
-import { useUpdate as Z, useCreation as n, useMemoizedFn as A, useLatest as $, useReactive as ee, useSize as te } from "ahooks";
-import E from "lodash/isUndefined";
-import oe from "lodash/noop";
-import { Box as re } from "@mui/material";
-import { translate as ne } from "@arcblock/ux/lib/Locale/util";
-import { getMaster as T, getCurrentApp as se } from "@arcblock/ux/lib/Util/federated";
-import { getDIDMotifInfo as ie } from "@arcblock/did-motif";
-import { isEthereumDid as ce, getDIDColor as pe } from "@arcblock/ux/lib/Util";
-import { LAST_USED_LOGIN_METHOD as ue } from "@arcblock/ux/lib/Util/constant";
-import ae from "../hooks/use-apps.js";
-import { SessionContext as de } from "../../Session/context.js";
-import le from "../assets/locale.js";
-const x = X({
-  isWalletWebview: !1,
-  isMobile: !1,
-  matchSmallScreen: !1,
-  blocklet: null
-}), { Provider: fe, Consumer: We } = x;
-function me({
-  children: R,
-  blocklet: c,
-  masterBlocklet: P = void 0,
-  action: a,
-  extraParams: t = {},
-  locale: d = "en",
-  testOnlyBorderColor: l = void 0,
-  ...L
-}) {
-  const w = Z(), [f, j] = h([]), [N, U] = h(!1), [m, q] = h(""), z = n(() => new Map(f.map((e) => [e.name, e])), [f]), J = A((e) => z.get(e)), _ = $(m), k = A((e, i = {}) => ne(le, e, d, "en", i)), g = W(de), o = ee({
-    sourceAppPid: void 0,
-    status: "created",
-    autoActiveWebview: !0,
-    deeplink: void 0,
-    chooseMethod: "",
-    walletMethod: "",
-    // 细分的 wallet 登录方式，如 wallet-ext, wallet-web, wallet-scan 等
-    retryConnect: oe
-  }), B = D({
-    cancelCount: 0
-  }), s = Y(), { appInfoList: b, autoGenerateSourceAppPid: S, canSwitchApp: v } = ae({
-    blocklet: c,
-    connectState: o,
-    action: a,
-    sourceAppPid: t?.sourceAppPid,
-    enableSwitchApp: t?.forceSwitch || t?.enableSwitchApp
-  }), G = n(() => {
-    try {
-      return localStorage.getItem(ue);
-    } catch {
-      return "";
-    }
-  }, []), C = D(null), M = te(C), y = n(() => (M?.width || 0) < 500, [M?.width]), p = n(() => {
-    if (v)
-      return {
-        ...t,
-        sourceAppPid: E(o.sourceAppPid) ? S : o.sourceAppPid
-      };
-    const e = T(c)?.appPid, i = T(globalThis.blocklet)?.appPid;
-    return g?.session?.user && (e === i || !e) ? E(t?.sourceAppPid) ? {
-      ...t,
-      sourceAppPid: g.session.user?.sourceAppPid
-    } : t : {
-      ...t,
-      sourceAppPid: S
-    };
-  }, [
-    v,
-    t,
-    o.sourceAppPid,
-    a,
-    S,
-    g?.session?.user
-  ]), F = n(() => {
-    const e = window?.navigator?.userAgent;
-    return e.indexOf("Edge") > -1 || e.indexOf("Edg") > -1 ? "edge" : e.indexOf("Chrome") > -1 ? "chrome" : "unknown";
-  }, []);
-  V(() => {
-    o.sourceAppPid = p.sourceAppPid;
-  }, [p.sourceAppPid]);
-  const H = A((e) => {
-    o.status = e || "created";
-  }), u = globalThis.blocklet ? se(c) : globalThis.env, I = n(() => {
-    if (l)
-      return l;
-    const e = u.appPid, i = ce(e), Q = i ? void 0 : ie(e);
-    return i ? pe(e) : Q.color;
-  }, [u.appId, l]), K = n(() => ({
-    isWalletWebview: s.wallet || s.arcSphere,
-    isMobile: s.mobile.any,
-    matchSmallScreen: y,
-    connectState: o,
-    staticState: B,
-    reactiveState: o,
-    appInfoList: b,
-    extraParams: p,
-    blocklet: c,
-    masterBlocklet: P,
-    browserBrand: F,
-    currentAppInfo: u,
-    currentAppColor: I,
-    t: k,
-    locale: d,
-    action: a,
-    changeStatus: H,
-    getPlugin: J,
-    latestActivePlugin: _,
-    plugins: f,
-    setPlugins: j,
-    selectedPlugin: m,
-    setSelectedPlugin: q,
-    forceUpdate: w,
-    // 控制钱包登录的显示
-    showWalletOptions: N,
-    setShowWalletOptions: U,
-    // 用于记录上一次登录方式
-    lastLoginMethod: G
-  }), [
-    s.wallet,
-    s.arcSphere,
-    s.mobile.any,
-    y,
-    JSON.stringify(o),
-    JSON.stringify(b),
-    JSON.stringify(p),
-    c,
-    P,
-    d,
-    m,
-    w,
-    u,
-    I
-  ]);
-  return /* @__PURE__ */ O(fe, { value: K, children: /* @__PURE__ */ O(re, { ...L, ref: C, children: R }) });
-}
-me.propTypes = {
-  children: r.any.isRequired,
-  blocklet: r.object.isRequired,
-  masterBlocklet: r.object,
-  action: r.string.isRequired,
-  extraParams: r.object,
-  locale: r.string,
-  testOnlyBorderColor: r.string
-};
-function xe() {
-  return W(x);
-}
-export {
-  We as StateConsumer,
-  x as StateContext,
-  me as StateProvider,
-  xe as useStateContext
-};

package/lib/Connect/fallback-connect.js

@@ -1,53 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { DIDConnectFooter as a } from "@arcblock/ux/lib/DIDConnect";
-import { DID_CONNECT_SMALL_WIDTH as l } from "@arcblock/ux/lib/Util/constant";
-import { getCurrentApp as x } from "@arcblock/ux/lib/Util/federated";
-import { Box as o, Skeleton as i } from "@mui/material";
-function f(r) {
-  const n = globalThis.blocklet ? x(globalThis.blocklet) : globalThis.env;
-  return /* @__PURE__ */ t(
-    o,
-    {
-      className: "did-connect__root",
-      sx: {
-        backgroundColor: "background.default",
-        display: "flex",
-        flexDirection: "column",
-        height: "100%",
-        position: "relative",
-        maxWidth: "100%",
-        // eslint-disable-next-line react/prop-types
-        width: r.mode === "drawer" ? "100%" : l - 20,
-        transition: "width 0.2s ease-in-out",
-        margin: "auto",
-        p: 3,
-        pb: 0,
-        gap: 2.5
-      },
-      children: [
-        /* @__PURE__ */ t(o, { sx: { display: "flex", flexDirection: "column", gap: 1.5 }, children: [
-          /* @__PURE__ */ e(i, { variant: "rounded", height: 28, sx: { width: "6rem" } }),
-          /* @__PURE__ */ t(o, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
-            /* @__PURE__ */ e(i, { variant: "rounded", sx: { fontSize: "13px", height: "15px" } }),
-            /* @__PURE__ */ e(i, { variant: "rounded", sx: { fontSize: "13px", height: "15px", width: "3rem" } })
-          ] })
-        ] }),
-        /* @__PURE__ */ t(o, { sx: { display: "flex", flexDirection: "column", gap: 1.5 }, children: [
-          /* @__PURE__ */ e(i, { variant: "rounded", sx: { height: "35px" } }),
-          /* @__PURE__ */ e(i, { variant: "rounded", sx: { height: "35px" } }),
-          /* @__PURE__ */ e(i, { variant: "rounded", sx: { height: "35px" } }),
-          /* @__PURE__ */ t(o, { sx: { display: "flex", gap: 1.5, mt: 1 }, children: [
-            /* @__PURE__ */ e(i, { variant: "rounded", sx: { flex: 1, height: "32px" } }),
-            /* @__PURE__ */ e(i, { variant: "rounded", sx: { flex: 1, height: "32px" } }),
-            /* @__PURE__ */ e(i, { variant: "rounded", sx: { flex: 1, height: "32px" } }),
-            /* @__PURE__ */ e(i, { variant: "rounded", sx: { flex: 1, height: "32px" } })
-          ] })
-        ] }),
-        /* @__PURE__ */ e(a, { currentAppInfo: n })
-      ]
-    }
-  );
-}
-export {
-  f as default
-};