matrix-react-sdk
Version:
SDK for matrix.org using React
71 lines (68 loc) • 11.2 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.UserOnboardingList = UserOnboardingList;
exports.getUserOnboardingCounters = void 0;
var React = _interopRequireWildcard(require("react"));
var _languageHandler = require("../../../languageHandler");
var _SdkConfig = _interopRequireDefault(require("../../../SdkConfig"));
var _ProgressBar = _interopRequireDefault(require("../../views/elements/ProgressBar"));
var _Heading = _interopRequireDefault(require("../../views/typography/Heading"));
var _UserOnboardingTask = require("./UserOnboardingTask");
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.
*/
const getUserOnboardingCounters = tasks => {
const completed = tasks.filter(task => task.completed === true).length;
const waiting = tasks.filter(task => task.completed === false).length;
return {
completed: completed,
waiting: waiting,
total: completed + waiting
};
};
exports.getUserOnboardingCounters = getUserOnboardingCounters;
function UserOnboardingList({
tasks
}) {
const {
completed,
waiting,
total
} = getUserOnboardingCounters(tasks);
return /*#__PURE__*/React.createElement("div", {
className: "mx_UserOnboardingList",
"data-testid": "user-onboarding-list"
}, /*#__PURE__*/React.createElement("div", {
className: "mx_UserOnboardingList_header"
}, /*#__PURE__*/React.createElement(_Heading.default, {
size: "3",
className: "mx_UserOnboardingList_title"
}, waiting > 0 ? (0, _languageHandler._t)("onboarding|only_n_steps_to_go", {
count: waiting
}) : (0, _languageHandler._t)("onboarding|you_did_it")), /*#__PURE__*/React.createElement("div", {
className: "mx_UserOnboardingList_hint"
}, (0, _languageHandler._t)("onboarding|complete_these", {
brand: _SdkConfig.default.get("brand")
}))), /*#__PURE__*/React.createElement("div", {
className: "mx_UserOnboardingList_progress"
}, /*#__PURE__*/React.createElement(_ProgressBar.default, {
value: completed,
max: total,
animated: true
})), /*#__PURE__*/React.createElement("ol", {
className: "mx_UserOnboardingList_list"
}, tasks.map(task => /*#__PURE__*/React.createElement(_UserOnboardingTask.UserOnboardingTask, {
key: task.id,
completed: task.completed,
task: task
}))));
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwicmVxdWlyZSIsIl9sYW5ndWFnZUhhbmRsZXIiLCJfU2RrQ29uZmlnIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9Qcm9ncmVzc0JhciIsIl9IZWFkaW5nIiwiX1VzZXJPbmJvYXJkaW5nVGFzayIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiZGVmYXVsdCIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsImdldFVzZXJPbmJvYXJkaW5nQ291bnRlcnMiLCJ0YXNrcyIsImNvbXBsZXRlZCIsImZpbHRlciIsInRhc2siLCJsZW5ndGgiLCJ3YWl0aW5nIiwidG90YWwiLCJleHBvcnRzIiwiVXNlck9uYm9hcmRpbmdMaXN0IiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsInNpemUiLCJfdCIsImNvdW50IiwiYnJhbmQiLCJTZGtDb25maWciLCJ2YWx1ZSIsIm1heCIsImFuaW1hdGVkIiwibWFwIiwiVXNlck9uYm9hcmRpbmdUYXNrIiwia2V5IiwiaWQiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy92aWV3cy91c2VyLW9uYm9hcmRpbmcvVXNlck9uYm9hcmRpbmdMaXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuQ29weXJpZ2h0IDIwMjQgTmV3IFZlY3RvciBMdGQuXG5Db3B5cmlnaHQgMjAyMiBUaGUgTWF0cml4Lm9yZyBGb3VuZGF0aW9uIEMuSS5DLlxuXG5TUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQUdQTC0zLjAtb25seSBPUiBHUEwtMy4wLW9ubHlcblBsZWFzZSBzZWUgTElDRU5TRSBmaWxlcyBpbiB0aGUgcmVwb3NpdG9yeSByb290IGZvciBmdWxsIGRldGFpbHMuXG4qL1xuXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgVXNlck9uYm9hcmRpbmdUYXNrV2l0aFJlc29sdmVkQ29tcGxldGlvbiB9IGZyb20gXCIuLi8uLi8uLi9ob29rcy91c2VVc2VyT25ib2FyZGluZ1Rhc2tzXCI7XG5pbXBvcnQgeyBfdCB9IGZyb20gXCIuLi8uLi8uLi9sYW5ndWFnZUhhbmRsZXJcIjtcbmltcG9ydCBTZGtDb25maWcgZnJvbSBcIi4uLy4uLy4uL1Nka0NvbmZpZ1wiO1xuaW1wb3J0IFByb2dyZXNzQmFyIGZyb20gXCIuLi8uLi92aWV3cy9lbGVtZW50cy9Qcm9ncmVzc0JhclwiO1xuaW1wb3J0IEhlYWRpbmcgZnJvbSBcIi4uLy4uL3ZpZXdzL3R5cG9ncmFwaHkvSGVhZGluZ1wiO1xuaW1wb3J0IHsgVXNlck9uYm9hcmRpbmdUYXNrIH0gZnJvbSBcIi4vVXNlck9uYm9hcmRpbmdUYXNrXCI7XG5cbmV4cG9ydCBjb25zdCBnZXRVc2VyT25ib2FyZGluZ0NvdW50ZXJzID0gKFxuICAgIHRhc2tzOiBVc2VyT25ib2FyZGluZ1Rhc2tXaXRoUmVzb2x2ZWRDb21wbGV0aW9uW10sXG4pOiB7XG4gICAgY29tcGxldGVkOiBudW1iZXI7XG4gICAgd2FpdGluZzogbnVtYmVyO1xuICAgIHRvdGFsOiBudW1iZXI7XG59ID0+IHtcbiAgICBjb25zdCBjb21wbGV0ZWQgPSB0YXNrcy5maWx0ZXIoKHRhc2spID0+IHRhc2suY29tcGxldGVkID09PSB0cnVlKS5sZW5ndGg7XG4gICAgY29uc3Qgd2FpdGluZyA9IHRhc2tzLmZpbHRlcigodGFzaykgPT4gdGFzay5jb21wbGV0ZWQgPT09IGZhbHNlKS5sZW5ndGg7XG5cbiAgICByZXR1cm4ge1xuICAgICAgICBjb21wbGV0ZWQ6IGNvbXBsZXRlZCxcbiAgICAgICAgd2FpdGluZzogd2FpdGluZyxcbiAgICAgICAgdG90YWw6IGNvbXBsZXRlZCArIHdhaXRpbmcsXG4gICAgfTtcbn07XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gICAgdGFza3M6IFVzZXJPbmJvYXJkaW5nVGFza1dpdGhSZXNvbHZlZENvbXBsZXRpb25bXTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFVzZXJPbmJvYXJkaW5nTGlzdCh7IHRhc2tzIH06IFByb3BzKTogSlNYLkVsZW1lbnQge1xuICAgIGNvbnN0IHsgY29tcGxldGVkLCB3YWl0aW5nLCB0b3RhbCB9ID0gZ2V0VXNlck9uYm9hcmRpbmdDb3VudGVycyh0YXNrcyk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm14X1VzZXJPbmJvYXJkaW5nTGlzdFwiIGRhdGEtdGVzdGlkPVwidXNlci1vbmJvYXJkaW5nLWxpc3RcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibXhfVXNlck9uYm9hcmRpbmdMaXN0X2hlYWRlclwiPlxuICAgICAgICAgICAgICAgIDxIZWFkaW5nIHNpemU9XCIzXCIgY2xhc3NOYW1lPVwibXhfVXNlck9uYm9hcmRpbmdMaXN0X3RpdGxlXCI+XG4gICAgICAgICAgICAgICAgICAgIHt3YWl0aW5nID4gMFxuICAgICAgICAgICAgICAgICAgICAgICAgPyBfdChcIm9uYm9hcmRpbmd8b25seV9uX3N0ZXBzX3RvX2dvXCIsIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvdW50OiB3YWl0aW5nLFxuICAgICAgICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgICAgICAgICAgOiBfdChcIm9uYm9hcmRpbmd8eW91X2RpZF9pdFwiKX1cbiAgICAgICAgICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJteF9Vc2VyT25ib2FyZGluZ0xpc3RfaGludFwiPlxuICAgICAgICAgICAgICAgICAgICB7X3QoXCJvbmJvYXJkaW5nfGNvbXBsZXRlX3RoZXNlXCIsIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJyYW5kOiBTZGtDb25maWcuZ2V0KFwiYnJhbmRcIiksXG4gICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm14X1VzZXJPbmJvYXJkaW5nTGlzdF9wcm9ncmVzc1wiPlxuICAgICAgICAgICAgICAgIDxQcm9ncmVzc0JhciB2YWx1ZT17Y29tcGxldGVkfSBtYXg9e3RvdGFsfSBhbmltYXRlZCAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8b2wgY2xhc3NOYW1lPVwibXhfVXNlck9uYm9hcmRpbmdMaXN0X2xpc3RcIj5cbiAgICAgICAgICAgICAgICB7dGFza3MubWFwKCh0YXNrKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxVc2VyT25ib2FyZGluZ1Rhc2sga2V5PXt0YXNrLmlkfSBjb21wbGV0ZWQ9e3Rhc2suY29tcGxldGVkfSB0YXNrPXt0YXNrfSAvPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9vbD5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFRQSxJQUFBQSxLQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFHQSxJQUFBQyxnQkFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsVUFBQSxHQUFBQyxzQkFBQSxDQUFBSCxPQUFBO0FBQ0EsSUFBQUksWUFBQSxHQUFBRCxzQkFBQSxDQUFBSCxPQUFBO0FBQ0EsSUFBQUssUUFBQSxHQUFBRixzQkFBQSxDQUFBSCxPQUFBO0FBQ0EsSUFBQU0sbUJBQUEsR0FBQU4sT0FBQTtBQUEwRCxTQUFBTyx5QkFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxtQkFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSxDQUFBQyxDQUFBLFdBQUFBLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxD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