@selfcommunity/react-ui 0.11.0-mui7.22 → 0.11.0-mui7.23

package/lib/cjs/components/UserPaymentMethods/UserPaymentMethods.js

@@ -53,7 +53,7 @@ const UserPaymentMethods = (inProps) => {
         props: inProps,
         name: constants_1.PREFIX
     });
-    const { className = null, showBillingAddress = false } = props, rest = tslib_1.__rest(props, ["className", "showBillingAddress"]);
+    const { className = null, showBillingAddress = false } = props;
     // CONTEXT
     const scUserContext = (0, react_core_1.useSCUser)();
     // STATE
@@ -72,7 +72,6 @@ const UserPaymentMethods = (inProps) => {
     const [addPaymentMethodDialogOpen, setAddPaymentMethodDialogOpen] = (0, react_1.useState)(false);
     // HOOKS
     const { isPaymentsEnabled } = (0, react_core_1.useSCPaymentsEnabled)();
-    const intl = (0, react_intl_1.useIntl)();
     const { inView } = (0, react_intersection_observer_1.useInView)({ triggerOnce: false });
     const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
     /**
@@ -81,8 +80,8 @@ const UserPaymentMethods = (inProps) => {
     const loadMore = (0, react_1.useCallback)(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
         // eslint-disable-next-line @typescript-eslint/require-await
         const loadItems = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-            const startingAfterId = paymentMethods.length ? paymentMethods[paymentMethods.length - 1].id : null;
-            /* getAccountCustomerPaymentMethod(startingAfterId).then((res) => {
+            /* const startingAfterId = paymentMethods.length ? paymentMethods[paymentMethods.length - 1].id : null;
+            getAccountCustomerPaymentMethod(startingAfterId).then((res) => {
               setHasMore(res.paymentMethods.has_more);
               setPaymentMethods(paymentMethods.concat(res.paymentMethods.data));
               setIsLoadingPage(false);
@@ -330,9 +329,9 @@ const UserPaymentMethods = (inProps) => {
     if (!isPaymentsEnabled || !scUserContext.user) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: classes.root }, { children: isLoading ? ((0, jsx_runtime_1.jsx)(Skeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ direction: "row", justifyContent: "space-between", alignItems: "baseline" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h3", className: classes.headline }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.myPaymentMethods", defaultMessage: "ui.userPaymentMethods.myPaymentMethods" }) })), paymentMethods.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ size: "small", variant: 'outlined', onClick: handleOpenAddPaymentMethodDialog }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.btnAdd", defaultMessage: "ui.userPaymentMethods.btnAdd" }) })))] })), paymentMethods.length > 0 ? ((0, jsx_runtime_1.jsx)(material_1.TableContainer, Object.assign({ style: { margin: 'auto', borderRadius: 0 }, component: material_1.Paper }, { children: (0, jsx_runtime_1.jsxs)(material_1.Table, Object.assign({ sx: { minWidth: 650 }, "aria-label": "simple table", stickyHeader: true }, { children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.typeMethod", defaultMessage: "ui.userPaymentMethods.typeMethod" }) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.brand", defaultMessage: "ui.userPaymentMethods.brand" }) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.expiration", defaultMessage: "ui.userPaymentMethods.expiration" }) }), showBillingAddress && ((0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.billingDetails", defaultMessage: "ui.userPaymentMethods.billingDetails" }) })), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.default", defaultMessage: "ui.userPaymentMethods.default" }) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.actions", defaultMessage: "ui.userPaymentMethods.actions" }) })] }) }), (0, jsx_runtime_1.jsxs)(material_1.TableBody, { children: [paymentMethods.map((method, index) => {
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({ className: classes.root }, { children: isLoading ? ((0, jsx_runtime_1.jsx)(Skeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ direction: "row", justifyContent: "space-between", alignItems: "baseline" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h3", className: classes.headline }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.myPaymentMethods", defaultMessage: "ui.userPaymentMethods.myPaymentMethods" }) })), paymentMethods.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ size: "small", variant: "outlined", onClick: handleOpenAddPaymentMethodDialog }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.btnAdd", defaultMessage: "ui.userPaymentMethods.btnAdd" }) })))] })), paymentMethods.length > 0 ? ((0, jsx_runtime_1.jsx)(material_1.TableContainer, Object.assign({ style: { margin: 'auto', borderRadius: 0 }, component: material_1.Paper }, { children: (0, jsx_runtime_1.jsxs)(material_1.Table, Object.assign({ sx: { minWidth: 650 }, "aria-label": "simple table", stickyHeader: true }, { children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.typeMethod", defaultMessage: "ui.userPaymentMethods.typeMethod" }) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.brand", defaultMessage: "ui.userPaymentMethods.brand" }) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.expiration", defaultMessage: "ui.userPaymentMethods.expiration" }) }), showBillingAddress && ((0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.billingDetails", defaultMessage: "ui.userPaymentMethods.billingDetails" }) })), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.default", defaultMessage: "ui.userPaymentMethods.default" }) }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.actions", defaultMessage: "ui.userPaymentMethods.actions" }) })] }) }), (0, jsx_runtime_1.jsxs)(material_1.TableBody, { children: [paymentMethods.map((method, index) => {
                                         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-                                        return ((0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ scope: "row" }, { children: method.type.toUpperCase() })), (0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ scope: "row" }, { children: method.type === 'card' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_svg_credit_card_payment_icons_1.PaymentIcon, { type: ((_a = method.card) === null || _a === void 0 ? void 0 : _a.brand) || 'Generic', format: "flatRounded", width: 50 }), (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ className: classes.paymentNumber }, { children: ["**** **** **** ", (_b = method.card) === null || _b === void 0 ? void 0 : _b.last4] }))] })) })), (0, jsx_runtime_1.jsxs)(material_1.TableCell, Object.assign({ scope: "row" }, { children: [(_c = method.card) === null || _c === void 0 ? void 0 : _c.exp_month, "/", (_d = method.card) === null || _d === void 0 ? void 0 : _d.exp_year] })), showBillingAddress && ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ scope: "row" }, { children: (0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ direction: "row", justifyContent: "left", alignItems: "center", spacing: 2 }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: 'body1' }, { children: method.billing_details.name })), (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: 'body1' }, { children: [(_f = (_e = method.billing_details) === null || _e === void 0 ? void 0 : _e.address) === null || _f === void 0 ? void 0 : _f.line1, (0, jsx_runtime_1.jsx)("br", {}), (_h = (_g = method.billing_details) === null || _g === void 0 ? void 0 : _g.address) === null || _h === void 0 ? void 0 : _h.line2] })), (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: 'body1' }, { children: [(_k = (_j = method.billing_details) === null || _j === void 0 ? void 0 : _j.address) === null || _k === void 0 ? void 0 : _k.postal_code, " - ", (_m = (_l = method.billing_details) === null || _l === void 0 ? void 0 : _l.address) === null || _m === void 0 ? void 0 : _m.city, " -", ' ', (_p = (_o = method.billing_details) === null || _o === void 0 ? void 0 : _o.address) === null || _p === void 0 ? void 0 : _p.country] }))] }), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ "aria-label": "edit", color: "primary", onClick: () => handleOpenEditAddressDialog(method) }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "edit" }) }))] })) }))), (0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ scope: "row" }, { children: defaultPaymentMethodLoading === method.id ? ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 20 })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [method.id === defaultPaymentMethodId, (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: method.id === defaultPaymentMethodId, onClick: () => handleSetDefaultPaymentMethodId(method.id) })] })) })), (0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ scope: "row" }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: 'contained', onClick: () => handleDelete(method.id) }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.btnRemove", defaultMessage: "ui.userPaymentMethods.btnRemove" }) })) }))] }, index));
-                                    }), hasMore && (0, jsx_runtime_1.jsx)(Skeleton_1.default, {})] })] })) }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", mb: 2 }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.noPaymentMethods", defaultMessage: "ui.userPaymentMethods.noPaymentMethods" }) })), (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ size: "small", variant: 'contained', onClick: handleOpenAddPaymentMethodDialog }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.btnAdd", defaultMessage: "ui.userPaymentMethods.btnAdd" }) }))] })), openDeleteDialog && ((0, jsx_runtime_1.jsx)(ConfirmDialog_1.default, { open: openDeleteDialog, title: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.dialog.confirmDeleteTitle", defaultMessage: "ui.userPaymentMethods.dialog.confirmDeleteTitle" }), btnConfirm: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.dialog.confirmDeleteDescription", defaultMessage: "ui.userPaymentMethods.dialog.confirmDeleteDescription" }), onConfirm: handleConfirmDelete, onClose: handleConfirmClose, isUpdating: isDeletingPaymentMethod })), editPaymentMethodDialogOpen && editPaymentMethod !== null && ((0, jsx_runtime_1.jsx)(UserChangeAddressDialog_1.default, { open: true, defaultAddress: editPaymentMethod, handleAddress: handleAddress })), addPaymentMethodDialogOpen && (0, jsx_runtime_1.jsx)(UserAddPaymentMethodDialog_1.default, { open: true, handlePaymentMethod: handlePaymentMethodSuccess })] })) })));
+                                        return ((0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ scope: "row" }, { children: method.type.toUpperCase() })), (0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ scope: "row" }, { children: method.type === 'card' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_svg_credit_card_payment_icons_1.PaymentIcon, { type: ((_a = method.card) === null || _a === void 0 ? void 0 : _a.brand) || 'Generic', format: "flatRounded", width: 50 }), (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ className: classes.paymentNumber }, { children: ["**** **** **** ", (_b = method.card) === null || _b === void 0 ? void 0 : _b.last4] }))] })) })), (0, jsx_runtime_1.jsxs)(material_1.TableCell, Object.assign({ scope: "row" }, { children: [(_c = method.card) === null || _c === void 0 ? void 0 : _c.exp_month, "/", (_d = method.card) === null || _d === void 0 ? void 0 : _d.exp_year] })), showBillingAddress && ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ scope: "row" }, { children: (0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ direction: "row", justifyContent: "left", alignItems: "center", spacing: 2 }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1" }, { children: method.billing_details.name })), (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: "body1" }, { children: [(_f = (_e = method.billing_details) === null || _e === void 0 ? void 0 : _e.address) === null || _f === void 0 ? void 0 : _f.line1, (0, jsx_runtime_1.jsx)("br", {}), (_h = (_g = method.billing_details) === null || _g === void 0 ? void 0 : _g.address) === null || _h === void 0 ? void 0 : _h.line2] })), (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: "body1" }, { children: [(_k = (_j = method.billing_details) === null || _j === void 0 ? void 0 : _j.address) === null || _k === void 0 ? void 0 : _k.postal_code, " - ", (_m = (_l = method.billing_details) === null || _l === void 0 ? void 0 : _l.address) === null || _m === void 0 ? void 0 : _m.city, " -", ' ', (_p = (_o = method.billing_details) === null || _o === void 0 ? void 0 : _o.address) === null || _p === void 0 ? void 0 : _p.country] }))] }), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ "aria-label": "edit", color: "primary", onClick: () => handleOpenEditAddressDialog(method) }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "edit" }) }))] })) }))), (0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ scope: "row" }, { children: defaultPaymentMethodLoading === method.id ? ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 20 })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [method.id === defaultPaymentMethodId, (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: method.id === defaultPaymentMethodId, onClick: () => handleSetDefaultPaymentMethodId(method.id) })] })) })), (0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ scope: "row" }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ variant: "contained", onClick: () => handleDelete(method.id) }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.btnRemove", defaultMessage: "ui.userPaymentMethods.btnRemove" }) })) }))] }, index));
+                                    }), hasMore && (0, jsx_runtime_1.jsx)(Skeleton_1.default, {})] })] })) }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", mb: 2 }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.noPaymentMethods", defaultMessage: "ui.userPaymentMethods.noPaymentMethods" }) })), (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ size: "small", variant: "contained", onClick: handleOpenAddPaymentMethodDialog }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.btnAdd", defaultMessage: "ui.userPaymentMethods.btnAdd" }) }))] })), openDeleteDialog && ((0, jsx_runtime_1.jsx)(ConfirmDialog_1.default, { open: openDeleteDialog, title: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.dialog.confirmDeleteTitle", defaultMessage: "ui.userPaymentMethods.dialog.confirmDeleteTitle" }), btnConfirm: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userPaymentMethods.dialog.confirmDeleteDescription", defaultMessage: "ui.userPaymentMethods.dialog.confirmDeleteDescription" }), onConfirm: handleConfirmDelete, onClose: handleConfirmClose, isUpdating: isDeletingPaymentMethod })), editPaymentMethodDialogOpen && editPaymentMethod !== null && ((0, jsx_runtime_1.jsx)(UserChangeAddressDialog_1.default, { open: true, defaultAddress: editPaymentMethod, handleAddress: handleAddress })), addPaymentMethodDialogOpen && (0, jsx_runtime_1.jsx)(UserAddPaymentMethodDialog_1.default, { open: true, handlePaymentMethod: handlePaymentMethodSuccess })] })) })));
 };
 exports.default = UserPaymentMethods;

package/lib/cjs/components/UserProfileEdit/Section/AccountCredentials.js

@@ -169,6 +169,6 @@ function AccountCredentials(props) {
                                 }, transformOrigin: {
                                     vertical: 'center',
                                     horizontal: 'right'
-                                }, onClose: handlePopoverClose }, { children: (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ sx: { p: '10px' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ component: 'span', sx: { whiteSpace: 'pre-line' } }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.newPassword.info", defaultMessage: "ui.userProfileEditAccountCredentials.newPassword.info" }) })) })) })), (0, jsx_runtime_1.jsx)(PasswordTextField_1.default, { name: "confirmPassword", className: classes.formField, disabled: isSubmittingPassword, label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.confirmPassword", defaultMessage: "ui.userProfileEditAccountCredentials.confirmPassword" }), size: "medium", value: field.confirmPassword, onChange: handleChange, onBlur: validateInput, error: Boolean(error.confirmPassword), helperText: error.confirmPassword })] })), (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ className: classes.confirmChangeButton, loading: isSubmittingPassword, disabled: !field.confirmPassword || Boolean(error.confirmPassword) || Boolean(error.password) || Boolean(error.newPassword), variant: "contained", onClick: handleSubmitPassword }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.changePassword", defaultMessage: "ui.userProfileEditAccountCredentials.changePassword" }) }))] })))] })));
+                                }, onClose: handlePopoverClose }, { children: (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ sx: { p: '10px' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ component: "span", sx: { whiteSpace: 'pre-line' } }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.newPassword.info", defaultMessage: "ui.userProfileEditAccountCredentials.newPassword.info" }) })) })) })), (0, jsx_runtime_1.jsx)(PasswordTextField_1.default, { name: "confirmPassword", className: classes.formField, disabled: isSubmittingPassword, label: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.confirmPassword", defaultMessage: "ui.userProfileEditAccountCredentials.confirmPassword" }), size: "medium", value: field.confirmPassword, onChange: handleChange, onBlur: validateInput, error: Boolean(error.confirmPassword), helperText: error.confirmPassword })] })), (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ className: classes.confirmChangeButton, loading: isSubmittingPassword, disabled: !field.confirmPassword || Boolean(error.confirmPassword) || Boolean(error.password) || Boolean(error.newPassword), variant: "contained", onClick: handleSubmitPassword }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userProfileEditAccountCredentials.changePassword", defaultMessage: "ui.userProfileEditAccountCredentials.changePassword" }) }))] })))] })));
 }
 exports.default = AccountCredentials;

package/lib/cjs/components/UserProfileEdit/Section/PublicInfo.js

@@ -232,6 +232,6 @@ function PublicInfo(props) {
     }
     return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, rest, { children: [startActions, _fields.map((field) => {
                 return renderField(field);
-            }), (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ className: classes.btnSave, fullWidth: true, variant: "contained", color: "secondary", onClick: handleSave, loading: saving.length > 0, disabled: saving.length > 0 || !editing.length || Object.keys(error).length > 0 }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: 'ui.userInfo.button.save', defaultMessage: 'ui.userInfo.button.save' }) })), endActions] })));
+            }), (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ className: classes.btnSave, fullWidth: true, variant: "contained", color: "secondary", onClick: handleSave, loading: saving.length > 0, disabled: saving.length > 0 || !editing.length || Object.keys(error).length > 0 }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.userInfo.button.save", defaultMessage: "ui.userInfo.button.save" }) })), endActions] })));
 }
 exports.default = PublicInfo;

package/lib/cjs/shared/ContributionActionsMenu/index.js

@@ -728,7 +728,7 @@ function ContributionActionsMenu(props) {
      */
     function renderFlagContributionSection() {
         const open = openSection === ContributionsActionsMenu_1.FLAG_CONTRIBUTION_SECTION;
-        return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: !contributionObj.deleted && !contributionObj.collapsed && ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging, onClick: () => handleOpenSection(ContributionsActionsMenu_1.FLAG_CONTRIBUTION_SECTION) }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: flagType !== undefined && flagType !== null ? ((0, jsx_runtime_1.jsx)(material_1.Badge, Object.assign({ classes: { badge: classes.sectionBadge }, badgeContent: (0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ className: classes.sectionWithSelectionIcon }, { children: "check" })), color: "primary" }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "outlined_flag" }) }))) : ((0, jsx_runtime_1.jsx)(material_1.Icon, { children: "outlined_flag" })) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.flagContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.flagContributionWithMotivation" }) }), open ? (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "expand_less" }) : (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "expand_more" })] })), (0, jsx_runtime_1.jsxs)(material_1.Collapse, Object.assign({ in: open, timeout: "auto", unmountOnExit: true }, { children: [renderReports(ContributionsActionsMenu_1.FLAG_CONTRIBUTION_SECTION), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: 'caption', component: "div", className: classes.footerSubItems }, { children: intl.formatMessage(messages.footer) }))] }))] })) }));
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: !contributionObj.deleted && !contributionObj.collapsed && ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsxs)(material_1.MenuItem, Object.assign({ className: classes.subItem, disabled: isFlagging, onClick: () => handleOpenSection(ContributionsActionsMenu_1.FLAG_CONTRIBUTION_SECTION) }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: flagType !== undefined && flagType !== null ? ((0, jsx_runtime_1.jsx)(material_1.Badge, Object.assign({ classes: { badge: classes.sectionBadge }, badgeContent: (0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ className: classes.sectionWithSelectionIcon }, { children: "check" })), color: "primary" }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "outlined_flag" }) }))) : ((0, jsx_runtime_1.jsx)(material_1.Icon, { children: "outlined_flag" })) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.flagContributionWithMotivation", defaultMessage: "ui.contributionActionMenu.flagContributionWithMotivation" }) }), open ? (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "expand_less" }) : (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "expand_more" })] })), (0, jsx_runtime_1.jsxs)(material_1.Collapse, Object.assign({ in: open, timeout: "auto", unmountOnExit: true }, { children: [renderReports(ContributionsActionsMenu_1.FLAG_CONTRIBUTION_SECTION), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "caption", component: "div", className: classes.footerSubItems }, { children: intl.formatMessage(messages.footer) }))] }))] })) }));
     }
     /**
      * Renders section hide actions
@@ -808,15 +808,9 @@ function ContributionActionsMenu(props) {
     /**
      * Renders component
      */
