@plone/volto 18.0.0-alpha.43 → 18.0.0-alpha.44

package/dist/server/assets/ChangePassword-K3-cTffr.js

@@ -0,0 +1,217 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useDispatch, useSelector, shallowEqual } from "react-redux";
+import { useLocation, useHistory, Link } from "react-router-dom";
+import { defineMessages, useIntl } from "react-intl";
+import { createPortal } from "react-dom";
+import { Container } from "semantic-ui-react";
+import jwtDecode from "jwt-decode";
+import { toast } from "react-toastify";
+import { H as HelmetExport, F as Form, b as getBaseUrl, I as Icon, o as backSVG, T as Toast } from "../entry-server.js";
+import "react";
+import { u as useClient } from "./useClient-_7WynRVZ.js";
+import { T as Toolbar } from "./Toolbar-DVsVq7NQ.js";
+import { u as updatePassword } from "./users-BY0qskQF.js";
+import "classnames";
+import "lodash-es";
+import "moment";
+import "react-router";
+import "prop-types";
+import "react-router-hash-link";
+import "tlds";
+import "prepend-http";
+import "redux";
+import "lodash-move";
+import "react-dom/server";
+import "react-transition-group";
+import "promise-file-reader";
+import "uuid";
+import "pretty-bytes";
+import "react-side-effect";
+import "github-slugger";
+import "slate";
+import "hoist-non-react-statics";
+import "query-string";
+import "slate-react";
+import "prettier/standalone";
+import "prettier/parser-html";
+import "prismjs/components/prism-core.js";
+import "react-animate-height";
+import "react-popper";
+import "react-sortable-hoc";
+import "react-dates/initialize.js";
+import "react-anchor-link-smooth-scroll";
+import "react-router-config";
+import "react-fast-compare";
+import "object-assign";
+import "lodash-es/split.js";
+import "lodash-es/join.js";
+import "lodash-es/trim.js";
+import "react-cookie";
+import "react-intl-redux";
+import "universal-cookie";
+import "slate-hyperscript";
+import "is-hotkey";
+import "react-dropzone";
+import "react-intersection-observer";
+import "is-url";
+import "lodash-es/isUndefined.js";
+import "lodash-es/isString.js";
+import "redux-mock-store";
+import "serialize-javascript";
+import "superagent";
+import "connected-react-router";
+import "react-beautiful-dnd";
+import "detect-browser";
+import "locale";
+import "history";
+import "redux-thunk";
+import "redux-localstorage-simple";
+import "debug";
+import "express";
+import "http-proxy-middleware";
+import "./User-CeYa32LY.js";
+import "./PersonalInformation--cOokZv2.js";
+const messages = defineMessages({
+  changePassword: {
+    id: "Change Password",
+    defaultMessage: "Change Password"
+  },
+  default: {
+    id: "Default",
+    defaultMessage: "Default"
+  },
+  oldPasswordTitle: {
+    id: "Current password",
+    defaultMessage: "Current password"
+  },
+  oldPasswordDescription: {
+    id: "Enter your current password.",
+    defaultMessage: "Enter your current password."
+  },
+  newPasswordTitle: {
+    id: "New password",
+    defaultMessage: "New password"
+  },
+  newPasswordDescription: {
+    id: "Enter your new password. Minimum 8 characters.",
+    defaultMessage: "Enter your new password. Minimum 8 characters."
+  },
+  newPasswordRepeatTitle: {
+    id: "Confirm password",
+    defaultMessage: "Confirm password"
+  },
+  newPasswordRepeatDescription: {
+    id: "Re-enter the password. Make sure the passwords are identical.",
+    defaultMessage: "Re-enter the password. Make sure the passwords are identical."
+  },
+  saved: {
+    id: "Changes saved",
+    defaultMessage: "Changes saved"
+  },
+  back: {
+    id: "Back",
+    defaultMessage: "Back"
+  },
+  success: {
+    id: "Success",
+    defaultMessage: "Success"
+  }
+});
+const ChangePassword = () => {
+  const intl = useIntl();
+  const dispatch = useDispatch();
+  const isClient = useClient();
+  const userId = useSelector(
+    (state) => state.userSession.token ? jwtDecode(state.userSession.token).sub : "",
+    shallowEqual
+  );
+  const loading = useSelector((state) => state.users.update_password.loading);
+  const { pathname } = useLocation();
+  const history = useHistory();
+  const onSubmit = (data) => {
+    if (data.newPassword === data.newPasswordRepeat) {
+      dispatch(updatePassword(userId, data.oldPassword, data.newPassword)).then(
+        () => {
+          toast.success(
+            /* @__PURE__ */ jsx(
+              Toast,
+              {
+                success: true,
+                title: intl.formatMessage(messages.success),
+                content: intl.formatMessage(messages.saved)
+              }
+            )
+          );
+        }
+      );
+    }
+  };
+  const onCancel = () => {
+    history.goBack();
+  };
+  return /* @__PURE__ */ jsxs(Container, { id: "page-change-password", children: [
+    /* @__PURE__ */ jsx(HelmetExport, { title: intl.formatMessage(messages.changePassword) }),
+    /* @__PURE__ */ jsx(
+      Form,
+      {
+        schema: {
+          fieldsets: [
+            {
+              id: "default",
+              title: intl.formatMessage(messages.default),
+              fields: ["oldPassword", "newPassword", "newPasswordRepeat"]
+            }
+          ],
+          properties: {
+            oldPassword: {
+              description: intl.formatMessage(messages.oldPasswordDescription),
+              title: intl.formatMessage(messages.oldPasswordTitle),
+              type: "string",
+              widget: "password"
+            },
+            newPassword: {
+              description: intl.formatMessage(messages.newPasswordDescription),
+              title: intl.formatMessage(messages.newPasswordTitle),
+              type: "string",
+              widget: "password"
+            },
+            newPasswordRepeat: {
+              description: intl.formatMessage(
+                messages.newPasswordRepeatDescription
+              ),
+              title: intl.formatMessage(messages.newPasswordRepeatTitle),
+              type: "string",
+              widget: "password"
+            }
+          },
+          required: ["oldPassword", "newPassword", "newPasswordRepeat"]
+        },
+        onSubmit,
+        onCancel,
+        loading
+      }
+    ),
+    isClient && createPortal(
+      /* @__PURE__ */ jsx(
+        Toolbar,
+        {
+          pathname,
+          hideDefaultViewButtons: true,
+          inner: /* @__PURE__ */ jsx(Link, { to: `${getBaseUrl(pathname)}`, className: "item", children: /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: backSVG,
+              className: "contents circled",
+              size: "30px",
+              title: intl.formatMessage(messages.back)
+            }
+          ) })
+        }
+      ),
+      document.getElementById("toolbar")
+    )
+  ] });
+};
+export {
+  ChangePassword as default
+};

