https://www.commondreams.org/static/dist/social-ux/7890.579e190a9da9dbdb3839.bundle.mjs

1"use strict";(self.webpackChunksocialUX=self.webpackChunksocialUX||[]).push([[7890],{1759:function(e,t,n){const s=(0,n(3964).A)(((e,t)=>{if("object"==typeof t)return(Array.isArray(e)?e:[e]).reduce(((e,t)=>e&&e[t]?e[t]:void 0),t)}));t.A=s},5842:function(e,t,n){n.d(t,{$8:function(){return a},RY:function(){return l},q$:function(){return c},yZ:function(){return r}});var s=n(3964),o=n(298);const i=(0,s.A)(o.af),r=i("/core/setup/signup/v2","POST");function l(e){return(0,o.af)("/core/v1/users/me/auth/otps/verify","POST",e)}function a(e,t){return(0,o.af)(`/core/users/email_login_json/${t||""}`,"POST",e)}const c=i("/core/users/password_reset/","POST")},1443:function(e,t,n){n.d(t,{p:function(){return o},x:function(){return r}});var s=n(1759);function o(e,t,n=!0){const o=[];return Object.keys(t).forEach((r=>{const l=e[r],a=(0,s.A)("message")(t[r])||t[r];((0,s.A)("validation")(t[r])||i(n))(l)||o.push(a)})),o}const i=e=>t=>!(e&&!t||null==t),r=e=>e&&/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(e).toLowerCase())},7890:function(e,t,n){n.r(t),n.d(t,{default:function(){return M}});var s=n(7041);const o=({currentUrl:e})=>`\n<div class="login-signup-reset">\n  <div class="comment--login">\n    <svg class="comment--login--close" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n        <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/><path d="M0 0h24v24H0z" fill="none"/>\n    </svg>\n    <div class="comment--login-headline">Login</div>\n    <form class="comment--login-form" action="/core/users/email_login/?next_url=${e}" method="POST">\n        <input id="id_email" required class="comment--login-field" maxlength="100" name="email" placeholder="Enter your email" type="text"/>\n        <input id="id_password" required class="comment--login-field" maxlength="100" name="password" placeholder="Enter your password" type="password"/>\n        <button type="submit" class="comment--login-button" value="Login">Log In</button>\n        <div class="comment--login--message"><a href="javascript:void(0)" class="comment--show_reset_password topbar-login-form__reset-pwd">Forgot your password?</a></div>\n        <div class="comment--login--message">if you don't have an account <a href="javascript:void(0)" class="comment--show_signup">sign up here</a></div>\n        <div class="comment--login--message requirements hidden">* These fields are required.</div>\n        <div class="comment--login--message error hidden"></div>\n    </form>\n  </div>\n  <div class="comment--otp hidden">\n    <svg class="comment--login--close" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n        <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/><path d="M0 0h24v24H0z" fill="none"/>\n    </svg>\n    <div class="comment--login-headline">OTP</div>\n    <form class="comment--otp-form" action="/core/v1/users/me/auth/otps/verify?next_url=${e}" method="POST">\n        <input id="id_otp" required class="comment--login-field" maxlength="100" name="otp" placeholder="* Enter your OTP" type="text"/>\n        <button type="submit" class="comment--login-button" value="Login">Verify</button>\n        <div class="comment--login--message requirements">* These fields are required.</div>\n        <div class="comment--login--message error hidden">Invalid Code</div>\n    </form>\n  </div>\n  <div class="comment--signup comment--signup-step1 hidden">\n     <svg class="comment--login--close" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n      <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/><path d="M0 0h24v24H0z" fill="none"/>\n     </svg>\n    <div class="comment--login-headline">Sign Up</div>\n        <div class="comment--login--feedback comment--login--errors hidden"></div>\n        <input id="next_url" name="next_url" type="hidden" value="${e}"/>\n        <input class="comment--login-field comment--signup-name" maxlength="100" name="name" placeholder="* Enter your name" type="text"/>\n        <input class="comment--login-field comment--signup-email" maxlength="100" name="email" placeholder="* Enter your email" type="text"/>\n        <input class="comment--login-field  comment--signup-password" maxlength="100" name="password" placeholder="* Enter your password" type="password"/>\n        <button type="submit" class="comment--signup-button" value="Login">Sign Up</button>\n    <div class="comment--login--message">If you already have an account, <a href="javascript:void(0)" class="comment--show_login">log in here</a></div>\n    <div class="comment--login--message requirements">* These fields are required.</div>\n    </div>\n<div class="comment--signup comment--signup-step2 hidden">\n  <div class="comment--login-headline">Add your personal info</div>\n      <div class="comment--login--feedback comment--login--errors hidden"></div>\n     <div class="site-avatar-edit">\n        <div class="community-site-logo" style="background-image: url('https://assets.rbl.ms/18272901/2000x.png');">\n         <a href="javascript: void(0)" class="hover-menu edit start-edit" title="Edit" style="display: none;">Edit</a>\n         <div class="edit-mode" style="">\n             <div class="edit-mode-inner">\n                 <div class="community-site-logo logo-preview" style="background-image: url('https://assets.rbl.ms/18272901/2000x.png');">

1\n                 <span class="circle-loader hidden"></span>\n                 </div>\n                 <div class="site-avatar">\n                     <form class="avatar-form" enctype="multipart/form-data" encoding="multipart/form-data" method="GET">\n                        <div class="comment--login-headline-subheadline">\n                             <label class="fake-input"><input id="fileInput" class="input-file" type="file" name="logo"></label>\n                             <a class="ch-cover-upload btn" href="javascript: void(0)"><span><i class="icons-roar upload-from-pc"></i> Upload</span></a>\n                        </div>\n                        <div style="display: none;" class="progress progress-striped active">\n                             <div style="width: 0%;" class="bar"></div>\n                            <span class="status-text"></span>\n                         </div>\n                     </form>\n                 </div>\n             </div>\n         </div>\n        </div>\n     </div>\n      <button type="submit" class="comment--done-button" value="Login">Done</button>\n</div>\n<div class="comment--reset hidden">\n  <svg class="comment--login--close" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n      <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/><path d="M0 0h24v24H0z" fill="none"/>\n  </svg>\n  <div class="comment--login-headline">Reset Password</div>\n  <div class="comment--login--feedback comment--login--errors hidden"></div>\n  <div class="comment--login--feedback comment--login--success hidden">We've emailed you instructions for setting your password. You should be receiving them shortly.</div>\n  <input class="comment--login-field comment--reset-email" maxlength="100" name="email" placeholder="* Enter your email" type="text"/>\n  <button type="submit" class="comment--reset-button" value="Reset">Reset Password</button>\n  <div class="comment--login--message">if you don't have an account <a href="javascript:void(0)" class="comment--show_signup">sign up here</a></div>\n  <div class="comment--login--message requirements hidden">* These fields are required.</div>\n</div>\n</div>`;var i=n(298),r=n(1443);const l={logic_without_pass:!1,enable_random_name:!0},a=e=>{const t=e.currentTarget.parentNode;var n;(n={email:t.querySelector(".comment--reset-email").value.trim()},(0,r.x)(n.email)?(0,i.af)("/core/users/password_reset/","POST",n):Promise.reject(["Please enter a valid email"])).then(c(t)).catch(m(t))},c=e=>()=>{d(e,!1),e.querySelector(".comment--login--success").classList.remove("hidden"),e.querySelector(".comment--login--errors").classList.add("hidden")},m=e=>t=>{const n=t.join(", ")||"Unknown Error",s=e.querySelector(".comment--login--success"),o=e.querySelector(".comment--login--errors");o.classList.remove("hidden"),o.innerHTML=n,s.classList.add("hidden"),d(e,!0)},d=(e,t)=>{e.querySelector(".comment--reset-email").classList.toggle("required",t),e.querySelector(".requirements").classList.toggle("hidden",!t)};var u=n(3964),g=n(5258),p=n(5842);const v=(0,u.A)((function(e,t,n){if(n.is_otp_verification_requested)!function(e){const t=e.closest(".login-signup-wrapper"),n=t.querySelector(".comment--login"),s=t.querySelector(".comment--otp");n.classList.toggle("hidden"),s.classList.toggle("hidden")}(e);else{const n=e.closest(".login-signup-wrapper");n.parentNode.removeChild(n),(0,g.c)(t)}})),h=(0,u.A)(((e,t)=>{const n=t.currentTarget,s=n.querySelector("#id_email").value.trim(),o=n.querySelector("#id_password").value.trim(),i=n.querySelector(".comment--login--message.error");if(i.classList.add("hidden"),f(n,s,o))return t.preventDefault(),(0,p.$8)({email:s,password:o},document.location.search).then(v(n,e)).catch((e=>{i.classList.remove("hidden"),i.textContent=e.message})),!1})),f=(e,t,n)=>{const s=e.querySelector("#id_email"),o=e.querySelector("#id_password"),i=e.querySelector(".comment--login-form .requirements");s.classList.toggle("required",!(0,r.x)(t)),o.classList.toggle("required",!n);var l=!(!(0,r.x)(t)||!n);return i.classList.toggle("hidden",l),i.classList.contains("hidden")&&(s.setAttribute("placeholder","* Enter your email"),o.setAttribute("placeholder","* Enter your password")),l};function y(e){e.classList.remove("hidden")}const w=(0,u.A)(((e,t)=>{const n=t.currentTarget,s=n.querySelector("#id_otp").value.trim(),o=n.querySelector(".comment--login--message.error");t.preventDefault(),(0,p.RY)({code:s}).then((function(t){!function(e,t,n,s){s&&"object"==typeof s&&0===Object.keys(s).length?function(e,t){const n=e.closest(".login-signup-wrapper");

1n.parentNode.removeChild(n),(0,g.c)(t)}(e,n):y(t)}(n,o,e,t)})).catch((()=>y(o)))}));var q=n(1759);const S=e=>{const t=e.currentTarget.parentNode.parentNode,n=t.querySelector(".comment--signup-name").value.trim(),s=t.querySelector(".comment--signup-email").value.trim(),o=t.querySelector(".comment--signup-password").value.trim();b(t,n,s,o)&&(e=>{const t=(0,r.p)(e,{email:{validation:r.x,message:"Please enter a valid email"},password:"missing password",title:"missing a name"});if(t.length>0)return Promise.reject(t);const n={...l,...e};return(0,i.kX)("/core/setup/signup/","POST",JSON.stringify(n)).catch((e=>{const t=e?e.error:void 0;throw t?[t]:e}))})({title:n,email:s,password:o}).then(L(t)).catch(_(t))},b=(e,t,n,s)=>(e.querySelector(".comment--signup-name").classList.toggle("required",!t),e.querySelector(".comment--signup-email").classList.toggle("required",!(0,r.x)(n)),e.querySelector(".comment--signup-password").classList.toggle("required",!s),!(!t||!n||!s)),L=e=>t=>{const n={id:t.site_id,name:t.name,title:t.site_title};x(e),e.querySelector(".comment--signup-step1").classList.toggle("hidden",!0),e.querySelector(".comment--signup-step2").classList.toggle("hidden",!1),(0,s.f)(e.querySelector(".comment--done-button"),j(e,n)),e.querySelector('input[type="file"]').addEventListener("change",A(e))},_=e=>t=>{var n="Unknown Error";try{n=t.join(",")}catch(e){}finally{T(e,n)}},x=e=>T(e,!1),T=(e,t)=>{const n=e.querySelector(".comment--signup-step1 .comment--login--errors");t?(n.classList.remove("hidden"),n.innerHTML=t):(n.classList.add("hidden"),n.innerHTML="")},A=(0,u.A)(((e,t)=>{const n=t.currentTarget;if(!("files"in n)||0==n.files.length)return;k(e,!1),e.querySelector(".community-site-logo .circle-loader").classList.remove("hidden");const s=new FormData;s.append("logo",n.files[0]),(e=>(0,i.MF)("/core/feeds/avatar","POST",e))(s).then(E(e)).catch(P(e))})),E=(0,u.A)(((e,t)=>{const n=e.querySelector(".community-site-logo .logo-preview");n.style.backgroundImage=`url('${t.logo})`,n.setAttribute("data-logo",t.logo),n.setAttribute("data-image_id",t.image_id),k(e,!0)})),P=(0,u.A)(((e,t)=>{k(e,!0);const n=(0,q.A)("error")(t);console.error(n||t)})),k=(e,t)=>{e.querySelector(".community-site-logo .circle-loader").classList.toggle("hidden",t)},j=(e,t)=>()=>{const n=e.querySelector(".community-site-logo .logo-preview"),s=n.getAttribute("data-logo"),o=n.getAttribute("data-image_id");o?(e=>{const t=(0,r.p)(e,{id:"missing site id",name:"missing site name",title:"missing site title"});return t.length>0?Promise.reject(t):(0,i.af)(`/core/feeds/site/${e.id}`,"PUT",e)})({...t,storage:o,logo:s}).then(O).catch(console.error):O()},O=()=>{document.location.reload(!0)};function M(e,t){t.innerHTML=o({currentUrl:window.location.href}),z(e,t)}const z=(e,t)=>{(0,s.K)(t.querySelectorAll(".comment--show_signup"),$),(0,s.f)(t.querySelector(".comment--show_login"),C),(0,s.f)(t.querySelector(".comment--show_reset_password"),H),(0,s.K)(t.querySelectorAll(".comment--login--close"),U),(0,s.f)(t.querySelector(".comment--reset-button"),a),t.querySelector("form.comment--login-form").addEventListener("submit",h(e)),t.querySelector("form.comment--otp-form").addEventListener("submit",w(e)),(0,s.f)(t.querySelector(".comment--signup-button"),S)},U=e=>{const t=e.currentTarget.closest(".login-signup-wrapper");t.parentNode.removeChild(t)},$=e=>{N(e,".comment--signup-step1")},C=e=>{N(e,".comment--login")},H=e=>{N(e,".comment--reset")},N=(e,t)=>{const n=e.currentTarget.closest(".login-signup-reset");n.querySelectorAll(".comment--signup-step1, .comment--login, .comment--reset").forEach((e=>e.classList.add("hidden"))),n.querySelector(t).classList.remove("hidden")}}}]);
2//# sourceMappingURL=7890.579e190a9da9dbdb3839.bundle.mjs.map