-    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton
-            // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-            // @ts-ignore
-            , Object.assign({ 
-                // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                // @ts-ignore
-                ref: (ref) => {
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ ref: (ref) => {
                     popperRef.current = ref;
-                }, "aria-haspopup": "true", onClick: handleOpen, className: classes.button, size: "small" }, { children: contributionObj && (contributionObj.collapsed || contributionObj.deleted) ? ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: classes.visibilityIcons }, { children: [contributionObj.collapsed ? (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "visibility_off" }) : (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "delete" }), (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "expand_more" })] }))) : ((0, jsx_runtime_1.jsx)(material_1.Icon, { children: "more_vert" })) })), open && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isMobile ? ((0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, Object.assign({ open: true, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, { children: renderContent() }))) : ((0, jsx_runtime_1.jsx)(PopperRoot, Object.assign({ open: true, anchorEl: popperRef.current, role: undefined, transition: true, className: classes.popperRoot }, PopperProps, { placement: "bottom-end" }, { children: ({ TransitionProps, placement }) => ((0, jsx_runtime_1.jsx)(material_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: 'outlined', className: classes.paper }, { children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: renderContent() })) })) }))) }))) })), openConfirmDialog && ((0, jsx_runtime_1.jsx)(ConfirmDialog_1.default, Object.assign({ open: openConfirmDialog }, (currentAction === ContributionsActionsMenu_1.DELETE_CONTRIBUTION
+                }, "aria-haspopup": "true", onClick: handleOpen, className: classes.button, size: "small" }, { children: contributionObj && (contributionObj.collapsed || contributionObj.deleted) ? ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: classes.visibilityIcons }, { children: [contributionObj.collapsed ? (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "visibility_off" }) : (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "delete" }), (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "expand_more" })] }))) : ((0, jsx_runtime_1.jsx)(material_1.Icon, { children: "more_vert" })) })), open && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isMobile ? ((0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, Object.assign({ open: true, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, { children: renderContent() }))) : ((0, jsx_runtime_1.jsx)(PopperRoot, Object.assign({ open: true, anchorEl: popperRef.current, role: undefined, transition: true, className: classes.popperRoot }, PopperProps, { placement: "bottom-end" }, { children: ({ TransitionProps, placement }) => ((0, jsx_runtime_1.jsx)(material_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "outlined", className: classes.paper }, { children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: renderContent() })) })) }))) }))) })), openConfirmDialog && ((0, jsx_runtime_1.jsx)(ConfirmDialog_1.default, Object.assign({ open: openConfirmDialog }, (currentAction === ContributionsActionsMenu_1.DELETE_CONTRIBUTION
                 ? {
                     content: ((0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: "ui.contributionActionMenu.deleteContributionInfo", defaultMessage: "ui.contributionActionMenu.deleteContributionInfo" }))
                 }

package/lib/cjs/shared/DateTimeAgo/index.js

@@ -37,7 +37,7 @@ function DateTimeAgo(props) {
      */
     if (date) {
         const formattedDate = (0, formatRelativeTime_1.getRelativeTime)(date);
-        return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ as: "span", className: (0, classnames_1.default)(classes.root, className) }, rest, { children: [showStartIcon && (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "access_time" }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: `${intl.formatDate(date, { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric' })}`, enterTouchDelay: 0 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: 'body2', component: 'span' }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedRelativeTime, { value: -formattedDate.value, unit: formattedDate.unit, numeric: "auto" }) })) }))] })));
+        return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ as: "span", className: (0, classnames_1.default)(classes.root, className) }, rest, { children: [showStartIcon && (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "access_time" }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: `${intl.formatDate(date, { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric' })}`, enterTouchDelay: 0 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", component: "span" }, { children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedRelativeTime, { value: -formattedDate.value, unit: formattedDate.unit, numeric: "auto" }) })) }))] })));
     }
     return null;
 }