package/dist/server/assets/CheckboxWidget-C2UdwJnU.js

@@ -0,0 +1,108 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import PropTypes from "prop-types";
+import { Checkbox } from "semantic-ui-react";
+import { injectIntl } from "react-intl";
+import { a5 as FormFieldWrapper } from "../entry-server.js";
+import "classnames";
+import "lodash-es";
+import "moment";
+import "react-redux";
+import "react-router";
+import "react-router-hash-link";
+import "tlds";
+import "prepend-http";
+import "react-router-dom";
+import "redux";
+import "lodash-move";
+import "react-dom";
+import "react-dom/server";
+import "react-transition-group";
+import "react-toastify";
+import "promise-file-reader";
+import "uuid";
+import "pretty-bytes";
+import "react-side-effect";
+import "github-slugger";
+import "slate";
+import "hoist-non-react-statics";
+import "query-string";
+import "slate-react";
+import "prettier/standalone";
+import "prettier/parser-html";
+import "prismjs/components/prism-core.js";
+import "react-animate-height";
+import "react-popper";
+import "react-sortable-hoc";
+import "react-dates/initialize.js";
+import "react-anchor-link-smooth-scroll";
+import "jwt-decode";
+import "react-router-config";
+import "react-fast-compare";
+import "object-assign";
+import "lodash-es/split.js";
+import "lodash-es/join.js";
+import "lodash-es/trim.js";
+import "react-cookie";
+import "react-intl-redux";
+import "universal-cookie";
+import "slate-hyperscript";
+import "is-hotkey";
+import "react-dropzone";
+import "react-intersection-observer";
+import "is-url";
+import "lodash-es/isUndefined.js";
+import "lodash-es/isString.js";
+import "redux-mock-store";
+import "serialize-javascript";
+import "superagent";
+import "connected-react-router";
+import "react-beautiful-dnd";
+import "detect-browser";
+import "locale";
+import "history";
+import "redux-thunk";
+import "redux-localstorage-simple";
+import "debug";
+import "express";
+import "http-proxy-middleware";
+const CheckboxWidget = (props) => {
+  const { id, title, value, onChange, isDisabled } = props;
+  return /* @__PURE__ */ jsx(FormFieldWrapper, { ...props, columns: 1, children: /* @__PURE__ */ jsx("div", { className: "wrapper", children: /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      name: `field-${id}`,
+      checked: value || false,
+      disabled: isDisabled,
+      onChange: (event, { checked }) => {
+        onChange(id, checked);
+      },
+      label: /* @__PURE__ */ jsx("label", { htmlFor: `field-${id}`, children: title })
+    }
+  ) }) });
+};
+CheckboxWidget.propTypes = {
+  id: PropTypes.string.isRequired,
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,
+  description: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  required: PropTypes.bool,
+  error: PropTypes.arrayOf(PropTypes.string),
+  value: PropTypes.bool,
+  onChange: PropTypes.func,
+  onEdit: PropTypes.func,
+  onDelete: PropTypes.func,
+  wrapped: PropTypes.bool
+};
+CheckboxWidget.defaultProps = {
+  description: null,
+  required: false,
+  error: [],
+  value: null,
+  onChange: null,
+  onEdit: null,
+  onDelete: null
+};
+const CheckboxWidget$1 = injectIntl(CheckboxWidget);
+export {
+  CheckboxWidget$1 as default
+};

