@abtnode/ux 1.15.17 → 1.16.0-beta-b16cb035

package/lib/blocklet/preferences/index.js

@@ -0,0 +1,238 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletPreferences;
+var _react = _interopRequireWildcard(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactIframe = _interopRequireDefault(require("react-iframe"));
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _constant = require("@abtnode/constant");
+var _material = require("@mui/material");
+var _TuneRounded = _interopRequireDefault(require("@mui/icons-material/TuneRounded"));
+var _Key = _interopRequireDefault(require("@mui/icons-material/Key"));
+var _SettingsOutlined = _interopRequireDefault(require("@mui/icons-material/SettingsOutlined"));
+var _ChevronRight = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
+var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Tabs = _interopRequireDefault(require("@arcblock/ux/lib/Tabs"));
+var _util = require("@blocklet/meta/lib/util");
+var _bundleAvatar = _interopRequireDefault(require("../bundle-avatar"));
+var _configuration = _interopRequireDefault(require("../configuration"));
+var _index = _interopRequireDefault(require("../access/index"));
+var _node = require("../../contexts/node");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+const _excluded = ["blocklet", "onUpdate"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const addComponentTabs = function addComponentTabs(tabs, blocklet) {
+  let ancestors = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  let depth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  const key = [...ancestors.map(x => x.meta.did), blocklet.meta.did].join('/');
+  tabs.push({
+    label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      pl: Math.max(1, depth - 1) * 2,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bundleAvatar.default, {
+        size: 24,
+        blocklet: blocklet,
+        ancestors: ancestors
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        ml: "16px",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          style: {
+            color: '#222'
+          },
+          children: (0, _util.getDisplayName)(blocklet, true)
+        })
+      })]
+    }, key),
+    value: key
+  });
+  if (blocklet.children.length > 0) {
+    blocklet.children.forEach(x => {
+      addComponentTabs(tabs, x, [...ancestors, blocklet], depth + 1);
+    });
+  }
+};
+function BlockletPreferences(_ref) {
+  let {
+      blocklet,
+      onUpdate
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const {
+    t
+  } = (0, _react.useContext)(_context.LocaleContext);
+  const {
+    info,
+    inService
+  } = (0, _node.useNodeContext)();
+  const [current, setCurrent] = (0, _react.useState)('general');
+  const [expandPref, setExpandPref] = (0, _react.useState)(true);
+  const tabs = [{
+    label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      display: "flex",
+      alignItems: "center",
+      "data-cy": "configuration-tab-general",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TuneRounded.default, {
+        sx: {
+          fontSize: 24
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        ml: "16px",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          style: {
+            color: '#222'
+          },
+          children: t('common.general')
+        })
+      })]
+    }, "general"),
+    value: 'general'
+  }, {
+    label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      display: "flex",
+      alignItems: "center",
+      "data-cy": "configuration-tab-access",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Key.default, {
+        sx: {
+          fontSize: 24
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        ml: "16px",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          style: {
+            color: '#222'
+          },
+          children: t('common.access')
+        })
+      })]
+    }, "access"),
+    value: 'access'
+  }, {
+    label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      display: "flex",
+      alignItems: "center",
+      "data-cy": "configuration-tab-preference",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        ml: -2,
+        style: {
+          transform: 'translateY(2px)'
+        },
+        children: expandPref ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {
+          fontSize: "inherit"
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChevronRight.default, {
+          fontSize: "inherit"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsOutlined.default, {
+        sx: {
+          fontSize: 24
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        ml: "16px",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          style: {
+            color: '#222'
+          },
+          children: t('common.preferences')
+        })
+      })]
+    }, "preference"),
+    value: 'preference'
+  }];
+  if (expandPref) {
+    addComponentTabs(tabs, blocklet);
+  }
+  const onTabChange = x => {
+    if (x === 'preference') {
+      setExpandPref(!expandPref);
+    } else {
+      setCurrent(x);
+    }
+  };
+  let content = null;
+  if (current === 'general') {
+    content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_configuration.default, {
+      blocklet: blocklet,
+      onUpdate: onUpdate
+    });
+  } else if (current === 'access') {
+    content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {});
+  } else {
+    // eslint-disable-next-line no-nested-ternary
+    const pathPrefix = inService ? _constant.WELLKNOWN_SERVICE_PATH_PREFIX : process.env.NODE_ENV === 'production' ? info.routing.adminPath : '';
+    const searchParams = new URLSearchParams();
+    if (!inService) {
+      searchParams.set('authKey', '__sst');
+    }
+    searchParams.set('schemaKey', (0, _urlJoin.default)(window.location.origin, pathPrefix, "/api/preferences?id=".concat(encodeURIComponent(current))));
+    content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIframe.default, {
+      url: "".concat((0, _urlJoin.default)(window.location.origin, pathPrefix, '/hosted/form-collector/'), "?").concat(searchParams.toString()),
+      width: "100%",
+      height: "100%",
+      frameBorder: 0,
+      styles: {
+        border: 0
+      }
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, _objectSpread(_objectSpread({}, rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
+      container: true,
+      spacing: 4,
+      columns: 24,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+        item: true,
+        sm: 7,
+        md: 5,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
+          tabs: tabs,
+          current: current,
+          orientation: "vertical",
+          onChange: onTabChange,
+          sx: {
+            borderRight: 1,
+            height: '100%',
+            borderColor: 'divider'
+          }
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+        item: true,
+        sm: 17,
+        md: 19,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          style: {
+            minHeight: '66vh',
+            height: '100%',
+            position: 'relative',
+            overflow: 'hidden'
+          },
+          children: content
+        })
+      })]
+    })
+  }));
+}
+BlockletPreferences.propTypes = {
+  blocklet: _propTypes.default.object.isRequired,
+  onUpdate: _propTypes.default.func
+};
+BlockletPreferences.defaultProps = {
+  onUpdate: () => {}
+};
+const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .MuiTab-root {\n    text-align: left;\n    align-items: flex-start;\n    font-weight: normal;\n  }\n  .Mui-selected {\n    font-weight: bold;\n  }\n"])));