package/lib/cjs/shared/EmojiPicker/EmojiPicker.d.ts

@@ -1,6 +1,5 @@
 import { PickerProps } from 'emoji-picker-react';
-interface EmojiPickerProps extends PickerProps {
+export interface EmojiPickerProps extends PickerProps {
     className?: string;
 }
 export default function EmojiPicker(inProps: EmojiPickerProps): JSX.Element;
-export {};

package/lib/cjs/shared/InfiniteScroll/stories/ScrolleableTop.js

@@ -22,6 +22,6 @@ function ScrolleableTop() {
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { children: "demo: Infinite Scroll on top" }), (0, jsx_runtime_1.jsx)("hr", {}), (0, jsx_runtime_1.jsx)("div", Object.assign({ id: "scrollableDiv", style: {
                     height: 300,
                     overflow: 'auto'
-                } }, { children: (0, jsx_runtime_1.jsx)(index_1.default, Object.assign({ dataLength: items.length, previous: fetchMoreData, hasMorePrevious: true, loaderPrevious: (0, jsx_runtime_1.jsx)("h4", { children: "Loading prev..." }), scrollableTarget: "scrollableDiv", scrollThreshold: '0px' }, { children: items.map((_, index) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: style }, { children: ["div - #", index] }), index))) })) }))] }));
+                } }, { children: (0, jsx_runtime_1.jsx)(index_1.default, Object.assign({ dataLength: items.length, previous: fetchMoreData, hasMorePrevious: true, loaderPrevious: (0, jsx_runtime_1.jsx)("h4", { children: "Loading prev..." }), scrollableTarget: "scrollableDiv", scrollThreshold: "0px" }, { children: items.map((_, index) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: style }, { children: ["div - #", index] }), index))) })) }))] }));
 }
 exports.default = ScrolleableTop;