package/dist/server/assets/ColorPickerWidget-C3Fs64WC.js

@@ -0,0 +1,72 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default from "react";
+import { Form as Form$1, Grid, Button } from "semantic-ui-react";
+import { isEmpty, isEqual } from "lodash-es";
+import { defineMessages, useIntl } from "react-intl";
+const messages = defineMessages({
+  Color: {
+    id: "Color",
+    defaultMessage: "Color"
+  }
+});
+const ColorPickerWidget = (props) => {
+  const { id, title, required, value, onChange, colors, className } = props;
+  const intl = useIntl();
+  React__default.useEffect(() => {
+    if (isEmpty(props.value) && props.default) {
+      props.onChange(props.id, props.default);
+    }
+  });
+  return colors.length > 0 ? /* @__PURE__ */ jsx(
+    Form$1.Field,
+    {
+      inline: true,
+      required,
+      className,
+      id: "field-" + id,
+      children: /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(Grid.Row, { children: /* @__PURE__ */ jsx(
+        Grid.Column,
+        {
+          width: "12",
+          className: "color-picker-widget",
+          verticalAlign: "middle",
+          children: /* @__PURE__ */ jsxs("div", { className: "wrapper", children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: `field-${id}`, children: title ? title : intl.formatMessage(messages.Color) }),
+            /* @__PURE__ */ jsx("div", { className: "buttons", children: colors.map((color) => {
+              let colorValue;
+              const colorName = color.name;
+              if (color.style !== void 0) {
+                colorValue = color.style;
+              } else {
+                colorValue = color.name;
+              }
+              return /* @__PURE__ */ jsx(
+                Button,
+                {
+                  className: colorName,
+                  onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    onChange(
+                      id,
+                      value === colorValue ? props.missing_value : colorValue
+                    );
+                  },
+                  style: color.style,
+                  active: isEqual(value, colorValue),
+                  circular: true,
+                  "aria-label": color.label,
+                  title: color.label
+                },
+                id + colorName
+              );
+            }) })
+          ] })
+        }
+      ) }) })
+    }
+  ) : null;
+};
+export {
+  ColorPickerWidget as default
+};

package/dist/server/assets/CommentEditModal-CJIT5LNs.js

