@logora/debate 0.2.1 → 0.2.3

package/dist/components/auth/social_auth_form/SocialAuthForm.js

@@ -1,199 +1,226 @@
-import { require_jsx_runtime as e } from "../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { Icon as t } from "../../icons/icon/Icon.js";
-import { EMAIL_CONSENT_STORAGE_KEY as n } from "../use_auth/useAuthActions.js";
-import r from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/useIntl.js";
-import i from "../../../node_modules/.pnpm/react-intl@7.1.14_react@18.3.1_typescript@5.9.3/node_modules/react-intl/lib/src/components/message.js";
-import { FacebookLoginButton as a } from "../facebook_login_button/FacebookLoginButton.js";
-import { GoogleLoginButton as o } from "../google_login_button/GoogleLoginButton.js";
-import { LoginForm as s } from "../login_form/LoginForm.js";
-import { Toggle as c } from "../../input/toggle/Toggle.js";
-import l from "../../../node_modules/.pnpm/@rooks_use-sessionstorage-state@4.11.2_react@18.3.1/node_modules/@rooks/use-sessionstorage-state/lib/index.esm.js";
-import { SignupForm as u } from "../signup_form/SignupForm.js";
-import d from "./SocialAuthForm.module.js";
-import { useState as f } from "react";
-//#region src/components/auth/social_auth_form/SocialAuthForm.jsx
-var p = e(), m = ({ lastStep: e, providerName: m, logoUrl: h, termsUrl: g, privacyUrl: _, forgotPasswordUrl: v, oAuthRedirectUri: y, facebookClientId: b, googleClientId: x, error: S = !1, onSubmit: C }) => {
-	let [w, T] = f(!(e === "LOGIN" || e === "SIGNUP")), [E, D] = f(e !== "SIGNUP"), [O, k] = l(n, !1), A = r(), j = (e, t, n, r, i, a) => {
-		C({
-			uid: typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : "0000-0000-0000-0000",
-			first_name: e,
-			last_name: t,
-			email: n,
-			password: r,
-			accepts_provider_email: a,
-			receives_newsletter_email: a
-		}, "form", "SIGNUP");
-	}, M = (e, t) => {
-		C({
-			email: e,
-			password: t
-		}, "password", "LOGIN");
-	}, N = (e, t) => {
-		C(e, t, "SOCIAL");
-	}, P = () => /* @__PURE__ */ (0, p.jsx)("div", {
-		className: d.formFooterTerms,
-		children: /* @__PURE__ */ (0, p.jsx)(i, {
-			id: "auth.social_auth_form.terms_text",
-			values: {
-				var1: (e) => /* @__PURE__ */ (0, p.jsx)("a", {
-					className: d.termsLink,
-					target: "_blank",
-					href: g,
-					rel: "noreferrer",
-					children: e
-				}),
-				var2: (e) => /* @__PURE__ */ (0, p.jsx)("a", {
-					className: d.termsLink,
-					target: "_blank",
-					href: _,
-					rel: "noreferrer",
-					children: e
-				})
-			},
-			defaultMessage: "By clicking on \"Subscribe\", you confirm that you accept the <var1>General Conditions of Use</var1> and our <var2>Privacy Policy</var2> which informs you of the methods of processing your personal data as well as your rights over this data."
-		})
-	}), F = () => /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [/* @__PURE__ */ (0, p.jsx)("div", {
-		className: d.formFooter,
-		children: /* @__PURE__ */ (0, p.jsxs)("div", {
-			className: d.formFooterRow,
-			children: [
-				/* @__PURE__ */ (0, p.jsx)("div", { children: A.formatMessage({
-					id: E ? "auth.social_auth_form.no_account" : "auth.social_auth_form.already_account",
-					defaultMessage: E ? "No account yet ?" : "Already have an account ?"
-				}) }),
-				"\xA0",
-				/* @__PURE__ */ (0, p.jsx)("div", {
-					className: d.formNavigation,
-					onClick: () => D(!E),
-					children: A.formatMessage({
-						id: E ? "auth.social_auth_form.signup" : "auth.social_auth_form.login",
-						defaultMessage: E ? "Sign up" : "Sign in"
-					})
-				})
-			]
-		})
-	}), !E && P()] });
-	return /* @__PURE__ */ (0, p.jsx)("div", {
-		className: d.authFormContent,
-		children: w ? /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [
-			h && /* @__PURE__ */ (0, p.jsx)("img", {
-				className: d.socialLoginLogo,
-				src: h,
-				width: 200,
-				height: 50,
-				role: "img",
-				alt: `Logo ${m}`
-			}),
-			/* @__PURE__ */ (0, p.jsx)("div", {
-				className: d.socialLoginText,
-				children: A.formatMessage({
-					id: "auth.social_auth_form.menu_title",
-					defaultMessage: "Create your account in one click to vote and start debating !"
-				})
-			}),
-			/* @__PURE__ */ (0, p.jsx)(a, {
-				text: A.formatMessage({
-					id: "auth.social_auth_form.facebook_login",
-					defaultMessage: "Sign in with Facebook"
-				}),
-				facebookClientId: b,
-				redirectUri: y,
-				onCode: N
-			}),
-			/* @__PURE__ */ (0, p.jsx)(o, {
-				text: A.formatMessage({
-					id: "auth.social_auth_form.google_login",
-					defaultMessage: "Sign in with Google"
-				}),
-				googleClientId: x,
-				redirectUri: y,
-				onCode: N
-			}),
-			/* @__PURE__ */ (0, p.jsxs)("div", {
-				className: d.mailLoginButton,
-				onClick: () => T(!1),
-				children: [/* @__PURE__ */ (0, p.jsx)(t, {
-					name: "mail",
-					height: 25,
-					width: 25
-				}), /* @__PURE__ */ (0, p.jsx)("div", {
-					className: d.textMailLoginButton,
-					children: A.formatMessage({
-						id: "auth.social_auth_form.mail_login",
-						defaultMessage: "Sign in with email"
-					})
-				})]
-			}),
-			!E && /* @__PURE__ */ (0, p.jsx)("div", {
-				className: d.checkboxContainer,
-				children: /* @__PURE__ */ (0, p.jsx)(c, {
-					type: "checkbox",
-					name: "accepts_emails",
-					style: { fontSize: 18 },
-					checked: O,
-					label: A.formatMessage({
-						id: "auth.social_auth_form.accepts_emails_label",
-						defaultMessage: "I agree to receive emails from the editor"
-					}, { variable: m }),
-					onInputChanged: (e) => k(!O)
-				})
-			}),
-			S && e === "SOCIAL" ? /* @__PURE__ */ (0, p.jsx)("div", {
-				className: d.errorGroup,
-				children: A.formatMessage({
-					id: "auth.social_auth_form.error",
-					defaultMessage: "An error occurred during sign in. Please try again in a few moments."
-				})
-			}) : null,
-			F()
-		] }) : /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [
-			/* @__PURE__ */ (0, p.jsxs)("div", {
-				className: d.formTitleContainer,
-				children: [/* @__PURE__ */ (0, p.jsxs)("div", {
-					className: d.formBackArrow,
-					onClick: () => T(!0),
-					"data-testid": "back-button",
-					children: [
-						/* @__PURE__ */ (0, p.jsx)(t, {
-							name: "arrow",
-							height: 25,
-							width: 25
-						}),
-						"\xA0",
-						A.formatMessage({
-							id: "auth.social_auth_form.back_to_menu",
-							defaultMessage: "Back to menu"
-						})
-					]
-				}), /* @__PURE__ */ (0, p.jsx)("div", {
-					className: d.formTitle,
-					children: A.formatMessage({
-						id: E ? "auth.social_auth_form.login_title" : "auth.social_auth_form.signup_title",
-						defaultMessage: E ? "Sign in to enter the debate space" : "Get your arguments ready"
-					})
-				})]
-			}),
-			E ? /* @__PURE__ */ (0, p.jsx)("div", {
-				className: d.loginFormContainer,
-				children: /* @__PURE__ */ (0, p.jsx)(s, {
-					onSubmit: M,
-					error: S && e === "LOGIN",
-					forgotPasswordUrl: v
-				})
-			}) : /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [/* @__PURE__ */ (0, p.jsx)("div", {
-				className: d.signUpSubtitle,
-				children: A.formatMessage({
-					id: "auth.social_auth_form.signup_subtitle",
-					defaultMessage: "Sign up in a few clicks to start debating"
-				}, { provider: m })
-			}), /* @__PURE__ */ (0, p.jsx)(u, {
-				onSubmit: j,
-				providerName: m,
-				error: S && e === "SIGNUP"
-			})] }),
-			F()
-		] })
-	});
+import { jsx as e, jsxs as r, Fragment as c } from "react/jsx-runtime";
+import B from "@rooks/use-sessionstorage-state";
+import { useState as N } from "react";
+import { useIntl as O, FormattedMessage as P } from "react-intl";
+import a from "./SocialAuthForm.module.scss.js";
+import { EMAIL_CONSENT_STORAGE_KEY as E } from "../use_auth/useAuthActions.js";
+import { FacebookLoginButton as j } from "../facebook_login_button/FacebookLoginButton.js";
+import { GoogleLoginButton as z } from "../google_login_button/GoogleLoginButton.js";
+import { Icon as y } from "../../icons/icon/Icon.js";
+import { Toggle as D } from "../../input/toggle/Toggle.js";
+import { SignupForm as K } from "../signup_form/SignupForm.js";
+import { LoginForm as R } from "../login_form/LoginForm.js";
+const te = ({
+  lastStep: s,
+  providerName: l,
+  logoUrl: u,
+  termsUrl: S,
+  privacyUrl: b,
+  forgotPasswordUrl: k,
+  oAuthRedirectUri: h,
+  facebookClientId: L,
+  googleClientId: C,
+  error: m = !1,
+  onSubmit: d
+}) => {
+  const [w, g] = N(
+    !(s === "LOGIN" || s === "SIGNUP")
+  ), [t, I] = N(s !== "SIGNUP"), [f, F] = B(
+    E,
+    !1
+  ), o = O(), G = (i, n, M, A, Y, v) => {
+    const T = {
+      uid: typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : "0000-0000-0000-0000",
+      first_name: i,
+      last_name: n,
+      email: M,
+      password: A,
+      accepts_provider_email: v,
+      receives_newsletter_email: v
+    };
+    d(T, "form", "SIGNUP");
+  }, U = (i, n) => {
+    d({
+      email: i,
+      password: n
+    }, "password", "LOGIN");
+  }, _ = (i, n) => {
+    d(i, n, "SOCIAL");
+  }, x = () => /* @__PURE__ */ e("div", { className: a.formFooterTerms, children: /* @__PURE__ */ e(
+    P,
+    {
+      id: "auth.social_auth_form.terms_text",
+      values: {
+        var1: (i) => /* @__PURE__ */ e(
+          "a",
+          {
+            className: a.termsLink,
+            target: "_blank",
+            href: S,
+            rel: "noreferrer",
+            children: i
+          }
+        ),
+        var2: (i) => /* @__PURE__ */ e(
+          "a",
+          {
+            className: a.termsLink,
+            target: "_blank",
+            href: b,
+            rel: "noreferrer",
+            children: i
+          }
+        )
+      },
+      defaultMessage: 'By clicking on "Subscribe", you confirm that you accept the <var1>General Conditions of Use</var1> and our <var2>Privacy Policy</var2> which informs you of the methods of processing your personal data as well as your rights over this data.'
+    }
+  ) }), p = () => /* @__PURE__ */ r(c, { children: [
+    /* @__PURE__ */ e("div", { className: a.formFooter, children: /* @__PURE__ */ r("div", { className: a.formFooterRow, children: [
+      /* @__PURE__ */ e("div", { children: o.formatMessage({
+        id: t ? "auth.social_auth_form.no_account" : "auth.social_auth_form.already_account",
+        defaultMessage: t ? "No account yet ?" : "Already have an account ?"
+      }) }),
+      " ",
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: a.formNavigation,
+          onClick: () => I(!t),
+          children: o.formatMessage({
+            id: t ? "auth.social_auth_form.signup" : "auth.social_auth_form.login",
+            defaultMessage: t ? "Sign up" : "Sign in"
+          })
+        }
+      )
+    ] }) }),
+    !t && x()
+  ] });
+  return /* @__PURE__ */ e("div", { className: a.authFormContent, children: w ? /* @__PURE__ */ r(c, { children: [
+    u && /* @__PURE__ */ e(
+      "img",
+      {
+        className: a.socialLoginLogo,
+        src: u,
+        width: 200,
+        height: 50,
+        role: "img",
+        alt: `Logo ${l}`
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: a.socialLoginText, children: o.formatMessage({
+      id: "auth.social_auth_form.menu_title",
+      defaultMessage: "Create your account in one click to vote and start debating !"
+    }) }),
+    /* @__PURE__ */ e(
+      j,
+      {
+        text: o.formatMessage({
+          id: "auth.social_auth_form.facebook_login",
+          defaultMessage: "Sign in with Facebook"
+        }),
+        facebookClientId: L,
+        redirectUri: h,
+        onCode: _
+      }
+    ),
+    /* @__PURE__ */ e(
+      z,
+      {
+        text: o.formatMessage({
+          id: "auth.social_auth_form.google_login",
+          defaultMessage: "Sign in with Google"
+        }),
+        googleClientId: C,
+        redirectUri: h,
+        onCode: _
+      }
+    ),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: a.mailLoginButton,
+        onClick: () => g(!1),
+        children: [
+          /* @__PURE__ */ e(y, { name: "mail", height: 25, width: 25 }),
+          /* @__PURE__ */ e("div", { className: a.textMailLoginButton, children: o.formatMessage({
+            id: "auth.social_auth_form.mail_login",
+            defaultMessage: "Sign in with email"
+          }) })
+        ]
+      }
+    ),
+    !t && /* @__PURE__ */ e("div", { className: a.checkboxContainer, children: /* @__PURE__ */ e(
+      D,
+      {
+        type: "checkbox",
+        name: "accepts_emails",
+        style: { fontSize: 18 },
+        checked: f,
+        label: o.formatMessage(
+          {
+            id: "auth.social_auth_form.accepts_emails_label",
+            defaultMessage: "I agree to receive emails from the editor"
+          },
+          { variable: l }
+        ),
+        onInputChanged: (i) => F(!f)
+      }
+    ) }),
+    m && s === "SOCIAL" ? /* @__PURE__ */ e("div", { className: a.errorGroup, children: o.formatMessage({
+      id: "auth.social_auth_form.error",
+      defaultMessage: "An error occurred during sign in. Please try again in a few moments."
+    }) }) : null,
+    p()
+  ] }) : /* @__PURE__ */ r(c, { children: [
+    /* @__PURE__ */ r("div", { className: a.formTitleContainer, children: [
+      /* @__PURE__ */ r(
+        "div",
+        {
+          className: a.formBackArrow,
+          onClick: () => g(!0),
+          "data-testid": "back-button",
+          children: [
+            /* @__PURE__ */ e(y, { name: "arrow", height: 25, width: 25 }),
+            " ",
+            o.formatMessage({
+              id: "auth.social_auth_form.back_to_menu",
+              defaultMessage: "Back to menu"
+            })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: a.formTitle, children: o.formatMessage({
+        id: t ? "auth.social_auth_form.login_title" : "auth.social_auth_form.signup_title",
+        defaultMessage: t ? "Sign in to enter the debate space" : "Get your arguments ready"
+      }) })
+    ] }),
+    t ? /* @__PURE__ */ e("div", { className: a.loginFormContainer, children: /* @__PURE__ */ e(
+      R,
+      {
+        onSubmit: U,
+        error: m && s === "LOGIN",
+        forgotPasswordUrl: k
+      }
+    ) }) : /* @__PURE__ */ r(c, { children: [
+      /* @__PURE__ */ e("div", { className: a.signUpSubtitle, children: o.formatMessage(
+        {
+          id: "auth.social_auth_form.signup_subtitle",
+          defaultMessage: "Sign up in a few clicks to start debating"
+        },
+        { provider: l }
+      ) }),
+      /* @__PURE__ */ e(
+        K,
+        {
+          onSubmit: G,
+          providerName: l,
+          error: m && s === "SIGNUP"
+        }
+      )
+    ] }),
+    p()
+  ] }) });
+};
+export {
+  te as SocialAuthForm
 };