package/lib/cjs/shared/LessonCommentActionsMenu/index.js

@@ -181,14 +181,8 @@ function LessonCommentActionsMenu(props) {
     /**
      * Renders component
      */
-    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton
-            // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-            // @ts-ignore
-            , Object.assign({ 
-                // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                // @ts-ignore
-                ref: (ref) => {
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ ref: (ref) => {
                     popperRef.current = ref;
-                }, "aria-haspopup": "true", onClick: handleOpen, className: classes.button, size: "small" }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "more_vert" }) })), open && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isMobile ? ((0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, Object.assign({ open: true, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, { children: renderContent() }))) : ((0, jsx_runtime_1.jsx)(PopperRoot, Object.assign({ open: true, anchorEl: popperRef.current, role: undefined, transition: true, className: classes.popperRoot }, PopperProps, { placement: "bottom-end" }, { children: ({ TransitionProps, placement }) => ((0, jsx_runtime_1.jsx)(material_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: 'outlined', className: classes.paper }, { children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: renderContent() })) })) }))) }))) })), openConfirmDialog && ((0, jsx_runtime_1.jsx)(ConfirmDialog_1.default, { open: openConfirmDialog, onConfirm: handleConfirmedAction, isUpdating: Boolean(currentActionLoading), onClose: () => setOpenConfirmDialog(false) }))] })));
+                }, "aria-haspopup": "true", onClick: handleOpen, className: classes.button, size: "small" }, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, { children: "more_vert" }) })), open && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isMobile ? ((0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, Object.assign({ open: true, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, { children: renderContent() }))) : ((0, jsx_runtime_1.jsx)(PopperRoot, Object.assign({ open: true, anchorEl: popperRef.current, role: undefined, transition: true, className: classes.popperRoot }, PopperProps, { placement: "bottom-end" }, { children: ({ TransitionProps, placement }) => ((0, jsx_runtime_1.jsx)(material_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "outlined", className: classes.paper }, { children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: renderContent() })) })) }))) }))) })), openConfirmDialog && ((0, jsx_runtime_1.jsx)(ConfirmDialog_1.default, { open: openConfirmDialog, onConfirm: handleConfirmedAction, isUpdating: Boolean(currentActionLoading), onClose: () => setOpenConfirmDialog(false) }))] })));
 }
 exports.default = LessonCommentActionsMenu;

