@arcblock/ux 2.13.70 → 3.0.1

package/lib/DIDConnect/auth-apps/index.js

@@ -1,196 +1,197 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button, CircularProgress, Link, Stack, Typography } from '@mui/material';
-import { useMemoizedFn, useReactive } from 'ahooks';
-import noop from 'lodash/noop';
-import DIDConnectContainer from '../did-connect-container';
-import AuthAppsInfo from './auth-apps-info';
-import Center from '../../Center';
-import LandingPage from '../landing-page';
-import { translate } from '../../Locale/util';
-import { useLocaleContext } from '../../Locale/context';
-import UserCard from '../../UserCard';
-import { CardType, InfoType } from '../../UserCard/types';
-import { mergeSx } from '../../Util/style';
-const translations = {
+import { jsx as n, jsxs as r, Fragment as G } from "react/jsx-runtime";
+import { CircularProgress as x, Box as l, Stack as H, Button as p, Typography as J, Link as K } from "@mui/material";
+import { useReactive as O, useMemoizedFn as t } from "ahooks";
+import o from "lodash/noop";
+import Q from "../did-connect-container.js";
+import S from "./auth-apps-info.js";
+import V from "../../Center/index.js";
+import X from "../landing-page.js";
+import { translate as Y } from "../../Locale/util.js";
+import { useLocaleContext as Z } from "../../Locale/context.js";
+import _ from "../../UserCard/index.js";
+import { InfoType as $, CardType as P } from "../../UserCard/types.js";
+import { mergeSx as z } from "../../Util/style.js";
+const ee = {
   en: {
-    notThis: 'Not this?',
-    useAnother: 'Use another',
-    authorize: 'Authorize',
-    connect: 'Connect',
-    cancel: 'Cancel'
+    notThis: "Not this?",
+    useAnother: "Use another",
+    authorize: "Authorize",
+    connect: "Connect",
+    cancel: "Cancel"
   },
   zh: {
-    notThis: '不是这个？',
-    useAnother: '使用其他',
-    authorize: '授权',
-    connect: 'Connect',
-    cancel: '取消'
+    notThis: "不是这个？",
+    useAnother: "使用其他",
+    authorize: "授权",
+    connect: "Connect",
+    cancel: "取消"
   }
 };
-
-/**
- * @example app/connect-to-did-space?appPid=zNKp8tdZUanWKnvhwZWvF2hKRutwM9ykLaY8&appDid=zNKp8tdZUanWKnvhwZWvF2hKRutwM9ykLaY8&appName=233&appDescription=456&appUrl=https://bbqaw5mgxc6fnihrwqcejcxvukkdgkk4anwxwk5msvm.did.abtnet.io/zh
- */
-export default function AuthApps({
-  session,
-  requestAppInfo,
-  currentAppInfo,
-  children,
-  userInfo,
-  hideSwitchConnect = false,
-  hideAuthorize = false,
-  hideCancel = false,
-  notThisText,
-  authorizeText,
-  connectText,
-  cancelText,
-  useAnotherText,
-  slotProps,
-  onConnect = noop,
-  onAuthorize = noop,
-  onSwitchConnect = noop,
-  onCancel = noop
+function ge({
+  session: a,
+  requestAppInfo: k,
+  currentAppInfo: v,
+  children: T,
+  userInfo: s,
+  hideSwitchConnect: A = !1,
+  hideAuthorize: D = !1,
+  hideCancel: I = !1,
+  notThisText: L,
+  authorizeText: W,
+  connectText: j,
+  cancelText: w,
+  useAnotherText: B,
+  slotProps: e,
+  onConnect: u = o,
+  onAuthorize: h = o,
+  onSwitchConnect: m = o,
+  onCancel: f = o
 }) {
-  const currentState = useReactive({
-    loading: false
+  var C, y, b;
+  const i = O({
+    loading: !1
+  }), { locale: F = "en" } = Z() || {}, d = t((q, E = {}) => Y(ee, q, F, "en", E)), g = t(() => {
+    i.loading = !1;
+  }), M = t(() => {
+    i.loading = !0, u == null || u(g);
+  }), R = t(() => {
+    i.loading = !0, m == null || m(g);
+  }), U = t(() => {
+    i.loading = !0, h == null || h(g);
+  }), N = t(() => {
+    f == null || f();
   });
-  const {
-    locale = 'en'
-  } = useLocaleContext() || {};
-  const t = useMemoizedFn((key, data = {}) => translate(translations, key, locale, 'en', data));
-  const handleCloseLoading = useMemoizedFn(() => {
-    currentState.loading = false;
-  });
-  const handleConnect = useMemoizedFn(() => {
-    currentState.loading = true;
-    onConnect?.(handleCloseLoading);
-  });
-  const handleSwitchConnect = useMemoizedFn(() => {
-    currentState.loading = true;
-    onSwitchConnect?.(handleCloseLoading);
-  });
-  const handleAuthorize = useMemoizedFn(() => {
-    currentState.loading = true;
-    onAuthorize?.(handleCloseLoading);
-  });
-  const handleCancel = useMemoizedFn(() => {
-    onCancel?.();
-  });
-  if (session.loading || !session.initialized) {
-    return /*#__PURE__*/_jsx(Center, {
-      children: /*#__PURE__*/_jsx(CircularProgress, {})
-    });
-  }
-  const user = userInfo ?? session?.user;
-  return /*#__PURE__*/_jsx(LandingPage, {
-    did: window.blocklet?.appPid,
-    standalone: true,
-    children: /*#__PURE__*/_jsx(Box, {
-      ...slotProps?.root,
-      sx: mergeSx({
-        width: 420,
-        maxWidth: '100%'
-      }, slotProps?.root?.sx),
-      children: /*#__PURE__*/_jsx(DIDConnectContainer, {
-        hideCloseButton: true,
-        ...slotProps?.didConnectContainer,
-        children: /*#__PURE__*/_jsxs(Box, {
-          ...slotProps?.contentContainer,
-          sx: mergeSx({
-            display: 'flex',
-            flexDirection: 'column',
-            gap: 1.5,
-            p: {
-              xs: 2,
-              lg: 3,
-              xl: 4
-            },
-            pt: {
-              xs: 3,
-              xl: 4
-            },
-            bgcolor: 'background.paper'
-          }, slotProps?.contentContainer?.sx),
-          children: [/*#__PURE__*/_jsx(AuthAppsInfo, {
-            requestAppInfo: requestAppInfo,
-            currentAppInfo: currentAppInfo
-          }), user ? /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(UserCard, {
-              user: user,
-              showDid: true,
-              cardType: CardType.Detailed,
-              infoType: InfoType.Minimal
-            }), /*#__PURE__*/_jsx(Box, {})]
-          }) : null, children, /*#__PURE__*/_jsx(Box, {
-            sx: {
-              border: '1px solid',
-              borderColor: 'divider',
-              borderRadius: 2,
-              overflow: 'hidden',
-              my: 1
-            }
-          }), /*#__PURE__*/_jsxs(Stack, {
-            direction: "row",
-            spacing: 2,
-            children: [!hideCancel ? /*#__PURE__*/_jsx(Button, {
-              color: "inherit",
-              variant: "outlined",
-              size: "large",
-              fullWidth: true,
-              onClick: handleCancel,
-              sx: {
-                color: 'grey.500'
+  if (a.loading || !a.initialized)
+    return /* @__PURE__ */ n(V, { children: /* @__PURE__ */ n(x, {}) });
+  const c = s ?? (a == null ? void 0 : a.user);
+  return /* @__PURE__ */ n(X, { did: (C = window.blocklet) == null ? void 0 : C.appPid, standalone: !0, children: /* @__PURE__ */ n(
+    l,
+    {
+      ...e == null ? void 0 : e.root,
+      sx: z(
+        {
+          width: 420,
+          maxWidth: "100%"
+        },
+        (y = e == null ? void 0 : e.root) == null ? void 0 : y.sx
+      ),
+      children: /* @__PURE__ */ n(Q, { hideCloseButton: !0, ...e == null ? void 0 : e.didConnectContainer, children: /* @__PURE__ */ r(
+        l,
+        {
+          ...e == null ? void 0 : e.contentContainer,
+          sx: z(
+            {
+              display: "flex",
+              flexDirection: "column",
+              gap: 1.5,
+              p: {
+                xs: 2,
+                lg: 3,
+                xl: 4
+              },
+              pt: {
+                xs: 3,
+                xl: 4
               },
-              children: cancelText || t('cancel')
-            }) : null, user && !hideAuthorize ? /*#__PURE__*/_jsxs(Button, {
-              variant: "contained",
-              size: "large",
-              fullWidth: true,
-              onClick: handleAuthorize,
-              disabled: currentState.loading,
-              children: [currentState.loading ? /*#__PURE__*/_jsx(CircularProgress, {
-                size: 20,
+              bgcolor: "background.paper"
+            },
+            (b = e == null ? void 0 : e.contentContainer) == null ? void 0 : b.sx
+          ),
+          children: [
+            /* @__PURE__ */ n(S, { requestAppInfo: k, currentAppInfo: v }),
+            c ? /* @__PURE__ */ r(G, { children: [
+              /* @__PURE__ */ n(_, { user: c, showDid: !0, cardType: P.Detailed, infoType: $.Minimal }),
+              /* @__PURE__ */ n(l, {})
+            ] }) : null,
+            T,
+            /* @__PURE__ */ n(
+              l,
+              {
                 sx: {
-                  mr: 1
+                  border: "1px solid",
+                  borderColor: "divider",
+                  borderRadius: 2,
+                  overflow: "hidden",
+                  my: 1
                 }
-              }) : null, authorizeText || t('authorize')]
-            }) : /*#__PURE__*/_jsxs(Button, {
-              variant: "contained",
-              size: "large",
-              fullWidth: true,
-              disabled: currentState.loading,
-              onClick: handleConnect,
-              children: [currentState.loading ? /*#__PURE__*/_jsx(CircularProgress, {
-                size: 20,
-                sx: {
-                  mr: 1
+              }
+            ),
+            /* @__PURE__ */ r(H, { direction: "row", spacing: 2, children: [
+              I ? null : /* @__PURE__ */ n(
+                p,
+                {
+                  color: "inherit",
+                  variant: "outlined",
+                  size: "large",
+                  fullWidth: !0,
+                  onClick: N,
+                  sx: {
+                    color: "grey.500"
+                  },
+                  children: w || d("cancel")
                 }
-              }) : null, connectText || t('connect')]
-            })]
-          }), hideSwitchConnect || !user ? null : /*#__PURE__*/_jsx(Box, {
-            sx: {
-              textAlign: 'center'
-            },
-            children: /*#__PURE__*/_jsxs(Typography, {
-              variant: "body2",
-              sx: {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                gap: 1
-              },
-              children: [notThisText || t('notThis'), " ", /*#__PURE__*/_jsx(Link, {
-                underline: "hover",
-                onClick: handleSwitchConnect,
+              ),
+              c && !D ? /* @__PURE__ */ r(
+                p,
+                {
+                  variant: "contained",
+                  size: "large",
+                  fullWidth: !0,
+                  onClick: U,
+                  disabled: i.loading,
+                  children: [
+                    i.loading ? /* @__PURE__ */ n(x, { size: 20, sx: { mr: 1 } }) : null,
+                    W || d("authorize")
+                  ]
+                }
+              ) : /* @__PURE__ */ r(
+                p,
+                {
+                  variant: "contained",
+                  size: "large",
+                  fullWidth: !0,
+                  disabled: i.loading,
+                  onClick: M,
+                  children: [
+                    i.loading ? /* @__PURE__ */ n(x, { size: 20, sx: { mr: 1 } }) : null,
+                    j || d("connect")
+                  ]
+                }
+              )
+            ] }),
+            A || !c ? null : /* @__PURE__ */ n(l, { sx: { textAlign: "center" }, children: /* @__PURE__ */ r(
+              J,
+              {
+                variant: "body2",
                 sx: {
-                  cursor: 'pointer'
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  gap: 1
                 },
-                children: useAnotherText || t('useAnother')
-              })]
-            })
-          })]
-        })
-      })
-    })
-  });
-}
+                children: [
+                  L || d("notThis"),
+                  " ",
+                  /* @__PURE__ */ n(
+                    K,
+                    {
+                      underline: "hover",
+                      onClick: R,
+                      sx: {
+                        cursor: "pointer"
+                      },
+                      children: B || d("useAnother")
+                    }
+                  )
+                ]
+              }
+            ) })
+          ]
+        }
+      ) })
+    }
+  ) });
+}
+export {
+  ge as default
+};