@blocklet/ui-react 3.0.6 → 3.0.8

package/lib/@types/index.d.ts

@@ -1,3 +1,204 @@
-declare var o: any;
-declare var r: any;
-export { o as DurationEnum, r as StatusEnum };
+import { Axios } from 'axios';
+import { UserPublicInfo } from '@blocklet/js-sdk';
+import { OAUTH_PROVIDER } from '@arcblock/ux/lib/Util/constant';
+import { CloseConnect, OpenConnect } from '@arcblock/did-connect/lib/types';
+export type SessionContext = {
+    session: Session;
+    api: Axios;
+    connectApi: {
+        open: OpenConnect;
+        close: CloseConnect;
+    };
+};
+export type OAuthAccount = {
+    provider: keyof typeof OAUTH_PROVIDER;
+    id: string;
+    did: string;
+    pk: string;
+    lastLoginAt: string;
+    firstLoginAt: string;
+    order?: number;
+    userInfo?: {
+        email: string;
+        emailVerified: boolean;
+        name: string;
+        picture: string;
+        sub: string;
+        extraData: Object;
+    };
+};
+export type WalletAccount = {
+    provider: 'wallet';
+    did: string;
+    pk: string;
+    lastLoginAt: string;
+    firstLoginAt: string;
+};
+export type NFTAccount = {
+    provider: 'nft';
+    did: string;
+    pk: string;
+    owner: string;
+    lastLoginAt: string;
+    firstLoginAt: string;
+};
+export type ConnectedAccount = OAuthAccount | WalletAccount | NFTAccount;
+export type UserMetadataLink = {
+    url: string;
+    favicon?: string;
+};
+export declare enum DurationEnum {
+    NoClear = "no_clear",
+    ThirtyMinutes = "30_minutes",
+    OneHour = "1_hour",
+    FourHours = "4_hours",
+    Today = "today",
+    ThisWeek = "this_week",
+    Custom = "custom"
+}
+export declare enum StatusEnum {
+    Meeting = "meeting",
+    Community = "community",
+    Holiday = "holiday",
+    OffSick = "off_sick",
+    WorkingRemotely = "working_remotely"
+}
+export type UserPhoneProps = {
+    country: string;
+    phoneNumber?: string;
+};
+export type UserMetadata = {
+    bio?: string;
+    location?: string;
+    timezone?: string;
+    joinedAt?: string;
+    status?: {
+        value: string;
+        duration?: DurationEnum;
+        dateRange?: Date[];
+    };
+    links?: UserMetadataLink[];
+    cover?: string;
+    email?: string;
+    phone?: UserPhoneProps;
+};
+export type UserAddress = {
+    country?: string;
+    province?: string;
+    city?: string;
+    line1?: string;
+    line2?: string;
+    postalCode?: string;
+};
+export type User = UserPublicInfo & {
+    role: string;
+    email?: string;
+    phone?: string;
+    sourceProvider?: string;
+    sourceAppPid?: string;
+    lastLoginAt?: string;
+    lastLoginIp?: string;
+    createdAt?: string;
+    passports?: any[];
+    didSpace?: Record<string, any>;
+    connectedAccounts?: any[];
+    locale?: string;
+    url: string;
+    inviter?: string;
+    emailVerified?: boolean;
+    phoneVerified?: boolean;
+    metadata?: UserMetadata;
+    address?: UserAddress;
+};
+export type UserCenterTab = {
+    value: string;
+    label: string;
+    url: string;
+    protected: boolean;
+    icon?: string;
+    isPrivate?: boolean;
+};
+export type Session = {
+    loading: boolean;
+    initialized: boolean;
+    user?: User;
+    login: any;
+    logout: any;
+    switch: any;
+    switchDid: any;
+    refreshProfile: () => Promise<void>;
+    switchProfile: any;
+    switchPassport: any;
+    refresh: Function;
+    useOAuth: Function;
+    usePasskey: Function;
+};
+export type WebhookType = 'slack' | 'api';
+export type WebhookItemData = {
+    type: WebhookType;
+    url: string;
+};
+export type WebhookItemProps = {
+    onTest: (params: WebhookItemData) => void;
+    onSave: (params: WebhookItemData) => void;
+    onDelete?: (params: WebhookItemData) => void;
+    onCancel?: () => void;
+    edit: boolean;
+    type?: WebhookType;
+    url?: string;
+};
+export type CreatePassportProps = {
+    issuer: string;
+    title: string;
+    issuerDid: string;
+    issuerAvatarUrl: string;
+    ownerDid: string;
+    ownerName?: string;
+    ownerAvatarUrl: string;
+    preferredColor?: string;
+    revoked?: boolean;
+    isDataUrl?: boolean;
+    width?: string;
+    height?: string;
+    scope?: string;
+    role?: string;
+    display?: {
+        type: string;
+        content: string;
+    };
+};
+export type BlockletMetaProps = {
+    appLogo?: React.ReactNode;
+    appName?: string;
+    theme?: {
+        background?: string;
+    };
+    enableConnect?: boolean;
+    enableLocale?: boolean;
+    navigation?: Array<{
+        title?: string | object;
+        link?: string | object;
+        icon?: string;
+        items?: Array<{
+            title?: string | object;
+            link?: string | object;
+        }>;
+    }>;
+};
+export type SessionManagerProps = {
+    showText?: boolean;
+    showRole?: boolean;
+    switchDid?: boolean;
+    switchProfile?: boolean;
+    switchPassport?: boolean;
+    disableLogout?: boolean;
+    onLogin?: () => void;
+    onLogout?: () => void;
+    onSwitchDid?: () => void;
+    onSwitchProfile?: () => void;
+    onSwitchPassport?: () => void;
+    menu?: any[];
+    menuRender?: () => void;
+    dark?: boolean;
+    size?: number;
+};