package/lib/cjs/shared/Lightbox/BaseLightbox.js

@@ -25,7 +25,7 @@ const BaseLightbox = (props) => {
     /**
      * Renders root object
      */
-    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({}, rest, { className: classes.root, images: images, visible: visible && index !== -1, index: currentImageIndex, onIndexChange: handleIndexChange, onClose: onClose, afterClose: afterClose, loadingElement: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: 'primary' }), toolbarRender: toolbarRender
+    return ((0, jsx_runtime_1.jsx)(Root, Object.assign({}, rest, { className: classes.root, images: images, visible: visible && index !== -1, index: currentImageIndex, onIndexChange: handleIndexChange, onClose: onClose, afterClose: afterClose, loadingElement: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "primary" }), toolbarRender: toolbarRender
             ? toolbarRender
             : () => {
                 return toolbarButtons;

package/lib/cjs/shared/MessageChunkUploader/index.js

@@ -178,7 +178,7 @@ exports.default = (props) => {
             return Promise.resolve({ options });
         }
         else if (isImageType(items[0].file.type)) {
-            return new Promise((resolve, reject) => {
+            return new Promise((resolve) => {
                 Promise.all(items.map((item) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
                     return Object.assign(Object.assign({}, item), { file: item.file.type === 'image/gif' ? item.file : yield (0, thumbnailCoverter_1.createThumbnail)(item.file) });
                 })))

package/lib/cjs/shared/Tags/index.js

@@ -112,7 +112,7 @@ function Tags(props) {
                             }
                         ] }, { children: (_a) => {
                             var { TransitionProps, placement } = _a, rest = tslib_1.__rest(_a, ["TransitionProps", "placement"]);
-                            return ((0, jsx_runtime_1.jsx)(material_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: 'outlined', className: classes.paper }, { children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, Object.assign({ spacing: 2 }, rest, { children: tags
+                            return ((0, jsx_runtime_1.jsx)(material_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "outlined", className: classes.paper }, { children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, Object.assign({ spacing: 2 }, rest, { children: tags
                                                         .filter((tag) => tag.visible)
                                                         .map((tag) => ((0, jsx_runtime_1.jsx)(ItemList, { children: (0, jsx_runtime_1.jsx)(TagChip_1.default, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps, { showDescription: true })) }, tag.id))) }))] }) })) })) })));
                         } }))] }))) : ((0, jsx_runtime_1.jsxs)(ListRoot, { children: [renderTitle(), (0, jsx_runtime_1.jsx)(StackList, Object.assign({ spacing: 1, direction: rest.direction ? rest.direction : 'column' }, { children: tags

package/lib/cjs/shared/UpScalingTierBadge/UpScalingTierBadge.d.ts

@@ -1,5 +1,5 @@
 import type { StoryObj } from '@storybook/react';
-import SCUpScalingTierBadge from './index';
-declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-7abe74eb").R, import("./index").UpScalingTierProps>;
+import SCUpScalingTierBadge, { UpScalingTierProps } from './index';
+declare const _default: import("storybook/internal/csf").ComponentAnnotations<import("@storybook/react/dist/types-7abe74eb").R, UpScalingTierProps>;
 export default _default;
 export declare const Base: StoryObj<typeof SCUpScalingTierBadge>;

package/lib/esm/components/AccountDataPortability/AccountDataPortability.js

@@ -149,8 +149,8 @@ export default function AccountDataPortability(inProps) {
      * Renders root object
      */
     return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { children: [_jsx(Typography, Object.assign({ variant: "h6" }, { children: _jsx(FormattedMessage, { id: "ui.accountDataPortability.title", defaultMessage: "ui.accountDataPortability.title", values: { username: capitalize(scUserContext.user.username) } }) })), _jsx(Typography, Object.assign({ variant: "body2", component: "div" }, { children: _jsx(FormattedMessage, { id: "ui.accountDataPortability.info", defaultMessage: "ui.accountDataPortability.info", values: {
-                        li: (chunks) => _jsx("li", { children: chunks }),
-                        ul: (chunks) => _jsx("ul", { children: chunks })
+                        li: (chunks) => _jsx("li", { children: chunks }, "ui.accountDataPortability.info.li"),
+                        ul: (chunks) => _jsx("ul", { children: chunks }, "ui.accountDataPortability.info.ul")
                     } }) })), _jsx(Button, Object.assign({ size: "small", loading: (dataPortability && dataPortability.computing) || loading, disabled: !dataPortability ||
                     (dataPortability &&
                         (dataPortability.computing ||

package/lib/esm/components/AccountDelete/AccountDelete.js

@@ -108,10 +108,10 @@ export default function AccountDelete(inProps) {
      */
     return (_jsxs(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { children: [_jsx(Typography, Object.assign({ className: classes.message, component: Box }, { children: _jsx(FormattedMessage, { id: "ui.accountDelete.message", defaultMessage: "ui.accountDelete.message", values: {
                         communityName,
-                        li: (chunks) => _jsx("li", { children: chunks }),
-                        ul: (chunks) => _jsx("ul", { children: chunks })
+                        li: (chunks) => _jsx("li", { children: chunks }, "ui.accountDelete.message.li"),
+                        ul: (chunks) => _jsx("ul", { children: chunks }, "ui.accountDelete.message.ul")
                     } }) })), _jsxs(Typography, Object.assign({ className: classes.confirm, component: Box }, { children: [_jsx(FormattedMessage, { id: "ui.accountDelete.confirmMessage", defaultMessage: "ui.accountDelete.confirmMessage", values: {
                             username: scUserContext.user.username,
-                            b: (chunks) => _jsx("b", { children: chunks })
+                            b: (chunks) => _jsx("b", { children: chunks }, "ui.accountDelete.confirmMessage.b")
                         } }), _jsx(TextField, { name: "confirm", value: confirm, onChange: handleChange, autoComplete: "off", size: "small" })] })), error && _jsx(Typography, Object.assign({ color: "error" }, { children: error })), _jsx(Button, Object.assign({ className: classes.button, size: "small", disabled: isDeleting || confirm !== scUserContext.user.username, variant: "outlined", onClick: handleDelete }, { children: _jsx(FormattedMessage, { id: "ui.accountDelete.buttonLabel", defaultMessage: "ui.accountDelete.buttonLabel" }) }))] })));
 }

package/lib/esm/components/AccountRecover/AccountRecover.js

@@ -18,7 +18,7 @@ const classes = {
 const Root = styled(Box, {
     name: PREFIX,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })(({ theme }) => ({
     [`& .${classes.form} .MuiTextField-root, &.${classes.root} .MuiButton-root`]: {
         margin: theme.spacing(1, 0, 1, 0)
@@ -102,8 +102,6 @@ export default function AccountRecover(inProps) {
     // RENDER
     return (_jsx(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { children: isSucceed ? (_jsxs(Alert, Object.assign({ severity: "success", className: classes.success }, { children: [intl.formatMessage({ id: 'ui.accountRecover.success', defaultMessage: 'ui.accountRecover.success' }, {
                     email,
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                    // @ts-ignore
-                    b: (chunks) => _jsx("b", { children: chunks })
+                    b: (chunks) => _jsx("b", { children: chunks }, "ui.accountRecover.success.b")
                 }), successAction] }))) : (_jsxs("form", Object.assign({ className: classes.form, onSubmit: handleSubmit }, { children: [_jsx(EmailTextField, Object.assign({ className: classes.email, disabled: isSubmitting, label: _jsx(FormattedMessage, { id: "ui.accountRecover.email.label", defaultMessage: "ui.accountRecover.email.label" }) }, TextFieldProps, { value: email, onChange: handleChange, error: Boolean(emailError), helperText: emailError && (_jsx(FormattedMessage, { id: `ui.accountRecover.email.error.${emailError}`, defaultMessage: `ui.accountRecover.email.error.${emailError}` })) })), _jsx(Button, Object.assign({ type: "submit" }, ButtonProps, { disabled: !email || Boolean(emailError) || isSubmitting }, { children: _jsx(FormattedMessage, { id: "ui.accountRecover.submit", defaultMessage: "ui.accountRecover.submit" }) }))] }))) })));
 }

package/lib/esm/components/BroadcastMessages/Message.js

@@ -93,7 +93,7 @@ export default function Message(props) {
         return (_jsx(Root, Object.assign({ id: id, className: classNames(classes.root, className) }, rest, { children: _jsx(Fade, Object.assign({ in: open, unmountOnExit: true }, { children: _jsxs(Box, { children: [message.viewed_at === null && !disableMarkRead && (_jsx(MarkRead, { endpoint: Endpoints.BroadcastMessagesMarkRead, data: { banner_ids: [message.id] }, callback: handleOnRead })), _jsx(CardHeader, { className: classes.header, avatar: _jsx(Avatar, { alt: preferences[SCPreferences.TEXT_APPLICATION_NAME], src: preferences[SCPreferences.LOGO_NAVBAR_LOGO_MOBILE] }), action: template === SCBroadcastMessageTemplateType.DETAIL && (_jsx(IconButton, Object.assign({ "aria-label": "close", onClick: handleClose, disabled: closing }, { children: closing ? _jsx(CircularProgress, { size: 20 }) : _jsx(Icon, { children: "close" }) }))), title: _jsx(Chip, { color: "secondary", size: "small", label: _jsx(FormattedMessage, { id: "ui.broadcastMessages.message.chip", defaultMessage: "ui.broadcastMessages.message.chip" }) }) }), renderContent(banner)] }) })) })));
     }
     // SCBroadcastMessageTemplateType.SNIPPET
-    return (_jsx(Root, Object.assign({ id: id, className: className }, rest, { children: _jsxs(ListItem, Object.assign({ alignItems: 'center', component: 'div', classes: {
+    return (_jsx(Root, Object.assign({ id: id, className: className }, rest, { children: _jsxs(ListItem, Object.assign({ alignItems: "center", component: "div", classes: {
                 root: classNames(classes.listItemSnippet, classes.listItemSnippetNew)
             } }, { children: [_jsx(ListItemAvatar, Object.assign({ classes: { root: classes.messageIconWrap } }, { children: _jsx(Avatar, Object.assign({ variant: "circular", classes: { root: classes.messageIconSnippet } }, { children: _jsx(Icon, { children: "info" }) })) })), _jsx(ListItemText, { disableTypography: true, primary: _jsx(Link, Object.assign({ to: scRoutingContext.url(SCRoutes.USER_NOTIFICATIONS_ROUTE_NAME, {}) }, { children: _jsx(Typography, Object.assign({ component: "span", color: "inherit" }, { children: banner.title })) })) })] })) })));
 }

package/lib/esm/components/Categories/prefetchedCategories.js

@@ -1,128 +1,128 @@
 const prefetchedCategories = [
     {
-        "id": 12,
-        "tags": [],
-        "followed": true,
-        "order": 0,
-        "name": "Decimo",
-        "name_synonyms": "",
-        "slug": "decimo",
-        "slogan": "",
-        "html_info": null,
-        "seo_title": "",
-        "seo_description": "",
-        "auto_follow": "none",
-        "active": true,
-        "image_original": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/original/decimo_6924.png",
-        "image_bigger": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/bigger/decimo_8041.png",
-        "image_big": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/big/decimo_3816.png",
-        "image_medium": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/medium/decimo_0379.png",
-        "image_small": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/small/decimo_2449.png",
-        "emotional_image_original": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/e_original/decimo_6614.jpg",
-        "emotional_image_position": 50,
-        "lastmod_datetime": "2022-03-16T11:27:54.224553+01:00",
-        "stream_order_by": "recent",
-        "followers_counter": 121
+        id: 12,
+        tags: [],
+        followed: true,
+        order: 0,
+        name: 'Decimo',
+        name_synonyms: '',
+        slug: 'decimo',
+        slogan: '',
+        html_info: undefined,
+        seo_title: '',
+        seo_description: '',
+        auto_follow: 'none',
+        active: true,
+        image_original: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/original/decimo_6924.png',
+        image_bigger: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/bigger/decimo_8041.png',
+        image_big: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/big/decimo_3816.png',
+        image_medium: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/medium/decimo_0379.png',
+        image_small: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/small/decimo_2449.png',
+        emotional_image_original: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/e_original/decimo_6614.jpg',
+        emotional_image_position: 50,
+        lastmod_datetime: '2022-03-16T11:27:54.224553+01:00',
+        stream_order_by: 'recent',
+        followers_counter: 121
     },
     {
-        "id": 21,
-        "tags": [],
-        "followed": true,
-        "order": 0,
-        "name": "Diciannovesimo",
-        "name_synonyms": "",
-        "slug": "diciannovesimo",
-        "slogan": "",
-        "html_info": null,
-        "seo_title": "",
-        "seo_description": "",
-        "auto_follow": "none",
-        "active": true,
-        "image_original": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/original/diciannovesimo_3711.png",
-        "image_bigger": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/bigger/diciannovesimo_2523.png",
-        "image_big": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/big/diciannovesimo_0903.png",
-        "image_medium": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/medium/diciannovesimo_8502.png",
-        "image_small": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/small/diciannovesimo_8366.png",
-        "emotional_image_original": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/e_original/diciannovesimo_8326.jpg",
-        "emotional_image_position": 50,
-        "lastmod_datetime": "2022-03-16T11:29:56.488219+01:00",
-        "stream_order_by": "recent",
-        "followers_counter": 128
+        id: 21,
+        tags: [],
+        followed: true,
+        order: 0,
+        name: 'Diciannovesimo',
+        name_synonyms: '',
+        slug: 'diciannovesimo',
+        slogan: '',
+        html_info: undefined,
+        seo_title: '',
+        seo_description: '',
+        auto_follow: 'none',
+        active: true,
+        image_original: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/original/diciannovesimo_3711.png',
+        image_bigger: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/bigger/diciannovesimo_2523.png',
+        image_big: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/big/diciannovesimo_0903.png',
+        image_medium: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/medium/diciannovesimo_8502.png',
+        image_small: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/small/diciannovesimo_8366.png',
+        emotional_image_original: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/e_original/diciannovesimo_8326.jpg',
+        emotional_image_position: 50,
+        lastmod_datetime: '2022-03-16T11:29:56.488219+01:00',
+        stream_order_by: 'recent',
+        followers_counter: 128
     },
     {
-        "id": 19,
-        "tags": [],
-        "followed": true,
-        "order": 0,
-        "name": "Diciasettesimo",
-        "name_synonyms": "",
-        "slug": "diciasettesimo",
-        "slogan": "",
-        "html_info": null,
-        "seo_title": "",
-        "seo_description": "",
-        "auto_follow": "none",
-        "active": true,
-        "image_original": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/original/diciasettesimo_1283.png",
-        "image_bigger": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/bigger/diciasettesimo_5019.png",
-        "image_big": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/big/diciasettesimo_6746.png",
-        "image_medium": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/medium/diciasettesimo_7799.png",
-        "image_small": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/small/diciasettesimo_7603.png",
-        "emotional_image_original": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/e_original/diciasettesimo_0512.jpg",
-        "emotional_image_position": 50,
-        "lastmod_datetime": "2022-03-16T11:29:27.579942+01:00",
-        "stream_order_by": "recent",
-        "followers_counter": 117
+        id: 19,
+        tags: [],
+        followed: true,
+        order: 0,
+        name: 'Diciasettesimo',
+        name_synonyms: '',
+        slug: 'diciasettesimo',
+        slogan: '',
+        html_info: undefined,
+        seo_title: '',
+        seo_description: '',
+        auto_follow: 'none',
+        active: true,
+        image_original: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/original/diciasettesimo_1283.png',
+        image_bigger: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/bigger/diciasettesimo_5019.png',
+        image_big: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/big/diciasettesimo_6746.png',
+        image_medium: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/medium/diciasettesimo_7799.png',
+        image_small: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/small/diciasettesimo_7603.png',
+        emotional_image_original: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/e_original/diciasettesimo_0512.jpg',
+        emotional_image_position: 50,
+        lastmod_datetime: '2022-03-16T11:29:27.579942+01:00',
+        stream_order_by: 'recent',
+        followers_counter: 117
     },
     {
-        "id": 20,
-        "tags": [],
-        "followed": true,
-        "order": 0,
-        "name": "Diciottesimo",
-        "name_synonyms": "",
-        "slug": "diciottesimo",
-        "slogan": "",
-        "html_info": null,
-        "seo_title": "",
-        "seo_description": "",
-        "auto_follow": "none",
-        "active": true,
-        "image_original": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/original/diciottesimo_7510.png",
-        "image_bigger": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/bigger/diciottesimo_4703.png",
-        "image_big": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/big/diciottesimo_7082.png",
-        "image_medium": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/medium/diciottesimo_4128.png",
-        "image_small": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/small/diciottesimo_9547.png",
-        "emotional_image_original": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/e_original/diciottesimo_0577.jpg",
-        "emotional_image_position": 50,
-        "lastmod_datetime": "2022-03-16T11:29:38.915804+01:00",
-        "stream_order_by": "recent",
-        "followers_counter": 117
+        id: 20,
+        tags: [],
+        followed: true,
+        order: 0,
+        name: 'Diciottesimo',
+        name_synonyms: '',
+        slug: 'diciottesimo',
+        slogan: '',
+        html_info: undefined,
+        seo_title: '',
+        seo_description: '',
+        auto_follow: 'none',
+        active: true,
+        image_original: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/original/diciottesimo_7510.png',
+        image_bigger: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/bigger/diciottesimo_4703.png',
+        image_big: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/big/diciottesimo_7082.png',
+        image_medium: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/medium/diciottesimo_4128.png',
+        image_small: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/small/diciottesimo_9547.png',
+        emotional_image_original: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/e_original/diciottesimo_0577.jpg',
+        emotional_image_position: 50,
+        lastmod_datetime: '2022-03-16T11:29:38.915804+01:00',
+        stream_order_by: 'recent',
+        followers_counter: 117
     },
     {
-        "id": 14,
-        "tags": [],
-        "followed": true,
-        "order": 0,
-        "name": "Dodicesimo",
-        "name_synonyms": "",
-        "slug": "dodicesimo",
-        "slogan": "",
-        "html_info": null,
-        "seo_title": "",
-        "seo_description": "",
-        "auto_follow": "none",
-        "active": true,
-        "image_original": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/original/dodicesimo_7967.png",
-        "image_bigger": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/bigger/dodicesimo_2679.png",
-        "image_big": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/big/dodicesimo_3516.png",
-        "image_medium": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/medium/dodicesimo_2780.png",
-        "image_small": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/small/dodicesimo_6346.png",
-        "emotional_image_original": "https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/e_original/dodicesimo_8289.jpg",
-        "emotional_image_position": 50,
-        "lastmod_datetime": "2022-03-16T11:28:12.013730+01:00",
-        "stream_order_by": "recent",
-        "followers_counter": 122
+        id: 14,
+        tags: [],
+        followed: true,
+        order: 0,
+        name: 'Dodicesimo',
+        name_synonyms: '',
+        slug: 'dodicesimo',
+        slogan: '',
+        html_info: undefined,
+        seo_title: '',
+        seo_description: '',
+        auto_follow: 'none',
+        active: true,
+        image_original: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/original/dodicesimo_7967.png',
+        image_bigger: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/bigger/dodicesimo_2679.png',
+        image_big: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/big/dodicesimo_3516.png',
+        image_medium: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/medium/dodicesimo_2780.png',
+        image_small: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/small/dodicesimo_6346.png',
+        emotional_image_original: 'https://static.quentrix.com/dhpyt711mb8h2n3m/upfiles/categories/e_original/dodicesimo_8289.jpg',
+        emotional_image_position: 50,
+        lastmod_datetime: '2022-03-16T11:28:12.013730+01:00',
+        stream_order_by: 'recent',
+        followers_counter: 122
     }
 ];
 export { prefetchedCategories };

package/lib/esm/components/ChangeCover/ChangeCover.js

@@ -173,12 +173,8 @@ export default function ChangeCover(inProps) {
                             vertical: 'bottom',
                             horizontal: 'right'
                         } }, { children: _jsxs(Box, Object.assign({ sx: { p: '10px' } }, { children: [_jsx(Typography, Object.assign({ component: "h3" }, { children: _jsx(FormattedMessage, { id: "ui.changeCover.button.uploadA", defaultMessage: "ui.changeCover.button.uploadA" }) })), _jsx(Divider, {}), _jsx(Typography, Object.assign({ component: "span" }, { children: _jsx(FormattedMessage, { id: "ui.changeCover.info", defaultMessage: "ui.changeCover.info", values: {
-                                            // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                                            // @ts-ignore
-                                            li: (chunks) => _jsx("li", { children: chunks }),
-                                            // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                                            // @ts-ignore
-                                            ul: (chunks) => _jsx("ul", { children: chunks })
+                                            li: (chunks) => _jsx("li", { children: chunks }, "ui.changeCover.info.li"),
+                                            ul: (chunks) => _jsx("ul", { children: chunks }, "ui.changeCover.info.ul")
                                         } }) }))] })) })))] })), openDeleteCoverDialog && (_jsx(ConfirmDialog, { open: openDeleteCoverDialog, title: _jsx(FormattedMessage, { id: "ui.changeCover.dialog.msg", defaultMessage: "ui.changeCover.dialog.msg" }), onConfirm: deleteCover, isUpdating: isDeletingCover, onClose: () => {
                     setOpenDeleteCoverDialog(false);
                     setAnchorEl(null);