@blocklet/ui-react 2.9.91 → 2.10.0

package/lib/UserCenter/components/webhook-item.js

@@ -1,60 +1,60 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-module.exports = WebhookItem;
-var _jsxRuntime = require("react/jsx-runtime");
-var _material = require("@mui/material");
-var _ahooks = require("ahooks");
-var _noop = _interopRequireDefault(require("lodash/noop"));
-var _isUrl = _interopRequireDefault(require("is-url"));
-var _Colors = require("@arcblock/ux/lib/Colors");
-var _react = require("@iconify/react");
-var _closeRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/close-rounded"));
-var _check = _interopRequireDefault(require("@iconify-icons/material-symbols/check"));
-var _sendRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/send-rounded"));
-var _editSquareOutlineRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/edit-square-outline-rounded"));
-var _deleteOutlineRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/delete-outline-rounded"));
-var _util = require("@arcblock/ux/lib/Locale/util");
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _locales = require("../libs/locales");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function WebhookItem({
-  onTest = _noop.default,
-  onDelete = _noop.default,
-  onSave = _noop.default,
-  onCancel = _noop.default,
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  Box,
+  CircularProgress,
+  IconButton,
+  InputAdornment,
+  MenuItem,
+  Select,
+  TextField,
+  Typography
+} from "@mui/material";
+import { useCreation, useMemoizedFn, useReactive } from "ahooks";
+import noop from "lodash/noop";
+import isUrl from "is-url";
+import { temp as colors } from "@arcblock/ux/lib/Colors";
+import { Icon } from "@iconify/react";
+import CloseRoundedIcon from "@iconify-icons/material-symbols/close-rounded";
+import CheckIcon from "@iconify-icons/material-symbols/check";
+import SendRoundedIcon from "@iconify-icons/material-symbols/send-rounded";
+import EditSquareOutlineRoundedIcon from "@iconify-icons/material-symbols/edit-square-outline-rounded";
+import DeleteOutlineRoundedIcon from "@iconify-icons/material-symbols/delete-outline-rounded";
+import { translate } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
+import { translations } from "../libs/locales.js";
+export default function WebhookItem({
+  onTest = noop,
+  onDelete = noop,
+  onSave = noop,
+  onCancel = noop,
   type = "slack",
   url = "",
   edit = false
 }) {
-  const {
-    locale
-  } = (0, _context.useLocaleContext)();
-  const t = (0, _ahooks.useMemoizedFn)((key, data = {}) => {
-    return (0, _util.translate)(_locales.translations, key, locale, "en", data);
+  const { locale } = useLocaleContext();
+  const t = useMemoizedFn((key, data = {}) => {
+    return translate(translations, key, locale, "en", data);
   });
-  const currentState = (0, _ahooks.useReactive)({
+  const currentState = useReactive({
     type: type || "slack",
     url: url || "",
     edit: edit ?? false,
     error: "",
     loading: false
   });
-  const checkUrl = (0, _ahooks.useMemoizedFn)(() => {
+  const checkUrl = useMemoizedFn(() => {
     if (!currentState.url) {
       currentState.error = t("common.required");
       return false;
     }
-    if (!(0, _isUrl.default)(currentState.url)) {
+    if (!isUrl(currentState.url)) {
       currentState.error = t("common.invalid");
       return false;
     }
     currentState.error = "";
     return true;
   });
-  const handleClose = (0, _ahooks.useMemoizedFn)(() => {
+  const handleClose = useMemoizedFn(() => {
     currentState.edit = false;
     currentState.url = url || "";
     currentState.type = type || "slack";
@@ -62,12 +62,12 @@ function WebhookItem({
     currentState.loading = false;
     onCancel();
   });
-  const _onTest = (0, _ahooks.useMemoizedFn)(async data => {
+  const _onTest = useMemoizedFn(async (data) => {
     currentState.loading = true;
     await onTest(data);
     currentState.loading = false;
   });
-  const onSubmit = (0, _ahooks.useMemoizedFn)(fn => {
+  const onSubmit = useMemoizedFn((fn) => {
     return () => {
       if (checkUrl()) {
         fn({
@@ -77,160 +77,167 @@ function WebhookItem({
       }
     };
   });
-  const inputAdornment = (0, _ahooks.useCreation)(() => {
+  const inputAdornment = useCreation(() => {
     if (currentState.error) {
-      return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-        component: "span",
-        color: "error",
-        children: currentState.error
-      });
+      return /* @__PURE__ */ jsx(Typography, { component: "span", color: "error", children: currentState.error });
     }
     if (currentState.edit) {
       if (currentState.loading) {
-        return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.CircularProgress, {
-          size: 16
-        });
+        return /* @__PURE__ */ jsx(CircularProgress, { size: 16 });
       }
-      return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.IconButton, {
-        size: "small",
-        onClick: onSubmit(_onTest),
-        sx: {
-          mr: -1
-        },
-        children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_react.Icon, {
-          icon: _sendRounded.default
-        })
-      });
+      return /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          size: "small",
+          onClick: onSubmit(_onTest),
+          sx: {
+            mr: -1
+          },
+          children: /* @__PURE__ */ jsx(Icon, { icon: SendRoundedIcon })
+        }
+      );
     }
     return null;
   }, [currentState.error, currentState.edit, currentState.loading]);
-  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
-    sx: {
-      display: "flex",
-      gap: 1.5,
-      width: "100%",
-      alignItems: {
-        xs: "flex-start",
-        md: "center"
-      },
-      flexDirection: {
-        xs: "column",
-        md: "row"
-      }
-    },
-    children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Select, {
-      sx: {
-        borderRadius: 2,
-        "&.Mui-disabled": {
-          backgroundColor: _Colors.temp.backgroundsBgField
-        }
-      },
-      disabled: !currentState.edit || currentState.loading,
-      size: "small",
-      value: currentState.type,
-      onChange: e => {
-        currentState.type = e.target.value;
-      },
-      children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.MenuItem, {
-        value: "api",
-        children: t("webhook.url")
-      }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.MenuItem, {
-        value: "slack",
-        children: t("webhook.slack")
-      })]
-    }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
       sx: {
         display: "flex",
-        alignItems: "center",
-        gap: 0.5,
-        width: "100%"
-      },
-      children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.TextField, {
-        sx: {
-          flex: 1,
-          ".MuiInputBase-root": {
-            borderRadius: 2,
-            "&.Mui-disabled": {
-              backgroundColor: _Colors.temp.backgroundsBgField
-            }
-          }
-        },
-        disabled: !currentState.edit || currentState.loading,
-        fullWidth: true,
-        size: "small",
-        required: true,
-        value: currentState.url,
-        onChange: e => {
-          currentState.url = e.target.value;
-          checkUrl();
+        gap: 1.5,
+        width: "100%",
+        alignItems: {
+          xs: "flex-start",
+          md: "center"
         },
-        error: !!currentState.error,
-        InputProps: {
-          endAdornment: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.InputAdornment, {
-            position: "end",
-            children: inputAdornment
-          })
+        flexDirection: {
+          xs: "column",
+          md: "row"
         }
-      }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-        sx: {
-          display: "flex",
-          gap: 0.5
-        },
-        children: currentState.edit ? /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.IconButton, {
-            color: "success",
-            onClick: onSubmit((...args) => {
-              onSave(...args);
-              currentState.edit = false;
-            }),
-            sx: {
-              borderRadius: 2,
-              border: `1px solid ${_Colors.temp.strokeBorderBase}`
-            },
-            children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_react.Icon, {
-              icon: _check.default
-            })
-          }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.IconButton, {
-            color: "error",
-            onClick: handleClose,
-            sx: {
-              borderRadius: 2,
-              border: `1px solid ${_Colors.temp.strokeBorderBase}`
-            },
-            children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_react.Icon, {
-              icon: _closeRounded.default
-            })
-          })]
-        }) : /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.IconButton, {
-            onClick: () => {
-              currentState.edit = true;
-            },
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
             sx: {
               borderRadius: 2,
-              border: `1px solid ${_Colors.temp.strokeBorderBase}`
+              "&.Mui-disabled": {
+                backgroundColor: colors.backgroundsBgField
+              }
             },
-            children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_react.Icon, {
-              icon: _editSquareOutlineRounded.default
-            })
-          }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.IconButton, {
-            color: "error",
-            onClick: () => {
-              onDelete({
-                type: currentState.type,
-                url: currentState.url
-              });
+            disabled: !currentState.edit || currentState.loading,
+            size: "small",
+            value: currentState.type,
+            onChange: (e) => {
+              currentState.type = e.target.value;
             },
+            children: [
+              /* @__PURE__ */ jsx(MenuItem, { value: "api", children: t("webhook.url") }),
+              /* @__PURE__ */ jsx(MenuItem, { value: "slack", children: t("webhook.slack") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
             sx: {
-              borderRadius: 2,
-              border: `1px solid ${_Colors.temp.strokeBorderBase}`
+              display: "flex",
+              alignItems: "center",
+              gap: 0.5,
+              width: "100%"
             },
-            children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_react.Icon, {
-              icon: _deleteOutlineRounded.default
-            })
-          })]
-        })
-      })]
-    })]
-  });
-}
+            children: [
+              /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  sx: {
+                    flex: 1,
+                    ".MuiInputBase-root": {
+                      borderRadius: 2,
+                      "&.Mui-disabled": {
+                        backgroundColor: colors.backgroundsBgField
+                      }
+                    }
+                  },
+                  disabled: !currentState.edit || currentState.loading,
+                  fullWidth: true,
+                  size: "small",
+                  required: true,
+                  value: currentState.url,
+                  onChange: (e) => {
+                    currentState.url = e.target.value;
+                    checkUrl();
+                  },
+                  error: !!currentState.error,
+                  InputProps: {
+                    endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: inputAdornment })
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 0.5 }, children: currentState.edit ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    color: "success",
+                    onClick: onSubmit((...args) => {
+                      onSave(...args);
+                      currentState.edit = false;
+                    }),
+                    sx: {
+                      borderRadius: 2,
+                      border: `1px solid ${colors.strokeBorderBase}`
+                    },
+                    children: /* @__PURE__ */ jsx(Icon, { icon: CheckIcon })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    color: "error",
+                    onClick: handleClose,
+                    sx: {
+                      borderRadius: 2,
+                      border: `1px solid ${colors.strokeBorderBase}`
+                    },
+                    children: /* @__PURE__ */ jsx(Icon, { icon: CloseRoundedIcon })
+                  }
+                )
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    onClick: () => {
+                      currentState.edit = true;
+                    },
+                    sx: {
+                      borderRadius: 2,
+                      border: `1px solid ${colors.strokeBorderBase}`
+                    },
+                    children: /* @__PURE__ */ jsx(Icon, { icon: EditSquareOutlineRoundedIcon })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    color: "error",
+                    onClick: () => {
+                      onDelete({
+                        type: currentState.type,
+                        url: currentState.url
+                      });
+                    },
+                    sx: {
+                      borderRadius: 2,
+                      border: `1px solid ${colors.strokeBorderBase}`
+                    },
+                    children: /* @__PURE__ */ jsx(Icon, { icon: DeleteOutlineRoundedIcon })
+                  }
+                )
+              ] }) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}