package/lib/BlockletStudio/index.d.ts

@@ -1,26 +1,27 @@
-export { G as default };
-declare function G({ open: a, setOpen: s, onOpened: t, componentDid: i, tenantScope: o, resourcesParams: h, mode: w, title: E, logo: R, description: L, introduction: y, note: D, componentsTitle: S, resourcesTitle: b, onUploaded: j, onReleased: x, onConnected: B, components: P, resources: U, style: _, zIndex: k, dependentComponentsMode: C, ...F }: {
-    [x: string]: any;
-    open: any;
-    setOpen: any;
-    onOpened: any;
-    componentDid: any;
-    tenantScope: any;
-    resourcesParams?: {} | undefined;
-    mode?: string | undefined;
-    title: any;
-    logo: any;
-    description: any;
-    introduction: any;
-    note: any;
-    componentsTitle: any;
-    resourcesTitle: any;
-    onUploaded: any;
-    onReleased: any;
-    onConnected: any;
-    components?: any[] | undefined;
-    resources?: {} | undefined;
-    style?: {} | undefined;
-    zIndex?: number | undefined;
-    dependentComponentsMode: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | null;
+interface BlockletStudioProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    onOpened?: () => void;
+    componentDid: string;
+    tenantScope?: string;
+    resourcesParams?: Record<string, any>;
+    mode?: string;
+    title?: string;
+    logo?: string;
+    description?: string;
+    introduction?: string;
+    note?: string;
+    onUploaded?: (data: unknown) => void;
+    onReleased?: (data: unknown) => void;
+    onConnected?: (data: unknown) => void;
+    components?: Record<string, unknown>[];
+    resources?: Record<string, unknown>;
+    componentsTitle?: string;
+    resourcesTitle?: string;
+    style?: React.CSSProperties;
+    zIndex?: number;
+    dependentComponentsMode?: 'auto' | 'readonly';
+    [key: string]: any;
+}
+declare function BlockletStudio({ open, setOpen, onOpened, componentDid, tenantScope, resourcesParams, mode, title, logo, description, introduction, note, componentsTitle, resourcesTitle, onUploaded, onReleased, onConnected, components, resources, style, zIndex, dependentComponentsMode, ...rest }: BlockletStudioProps): import("react/jsx-runtime").JSX.Element | null;
+export default BlockletStudio;

package/lib/BlockletStudio/index.js

@@ -1,81 +1,81 @@
-import { jsx as T } from "react/jsx-runtime";
-import { BLOCKLET_SERVICE_PATH_PREFIX as V } from "@arcblock/ux/lib/Util/constant";
-import { useState as A, useRef as p, useEffect as H } from "react";
-import { joinURL as J } from "ufo";
-function K(a, s) {
-  const t = new URL(a);
-  return Object.keys(s).forEach((i) => {
-    const o = s[i];
-    o !== void 0 && t.searchParams.set(i, typeof o == "string" ? o : JSON.stringify(o));
-  }), t.pathname + t.search;
+import { jsx as I } from "react/jsx-runtime";
+import { BLOCKLET_SERVICE_PATH_PREFIX as T } from "@arcblock/ux/lib/Util/constant";
+import { useState as V, useRef as p, useEffect as A } from "react";
+import { joinURL as H } from "ufo";
+function J(d, s) {
+  const i = new URL(d);
+  return Object.keys(s).forEach((e) => {
+    const r = s[e];
+    r !== void 0 && i.searchParams.set(e, typeof r == "string" ? r : JSON.stringify(r));
+  }), i.pathname + i.search;
 }
-function G({
-  open: a,
+function z({
+  open: d,
   setOpen: s,
-  onOpened: t,
-  componentDid: i,
-  tenantScope: o,
+  onOpened: i = void 0,
+  componentDid: e,
+  tenantScope: r = void 0,
   resourcesParams: h = {},
   mode: w = "dialog",
-  title: E,
-  logo: R,
-  description: L,
-  introduction: y,
-  note: D,
-  componentsTitle: S,
-  resourcesTitle: b,
-  onUploaded: j,
-  onReleased: x,
-  onConnected: B,
-  components: P = [],
-  resources: U = {},
-  style: _ = {},
-  zIndex: k = 9999,
-  dependentComponentsMode: C,
-  ...F
+  title: E = void 0,
+  logo: v = void 0,
+  description: R = void 0,
+  introduction: L = void 0,
+  note: y = void 0,
+  componentsTitle: D = void 0,
+  resourcesTitle: S = void 0,
+  onUploaded: b = void 0,
+  onReleased: j = void 0,
+  onConnected: x = void 0,
+  components: B = [],
+  resources: P = {},
+  style: U = {},
+  zIndex: _ = 9999,
+  dependentComponentsMode: k = void 0,
+  ...C
 }) {
-  const [n, c] = A(!1), u = p("");
-  u.current = i;
-  const e = p({});
-  if (e.current["resourceDialog.close"] = () => {
-    c(!1), s(!1);
-  }, e.current["resourceDialog.loaded"] = () => {
-    c(!0), t == null || t();
-  }, e.current["studioDialog.uploaded"] = j, e.current["studioDialog.connected"] = B, e.current["studioDialog.released"] = x, H(() => {
-    const l = (r) => {
+  const [a, n] = V(!1), c = p("");
+  c.current = e;
+  const t = p({});
+  if (t.current["resourceDialog.close"] = () => {
+    n(!1), s(!1);
+  }, t.current["resourceDialog.loaded"] = () => {
+    n(!0), i == null || i();
+  }, t.current["studioDialog.uploaded"] = b, t.current["studioDialog.connected"] = x, t.current["studioDialog.released"] = j, A(() => {
+    const u = (o) => {
       var f, m, g;
-      if (((f = r == null ? void 0 : r.data) == null ? void 0 : f.componentDid) !== u.current)
+      if (((f = o == null ? void 0 : o.data) == null ? void 0 : f.componentDid) !== c.current)
         return;
-      const d = e.current[(m = r == null ? void 0 : r.data) == null ? void 0 : m.event];
-      typeof d == "function" && d((g = r == null ? void 0 : r.data) == null ? void 0 : g.data);
+      const l = t.current[(m = o == null ? void 0 : o.data) == null ? void 0 : m.event];
+      typeof l == "function" && l((g = o == null ? void 0 : o.data) == null ? void 0 : g.data);
     };
-    return window.addEventListener("message", l), () => {
-      window.removeEventListener("message", l);
+    return window.addEventListener("message", u), () => {
+      window.removeEventListener("message", u);
     };
-  }, []), !a)
+  }, []), !d)
     return null;
-  const I = K(
-    J(window.location.origin, V, "/embed/resources", i, "/publish"),
+  const F = J(
+    H(window.location.origin, T, "/embed/resources", e, "/publish"),
     {
       title: E,
-      logo: R,
-      description: L,
-      introduction: y,
-      note: D,
-      tenantScope: o,
+      logo: v,
+      description: R,
+      introduction: L,
+      note: y,
+      tenantScope: r,
       mode: w,
       resourcesParams: h,
-      resources: U,
-      components: P,
-      resourcesTitle: b,
-      componentsTitle: S,
-      dependentComponentsMode: C
+      resources: P,
+      components: B,
+      resourcesTitle: S,
+      componentsTitle: D,
+      dependentComponentsMode: k
     }
   );
-  return /* @__PURE__ */ T(
+  return /* @__PURE__ */ I(
     "iframe",
     {
-      src: I,
+      src: F,
       title: "Blocklet Studio",
       style: {
         position: "fixed",
@@ -83,18 +83,18 @@ function G({
         left: 0,
         width: "100vw",
         height: "100vh",
-        zIndex: k,
+        zIndex: _,
         border: 0,
         padding: 0,
         margin: 0,
-        pointerEvents: n ? "auto" : "none",
-        opacity: n ? 1 : 0,
-        ..._
+        pointerEvents: a ? "auto" : "none",
+        opacity: a ? 1 : 0,
+        ...U
       },
-      ...F
+      ...C
     }
   );
 }
 export {
-  G as default
+  z as default
 };

package/lib/ComponentInstaller/index.d.ts

@@ -1,18 +1,18 @@
-import { default as t } from 'prop-types';
-export { G as default };
-declare function G(l: any): any;
-declare namespace G {
+import { default as PropTypes } from 'prop-types';
+declare function WrapComponentInstaller(props: any): any;
+declare namespace WrapComponentInstaller {
     namespace propTypes {
-        let children: t.Validator<any>;
-        let disabled: t.Requireable<boolean>;
-        let warnIcon: t.Requireable<t.ReactNodeLike>;
-        let did: t.Validator<NonNullable<NonNullable<string | (string | null | undefined)[] | null | undefined>>>;
-        let noPermissionMute: t.Requireable<boolean>;
-        let onInstalled: t.Requireable<(...args: any[]) => any>;
-        let onError: t.Requireable<(...args: any[]) => any>;
-        let closeByOutSize: t.Requireable<boolean>;
-        let onClose: t.Requireable<(...args: any[]) => any>;
-        let fallback: t.Requireable<t.ReactNodeLike>;
-        let roles: t.Requireable<any[]>;
+        let children: PropTypes.Validator<any>;
+        let disabled: PropTypes.Requireable<boolean>;
+        let warnIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let did: PropTypes.Validator<NonNullable<NonNullable<string | (string | null | undefined)[] | null | undefined>>>;
+        let noPermissionMute: PropTypes.Requireable<boolean>;
+        let onInstalled: PropTypes.Requireable<(...args: any[]) => any>;
+        let onError: PropTypes.Requireable<(...args: any[]) => any>;
+        let closeByOutSize: PropTypes.Requireable<boolean>;
+        let onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        let fallback: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let roles: PropTypes.Requireable<any[]>;
     }
 }
+export default WrapComponentInstaller;

package/lib/ComponentInstaller/installer-item.d.ts

@@ -1,18 +1,18 @@
-import { default as s } from 'prop-types';
-export { I as default };
-declare function I({ optionalComponent: e, index: h, installStatus: l, hasPermission: f, t: c }: {
+import { default as PropTypes } from 'prop-types';
+declare function InstallerItem({ optionalComponent, index, installStatus, hasPermission, t }: {
     optionalComponent: any;
     index: any;
     installStatus?: string | undefined;
     hasPermission: any;
     t: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
-declare namespace I {
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace InstallerItem {
     namespace propTypes {
-        let t: s.Validator<(...args: any[]) => any>;
-        let optionalComponent: s.Validator<object>;
-        let index: s.Validator<number>;
-        let installStatus: s.Requireable<string>;
-        let hasPermission: s.Validator<boolean>;
+        let t: PropTypes.Validator<(...args: any[]) => any>;
+        let optionalComponent: PropTypes.Validator<object>;
+        let index: PropTypes.Validator<number>;
+        let installStatus: PropTypes.Requireable<string>;
+        let hasPermission: PropTypes.Validator<boolean>;
     }
 }
+export default InstallerItem;

package/lib/ComponentInstaller/locales.d.ts

@@ -1,5 +1,5 @@
-export { e as default };
-declare namespace e {
+export default translations;
+declare namespace translations {
     namespace zh {
         let componentInstallerTitle: string;
         let componentInstallerInstall: string;

package/lib/ComponentInstaller/use-component-installed.d.ts

@@ -1,5 +1,5 @@
-export { B as default };
-declare function B({ did: e, onInstalled: f, onError: p }: {
+export default useComponentInstalled;
+declare function useComponentInstalled({ did, onInstalled, onError }: {
     did: any;
     onInstalled: any;
     onError: any;

package/lib/ComponentManager/components/add-component.d.ts

@@ -1,13 +1,16 @@
-export { $ as default };
-declare function $({ componentDid: a, resourceType: w, resourceDid: p, grantedRoles: L, autoClose: R, selectedMeta: D, storeUrl: E, onComplete: n, onClose: t, render: m }: {
-    componentDid: any;
-    resourceType: any;
-    resourceDid: any;
-    grantedRoles?: string[] | undefined;
-    autoClose?: boolean | undefined;
-    selectedMeta: any;
-    storeUrl: any;
-    onComplete: any;
-    onClose: any;
-    render: any;
-}): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+import { ReactElement } from 'react';
+export default function AddComponent({ componentDid, resourceType, resourceDid, grantedRoles, autoClose, selectedMeta, storeUrl, onComplete, onClose, render, }: {
+    componentDid: string;
+    resourceType?: string;
+    resourceDid?: string;
+    autoClose?: boolean;
+    selectedMeta?: any;
+    storeUrl?: string;
+    grantedRoles?: string[];
+    onComplete: () => void;
+    onClose: () => void;
+    render?: ({ onClick, loading }: {
+        onClick: () => void;
+        loading: boolean;
+    }) => ReactElement<any>;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/ComponentManager/components/add-component.js

@@ -1,31 +1,31 @@
-import { jsxs as B, Fragment as C, jsx as g } from "react/jsx-runtime";
-import { use as F, useRef as I, useEffect as S } from "react";
-import j from "@arcblock/ux/lib/Button";
-import { useLocaleContext as P } from "@arcblock/ux/lib/Locale/context";
-import { BLOCKLET_SERVICE_PATH_PREFIX as T } from "@arcblock/ux/lib/Util/constant";
-import { useMemoizedFn as r, useReactive as U } from "ahooks";
-import { translate as _ } from "@arcblock/ux/lib/Locale/util";
-import { withQuery as A, joinURL as M } from "ufo";
-import { SessionContext as O } from "@arcblock/did-connect/lib/Session";
+import { jsxs as y, Fragment as B, jsx as g } from "react/jsx-runtime";
+import { use as C, useRef as F, useEffect as I } from "react";
+import S from "@arcblock/ux/lib/Button";
+import { useLocaleContext as j } from "@arcblock/ux/lib/Locale/context";
+import { BLOCKLET_SERVICE_PATH_PREFIX as P } from "@arcblock/ux/lib/Util/constant";
+import { useMemoizedFn as r, useReactive as T } from "ahooks";
+import { translate as U } from "@arcblock/ux/lib/Locale/util";
+import { withQuery as _, joinURL as A } from "ufo";
+import { SessionContext as M } from "@arcblock/did-connect/lib/Session";
 import h from "@arcblock/ux/lib/Toast";
-import z from "./resource-dialog.js";
-import { translations as H } from "../libs/locales.js";
+import O from "./resource-dialog.js";
+import { translations as z } from "../libs/locales.js";
 function $({
   componentDid: a,
-  resourceType: w,
-  resourceDid: p,
+  resourceType: w = void 0,
+  resourceDid: p = void 0,
   grantedRoles: L = ["admin", "owner"],
   autoClose: R = !0,
-  selectedMeta: D,
-  storeUrl: E,
+  selectedMeta: D = void 0,
+  storeUrl: E = void 0,
   onComplete: n,
   onClose: t,
-  render: m
+  render: d = void 0
 }) {
-  const { session: d } = F(O), { locale: x } = P(), i = r((o, s = {}) => _(H, o, x, "en", s)), l = I(null), e = U({
+  const { session: m } = C(M), { locale: x } = j(), i = r((o, s = {}) => U(z, o, x, "en", s)), l = F(null), e = T({
     loading: !1,
     showDialog: !1
-  }), b = A(M(T, "embed/resources", a, "add"), {
+  }), b = _(A(P, "embed/resources", a, "add"), {
     resourceDid: p,
     resourceType: w,
     mode: "dialog",
@@ -33,33 +33,33 @@ function $({
     showResourcesSwitch: "false",
     enableRunBackground: "false",
     showCategory: "false"
-  }), k = r(() => {
+  }), v = r(() => {
     e.showDialog = !1, t == null || t();
   }), c = r(() => {
     e.showDialog = !1, n == null || n();
   }), f = r(() => {
     var o;
-    if (!d.user) {
+    if (!m.user) {
       h.warning(i("needLogin"));
       return;
     }
-    if (!L.includes((o = d.user) == null ? void 0 : o.role)) {
+    if (!L.includes((o = m.user) == null ? void 0 : o.role)) {
       h.warning(i("noPermission"));
       return;
     }
     e.loading = !0, e.showDialog = !0;
-  }), y = r(() => {
+  }), k = r(() => {
     var o;
     e.loading = !1, l.current && ((o = l.current) == null || o.selectBlocklet(D));
   }), u = r((o) => {
     var s;
     ((s = o == null ? void 0 : o.data) == null ? void 0 : s.event) === "component.installed" && o.data.componentDid === a && (R || o.data.manual) && c();
   });
-  return S(() => {
+  return I(() => {
     e.showDialog ? window.addEventListener("message", u) : window.removeEventListener("message", u);
-  }, [e.showDialog]), /* @__PURE__ */ B(C, { children: [
-    m ? m({ onClick: f, loading: e.loading }) : /* @__PURE__ */ g(
-      j,
+  }, [e.showDialog]), /* @__PURE__ */ y(B, { children: [
+    d ? d({ onClick: f, loading: e.loading }) : /* @__PURE__ */ g(
+      S,
       {
         variant: "outlined",
         color: "secondary",
@@ -73,7 +73,7 @@ function $({
       "button"
     ),
     e.showDialog && /* @__PURE__ */ g(
-      z,
+      O,
       {
         ref: l,
         src: b,
@@ -81,9 +81,9 @@ function $({
         open: !0,
         componentDid: a,
         loading: e.loading,
-        onClose: k,
+        onClose: v,
         onComplete: c,
-        onLoad: y
+        onLoad: k
       }
     )
   ] });

package/lib/ComponentManager/components/check-component.d.ts

@@ -1,2 +1,2 @@
-import { default as r } from '../../ComponentInstaller/index.js';
-export { r as default };
+import { default as CheckComponent } from '../../ComponentInstaller';
+export default CheckComponent;