@@ -0,0 +1,144 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import PropTypes from "prop-types";
+import { useDispatch, useSelector, shallowEqual } from "react-redux";
+import { defineMessages, useIntl } from "react-intl";
+import { u as usePrevious, be as ModalForm } from "../entry-server.js";
+import { u as updateComment } from "./index-7OxxMyWS.js";
+import "classnames";
+import "lodash-es";
+import "moment";
+import "react-router";
+import "react-router-hash-link";
+import "tlds";
+import "prepend-http";
+import "semantic-ui-react";
+import "react-router-dom";
+import "redux";
+import "lodash-move";
+import "react-dom";
+import "react-dom/server";
+import "react-transition-group";
+import "react-toastify";
+import "promise-file-reader";
+import "uuid";
+import "pretty-bytes";
+import "react-side-effect";
+import "github-slugger";
+import "slate";
+import "hoist-non-react-statics";
+import "query-string";
+import "slate-react";
+import "prettier/standalone";
+import "prettier/parser-html";
+import "prismjs/components/prism-core.js";
+import "react-animate-height";
+import "react-popper";
+import "react-sortable-hoc";
+import "react-dates/initialize.js";
+import "react-anchor-link-smooth-scroll";
+import "jwt-decode";
+import "react-router-config";
+import "react-fast-compare";
+import "object-assign";
+import "lodash-es/split.js";
+import "lodash-es/join.js";
+import "lodash-es/trim.js";
+import "react-cookie";
+import "react-intl-redux";
+import "universal-cookie";
+import "slate-hyperscript";
+import "is-hotkey";
+import "react-dropzone";
+import "react-intersection-observer";
+import "is-url";
+import "lodash-es/isUndefined.js";
+import "lodash-es/isString.js";
+import "redux-mock-store";
+import "serialize-javascript";
+import "superagent";
+import "connected-react-router";
+import "react-beautiful-dnd";
+import "detect-browser";
+import "locale";
+import "history";
+import "redux-thunk";
+import "redux-localstorage-simple";
+import "debug";
+import "express";
+import "http-proxy-middleware";
+const messages = defineMessages({
+  editComment: {
+    id: "Edit comment",
+    defaultMessage: "Edit comment"
+  },
+  default: {
+    id: "Default",
+    defaultMessage: "Default"
+  },
+  comment: {
+    id: "Comment",
+    defaultMessage: "Comment"
+  }
+});
+const CommentEditModal = (props) => {
+  const intl = useIntl();
+  const dispatch = useDispatch();
+  const { onOk, open, onCancel } = props;
+  const request = useSelector((state) => state.comments.update, shallowEqual);
+  const prevRequestLoading = usePrevious(request.loading);
+  useEffect(() => {
+    if (prevRequestLoading && request.loaded) {
+      onOk();
+    }
+  }, [onOk, prevRequestLoading, request.loaded]);
+  const onSubmit = (data) => {
+    dispatch(updateComment(props.id, data.text));
+  };
+  return props.open && /* @__PURE__ */ jsx(
+    ModalForm,
+    {
+      open,
+      onSubmit,
+      onCancel,
+      formData: { text: props.text },
+      title: intl.formatMessage(messages.editComment),
+      schema: {
+        fieldsets: [
+          {
+            id: "default",
+            title: intl.formatMessage(messages.default),
+            fields: ["text"]
+          }
+        ],
+        properties: {
+          text: {
+            title: intl.formatMessage(messages.comment),
+            type: "string",
+            widget: "textarea",
+            description: ""
+          }
+        },
+        required: ["text"]
+      }
+    }
+  );
+};
+CommentEditModal.propTypes = {
+  id: PropTypes.string.isRequired,
+  text: PropTypes.string.isRequired,
+  request: PropTypes.shape({
+    loading: PropTypes.bool,
+    loaded: PropTypes.bool
+  }),
+  open: PropTypes.bool.isRequired,
+  onOk: PropTypes.func.isRequired,
+  onCancel: PropTypes.func.isRequired
+};
+CommentEditModal.defaultProps = {
+  id: "",
+  text: ""
+};
+export {
+  CommentEditModal as default
+};