@abtnode/ux 1.16.16 → 1.16.17-beta-7ec31a60

package/lib/blocklet/publish/create-project.js

@@ -0,0 +1,197 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CreateProject;
+var _react = require("react");
+var _reactRouterDom = require("react-router-dom");
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Breadcrumbs = _interopRequireDefault(require("@mui/material/Breadcrumbs"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _didAddress = _interopRequireDefault(require("../../did-address"));
+var _node = require("../../contexts/node");
+var _blocklet = require("../../contexts/blocklet");
+var _session = require("../../contexts/session");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+const Types = [{
+  label: {
+    en: 'Resource',
+    zh: '资源'
+  },
+  value: 'resource'
+}, {
+  label: {
+    en: 'Application',
+    zh: '应用'
+  },
+  value: 'pack',
+  disabled: true
+}];
+function CreateProject(_ref) {
+  let rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  const {
+    t,
+    locale
+  } = (0, _context.useLocaleContext)();
+  const {
+    blocklet
+  } = (0, _blocklet.useBlockletContext)();
+  const [blockletTitle, setBlockletTitle] = (0, _react.useState)('');
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [type, setType] = (0, _react.useState)('resource'); // resource, pack
+  const {
+    api: sessionApi
+  } = (0, _session.useSessionContext)();
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const [blockletDid, setBlockletDid] = (0, _react.useState)();
+  const [openConnect, setOpenConnect] = (0, _react.useState)(false);
+  const handleCreateBlockletDidError = err => {
+    _Toast.default.error(err.message);
+    setOpenConnect(false);
+  };
+  const handleCreateBlockletDidSuccess = result => {
+    var _result$blockletWalle;
+    const did = result === null || result === void 0 ? void 0 : (_result$blockletWalle = result.blockletWallet) === null || _result$blockletWalle === void 0 ? void 0 : _result$blockletWalle.address;
+    if (!did) {
+      _Toast.default.error('Empty Blocklet DID');
+    } else {
+      setBlockletDid(did);
+    }
+    setOpenConnect(false);
+  };
+  const onCreate = () => {
+    setLoading(true);
+    api.createProject({
+      input: {
+        did: blocklet.meta.did,
+        blockletTitle: blockletTitle || '',
+        blockletDid,
+        type
+      }
+    }).then(() => {
+      setLoading(false);
+      navigate('../', {
+        replace: true
+      });
+    }).catch(err => {
+      setLoading(false);
+      _Toast.default.error(err.message);
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Main, _objectSpread(_objectSpread({}, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Breadcrumbs.default, {
+      className: "breadcrumbs",
+      "aria-label": "breadcrumb",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+        to: "..",
+        children: t('common.publish')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+        color: "text.primary",
+        children: [t('common.create'), " Blocklet"]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      style: {
+        maxWidth: 500
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        sx: {
+          mb: 3
+        },
+        display: "flex",
+        alignItems: "center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+          variant: "h6",
+          sx: {
+            mr: 3
+          },
+          children: ["Blocklet DID:", ' ']
+        }), blockletDid ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
+          size: 14,
+          responsive: true,
+          did: blockletDid
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          onClick: () => setOpenConnect(true),
+          children: t('blocklet.publish.createBlockletDid')
+        })]
+      }), openConnect && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
+        open: true,
+        popup: true,
+        onClose: () => setOpenConnect(false),
+        action: "gen-blocklet-key-pair",
+        locale: locale,
+        checkFn: sessionApi.get,
+        saveConnect: false,
+        forceConnected: false,
+        checkTimeout: 5 * 60 * 1000,
+        onSuccess: handleCreateBlockletDidSuccess,
+        onError: handleCreateBlockletDidError,
+        extraParams: {
+          did: blocklet.meta.did
+        },
+        messages: {
+          title: t('blocklet.publish.connect.title'),
+          scan: t('blocklet.publish.connect.scan'),
+          confirm: t('blocklet.publish.connect.confirm'),
+          success: t('blocklet.publish.connect.success')
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+        label: "Blocklet ".concat(t('common.title')),
+        autoComplete: "off",
+        variant: "outlined",
+        inputProps: {
+          'data-cy': 'export-blocklet-title'
+        },
+        fullWidth: true,
+        helperText: "",
+        value: blockletTitle || '',
+        onChange: e => {
+          setBlockletTitle(e.target.value);
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+        sx: {
+          my: 4
+        },
+        id: "blocklet-type",
+        select: true,
+        label: "Blocklet ".concat(t('common.type')),
+        helperText: "",
+        fullWidth: true,
+        value: type,
+        onChange: e => setType(e.target.value),
+        children: Types.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
+          value: x.value,
+          disabled: x.disabled,
+          children: x.label[locale] || x.label.en
+        }, x.value))
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      variant: "contained",
+      disabled: loading || !blockletDid || !blockletTitle,
+      onClick: onCreate,
+      children: t('common.create')
+    })]
+  }));
+}
+CreateProject.propTypes = {};
+CreateProject.defaultProps = {};
+const Main = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .breadcrumbs {\n    margin-bottom: 24px;\n  }\n"])));