@logora/debate 0.4.42 → 0.4.44

package/dist/components/user/update_user_info_modal/UpdateUserInfoModal.js

@@ -1,291 +0,0 @@
-import { jsx as a, jsxs as o, Fragment as w } from "react/jsx-runtime";
-import { useState as n } from "react";
-import { useIntl as Y, FormattedMessage as Z } from "react-intl";
-import t from "./UpdateUserInfoModal.module.scss.js";
-import { useAuth as ee } from "../../auth/use_auth/useAuth.js";
-import { useDataProvider as ae } from "../../data/data_provider/useDataProvider.js";
-import { useConfig as te } from "../../data/config_provider/useConfig.js";
-import { useResponsive as se } from "../../hooks/use_responsive/useResponsive.js";
-import { useFormValidation as re } from "../../forms/use_form_validation/useFormValidation.js";
-import { useModal as ie } from "../../dialog/modal/useModal.js";
-import { Modal as ne } from "../../dialog/modal/Modal.js";
-import { Loader as le } from "../../progress/loader/Loader.js";
-import { Icon as oe } from "../../icons/icon/Icon.js";
-import { Button as I } from "../../action/button/Button.js";
-import { TextInput as A } from "../../input/text_input/TextInput.js";
-import { Select as de } from "../../input/select/Select.js";
-import { Toggle as S } from "../../input/toggle/Toggle.js";
-import { AvatarSelector as ce } from "../avatar_selector/AvatarSelector.js";
-const Ie = ({
-  termsUrl: O,
-  privacyUrl: F,
-  showEmailConsent: M = !1,
-  showTerms: u = !1
-}) => {
-  const l = ee(), D = ae(), i = Y(), r = te(), L = [...Array(r.avatars?.maxFileName || 0).keys()].map(
-    (e) => `${r.avatars?.baseUrl}/${e + 1}.${r.avatars?.fileExtension}`
-  ), [f, B] = n(l.currentUser.first_name || ""), [p, $] = n(
-    l.currentUser.description || ""
-  ), [g, j] = n(l.currentUser.last_name || ""), [_, R] = n(l.currentUser.language), [q, h] = n(!1), [N, U] = n(
-    l.currentUser.image_url
-  ), [c, E] = n(null), [C, x] = n(!1), [z, T] = n(!1), { isMobile: y } = se(), { errors: d, validate: V } = re(), { hideModal: k } = ie(), [v, W] = n(!1), [b, G] = n(!1), H = (e) => {
-    const s = new FileReader();
-    s.onloadend = () => {
-      U(s.result);
-    }, s.readAsDataURL(e);
-  }, J = [
-    { first_name: ["required", null] },
-    { first_name: ["minChar", 2] },
-    { last_name: ["required", null] },
-    { last_name: ["minChar", 2] },
-    { language: ["required", null] },
-    ...u ? [{ accepts_terms: ["enforceValue", !0] }] : []
-  ], K = (e) => {
-    e.preventDefault();
-    const s = {};
-    if (f && (s.first_name = f), g && (s.last_name = g), _ && (s.language = _), c && C && (s.image = c), c && !C && (s.origin_image_url = c), p && (s.description = p), M && (s.accepts_provider_email = b), u && (s.accepts_terms = v), s.is_onboarded = !0, V(s, J)) {
-      T(!0);
-      const P = new FormData();
-      Object.entries(s).forEach(([m, X]) => {
-        P.append(m, X);
-      }), D.update("users", l.currentUser.slug, P).then((m) => {
-        m.data.success && l.setCurrentUser(m.data.data.resource), k();
-      });
-    }
-  }, Q = (e) => {
-    const s = /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/i;
-    E(e), h(!1), s.test(e) ? (U(e), x(!1)) : (x(!0), H(e));
-  };
-  return /* @__PURE__ */ a(
-    ne,
-    {
-      "data-vid": "update_user_info_modal",
-      title: i.formatMessage({
-        id: "modal.update_user_info_modal.modal_title",
-        defaultMessage: "Update your profile"
-      }),
-      style: {
-        width: y ? "unset" : "max-content",
-        minWidth: y ? "unset" : "500px",
-        maxWidth: "800px"
-      },
-      showCloseButton: !1,
-      disableClickOutside: !0,
-      children: z ? /* @__PURE__ */ a(le, {}) : q ? /* @__PURE__ */ o(w, { children: [
-        /* @__PURE__ */ a(
-          ce,
-          {
-            onChooseAvatar: Q,
-            avatarUrlList: L,
-            userName: l.currentUser.full_name,
-            allowUserImage: r.avatars?.allowUserImage
-          }
-        ),
-        /* @__PURE__ */ a(
-          "div",
-          {
-            className: t.backButton,
-            onClick: () => h(!1),
-            children: i.formatMessage({
-              id: "user.user_edit.back",
-              defaultMessage: "Back"
-            })
-          }
-        )
-      ] }) : /* @__PURE__ */ o(w, { children: [
-        /* @__PURE__ */ o("div", { className: t.container, children: [
-          /* @__PURE__ */ o("div", { className: t.userImageContainer, children: [
-            N ? /* @__PURE__ */ a(
-              "img",
-              {
-                className: t.userPictureUpload,
-                src: N,
-                alt: i.formatMessage({
-                  id: "alt.my_profile_picture",
-                  defaultMessage: "Ma photo de profil"
-                })
-              }
-            ) : /* @__PURE__ */ a("div", { className: t.userPictureUpload, children: /* @__PURE__ */ a(
-              oe,
-              {
-                name: "camera",
-                height: 20,
-                width: 20,
-                alt: i.formatMessage({
-                  id: "user.user_edit.profile_picture",
-                  defaultMessage: "Profile picture"
-                })
-              }
-            ) }),
-            /* @__PURE__ */ a(
-              I,
-              {
-                "data-testid": "avatar-button",
-                "data-tid": "action_save_profile",
-                onClick: () => h(!0),
-                style: { whiteSpace: "nowrap" },
-                children: i.formatMessage({
-                  id: "user.user_edit.avatar",
-                  defaultMessage: "Select an avatar"
-                })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ o("div", { className: t.inputsContainer, children: [
-            /* @__PURE__ */ o("div", { className: t.nameContainer, children: [
-              /* @__PURE__ */ a("div", { className: t.updateProfileInput, children: /* @__PURE__ */ a(
-                A,
-                {
-                  type: "text",
-                  name: "first_name",
-                  "aria-label": i.formatMessage({
-                    id: "auth.signup_form.first_name.aria_label",
-                    defaultMessage: "First name"
-                  }),
-                  placeholder: i.formatMessage({
-                    id: "auth_signup_form_first_name_placeholder",
-                    defaultMessage: "First name"
-                  }),
-                  onChange: (e) => r.actions?.disableOnboardingNameUpdate === !0 ? null : B(e.target.value),
-                  value: f,
-                  error: !!d.first_name,
-                  message: d.first_name,
-                  "data-testid": "first-name",
-                  disabled: r.actions?.disableOnboardingNameUpdate === !0
-                }
-              ) }),
-              /* @__PURE__ */ a("div", { className: t.updateProfileInput, children: /* @__PURE__ */ a(
-                A,
-                {
-                  type: "text",
-                  name: "last_name",
-                  "aria-label": i.formatMessage({
-                    id: "auth.signup_form.last_name.aria_label",
-                    defaultMessage: "Last name"
-                  }),
-                  placeholder: i.formatMessage({
-                    id: "auth_signup_form_last_name_placeholder",
-                    defaultMessage: "Last name"
-                  }),
-                  onChange: (e) => r.actions?.disableOnboardingNameUpdate === !0 ? null : j(e.target.value),
-                  value: g,
-                  error: !!d.last_name,
-                  message: d.last_name,
-                  "data-testid": "last-name",
-                  disabled: r.actions?.disableOnboardingNameUpdate === !0
-                }
-              ) })
-            ] }),
-            r.actions?.disableNameUpdate == !0 && r.actions?.disableOnboardingNameUpdate != !0 && /* @__PURE__ */ a("div", { className: t.hint, children: i.formatMessage({
-              id: "user.user_edit.user_name_hint",
-              defaultMessage: "last name"
-            }) }),
-            r.translation?.translationMethods && Object.keys(r.translation.translationMethods).length > 0 && /* @__PURE__ */ a(
-              de,
-              {
-                selectClassName: t.langSelect,
-                options: Object.keys(
-                  r.translation.translationMethods
-                ).map((e) => ({
-                  name: e,
-                  value: e,
-                  text: `${e.toUpperCase()}`
-                })),
-                defaultOption: _,
-                onChange: (e) => R(e.value)
-              }
-            ),
-            /* @__PURE__ */ a("div", { className: t.userDescription, children: /* @__PURE__ */ a(
-              "textarea",
-              {
-                className: t.textArea,
-                placeholder: i.formatMessage({
-                  id: "user.user_edit.user_description",
-                  defaultMessage: "Describe yourself in a few words"
-                }),
-                value: p,
-                onChange: (e) => $(e.target.value),
-                maxLength: 500,
-                "data-testid": "description"
-              }
-            ) })
-          ] })
-        ] }),
-        u && /* @__PURE__ */ a("div", { className: t.toggle, children: /* @__PURE__ */ a(
-          S,
-          {
-            type: "checkbox",
-            name: "accepts_terms",
-            style: { fontSize: 18 },
-            checked: v,
-            label: /* @__PURE__ */ a(
-              Z,
-              {
-                id: "modal.update_user_info_modal.accepts_terms",
-                defaultMessage: "I declare I have read the <var1>General Conditions of Use</var1> and the <var2>Privacy policy</var2> of the debate space and accept them.",
-                values: {
-                  var1: (e) => /* @__PURE__ */ a(
-                    "a",
-                    {
-                      className: t.cgu,
-                      target: "_blank",
-                      href: O,
-                      rel: "noreferrer",
-                      children: e
-                    }
-                  ),
-                  var2: (e) => /* @__PURE__ */ a(
-                    "a",
-                    {
-                      className: t.cgu,
-                      target: "_blank",
-                      href: F,
-                      rel: "noreferrer",
-                      children: e
-                    }
-                  )
-                }
-              }
-            ),
-            onInputChanged: (e) => W(!v),
-            message: d.accepts_terms,
-            "data-testid": "accepts-terms-input"
-          }
-        ) }),
-        M && /* @__PURE__ */ a("div", { className: t.toggle, children: /* @__PURE__ */ a(
-          S,
-          {
-            type: "checkbox",
-            name: "accepts_provider_email",
-            style: { fontSize: 18 },
-            checked: b,
-            label: i.formatMessage(
-              {
-                id: "modal.update_user_info_modal.consent_label",
-                defaultMessage: "I agree to receive emails from the editor"
-              },
-              { provider: r.provider?.companyName }
-            ),
-            onInputChanged: (e) => G(!b),
-            "data-testid": "accepts-email-input"
-          }
-        ) }),
-        /* @__PURE__ */ a("div", { className: t.userSaveBox, children: /* @__PURE__ */ a(
-          I,
-          {
-            "data-testid": "save-button",
-            "data-tid": "action_save_profile",
-            onClick: (e) => K(e),
-            children: i.formatMessage({
-              id: "user.user_edit.save",
-              defaultMessage: "Save"
-            })
-          }
-        ) })
-      ] })
-    }
-  );
-};
-export {
-  Ie as UpdateUserInfoModal
-};

package/dist/components/user/update_user_info_modal/UpdateUserInfoModal.module.scss.js

@@ -1,29 +0,0 @@
-import '../../../assets/components/user/update_user_info_modal/UpdateUserInfoModal.module-DJym6u4r.css';const t = "_container_6t85s_3", n = "_nameContainer_6t85s_22", e = "_inputsContainer_6t85s_48", s = "_hint_6t85s_61", o = "_langSelect_6t85s_67", _ = "_textArea_6t85s_71", a = "_userSaveBox_6t85s_129", c = "_userPictureUpload_6t85s_138", r = "_userImageContainer_6t85s_156", u = "_backButton_6t85s_172", i = "_toggle_6t85s_179", g = "_cgu_6t85s_184", l = {
-  container: t,
-  nameContainer: n,
-  inputsContainer: e,
-  hint: s,
-  langSelect: o,
-  textArea: _,
-  userSaveBox: a,
-  userPictureUpload: c,
-  userImageContainer: r,
-  backButton: u,
-  toggle: i,
-  cgu: g
-};
-export {
-  u as backButton,
-  g as cgu,
-  t as container,
-  l as default,
-  s as hint,
-  e as inputsContainer,
-  o as langSelect,
-  n as nameContainer,
-  _ as textArea,
-  i as toggle,
-  r as userImageContainer,
-  c as userPictureUpload,
-  a as userSaveBox
-};

package/dist/components/user/update_user_info_modal/useUpdateUserInfo.js

@@ -1,27 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useEffect as i } from "react";
-import { UpdateUserInfoModal as p } from "./UpdateUserInfoModal.js";
-import { useAuth as l } from "../../auth/use_auth/useAuth.js";
-import { useModal as m } from "../../dialog/modal/useModal.js";
-import { useConfig as u } from "../../data/config_provider/useConfig.js";
-const U = () => {
-  const { currentUser: t, isLoggedIn: r } = l(), { showModal: e, isModalPresent: s } = m(), o = u(), n = () => {
-    e(
-      /* @__PURE__ */ a(
-        p,
-        {
-          showEmailConsent: o.auth?.showEmailConsent,
-          showTerms: o.auth?.hideCgu !== !0,
-          termsUrl: o.provider?.cguUrl || "https://www.logora.com/blog-posts/cgu",
-          privacyUrl: o.provider?.privacyUrl || "https://www.logora.com/blog-posts/privacy-policy"
-        }
-      )
-    );
-  };
-  return i(() => {
-    !s && r && t.is_onboarded === !1 && o.auth?.showOnboarding === !0 && n();
-  }, [s, r, o.auth?.showOnboarding]), null;
-};
-export {
-  U as useUpdateUserInfo
-};