__webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "OnboardingStart", function() { return OnboardingStart; }); /* harmony import */ var _material_ui_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(48); /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8); /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(43); /* harmony import */ var _assets_images_animated_onboarding_logo_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(49); /* harmony import */ var _assets_images_animated_onboarding_logo_svg__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_assets_images_animated_onboarding_logo_svg__WEBPACK_IMPORTED_MODULE_4__); var useStyles = Object(_material_ui_core__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(function (theme) { return ({ container: { display: 'grid', gridAutoRows: 'min-content', gap: theme.spacing(4), justifyItems: 'center', alignItems: 'center', maxWidth: 350, paddingTop: theme.spacing(23) }, logo: { background: "url(" + _assets_images_animated_onboarding_logo_svg__WEBPACK_IMPORTED_MODULE_4___default.a + ")", height: 100, width: 100 }, content: { display: 'grid', gridAutoFlow: 'row', gap: theme.spacing(), justifyItems: 'center', textAlign: 'center' }, title: { margin: 0 }, description: { margin: 0, lineHeight: '150%' } }); }); var OnboardingStart = function () { var t = Object(react_i18next__WEBPACK_IMPORTED_MODULE_3__[/* useTranslation */ "a"])(['common', 'matrices']).t; var classes = useStyles(); return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: classes.container }, react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(classes.logo, 'animated-logo play') }), react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: classes.content }, react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("h2", { className: classes.title }, t('matrices:onboarding.firstStep.title')), react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("p", { className: classes.description }, t('matrices:onboarding.firstStep.description'))))); }; /* harmony default export */ __webpack_exports__["default"] = (OnboardingStart); module.exports = __webpack_require__.p + "static/media/animated-onboarding-logo.2bd3841c.svg";__webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "OnboardingProfile", function() { return OnboardingProfile; }); /* harmony import */ var _material_ui_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(48); /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8); /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9); /* harmony import */ var material_theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(33); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(0); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__); /* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(43); /* harmony import */ var _dialog_assignTemplate_UnassignedTemplateList__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(57); var __assign = (undefined && undefined.__assign) || function () { __assign = Object.assign || function(t) { for (var s, i = 1, n = arguments.length; i < n; i++) { s = arguments[i]; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; } return t; }; return __assign.apply(this, arguments); }; var useStyles = Object(_material_ui_core__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(function (theme) { return ({ container: { display: 'grid', alignItems: 'center', flexDirection: 'column', gap: theme.spacing(3), textAlign: 'center', width: '100%', paddingTop: theme.spacing(4) }, listContainer: { maxWidth: 555, width: '100%', height: 440, overflow: 'auto', backgroundColor: theme.palette.background.default, borderRadius: 15, padding: theme.spacing(3, 4), display: 'grid', gridAutoRows: 'min-content', gap: theme.spacing(2.5), '& .worksheetNavigation__listItem': { backgroundColor: theme.palette.common.white, borderRadius: 8, boxShadow: '0px 15px 47px rgba(0, 0, 0, 0.035), 0px 1.87823px 5.88513px rgba(0, 0, 0, 0.07)' } }, messageContainer: { display: 'flex', alignItems: 'center', height: 40 }, message: { fontSize: Object(material_theme__WEBPACK_IMPORTED_MODULE_3__[/* pxToRem */ "b"])(16), margin: theme.spacing(1, 'auto'), color: theme.palette.text.hint }, errorMessage: { color: theme.palette.error.main }, information: { display: 'grid', gridAutoFlow: 'row', gap: theme.spacing(), justifyItems: 'center', textAlign: 'center' }, content: { display: 'grid', gap: theme.spacing(), justifyItems: 'center' }, title: { margin: 0 }, description: { margin: 0, lineHeight: '150%', maxWidth: 390 } }); }); var OnboardingProfile = function (_a) { var formikProps = _a.formikProps, status = _a.status; var t = Object(react_i18next__WEBPACK_IMPORTED_MODULE_5__[/* useTranslation */ "a"])(['common', 'matrices']).t; var classes = useStyles(); var _b = react__WEBPACK_IMPORTED_MODULE_4___default.a.useState([]), selectedTemplates = _b[0], setSelectedTemplates = _b[1]; var numberOfSelectedTemplates = formikProps.values.templates.filter(function (template) { return template.selected; }).length; var handleTemplateListChange = function (id) { var templatesWithUpdatedSelection = selectedTemplates.map(function (template) { return template.id === id ? __assign(__assign({}, template), { selected: !template.selected }) : template; }); setSelectedTemplates(templatesWithUpdatedSelection); return templatesWithUpdatedSelection; }; Object(react__WEBPACK_IMPORTED_MODULE_4__["useEffect"])(function () { setSelectedTemplates(formikProps.values.templates); }, [formikProps]); return (react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", { className: classes.container }, react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", { className: classes.information }, react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("h2", { className: classes.title }, t('matrices:onboarding.secondStep.title')), react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("p", { className: classes.description }, t('matrices:onboarding.secondStep.description'))), react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", { className: classes.content }, react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", { className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(classes.listContainer, 'modern-scrollbar') }, react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement(_dialog_assignTemplate_UnassignedTemplateList__WEBPACK_IMPORTED_MODULE_6__[/* UnassignedTemplateList */ "a"], { formikProps: formikProps, error: status === 'rejected', searchKey: formikProps.values.searchKey, handleTemplateListChange: handleTemplateListChange, listItems: formikProps.values.templates, isEmpty: formikProps.values.templates.length === 0, withSeparator: false })), react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("div", { className: classes.messageContainer }, formikProps.errors.templates && (react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("p", { className: Object(clsx__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(classes.message, classes.errorMessage) }, formikProps.errors.templates)), numberOfSelectedTemplates > 0 && (react__WEBPACK_IMPORTED_MODULE_4___default.a.createElement("p", { className: classes.message }, t('matrices:assignTemplate.selectedTemplates', { count: numberOfSelectedTemplates }))))))); }; /* harmony default export */ __webpack_exports__["default"] = (OnboardingProfile); __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "OnboardingFinish", function() { return OnboardingFinish; }); /* harmony import */ var _material_ui_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(48); /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8); /* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(43); /* harmony import */ var _assets_images_animated_checkmark_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(50); /* harmony import */ var _assets_images_animated_checkmark_svg__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_assets_images_animated_checkmark_svg__WEBPACK_IMPORTED_MODULE_4__); var useStyles = Object(_material_ui_core__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(function (theme) { return ({ container: { display: 'grid', gridAutoRows: 'min-content', gap: theme.spacing(4), justifyItems: 'center', alignItems: 'center', maxWidth: 350, paddingTop: theme.spacing(23) }, checkmark: { background: "url(" + _assets_images_animated_checkmark_svg__WEBPACK_IMPORTED_MODULE_4___default.a + ")", height: 100, width: 100 }, content: { display: 'grid', gridAutoFlow: 'row', gap: theme.spacing(), justifyItems: 'center', textAlign: 'center' }, title: { margin: 0 }, description: { margin: 0, lineHeight: '150%' } }); }); var OnboardingFinish = function () { var t = Object(react_i18next__WEBPACK_IMPORTED_MODULE_3__[/* useTranslation */ "a"])(['common', 'matrices']).t; var classes = useStyles(); return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: classes.container }, react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: classnames__WEBPACK_IMPORTED_MODULE_1___default()(classes.checkmark, 'animated-checkmark play') }), react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: classes.content }, react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("h2", { className: classes.title }, t('matrices:onboarding.thirdStep.title')), react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("p", { className: classes.description }, t('matrices:onboarding.thirdStep.description'))))); }; /* harmony default export */ __webpack_exports__["default"] = (OnboardingFinish); module.exports = __webpack_require__.p + "static/media/animated-checkmark.7560f1a8.svg"; /*# sourceMappingURL=vendor~fdc6512a.209e229b.css.map*/