-//#endregion
-export { m as SocialAuthForm };

package/dist/components/auth/social_auth_form/SocialAuthForm.module.scss.js

@@ -0,0 +1,39 @@
+import '../../../assets/components/auth/social_auth_form/SocialAuthForm.module-DYgKVEK4.css';const o = "_socialLoginLogo_tw1qw_3", t = "_socialLoginText_tw1qw_11", n = "_formTitleContainer_tw1qw_16", r = "_formTitle_tw1qw_16", i = "_formBackArrow_tw1qw_30", e = "_signUpSubtitle_tw1qw_49", _ = "_authFormContent_tw1qw_59", w = "_loginFormContainer_tw1qw_65", m = "_formFooter_tw1qw_70", s = "_formFooterRow_tw1qw_77", a = "_formFooterTerms_tw1qw_83", c = "_termsLink_tw1qw_89", l = "_formNavigation_tw1qw_93", g = "_mailLoginButton_tw1qw_98", f = "_textMailLoginButton_tw1qw_122", L = "_checkboxContainer_tw1qw_128", q = "_errorGroup_tw1qw_137", u = {
+  socialLoginLogo: o,
+  socialLoginText: t,
+  formTitleContainer: n,
+  formTitle: r,
+  formBackArrow: i,
+  signUpSubtitle: e,
+  authFormContent: _,
+  loginFormContainer: w,
+  formFooter: m,
+  formFooterRow: s,
+  formFooterTerms: a,
+  termsLink: c,
+  formNavigation: l,
+  mailLoginButton: g,
+  textMailLoginButton: f,
+  checkboxContainer: L,
+  errorGroup: q
+};
+export {
+  _ as authFormContent,
+  L as checkboxContainer,
+  u as default,
+  q as errorGroup,
+  i as formBackArrow,
+  m as formFooter,
+  s as formFooterRow,
+  a as formFooterTerms,
+  l as formNavigation,
+  r as formTitle,
+  n as formTitleContainer,
+  w as loginFormContainer,
+  g as mailLoginButton,
+  e as signUpSubtitle,
+  o as socialLoginLogo,
+  t as socialLoginText,
+  c as termsLink,
+  f as textMailLoginButton
+};