matrix-react-sdk/lib/components/views/user-onboarding/UserOnboardingTask.js

SDK for matrix.org using React

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.UserOnboardingTask = UserOnboardingTask;
var _classnames = _interopRequireDefault(require("classnames"));
var React = _interopRequireWildcard(require("react"));
var _AccessibleButton = _interopRequireDefault(require("../../views/elements/AccessibleButton"));
var _Heading = _interopRequireDefault(require("../../views/typography/Heading"));
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
/*
Copyright 2024 New Vector Ltd.
Copyright 2022 The Matrix.org Foundation C.I.C.

SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/

function UserOnboardingTask({
  task,
  completed = false
}) {
  const title = typeof task.title === "function" ? task.title() : task.title;
  const description = typeof task.description === "function" ? task.description() : task.description;
  return /*#__PURE__*/React.createElement("li", {
    "data-testid": "user-onboarding-task",
    className: (0, _classnames.default)("mx_UserOnboardingTask", {
      mx_UserOnboardingTask_completed: completed
    })
  }, /*#__PURE__*/React.createElement("div", {
    className: "mx_UserOnboardingTask_number",
    role: "checkbox",
    "aria-disabled": "true",
    "aria-checked": completed,
    "aria-labelledby": `mx_UserOnboardingTask_${task.id}`
  }), /*#__PURE__*/React.createElement("div", {
    id: `mx_UserOnboardingTask_${task.id}`,
    className: "mx_UserOnboardingTask_content"
  }, /*#__PURE__*/React.createElement(_Heading.default, {
    size: "4",
    className: "mx_UserOnboardingTask_title"
  }, title), /*#__PURE__*/React.createElement("div", {
    className: "mx_UserOnboardingTask_description"
  }, description)), task.action && (!task.action.hideOnComplete || !completed) && /*#__PURE__*/React.createElement(_AccessibleButton.default, {
    element: "a",
    className: "mx_UserOnboardingTask_action",
    kind: "primary_outline",
    href: task.action.href,
    target: "_blank",
    onClick: task.action.onClick ?? null
  }, task.action.label));
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJyZXF1aXJlIiwiUmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9BY2Nlc3NpYmxlQnV0dG9uIiwiX0hlYWRpbmciLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJVc2VyT25ib2FyZGluZ1Rhc2siLCJ0YXNrIiwiY29tcGxldGVkIiwidGl0bGUiLCJkZXNjcmlwdGlvbiIsImNyZWF0ZUVsZW1lbnQiLCJjbGFzc05hbWUiLCJjbGFzc05hbWVzIiwibXhfVXNlck9uYm9hcmRpbmdUYXNrX2NvbXBsZXRlZCIsInJvbGUiLCJpZCIsInNpemUiLCJhY3Rpb24iLCJoaWRlT25Db21wbGV0ZSIsImVsZW1lbnQiLCJraW5kIiwiaHJlZiIsInRhcmdldCIsIm9uQ2xpY2siLCJsYWJlbCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdzL3VzZXItb25ib2FyZGluZy9Vc2VyT25ib2FyZGluZ1Rhc2sudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qXG5Db3B5cmlnaHQgMjAyNCBOZXcgVmVjdG9yIEx0ZC5cbkNvcHlyaWdodCAyMDIyIFRoZSBNYXRyaXgub3JnIEZvdW5kYXRpb24gQy5JLkMuXG5cblNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBBR1BMLTMuMC1vbmx5IE9SIEdQTC0zLjAtb25seVxuUGxlYXNlIHNlZSBMSUNFTlNFIGZpbGVzIGluIHRoZSByZXBvc2l0b3J5IHJvb3QgZm9yIGZ1bGwgZGV0YWlscy5cbiovXG5cbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgVXNlck9uYm9hcmRpbmdUYXNrV2l0aFJlc29sdmVkQ29tcGxldGlvbiB9IGZyb20gXCIuLi8uLi8uLi9ob29rcy91c2VVc2VyT25ib2FyZGluZ1Rhc2tzXCI7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tIFwiLi4vLi4vdmlld3MvZWxlbWVudHMvQWNjZXNzaWJsZUJ1dHRvblwiO1xuaW1wb3J0IEhlYWRpbmcgZnJvbSBcIi4uLy4uL3ZpZXdzL3R5cG9ncmFwaHkvSGVhZGluZ1wiO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICAgIHRhc2s6IFVzZXJPbmJvYXJkaW5nVGFza1dpdGhSZXNvbHZlZENvbXBsZXRpb247XG4gICAgY29tcGxldGVkPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFVzZXJPbmJvYXJkaW5nVGFzayh7IHRhc2ssIGNvbXBsZXRlZCA9IGZhbHNlIH06IFByb3BzKTogSlNYLkVsZW1lbnQge1xuICAgIGNvbnN0IHRpdGxlID0gdHlwZW9mIHRhc2sudGl0bGUgPT09IFwiZnVuY3Rpb25cIiA/IHRhc2sudGl0bGUoKSA6IHRhc2sudGl0bGU7XG4gICAgY29uc3QgZGVzY3JpcHRpb24gPSB0eXBlb2YgdGFzay5kZXNjcmlwdGlvbiA9PT0gXCJmdW5jdGlvblwiID8gdGFzay5kZXNjcmlwdGlvbigpIDogdGFzay5kZXNjcmlwdGlvbjtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxsaVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJ1c2VyLW9uYm9hcmRpbmctdGFza1wiXG4gICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJteF9Vc2VyT25ib2FyZGluZ1Rhc2tcIiwge1xuICAgICAgICAgICAgICAgIG14X1VzZXJPbmJvYXJkaW5nVGFza19jb21wbGV0ZWQ6IGNvbXBsZXRlZCxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwibXhfVXNlck9uYm9hcmRpbmdUYXNrX251bWJlclwiXG4gICAgICAgICAgICAgICAgcm9sZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICBhcmlhLWRpc2FibGVkPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgYXJpYS1jaGVja2VkPXtjb21wbGV0ZWR9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PXtgbXhfVXNlck9uYm9hcmRpbmdUYXNrXyR7dGFzay5pZH1gfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxkaXYgaWQ9e2BteF9Vc2VyT25ib2FyZGluZ1Rhc2tfJHt0YXNrLmlkfWB9IGNsYXNzTmFtZT1cIm14X1VzZXJPbmJvYXJkaW5nVGFza19jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgPEhlYWRpbmcgc2l6ZT1cIjRcIiBjbGFzc05hbWU9XCJteF9Vc2VyT25ib2FyZGluZ1Rhc2tfdGl0bGVcIj5cbiAgICAgICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm14X1VzZXJPbmJvYXJkaW5nVGFza19kZXNjcmlwdGlvblwiPntkZXNjcmlwdGlvbn08L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAge3Rhc2suYWN0aW9uICYmICghdGFzay5hY3Rpb24uaGlkZU9uQ29tcGxldGUgfHwgIWNvbXBsZXRlZCkgJiYgKFxuICAgICAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGVsZW1lbnQ9XCJhXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwibXhfVXNlck9uYm9hcmRpbmdUYXNrX2FjdGlvblwiXG4gICAgICAgICAgICAgICAgICAgIGtpbmQ9XCJwcmltYXJ5X291dGxpbmVcIlxuICAgICAgICAgICAgICAgICAgICBocmVmPXt0YXNrLmFjdGlvbi5ocmVmfVxuICAgICAgICAgICAgICAgICAgICB0YXJnZXQ9XCJfYmxhbmtcIlxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXt0YXNrLmFjdGlvbi5vbkNsaWNrID8/IG51bGx9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7dGFzay5hY3Rpb24ubGFiZWx9XG4gICAgICAgICAgICAgICAgPC9BY2Nlc3NpYmxlQnV0dG9uPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9saT5cbiAgICApO1xufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBUUEsSUFBQUEsV0FBQSxHQUFBQyxzQkFBQSxDQUFBQyxPQUFBO0FBQ0EsSUFBQUMsS0FBQSxHQUFBQyx1QkFBQSxDQUFBRixPQUFBO0FBR0EsSUFBQUcsaUJBQUEsR0FBQUosc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFJLFFBQUEsR0FBQUwsc0JBQUEsQ0FBQUMsT0FBQTtBQUFxRCxTQUFBSyx5QkFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxtQkFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSxDQUFBQyxDQUFBLFdBQUFBLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLEtBQUFGLENBQUE7QUFBQSxTQUFBSix3QkFBQUksQ0FBQSxFQUFBRSxDQUFBLFNBQUFBLENBQUEsSUFBQUYsQ0FBQSxJQUFBQSxDQUFBLENBQUFJLFVBQUEsU0FBQUosQ0FBQSxlQUFBQSxDQUFBLHVCQUFBQSxDQUFBLHlCQUFBQSxDQUFBLFdBQUFLLE9BQUEsRUFBQUwsQ0FBQSxRQUFBRyxDQUFBLEdBQUFKLHdCQUFBLENBQUFHLENBQUEsT0FBQUMsQ0FBQSxJQUFBQSxDQUFBLENBQUFHLEdBQUEsQ0FBQU4sQ0FBQSxVQUFBRyxDQUFBLENBQUFJLEdBQUEsQ0FBQVAsQ0FBQSxPQUFBUSxDQUFBLEtBQUFDLFNBQUEsVUFBQUMsQ0FB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