@arcblock/ux 2.13.13 → 2.13.14

package/lib/Dialog/confirm.js

@@ -15,6 +15,7 @@ import Dialog from './dialog';
  *   children?: React.ReactNode,
  *   showCancelButton?: true | false,
  *   showCloseButton?: true | false,
+ *   showConfirmButton?: true | false,
  *   fullScreen?: false | true,
  *   confirmButton?: {text: React.ReactNode, props?: ButtonProps}
  *   cancelButton?: {text: React.ReactNode, props?: ButtonProps}
@@ -35,6 +36,7 @@ export default function Confirm({
   onCancel,
   showCloseButton,
   showCancelButton,
+  showConfirmButton,
   fullScreen,
   confirmButton,
   cancelButton,
@@ -74,7 +76,7 @@ export default function Confirm({
         }
       }
     },
-    actions: /*#__PURE__*/_jsxs(_Fragment, {
+    actions: showCancelButton || showConfirmButton ? /*#__PURE__*/_jsxs(_Fragment, {
       children: [showCancelButton && /*#__PURE__*/_jsx(Button, {
         onClick: e => {
           e.stopPropagation();
@@ -83,7 +85,7 @@ export default function Confirm({
         color: "primary",
         ...cancelButton.props,
         children: cancelButton.text
-      }), /*#__PURE__*/_jsx(Button, {
+      }), showConfirmButton && /*#__PURE__*/_jsx(Button, {
         onClick: e => {
           e.stopPropagation();
           onConfirm(e);
@@ -93,7 +95,7 @@ export default function Confirm({
         ...confirmButton.props,
         children: confirmButton.text
       })]
-    }),
+    }) : null,
     children: children
   });
 }
@@ -104,6 +106,7 @@ Confirm.propTypes = {
   onCancel: PropTypes.func.isRequired,
   children: PropTypes.node,
   showCancelButton: PropTypes.bool,
+  showConfirmButton: PropTypes.bool,
   showCloseButton: PropTypes.bool,
   fullScreen: PropTypes.bool,
   // 可以传入 {text: ..., props: ...}
@@ -119,6 +122,7 @@ Confirm.propTypes = {
 };
 Confirm.defaultProps = {
   showCancelButton: true,
+  showConfirmButton: true,
   showCloseButton: true,
   fullScreen: false,
   confirmButton: {

package/lib/Dialog/use-confirm.js

@@ -18,6 +18,7 @@ const ConfirmHolder = /*#__PURE__*/forwardRef((props, ref) => {
     loading: false,
     showCancelButton: true,
     showCloseButton: true,
+    showConfirmButton: true,
     confirmButtonText: 'Confirm',
     confirmButtonProps: {},
     cancelButtonText: 'Cancel',
@@ -42,6 +43,7 @@ const ConfirmHolder = /*#__PURE__*/forwardRef((props, ref) => {
     state.onCancel = params.onCancel || noop;
     state.showCloseButton = params.showCloseButton ?? true;
     state.showCancelButton = params.showCancelButton ?? true;
+    state.showConfirmButton = params.showConfirmButton ?? true;
     if (params.confirmButtonText) state.confirmButtonText = params.confirmButtonText;
     if (params.confirmButtonProps) state.confirmButtonProps = params.confirmButtonProps;
     if (params.cancelButtonText) state.cancelButtonText = params.cancelButtonText;
@@ -60,6 +62,9 @@ const ConfirmHolder = /*#__PURE__*/forwardRef((props, ref) => {
     state.confirmButtonProps = {};
     state.cancelButtonText = 'Cancel';
     state.cancelButtonProps = {};
+    state.showConfirmButton = true;
+    state.showCancelButton = true;
+    state.showCloseButton = true;
   });
   const close = useMemoizedFn(() => {
     state.show = false;
@@ -125,6 +130,7 @@ const ConfirmHolder = /*#__PURE__*/forwardRef((props, ref) => {
     },
     showCloseButton: state.showCloseButton,
     showCancelButton: state.showCancelButton,
+    showConfirmButton: state.showConfirmButton,
     cancelButton: {
       text: state.cancelButtonText,
       props: {

package/lib/Locale/util.d.ts

@@ -1,4 +1,4 @@
 import type { Locale, Translations } from '../type';
-export declare const replace: (template: string, data: Record<string, any>) => string;
-export declare const translate: (translations: Translations, key: string, locale: Locale, fallbackLocale?: string, data?: {}) => string;
-export declare const t: (translations: Translations, key: string, locale: Locale, fallbackLocale?: string, data?: {}) => string;
+export declare const replace: (template: string | Function, data: Record<string, any>) => any;
+export declare const translate: (translations: Translations, key: string, locale: Locale, fallbackLocale?: string, data?: {}) => any;
+export declare const t: (translations: Translations, key: string, locale: Locale, fallbackLocale?: string, data?: {}) => any;

package/lib/Locale/util.js

@@ -1,6 +1,11 @@
 import get from 'lodash/get';
 /* eslint-disable no-prototype-builtins */
-export const replace = (template, data) => template.replace(/{(\w*)}/g, (m, key) => data.hasOwnProperty(key) ? data[key] : '');
+export const replace = (template, data) => {
+  if (typeof template === 'function') {
+    return template(data);
+  }
+  return template.replace(/{(\w*)}/g, (m, key) => data.hasOwnProperty(key) ? data[key] : '');
+};
 export const translate = (translations, key, locale, fallbackLocale = 'en', data = {}) => {
   const translation = translations[locale];
   const translationValue = get(translation, key);

package/lib/LoginButton/index.d.ts

@@ -0,0 +1,12 @@
+import { Locale } from '../type';
+type LoginButtonProps = {
+    onClick: (options?: {
+        openMode?: 'popup' | 'window';
+    }) => void;
+    render: (options: {
+        onClick: () => void;
+    }) => React.ReactNode;
+    locale?: Locale;
+};
+export default function LoginButton({ onClick, render, locale }: LoginButtonProps): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export {};

package/lib/LoginButton/index.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { joinURL } from 'ufo';
+import { useRef, useState } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import { useBrowser } from '@arcblock/react-hooks';
+import SharedBridge from '../SharedBridge';
+import { setVisitorId } from '../Util';
+import { getFederatedEnabled, getMaster } from '../Util/federated';
+import { callIframe } from '../Util/iframe';
+export default function LoginButton({
+  onClick,
+  render,
+  locale
+}) {
+  const blocklet = window?.blocklet;
+  const federatedEnabled = getFederatedEnabled(blocklet);
+  const masterSite = getMaster(blocklet);
+  const sharedBridgeRef = useRef(null);
+  const [hasStorageAccess, setHasStorageAccess] = useState(false);
+  const browser = useBrowser();
+  const handleClick = useMemoizedFn(() => {
+    if (hasStorageAccess) {
+      onClick({
+        openMode: 'popup'
+      });
+    } else {
+      onClick();
+    }
+  });
+  const handleLoad = useMemoizedFn(async () => {
+    const {
+      value: visitorId
+    } = await callIframe(sharedBridgeRef.current, 'getVisitorId');
+    if (visitorId) {
+      setHasStorageAccess(true);
+      setVisitorId(visitorId);
+    }
+  });
+  const handleClickBridge = useMemoizedFn(({
+    value,
+    visitorId
+  }) => {
+    if (visitorId) {
+      setVisitorId(visitorId);
+    }
+    if (value) {
+      onClick({
+        openMode: 'popup'
+      });
+    } else {
+      onClick();
+    }
+  });
+  if (browser.arcSphere || browser.wallet) {
+    return render({
+      onClick
+    });
+  }
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      position: 'relative'
+    },
+    children: [render({
+      onClick: handleClick
+    }), masterSite?.appUrl && federatedEnabled ? /*#__PURE__*/_jsx(SharedBridge, {
+      locale: locale,
+      iframeRef: sharedBridgeRef,
+      onLoad: handleLoad,
+      onClick: handleClickBridge,
+      src: joinURL(masterSite.appUrl, '/.well-known/service/share/shared-bridge.html')
+    }) : null]
+  });
+}

package/lib/SessionUser/components/un-login.js

@@ -14,6 +14,7 @@ import { translations } from '../libs/translation';
 import Typography from '../../Typography';
 import QuickLoginItem from './quick-login-item';
 import { getFederatedEnabled, getMaster } from '../../Util/federated';
+import LoginButton from '../../LoginButton';
 export default function UnLogin({
   session,
   onLogin = noop,
@@ -40,16 +41,20 @@ export default function UnLogin({
   const onTogglePopper = useMemoizedFn((value = !currentState.open) => {
     currentState.open = value;
   });
-  const _onLogin = useMemoizedFn(() => {
+  const _onLogin = useMemoizedFn(({
+    openMode
+  } = {}) => {
     if (isFirstLoading) {
       return;
     }
-    session.login(onLogin);
+    session.login(onLogin, {
+      openMode
+    });
   });
   const blocklet = window?.blocklet;
   const federatedEnabled = getFederatedEnabled(blocklet);
-  const master = getMaster(blocklet);
-  const loginApp = federatedEnabled && master ? master : blocklet;
+  const masterSite = getMaster(blocklet);
+  const loginApp = federatedEnabled && masterSite ? masterSite : blocklet;
   const loginAppName = loginApp?.appName || 'DID Connect';
   const loginAppLogo = joinURL(loginApp?.appUrl || '/', loginApp?.appLogo || '/.well-known/service/blocklet/logo?imageFilter=convert&f=png&h=80');
   useEffect(() => {
@@ -83,36 +88,42 @@ export default function UnLogin({
     }
   });
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Box, {
-      children: /*#__PURE__*/_jsx(IconButton, {
-        ref: userAnchorRef,
-        onClick: _onLogin,
-        "data-cy": "sessionManager-login",
-        className: "arc-session-user-unlogin",
-        size: "medium",
-        "aria-label": "Login button",
-        children: isFirstLoading ? /*#__PURE__*/_jsx(Box, {
-          width: size,
-          height: size,
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center",
-          children: /*#__PURE__*/_jsx(CircularProgress, {
+    children: [/*#__PURE__*/_jsx(LoginButton, {
+      locale: locale,
+      onClick: _onLogin,
+      render: ({
+        onClick
+      }) => {
+        return /*#__PURE__*/_jsx(IconButton, {
+          ref: userAnchorRef,
+          "data-cy": "sessionManager-login",
+          className: "arc-session-user-unlogin",
+          size: "medium",
+          onClick: onClick,
+          "aria-label": "Login button",
+          children: isFirstLoading ? /*#__PURE__*/_jsx(Box, {
+            width: size,
+            height: size,
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            children: /*#__PURE__*/_jsx(CircularProgress, {
+              style: {
+                width: size - 4,
+                height: size - 4,
+                color: dark ? '#fff' : ''
+              }
+            })
+          }) : /*#__PURE__*/_jsx(Icon, {
+            icon: UserIcon,
+            fontSize: size,
+            color: dark ? '#fff' : 'inherit',
             style: {
-              width: size - 4,
-              height: size - 4,
-              color: dark ? '#fff' : ''
+              transform: 'scale(1.25)'
             }
           })
-        }) : /*#__PURE__*/_jsx(Icon, {
-          icon: UserIcon,
-          fontSize: size,
-          color: dark ? '#fff' : 'inherit',
-          style: {
-            transform: 'scale(1.25)'
-          }
-        })
-      })
+        });
+      }
     }), /*#__PURE__*/_jsx(Popper, {
       open: currentState.open,
       anchorEl: userAnchorRef.current,

package/lib/SharedBridge/index.d.ts

@@ -0,0 +1,16 @@
+import type { SxProps } from '@mui/material';
+import React from 'react';
+import { Locale } from '../type';
+declare const SharedBridge: React.NamedExoticComponent<{
+    src: string;
+    onClick: (data: {
+        action: string;
+        value: boolean;
+        visitorId?: string;
+    }) => void;
+    onLoad: () => void;
+    sx?: SxProps;
+    iframeRef?: React.RefObject<HTMLIFrameElement>;
+    locale?: Locale;
+}>;
+export default SharedBridge;

package/lib/SharedBridge/index.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import React, { memo, useEffect, useId, useRef } from 'react';
+import { withQuery } from 'ufo';
+import { useMemoizedFn, useReactive } from 'ahooks';
+import { mergeSx } from '../Util/style';
+import { callIframe, getCallbackAction } from '../Util/iframe';
+import NeedStorageAccessApiDialog from './need-storage-access-api-dialog';
+import { withContainer, withUxTheme } from '../DIDConnect';
+const SharedBridge = /*#__PURE__*/memo(function SharedBridge({
+  src,
+  onClick,
+  onLoad,
+  sx,
+  iframeRef,
+  locale = 'en',
+  ...rest
+}) {
+  const _iframeRef = useRef(null);
+  const refId = useId();
+  const dataId = `shared-bridge_${refId}`;
+  const currentState = useReactive({
+    open: false,
+    hasStorageAccess: false,
+    get origin() {
+      try {
+        return new URL(src).origin;
+      } catch (error) {
+        return src;
+      }
+    },
+    get host() {
+      try {
+        return new URL(src).host;
+      } catch (error) {
+        return src;
+      }
+    }
+  });
+  const targetIframeRef = iframeRef ?? _iframeRef;
+  useEffect(() => {
+    async function handleMessage(event) {
+      const {
+        data
+      } = event;
+      if (data.action === getCallbackAction(dataId, 'requestStorageAccess')) {
+        currentState.open = false;
+        if (!data.value) {
+          onClick(data);
+          return;
+        }
+        const {
+          value: visitorId
+        } = await callIframe(targetIframeRef.current, 'getVisitorId');
+        onClick({
+          ...data,
+          visitorId
+        });
+      } else if (data.action === getCallbackAction(dataId, 'preRequestStorageAccess')) {
+        currentState.open = true;
+      }
+    }
+    window.addEventListener('message', handleMessage);
+    return () => {
+      window.removeEventListener('message', handleMessage);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [onClick, dataId, targetIframeRef?.current]);
+  const DialogComponent = withUxTheme(withContainer(NeedStorageAccessApiDialog));
+  const handleLoad = useMemoizedFn(() => {
+    callIframe(targetIframeRef.current, 'hasStorageAccess').then(({
+      value
+    }) => {
+      currentState.hasStorageAccess = value;
+    });
+    onLoad();
+  });
+  return currentState.hasStorageAccess ? null : /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(DialogComponent, {
+      popup: true,
+      locale: locale,
+      blocklet: window.blocklet,
+      open: currentState.open,
+      origin: currentState.origin,
+      host: currentState.host,
+      onClose: () => {}
+    }), /*#__PURE__*/_jsx(Box, {
+      ...rest,
+      component: "iframe",
+      ref: targetIframeRef,
+      onLoad: handleLoad,
+      title: "shared-bridge",
+      "data-id": dataId,
+      src: withQuery(src, {
+        id: dataId
+      }),
+      sx: mergeSx({
+        border: 0,
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: '100%',
+        height: '100%',
+        cursor: 'pointer'
+      }, sx)
+    })]
+  });
+});
+export default SharedBridge;

package/lib/SharedBridge/need-storage-access-api-dialog.d.ts

@@ -0,0 +1,7 @@
+import { Locale } from '../type';
+export default function NeedStorageAccessApiDialog({ locale, origin, host, setColor, }: {
+    locale?: Locale;
+    origin: string;
+    host: string;
+    setColor: (color: string) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/SharedBridge/need-storage-access-api-dialog.js

@@ -0,0 +1,212 @@
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Typography, Chip, List, ListItem } from '@mui/material';
+import { Icon } from '@iconify/react';
+import externalLinkIcon from '@iconify-icons/tabler/external-link';
+import lockOutlineIcon from '@iconify-icons/material-symbols/lock-outline';
+import checkCircleIcon from '@iconify-icons/material-symbols/check-circle';
+import rocketLaunchRoundedIcon from '@iconify-icons/material-symbols/rocket-launch-rounded';
+import { useCreation, useMemoizedFn } from 'ahooks';
+import { useEffect } from 'react';
+import { getDIDMotifInfo } from '@arcblock/did-motif';
+import { translate } from '../Locale/util';
+import { getDIDColor, isEthereumDid } from '../Util';
+import { DIDConnectFooter } from '../DIDConnect';
+const translations = {
+  en: {
+    allow: 'Allow',
+    dataUsage: 'Your data is only used for identity authentication, and will not be collected or used for any other purpose.',
+    title: 'Cross-site authorization request',
+    clickAllow: ({
+      allowButton
+    }) => {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: ["You only need to click the ", allowButton, " button above, and you will not see this request again."]
+      });
+    },
+    reason: ({
+      site
+    }) => {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: ["For a better login experience, we need to apply for the storage permission of the ", site, " site."]
+      });
+    },
+    afterAllow: {
+      title: 'After authorization, you will enjoy:',
+      list1: 'More convenient login experience',
+      list2: 'Faster access speed'
+    }
+  },
+  zh: {
+    allow: '允许',
+    dataUsage: '您的数据仅用于身份认证，不会被收集或用于其他用途。',
+    title: '跨站授权请求',
+    clickAllow: ({
+      allowButton
+    }) => {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: ["\u60A8\u53EA\u9700\u8981\u70B9\u51FB\u5C4F\u5E55\u4E0A\u65B9\u7684 ", allowButton, " \u6309\u94AE\uFF0C\u540E\u7EED\u5C06\u4E0D\u4F1A\u518D\u770B\u5230\u8FD9\u4E2A\u8BF7\u6C42\u3002"]
+      });
+    },
+    reason: ({
+      site
+    }) => {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: ["\u4E3A\u4E86\u8BA9\u60A8\u83B7\u5F97\u66F4\u597D\u7684\u767B\u5F55\u4F53\u9A8C\uFF0C\u6211\u4EEC\u9700\u8981\u7533\u8BF7 ", site, " \u7AD9\u70B9\u5B58\u50A8\u6743\u9650\u3002"]
+      });
+    },
+    afterAllow: {
+      title: '授权后，您将享受：',
+      list1: '更便捷的登录体验',
+      list2: '更快的访问速度'
+    }
+  }
+};
+export default function NeedStorageAccessApiDialog({
+  locale = 'en',
+  origin,
+  host,
+  setColor
+}) {
+  const t = useMemoizedFn((key, data = {}) => {
+    return translate(translations, key, locale, 'en', data);
+  });
+  const currentAppColor = useCreation(() => {
+    const did = window.blocklet.appPid;
+    const isEthDid = isEthereumDid(did);
+    const didMotifInfo = isEthDid ? undefined : getDIDMotifInfo(did);
+    if (isEthDid) {
+      return getDIDColor(did);
+    }
+    return didMotifInfo.color;
+  }, []);
+  useEffect(() => {
+    setColor(currentAppColor);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currentAppColor]);
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      backgroundColor: 'background.default',
+      display: 'flex',
+      flexDirection: 'column',
+      height: '100%',
+      position: 'relative',
+      maxWidth: '100%',
+      transition: 'width 0.2s ease-in-out',
+      margin: 'auto',
+      p: 3,
+      pb: 0,
+      gap: 2
+    },
+    children: [/*#__PURE__*/_jsxs(Typography, {
+      component: "h1",
+      variant: "h4",
+      sx: {
+        fontWeight: 700,
+        fontFamily: 'Lexend',
+        display: 'flex',
+        alignItems: 'center',
+        gap: 1
+      },
+      children: [/*#__PURE__*/_jsx(Box, {
+        component: Icon,
+        icon: lockOutlineIcon,
+        fontSize: 28,
+        sx: {
+          color: 'warning.main'
+        }
+      }), t('title')]
+    }), /*#__PURE__*/_jsxs(Box, {
+      sx: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 1
+      },
+      children: [/*#__PURE__*/_jsx(Typography, {
+        children: t('reason', {
+          site: /*#__PURE__*/_jsx(Chip, {
+            clickable: true,
+            component: "a",
+            href: origin,
+            label: host,
+            size: "small",
+            deleteIcon: /*#__PURE__*/_jsx(Icon, {
+              icon: externalLinkIcon
+            }),
+            onDelete: () => {},
+            target: "_blank"
+          })
+        })
+      }), /*#__PURE__*/_jsx(Typography, {
+        children: t('clickAllow', {
+          allowButton: /*#__PURE__*/_jsx(Chip, {
+            label: t('allow'),
+            size: "small",
+            color: "success"
+          })
+        })
+      }), /*#__PURE__*/_jsxs(Box, {
+        sx: {
+          mt: 2
+        },
+        children: [/*#__PURE__*/_jsxs(Typography, {
+          sx: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 1,
+            mb: 0.5
+          },
+          children: [/*#__PURE__*/_jsx(Box, {
+            component: Icon,
+            icon: checkCircleIcon,
+            fontSize: 24,
+            sx: {
+              color: 'success.main'
+            }
+          }), t('afterAllow.title')]
+        }), /*#__PURE__*/_jsxs(List, {
+          dense: true,
+          sx: {
+            py: 0,
+            pl: 2
+          },
+          children: [/*#__PURE__*/_jsxs(ListItem, {
+            sx: {
+              display: 'flex',
+              alignItems: 'center',
+              gap: 0.8
+            },
+            children: [/*#__PURE__*/_jsx(Box, {
+              component: Icon,
+              icon: rocketLaunchRoundedIcon,
+              fontSize: 20,
+              sx: {
+                color: 'success.main'
+              }
+            }), t('afterAllow.list1')]
+          }), /*#__PURE__*/_jsxs(ListItem, {
+            sx: {
+              display: 'flex',
+              alignItems: 'center',
+              gap: 0.8
+            },
+            children: [/*#__PURE__*/_jsx(Box, {
+              component: Icon,
+              icon: rocketLaunchRoundedIcon,
+              fontSize: 20,
+              sx: {
+                color: 'success.main'
+              }
+            }), t('afterAllow.list2')]
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(Typography, {
+        component: "div",
+        variant: "body2",
+        color: "grey.700",
+        children: t('dataUsage')
+      })]
+    }), /*#__PURE__*/_jsx(DIDConnectFooter, {
+      currentAppColor: currentAppColor
+    })]
+  });
+}

package/lib/Theme/index.d.ts

@@ -1,5 +1,5 @@
-import { CreateMUIStyled, Theme } from '@mui/material';
-import { useTheme } from '@mui/material/styles';
+import type { CreateMUIStyled, Theme } from '@mui/material';
+import { useTheme } from '@mui/material';
 export * from './theme';
 export { default as ThemeProvider } from './theme-provider';
 export { useTheme };

package/lib/Theme/index.js

@@ -1,4 +1,4 @@
-import { styled as muiStyled, useTheme } from '@mui/material/styles';
+import { styled as muiStyled, useTheme } from '@mui/material';
 export * from './theme';
 export { default as ThemeProvider } from './theme-provider';
 export { useTheme };

package/lib/Util/iframe.d.ts

@@ -0,0 +1,5 @@
+export declare function getCallbackAction(id: string, action: string): string;
+export declare function callIframe(iframe: HTMLIFrameElement, action: string): Promise<{
+    value: any;
+    action: string;
+}>;