package/lib/UserCenter/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "UserCenter", {
-  enumerable: true,
-  get: function () {
-    return _userCenter.default;
-  }
-});
-var _userCenter = _interopRequireDefault(require("./components/user-center"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+export { default as UserCenter } from "./components/user-center.js";

package/lib/UserCenter/libs/api.js

@@ -1,16 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.api = void 0;
-Object.defineProperty(exports, "axios", {
-  enumerable: true,
-  get: function () {
-    return _axios.default;
-  }
-});
-var _axios = _interopRequireDefault(require("axios"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-_axios.default.defaults.timeout = 10 * 1e3;
-const api = exports.api = _axios.default.create();
+import axios from "axios";
+axios.defaults.timeout = 10 * 1e3;
+const api = axios.create();
+export { axios, api };

package/lib/UserCenter/libs/locales.d.ts

@@ -14,6 +14,7 @@ export declare const translations: {
         walletNotification: string;
         emailNotification: string;
         phoneNotification: string;
+        pushNotification: string;
         addWebhook: string;
         saveSuccess: string;
         saveFailed: string;
@@ -78,6 +79,10 @@ export declare const translations: {
             confirmUnbind: string;
             confirmUnbindDescription: string;
         };
+        commonSetting: {
+            title: string;
+            locale: string;
+        };
     };
     en: {
         settings: string;
@@ -94,6 +99,7 @@ export declare const translations: {
         walletNotification: string;
         emailNotification: string;
         phoneNotification: string;
+        pushNotification: string;
         addWebhook: string;
         saveSuccess: string;
         saveFailed: string;
@@ -158,5 +164,9 @@ export declare const translations: {
             confirmUnbind: string;
             confirmUnbindDescription: string;
         };
+        commonSetting: {
+            title: string;
+            locale: string;
+        };
     };
 };

package/lib/UserCenter/libs/locales.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.translations = void 0;
-const translations = exports.translations = {
+export const translations = {
   zh: {
     settings: "\u8BBE\u7F6E",
     noPassport: "\u6682\u65E0\u901A\u884C\u8BC1",
@@ -20,6 +14,7 @@ const translations = exports.translations = {
     walletNotification: "\u94B1\u5305\u901A\u77E5",
     emailNotification: "\u90AE\u4EF6\u901A\u77E5",
     phoneNotification: "\u77ED\u4FE1\u901A\u77E5",
+    pushNotification: "\u63A8\u9001\u6D88\u606F\uFF08\u7531 Push Kit \u63D0\u4F9B\uFF09",
     addWebhook: "\u65B0\u589E\u5916\u90E8\u901A\u77E5",
     saveSuccess: "\u4FDD\u5B58\u6210\u529F",
     saveFailed: "\u4FDD\u5B58\u5931\u8D25",
@@ -83,6 +78,10 @@ const translations = exports.translations = {
       mainProviderCantRemove: "\u4E3B\u8D26\u53F7\u4E0D\u5141\u8BB8\u89E3\u7ED1",
       confirmUnbind: "\u786E\u5B9A\u8981\u89E3\u7ED1 {name} \u5417?",
       confirmUnbindDescription: "\u89E3\u7ED1\u540E\u60A8\u5C06\u65E0\u6CD5\u4F7F\u7528 {name} \u767B\u5F55\u81F3\u8BE5\u8D26\u6237\u3002\u5982\u679C\u89E3\u7ED1\u540E\uFF0C\u60A8\u4ECD\u4F7F\u7528 {name} \u767B\u5F55\uFF0C\u4F1A\u81EA\u52A8\u521B\u5EFA\u4E00\u4E2A\u65B0\u8D26\u6237"
+    },
+    commonSetting: {
+      title: "\u901A\u7528\u8BBE\u7F6E",
+      locale: "\u504F\u597D\u8BED\u8A00"
     }
   },
   en: {
@@ -100,6 +99,7 @@ const translations = exports.translations = {
     walletNotification: "DID Wallet notification",
     emailNotification: "Email notification",
     phoneNotification: "SMS notification",
+    pushNotification: "Push notification (powered by Push Kit)",
     addWebhook: "Add external notification",
     saveSuccess: "Save succeed",
     saveFailed: "Save failed",
@@ -163,6 +163,10 @@ const translations = exports.translations = {
       mainProviderCantRemove: "Main account not allowed to remove",
       confirmUnbind: "Are you sure to unbind {name}?",
       confirmUnbindDescription: "You will not be able to log in to this account using {name} after unbundling. If you are still logged in with {name} after unbundling, a new account will be created automatically!"
+    },
+    commonSetting: {
+      title: "Common Settings",
+      locale: "Preferred language"
     }
   }
-};
+};

package/lib/UserCenter/libs/utils.js

@@ -1,24 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.formatAxiosError = exports.createPassportSvg = void 0;
-var _ufo = require("ufo");
-var _passport = require("@arcblock/ux/lib/Util/passport");
-var _constant = require("@arcblock/ux/lib/Util/constant");
-const formatAxiosError = err => {
-  const {
-    response
-  } = err;
+import { joinURL } from "ufo";
+import { createPassportSvg as _createPassportSvg } from "@arcblock/ux/lib/Util/passport";
+import { AUTH_SERVICE_PREFIX } from "@arcblock/ux/lib/Util/constant";
+export const formatAxiosError = (err) => {
+  const { response } = err;
   if (response) {
     return `Request failed: ${response.status} ${response.statusText}: ${JSON.stringify(response.data)}`;
   }
   return err.message;
 };
-exports.formatAxiosError = formatAxiosError;
-const createPassportSvg = props => (0, _passport.createPassportSvg)({
+export const createPassportSvg = (props) => _createPassportSvg({
   ...props,
-  issuerAvatarUrl: (0, _ufo.joinURL)(window.location.origin, _constant.AUTH_SERVICE_PREFIX, "/blocklet/logo")
+  issuerAvatarUrl: joinURL(window.location.origin, AUTH_SERVICE_PREFIX, "/blocklet/logo")
 });
-exports.createPassportSvg = createPassportSvg;