package/lib/blocklet/preferences/wallet-type.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = WalletType;
+var _react = require("react");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _confirm = _interopRequireDefault(require("../../confirm"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2;
+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 WalletType(_ref) {
+  let {
+    value,
+    onChange,
+    disabled
+  } = _ref;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const [confirmCustomType, setConfirmCustomType] = (0, _react.useState)(null);
+  const WalletTypes = [{
+    label: 'DID',
+    value: 'default'
+  }, {
+    label: 'ETH',
+    value: 'eth'
+  }];
+  const onWalletTypeChange = async e => {
+    setConfirmCustomType({
+      value: e.target.value
+    });
+  };
+  const _onConfirm = async v => {
+    try {
+      await onChange(v);
+    } finally {
+      setConfirmCustomType(null);
+    }
+  };
+  return [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+    disabled: disabled,
+    select: true,
+    size: "small",
+    value: value || 'default',
+    onChange: onWalletTypeChange,
+    children: WalletTypes.map(type => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledMenuItem, {
+        value: type.value,
+        sx: {
+          display: 'block'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          display: "flex",
+          alignItems: "center",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            children: type.label
+          })
+        })
+      });
+    })
+  }), confirmCustomType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
+    title: t('blocklet.config.walletTypeTitle'),
+    description: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        dangerouslySetInnerHTML: {
+          __html: t('blocklet.config.blockletTypeChangeTip', {
+            value: WalletTypes.find(x => x.value === confirmCustomType.value).label
+          })
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        fontWeight: "bold",
+        mt: 2,
+        children: t('blocklet.config.appDidChangeTip')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(UL, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: t('blocklet.config.appDidChangeTipL1')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: t('blocklet.config.appDidChangeTipL2')
+        })]
+      })]
+    }),
+    confirm: t('confirm'),
+    cancel: t('cancel'),
+    onConfirm: () => _onConfirm(confirmCustomType.value),
+    onCancel: () => setConfirmCustomType(null)
+  })];
+}
+WalletType.propTypes = {
+  value: _propTypes.default.string,
+  onChange: _propTypes.default.func,
+  disabled: _propTypes.default.bool
+};
+WalletType.defaultProps = {
+  value: 'default',
+  onChange: () => {},
+  disabled: false
+};
+const StyledMenuItem = (0, _styled.default)(_MenuItem.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .tip {\n    font-size: 12px;\n    color: ", ";\n  }\n"])), props => props.theme.palette.text.secondary);
+const UL = (0, _styled.default)('ul')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-left: 16px;\n  li {\n    margin-top: 8px;\n    list-style: disk;\n    font-weight: bold;\n  }\n"])));

package/lib/blocklet/purchase/common.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomSelect = CustomSelect;
+exports.useStyles = exports.commonProps = void 0;
+var _styles = require("@mui/styles");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _List = _interopRequireDefault(require("@mui/material/List"));
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
+var _ShoppingCart = _interopRequireDefault(require("@mui/icons-material/ShoppingCart"));
+var _VerifiedUser = _interopRequireDefault(require("@mui/icons-material/VerifiedUser"));
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _Colors = _interopRequireDefault(require("@arcblock/ux/lib/Colors"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const commonProps = {
+  meta: _propTypes.default.object.isRequired,
+  onCancel: _propTypes.default.func.isRequired
+};
+exports.commonProps = commonProps;
+const useStyles = (0, _styles.makeStyles)(() => ({
+  dialogAuth: {
+    padding: '0 0 24px !important',
+    '& .auth-title': {
+      textAlign: 'center !important',
+      marginBottom: '4px !important'
+    },
+    '& .auth-tip--scan': {
+      textAlign: 'center !important'
+    }
+  },
+  iconRoot: {
+    minWidth: 48
+  }
+}));
+exports.useStyles = useStyles;
+function CustomSelect(_ref) {
+  let {
+    action,
+    onSelect,
+    onNext
+  } = _ref;
+  const classes = useStyles();
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const options = [{
+    action: 'purchase',
+    title: t('store.purchase.purchase.title'),
+    description: t('store.purchase.purchase.description')
+  }, {
+    action: 'verify',
+    title: t('store.purchase.verify.title'),
+    description: t('store.purchase.verify.description')
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, {
+      className: classes.tabPanel,
+      children: options.map(x => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ListItem.default, {
+        button: true,
+        selected: action === x.action,
+        onClick: () => onSelect(x.action),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
+          className: classes.iconRoot,
+          children: x.action === 'purchase' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ShoppingCart.default, {
+            style: {
+              color: action === 'purchase' ? _Colors.default.primary.main : '#AAA',
+              fontSize: 32
+            }
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_VerifiedUser.default, {
+            style: {
+              color: action === 'verify' ? _Colors.default.primary.main : '#AAA',
+              fontSize: 32
+            }
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+          primary: x.title,
+          secondary: x.description
+        })]
+      }, x.action))
+    }), onNext && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      fullWidth: true,
+      disabled: !action,
+      variant: "contained",
+      color: "primary",
+      style: {
+        marginTop: 16
+      },
+      onClick: onNext,
+      children: t('common.next')
+    })]
+  });
+}
+CustomSelect.propTypes = {
+  action: _propTypes.default.oneOf(['both', 'purchase', 'verify']).isRequired,
+  onSelect: _propTypes.default.func.isRequired,
+  onNext: _propTypes.default.func.isRequired
+};