@pelcro/react-pelcro-js 4.0.0-alpha.32 → 4.0.0-alpha.33

package/dist/index.cjs.js

@@ -3745,7 +3745,7 @@ var passwordChange_en = {
 	weakPassword: weakPassword$3
 };
 
-var title$w = "Passwordless Login";
+var title$w = "Passwordless";
 var email$9 = "Enter email";
 var submit$c = "Submit";
 var required$c = "Required";
@@ -4690,7 +4690,7 @@ var passwordChange_fr = {
 	weakPassword: weakPassword$2
 };
 
-var title$n = "Connexion sans mot de passe";
+var title$n = "Sans mot de passe";
 var email$6 = "Entrez votre adresse courriel";
 var submit$8 = "Soumettre";
 var required$8 = "Champs obligatoires";
@@ -5581,7 +5581,7 @@ var passwordChange_ko = {
 	weakPassword: weakPassword$1
 };
 
-var title$e = "비밀번호 없는 로그인";
+var title$e = "암호 없음";
 var email$3 = "이메일 입력";
 var submit$4 = "제출";
 var required$4 = "필수 항목";
@@ -6519,7 +6519,7 @@ var passwordChange_es = {
 	weakPassword: weakPassword
 };
 
-var title$5 = "Acceso sin contraseña";
+var title$5 = "sin contraseña";
 var email = "Ingresar correo";
 var submit = "Enviar";
 var required = "obligatorio";
@@ -6861,7 +6861,7 @@ var subscriptionSuspend_es = {
 	messages: messages
 };
 
-var title$2 = "My QR code";
+var title$2 = "QR code";
 var qr_en = {
 	title: title$2
 };
@@ -12757,15 +12757,6 @@ const AlertWithContext = ({
   }, otherProps), alert.content));
 };
 
-function VerticalSeparator({
-  className = "",
-  ...otherProps
-}) {
-  return /*#__PURE__*/React__default['default'].createElement("span", Object.assign({
-    className: `pelcro-vertical-separator ${className}`
-  }, otherProps));
-}
-
 var facebookLoginRenderProps = createCommonjsModule(function (module, exports) {
 !function(e,t){module.exports=t(React__default['default']);}(commonjsGlobal,function(e){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={exports:{},id:n,loaded:!1};return e[n].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var o={};return t.m=e,t.c=o,t.p="",t(0)}([function(e,t,o){e.exports=o(4);},function(e,t,o){e.exports=o(6)();},function(t,o){t.exports=e;},function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=function(e,t){return decodeURIComponent(e.replace(new RegExp("^(?:.*[&\\?]"+encodeURIComponent(t).replace(/[\.\+\*]/g,"\\$&")+"(?:\\=([^&]*))?)?.*$","i"),"$1"))};},function(e,t,o){function n(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return !t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t);}Object.defineProperty(t,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n]);}return e},c=function(){function e(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n);}}return function(t,o,n){return o&&e(t.prototype,o),n&&e(t,n),t}}(),u=o(2),d=n(u),l=o(1),p=n(l),f=o(5),b=n(f),y=o(3),h=n(y),g=function(){var e=!1;try{e=!!(window.navigator&&window.navigator.standalone||navigator.userAgent.match("CriOS")||navigator.userAgent.match(/mobile/i));}catch(t){}return e},k=function(e){function t(){var e,o,n,s;r(this,t);for(var c=arguments.length,u=Array(c),d=0;d<c;d++)u[d]=arguments[d];return o=n=i(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),n.state={isSdkLoaded:!1,isProcessing:!1},n.responseApi=function(e){window.FB.api("/me",{locale:n.props.language,fields:n.props.fields},function(t){a(t,e),n.props.callback(t);});},n.checkLoginState=function(e){n.setStateIfMounted({isProcessing:!1}),e.authResponse?n.responseApi(e.authResponse):n.props.onFailure?n.props.onFailure({status:e.status}):n.props.callback({status:e.status});},n.checkLoginAfterRefresh=function(e){"connected"===e.status?n.checkLoginState(e):window.FB.login(function(e){return n.checkLoginState(e)},!0);},n.click=function(e){if(n.state.isSdkLoaded&&!n.state.isProcessing&&!n.props.isDisabled){n.setState({isProcessing:!0});var t=n.props,o=t.scope,r=t.appId,i=t.onClick,s=t.returnScopes,a=t.responseType,c=t.redirectUri,u=t.disableMobileRedirect,d=t.authType,l=t.state;if("function"!=typeof i||(i(e),!e.defaultPrevented)){var p={client_id:r,redirect_uri:c,state:l,return_scopes:s,scope:o,response_type:a,auth_type:d};if(n.props.isMobile&&!u)window.location.href="https://www.facebook.com/dialog/oauth"+(0, b["default"])(p);else {if(!window.FB)return void(n.props.onFailure&&n.props.onFailure({status:"facebookNotLoaded"}));window.FB.login(n.checkLoginState,{scope:o,return_scopes:s,auth_type:p.auth_type});}}}},s=o,i(n,s)}return s(t,e),c(t,[{key:"componentDidMount",value:function(){if(this._isMounted=!0,document.getElementById("facebook-jssdk"))return void this.sdkLoaded();this.setFbAsyncInit(),this.loadSdkAsynchronously();var e=document.getElementById("fb-root");e||(e=document.createElement("div"),e.id="fb-root",document.body.appendChild(e));}},{key:"componentWillReceiveProps",value:function(e){this.state.isSdkLoaded&&e.autoLoad&&!this.props.autoLoad&&window.FB.getLoginStatus(this.checkLoginAfterRefresh);}},{key:"componentWillUnmount",value:function(){this._isMounted=!1;}},{key:"setStateIfMounted",value:function(e){this._isMounted&&this.setState(e);}},{key:"setFbAsyncInit",value:function(){var e=this,t=this.props,o=t.appId,n=t.xfbml,r=t.cookie,i=t.version,s=t.autoLoad;window.fbAsyncInit=function(){window.FB.init({version:"v"+i,appId:o,xfbml:n,cookie:r}),e.setStateIfMounted({isSdkLoaded:!0}),(s||e.isRedirectedFromFb())&&window.FB.getLoginStatus(e.checkLoginAfterRefresh);};}},{key:"isRedirectedFromFb",value:function(){var e=window.location.search;return (0, h["default"])(e,"code")||(0, h["default"])(e,"granted_scopes")}},{key:"sdkLoaded",value:function(){this.setState({isSdkLoaded:!0});}},{key:"loadSdkAsynchronously",value:function(){var e=this.props.language;!function(t,o,n){var r=t.getElementsByTagName(o)[0],i=r,s=r;t.getElementById(n)||(s=t.createElement(o),s.id=n,s.src="https://connect.facebook.net/"+e+"/sdk.js",i.parentNode.insertBefore(s,i));}(document,"script","facebook-jssdk");}},{key:"render",value:function o(){var o=this.props.render;if(!o)throw new Error("ReactFacebookLogin requires a render prop to render");var e={onClick:this.click,isDisabled:!!this.props.isDisabled,isProcessing:this.state.isProcessing,isSdkLoaded:this.state.isSdkLoaded};return this.props.render(e)}}]),t}(d["default"].Component);k.propTypes={isDisabled:p["default"].bool,callback:p["default"].func.isRequired,appId:p["default"].string.isRequired,xfbml:p["default"].bool,cookie:p["default"].bool,authType:p["default"].string,scope:p["default"].string,state:p["default"].string,responseType:p["default"].string,returnScopes:p["default"].bool,redirectUri:p["default"].string,autoLoad:p["default"].bool,disableMobileRedirect:p["default"].bool,isMobile:p["default"].bool,fields:p["default"].string,version:p["default"].string,language:p["default"].string,onClick:p["default"].func,onFailure:p["default"].func,render:p["default"].func.isRequired},k.defaultProps={redirectUri:"undefined"!=typeof window?window.location.href:"/",scope:"public_profile,email",returnScopes:!1,xfbml:!1,cookie:!1,authType:"",fields:"name",version:"2.3",language:"en_US",disableMobileRedirect:!1,isMobile:g(),onFailure:null,state:"facebookdirect",responseType:"code"},t["default"]=k;},function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=function(e){return "?"+Object.keys(e).map(function(t){return t+"="+encodeURIComponent(e[t])}).join("&")};},function(e,t,o){function n(){}var r=o(7);e.exports=function(){function e(e,t,o,n,i,s){if(s!==r){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function t(){return e}e.isRequired=e;var o={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return o.checkPropTypes=n,o.PropTypes=o,o};},function(e,t){var o="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";e.exports=o;}])});
 });
@@ -13050,7 +13041,7 @@ function SvgFacebookLogo(props) {
 }
 
 const FacebookLoginButton = ({
-  label = "Continue With Facebook",
+  label = "Facebook",
   className = "",
   labelClassName = "",
   iconClassName = ""
@@ -13219,7 +13210,7 @@ var gapi=window.gapi=window.gapi||{};gapi._bs=new Date().getTime();(function(){/
  gapi.load("",{callback:window["gapi_onload"],_c:{"jsl":{"ci":{"deviceType":"desktop","oauth-flow":{"authUrl":"https://accounts.google.com/o/oauth2/auth","proxyUrl":"https://accounts.google.com/o/oauth2/postmessageRelay","disableOpt":true,"idpIframeUrl":"https://accounts.google.com/o/oauth2/iframe","usegapi":false},"debug":{"reportExceptionRate":0.05,"forceIm":false,"rethrowException":false,"host":"https://apis.google.com"},"enableMultilogin":true,"googleapis.config":{"auth":{"useFirstPartyAuthV2":true}},"isPlusUser":false,"inline":{"css":1},"disableRealtimeCallback":false,"drive_share":{"skipInitCommand":true},"csi":{"rate":0.01},"client":{"cors":false},"isLoggedIn":true,"signInDeprecation":{"rate":0.0},"include_granted_scopes":true,"llang":"pt","iframes":{"youtube":{"params":{"location":["search","hash"]},"url":":socialhost:/:session_prefix:_/widget/render/youtube?usegapi\u003d1","methods":["scroll","openwindow"]},"ytsubscribe":{"url":"https://www.youtube.com/subscribe_embed?usegapi\u003d1"},"plus_circle":{"params":{"url":""},"url":":socialhost:/:session_prefix::se:_/widget/plus/circle?usegapi\u003d1"},"plus_share":{"params":{"url":""},"url":":socialhost:/:session_prefix::se:_/+1/sharebutton?plusShare\u003dtrue\u0026usegapi\u003d1"},"rbr_s":{"params":{"url":""},"url":":socialhost:/:session_prefix::se:_/widget/render/recobarsimplescroller"},":source:":"3p","playemm":{"url":"https://play.google.com/work/embedded/search?usegapi\u003d1\u0026usegapi\u003d1"},"savetoandroidpay":{"url":"https://pay.google.com/gp/v/widget/save"},"blogger":{"params":{"location":["search","hash"]},"url":":socialhost:/:session_prefix:_/widget/render/blogger?usegapi\u003d1","methods":["scroll","openwindow"]},"evwidget":{"params":{"url":""},"url":":socialhost:/:session_prefix:_/events/widget?usegapi\u003d1"},"partnersbadge":{"url":"https://www.gstatic.com/partners/badge/templates/badge.html?usegapi\u003d1"},"dataconnector":{"url":"https://dataconnector.corp.google.com/:session_prefix:ui/widgetview?usegapi\u003d1"},"surveyoptin":{"url":"https://www.google.com/shopping/customerreviews/optin?usegapi\u003d1"},":socialhost:":"https://apis.google.com","shortlists":{"url":""},"hangout":{"url":"https://talkgadget.google.com/:session_prefix:talkgadget/_/widget"},"plus_followers":{"params":{"url":""},"url":":socialhost:/_/im/_/widget/render/plus/followers?usegapi\u003d1"},"post":{"params":{"url":""},"url":":socialhost:/:session_prefix::im_prefix:_/widget/render/post?usegapi\u003d1"},":gplus_url:":"https://plus.google.com","signin":{"params":{"url":""},"url":":socialhost:/:session_prefix:_/widget/render/signin?usegapi\u003d1","methods":["onauth"]},"rbr_i":{"params":{"url":""},"url":":socialhost:/:session_prefix::se:_/widget/render/recobarinvitation"},"share":{"url":":socialhost:/:session_prefix::im_prefix:_/widget/render/share?usegapi\u003d1"},"plusone":{"params":{"count":"","size":"","url":""},"url":":socialhost:/:session_prefix::se:_/+1/fastbutton?usegapi\u003d1"},"comments":{"params":{"location":["search","hash"]},"url":":socialhost:/:session_prefix:_/widget/render/comments?usegapi\u003d1","methods":["scroll","openwindow"]},":im_socialhost:":"https://plus.googleapis.com","backdrop":{"url":"https://clients3.google.com/cast/chromecast/home/widget/backdrop?usegapi\u003d1"},"visibility":{"params":{"url":""},"url":":socialhost:/:session_prefix:_/widget/render/visibility?usegapi\u003d1"},"autocomplete":{"params":{"url":""},"url":":socialhost:/:session_prefix:_/widget/render/autocomplete"},"additnow":{"url":"https://apis.google.com/marketplace/button?usegapi\u003d1","methods":["launchurl"]},":signuphost:":"https://plus.google.com","ratingbadge":{"url":"https://www.google.com/shopping/customerreviews/badge?usegapi\u003d1"},"appcirclepicker":{"url":":socialhost:/:session_prefix:_/widget/render/appcirclepicker"},"follow":{"url":":socialhost:/:session_prefix:_/widget/render/follow?usegapi\u003d1"},"community":{"url":":ctx_socialhost:/:session_prefix::im_prefix:_/widget/render/community?usegapi\u003d1"},"sharetoclassroom":{"url":"https://classroom.google.com/sharewidget?usegapi\u003d1"},"ytshare":{"params":{"url":""},"url":":socialhost:/:session_prefix:_/widget/render/ytshare?usegapi\u003d1"},"plus":{"url":":socialhost:/:session_prefix:_/widget/render/badge?usegapi\u003d1"},"family_creation":{"params":{"url":""},"url":"https://families.google.com/webcreation?usegapi\u003d1\u0026usegapi\u003d1"},"commentcount":{"url":":socialhost:/:session_prefix:_/widget/render/commentcount?usegapi\u003d1"},"configurator":{"url":":socialhost:/:session_prefix:_/plusbuttonconfigurator?usegapi\u003d1"},"zoomableimage":{"url":"https://ssl.gstatic.com/microscope/embed/"},"appfinder":{"url":"https://workspace.google.com/:session_prefix:marketplace/appfinder?usegapi\u003d1"},"savetowallet":{"url":"https://pay.google.com/gp/v/widget/save"},"person":{"url":":socialhost:/:session_prefix:_/widget/render/person?usegapi\u003d1"},"savetodrive":{"url":"https://drive.google.com/savetodrivebutton?usegapi\u003d1","methods":["save"]},"page":{"url":":socialhost:/:session_prefix:_/widget/render/page?usegapi\u003d1"},"card":{"url":":socialhost:/:session_prefix:_/hovercard/card"}}},"h":"m;/_/scs/apps-static/_/js/k\u003doz.gapi.pt_BR.l4Bv_WkVC6g.O/am\u003dwQE/d\u003d1/ct\u003dzgms/rs\u003dAGLTcCOuH5S2uqmF6E8zOW7n3yiqiwhzNQ/m\u003d__features__","u":"https://apis.google.com/js/platform.js","hee":true,"fp":"821a251b140e4add32f87f4a7a08f044a59aa0e9","dpo":false},"platform":["additnow","backdrop","blogger","comments","commentcount","community","donation","family_creation","follow","hangout","health","page","partnersbadge","person","playemm","playreview","plus","plusone","post","ratingbadge","savetoandroidpay","savetodrive","savetowallet","sharetoclassroom","shortlists","signin2","surveyoptin","visibility","youtube","ytsubscribe","zoomableimage"],"fp":"821a251b140e4add32f87f4a7a08f044a59aa0e9","annotation":["interactivepost","recobar","signin2","autocomplete","profile"],"bimodal":["signin","share"]}});
 
 const GoogleLoginButton = ({
-  label = "Continue With Google",
+  label = "Google",
   className = "",
   labelClassName = "",
   iconClassName = ""
@@ -13302,7 +13293,7 @@ function SvgAuth0Logo(props) {
 }
 
 const Auth0LoginButton = ({
-  label = "Continue With Auth0",
+  label = "Auth0",
   className = "",
   labelClassName = "",
   iconClassName = ""
@@ -13439,7 +13430,8 @@ function LoginView(props) {
   const {
     t
   } = useTranslation("login");
-  const socialLoginEnabled = ((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id) || ((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.google_app_id) || ((_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.auth0_client_id);
+  const auth0LoginEnabled = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.auth0_client_id;
+  const socialLoginEnabled = ((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.facebook_app_id) || ((_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.google_app_id) || auth0LoginEnabled;
   const passwordlessEnabled = (_window$Pelcro$site$r4 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r4 === void 0 ? void 0 : _window$Pelcro$site$r4.passwordless_enabled;
   const enableLoginWithUsername = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) === null || _window$Pelcro$uiSett === void 0 ? void 0 : _window$Pelcro$uiSett.enableLoginWithUsername;
   return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -13449,23 +13441,17 @@ function LoginView(props) {
     className: "plc-mt-2 pelcro-form"
   }, /*#__PURE__*/React__default['default'].createElement(LoginContainer, props, /*#__PURE__*/React__default['default'].createElement(AlertWithContext, null), socialLoginEnabled && /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-my-5"
-  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "plc-block sm:plc-flex plc-flex-col sm:plc-flex-row plc-justify-center plc-flex-wrap plc-items-center"
-  }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, {
-    className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto plc-mb-4 sm:plc-mb-0"
-  }), /*#__PURE__*/React__default['default'].createElement(VerticalSeparator, {
-    className: "plc-hidden sm:plc-inline-grid plc-mx-2 plc-h-8"
-  }), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, {
-    className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
-  })), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "plc-block sm:plc-flex plc-flex-col sm:plc-flex-row plc-justify-center plc-flex-wrap plc-items-center plc-mt-4"
-  }, /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, {
-    className: `plc-block sm:plc-flex plc-w-full sm:plc-w-auto plc-mb-4 sm:plc-mb-0 ${passwordlessEnabled ? "plc-flex-1" : "plc-w-1/2"}`
-  }), passwordlessEnabled && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(VerticalSeparator, {
-    className: "plc-hidden sm:plc-inline-grid plc-mx-2 plc-h-8"
-  }), /*#__PURE__*/React__default['default'].createElement(LoginRequestLoginToken, {
+  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("ul", {
+    className: `${auth0LoginEnabled && !passwordlessEnabled || !auth0LoginEnabled && passwordlessEnabled ? "threeColumns" : "twoColumns"} loginOptions plc-block sm:plc-flex plc-flex-col sm:plc-flex-row plc-justify-center plc-flex-wrap plc-items-center`
+  }, /*#__PURE__*/React__default['default'].createElement("li", null, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, {
+    className: "plc-flex plc-w-full"
+  })), /*#__PURE__*/React__default['default'].createElement("li", null, /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, {
+    className: "plc-flex plc-w-full"
+  })), auth0LoginEnabled && /*#__PURE__*/React__default['default'].createElement("li", null, /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, {
+    className: "plc-flex plc-w-full"
+  })), passwordlessEnabled && /*#__PURE__*/React__default['default'].createElement("li", null, /*#__PURE__*/React__default['default'].createElement(LoginRequestLoginToken, {
     onClick: props.onPasswordlessRequest,
-    className: "paswordlessButton plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
+    className: "plc-flex plc-w-full"
   })))), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-flex plc-items-center plc-justify-between plc-mt-5"
   }, /*#__PURE__*/React__default['default'].createElement("hr", {
@@ -13926,7 +13912,8 @@ function RegisterView(props) {
     t
   } = useTranslation("register");
   usePelcro();
-  const socialLoginEnabled = ((_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.facebook_app_id) || ((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.google_app_id) || ((_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.auth0_client_id);
+  const auth0LoginEnabled = (_window$Pelcro$site$r = window.Pelcro.site.read()) === null || _window$Pelcro$site$r === void 0 ? void 0 : _window$Pelcro$site$r.auth0_client_id;
+  const socialLoginEnabled = ((_window$Pelcro$site$r2 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r2 === void 0 ? void 0 : _window$Pelcro$site$r2.facebook_app_id) || ((_window$Pelcro$site$r3 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r3 === void 0 ? void 0 : _window$Pelcro$site$r3.google_app_id) || auth0LoginEnabled;
   const showNameFields = (_window$Pelcro = window.Pelcro) === null || _window$Pelcro === void 0 ? void 0 : (_window$Pelcro$uiSett = _window$Pelcro.uiSettings) === null || _window$Pelcro$uiSett === void 0 ? void 0 : _window$Pelcro$uiSett.enableNameFieldsInRegister;
   return /*#__PURE__*/React__default['default'].createElement("div", {
     id: "pelcro-register-view"
@@ -13935,19 +13922,15 @@ function RegisterView(props) {
     className: "plc-mt-2 pelcro-form"
   }, /*#__PURE__*/React__default['default'].createElement(RegisterContainer, props, /*#__PURE__*/React__default['default'].createElement(AlertWithContext, null), socialLoginEnabled && /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-my-5"
-  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "plc-block sm:plc-flex plc-flex-col sm:plc-flex-row plc-justify-center plc-flex-wrap plc-items-center"
-  }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, {
-    className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto plc-mb-4 sm:plc-mb-0"
-  }), /*#__PURE__*/React__default['default'].createElement(VerticalSeparator, {
-    className: "plc-hidden sm:plc-inline-grid plc-mx-2 plc-h-8"
-  }), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, {
-    className: "plc-block sm:plc-flex plc-w-full sm:plc-w-auto"
-  })), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "plc-block sm:plc-flex plc-flex-col sm:plc-flex-row plc-justify-center plc-flex-wrap plc-items-center plc-mt-4"
-  }, /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, {
-    className: "plc-block sm:plc-flex plc-w-full sm:plc-w-1/2 plc-mb-4 sm:plc-mb-0"
-  }))), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("ul", {
+    className: `${auth0LoginEnabled ? "threeColumns" : "twoColumns"} loginOptions plc-block sm:plc-flex plc-flex-col sm:plc-flex-row plc-justify-center plc-flex-wrap plc-items-center`
+  }, /*#__PURE__*/React__default['default'].createElement("li", null, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, {
+    className: "plc-flex plc-w-full"
+  })), /*#__PURE__*/React__default['default'].createElement("li", null, /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, {
+    className: "plc-flex plc-w-full"
+  })), auth0LoginEnabled && /*#__PURE__*/React__default['default'].createElement("li", null, /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, {
+    className: "plc-flex plc-w-full"
+  })))), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "plc-flex plc-items-center plc-justify-between plc-mt-5"
   }, /*#__PURE__*/React__default['default'].createElement("hr", {
     className: "plc-w-full plc-border-gray-300"
@@ -18872,26 +18855,26 @@ const NextArrow = ({
   onClick,
   className
 }) => /*#__PURE__*/React__default['default'].createElement("button", {
-  className: `sm:plc-flex plc-hidden plc-text-white plc-w-11 plc-h-11 plc-bg-primary  plc-items-center plc-justify-center plc-rounded-full plc-text-sm plc-absolute plc-top-1/2 plc--right-16 plc-transform plc--translate-y-1/2 plc-border plc-border-primary hover:plc-bg-white hover:plc-text-primary ${className}`,
+  className: `sm:plc-flex plc-hidden plc-text-gray-500 plc-w-11 plc-h-11 plc-items-center plc-justify-center plc-rounded-full plc-text-sm plc-absolute plc-top-1/2 plc--right-12 plc-transform plc--translate-y-1/2 hover:plc-text-gray-900 ${className}`,
   onClick: onClick
 }, /*#__PURE__*/React__default['default'].createElement(SvgArrowThinRight, {
   stroke: "currentColor",
   "aria-hidden": "true",
   focusable: "false",
-  className: "plc-h-5 plc-w-5"
+  className: "plc-h-7 plc-w-7"
 }));
 
 const PrevArrow = ({
   onClick,
   className
 }) => /*#__PURE__*/React__default['default'].createElement("button", {
-  className: `sm:plc-flex plc-hidden plc-text-white plc-w-11 plc-h-11 plc-bg-primary plc-items-center plc-justify-center plc-rounded-full plc-text-sm plc-absolute plc-top-1/2 plc--left-16 plc-transform plc--translate-y-1/2 plc-border plc-border-primary hover:plc-bg-white hover:plc-text-primary ${className}`,
+  className: `sm:plc-flex plc-hidden plc-text-gray-500 plc-w-11 plc-h-11 plc-items-center plc-justify-center plc-rounded-full plc-text-sm plc-absolute plc-top-1/2 plc--left-12 plc-transform plc--translate-y-1/2 hover:plc-text-gray-900 ${className}`,
   onClick: onClick
 }, /*#__PURE__*/React__default['default'].createElement(SvgArrowThinLeft, {
   stroke: "currentColor",
   "aria-hidden": "true",
   focusable: "false",
-  className: "plc-h-5 plc-w-5"
+  className: "plc-h-7 plc-w-7"
 }));
 
 function Carousel({
@@ -18927,7 +18910,7 @@ function Carousel({
     }]
   };
   return /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "carousel-wrapper plc-relative sm:plc-px-16 plc-px-0"
+    className: "carousel-wrapper plc-relative sm:plc-px-8 plc-px-0"
   }, /*#__PURE__*/React__default['default'].createElement(Slider, Object.assign({
     ref: ref
   }, settings), children));
@@ -19158,9 +19141,9 @@ class SelectModal extends React.Component {
         description
       } = this.state.product;
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "productTabs"
+        className: "productTabs plc-flex plc-flex-col plc-items-center"
       }, /*#__PURE__*/React__default['default'].createElement("ul", {
-        className: "tabs plc-flex plc-items-center plc-text-center plc-border-b plc-border-gray-300 plc-mb-4 plc-overflow-x-auto"
+        className: "tabs plc-w-full plc-flex plc-items-center plc-text-center plc-border-b plc-border-gray-300 plc-mb-4 plc-overflow-x-auto"
       }, this.state.productList.map((product, index) => {
         var _this$state$product;
 
@@ -19174,7 +19157,7 @@ class SelectModal extends React.Component {
           className: "plc-px-4 plc-py-2 plc-rounded plc-text-gray-600 focus:plc-outline-none plc-whitespace-nowrap"
         }, product.name));
       })), /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "selectedProduct plc-flex plc-flex-col plc-items-center plc-justify-center"
+        className: "selectedProduct plc-flex plc-flex-col plc-items-center plc-justify-center plc-max-w-3xl"
       }, image && /*#__PURE__*/React__default['default'].createElement("figure", {
         className: "plc-mb-2"
       }, /*#__PURE__*/React__default['default'].createElement("img", {
@@ -19225,7 +19208,7 @@ class SelectModal extends React.Component {
         const isChecked = this.state.plan.id === plan.id ? true : false;
         return /*#__PURE__*/React__default['default'].createElement("div", {
           key: plan.id,
-          className: `${((_this$state = this.state) === null || _this$state === void 0 ? void 0 : _this$state.plan.id) === plan.id ? "plc-border-2 plc-border-primary-800" : "plc-border plc-border-gray-300"} plc-h-full plc-flex plc-flex-col plc-items-start plc-text-gray-900 plc-border-solid plc-rounded-md plc-bg-white pelcro-select-plan-wrapper`
+          className: `${((_this$state = this.state) === null || _this$state === void 0 ? void 0 : _this$state.plan.id) === plan.id ? "plc-border-2 plc-border-primary" : "plc-border plc-border-gray-300"} plc-h-full plc-flex plc-flex-col plc-items-start plc-text-gray-900 plc-border-solid plc-rounded-md plc-bg-white pelcro-select-plan-wrapper`
         }, /*#__PURE__*/React__default['default'].createElement(Radio, {
           wrapperClassName: "plc-w-full plc-flex plc-h-full",
           className: "plc-hidden pelcro-select-plan-radio",
@@ -19236,13 +19219,13 @@ class SelectModal extends React.Component {
           "data-key": plan.id,
           onChange: this.selectPlan
         }, /*#__PURE__*/React__default['default'].createElement("div", {
-          className: "plc-p-4 plc-text-center plc-flex plc-flex-col plc-justify-center plc-items-center plc-w-full plc-border-b plc-border-gray-300"
+          className: "plc-p-4 plc-text-center plc-flex plc-flex-col plc-justify-center plc-items-center plc-w-full"
         }, /*#__PURE__*/React__default['default'].createElement("h4", {
           className: "pelcro-select-plan-title plc-font-medium plc-text-xl plc-break-all"
         }, plan.nickname), /*#__PURE__*/React__default['default'].createElement("p", {
           className: "plc-text-sm plc-mt-1 pelcro-select-plan-description plc-text-gray-400"
         }, plan.description)), /*#__PURE__*/React__default['default'].createElement("div", {
-          className: "plc-mt-auto plc-px-4 plc-mb-4"
+          className: "plc-mt-auto plc-px-4 plc-mb-4 plc-border-t plc-border-gray-300"
         }, /*#__PURE__*/React__default['default'].createElement("div", {
           className: "plc-pt-4 plc-mb-4 plc-font-semibold pelcro-select-plan-price plc-px-4 plc-text-center plc-flex plc-items-end plc-justify-center"
         }, /*#__PURE__*/React__default['default'].createElement("p", {
@@ -19254,7 +19237,7 @@ class SelectModal extends React.Component {
         }, plan.currency), /*#__PURE__*/React__default['default'].createElement("span", {
           className: "plc-capitalize"
         }, "/ ", plan.interval))), /*#__PURE__*/React__default['default'].createElement("div", {
-          className: `${((_this$state2 = this.state) === null || _this$state2 === void 0 ? void 0 : _this$state2.plan.id) === plan.id ? "plc-bg-primary-800 plc-text-white" : "plc-text-primary-800"} plc-flex plc-items-center plc-justify-center plc-text-center plc-py-2 plc-px-4 plc-w-full plc-border-2 plc-rounded-md plc-border-primary-800`
+          className: `${((_this$state2 = this.state) === null || _this$state2 === void 0 ? void 0 : _this$state2.plan.id) === plan.id ? "plc-bg-primary plc-text-white" : "plc-text-primary-800"} plc-flex plc-items-center plc-justify-center plc-text-center plc-py-2 plc-px-4 plc-w-full plc-border-2 plc-rounded-md plc-border-primary`
         }, this.locale("buttons.select")))));
       });
       return /*#__PURE__*/React__default['default'].createElement(Carousel, {
@@ -19409,7 +19392,7 @@ class SelectModal extends React.Component {
     }, this.state.mode === "plan" && /*#__PURE__*/React__default['default'].createElement("button", {
       type: "button",
       onClick: this.goBack,
-      className: "plc-absolute plc-w-6 plc-text-gray-500 focus:plc-text-black plc-z-max plc-top-1/2 plc-left-5 plc-transform plc--translate-y-1/2 plc-border-0 hover:plc-text-black hover:plc-shadow-none plc-bg-transparent hover:plc-bg-transparent focus:plc-bg-transparent"
+      className: "plc-absolute plc-w-6 plc-text-gray-500 focus:plc-text-black plc-z-max plc-top-1/2 plc-left-2 sm:plc-left-5 plc-transform plc--translate-y-1/2 plc-border-0 hover:plc-text-black hover:plc-shadow-none plc-bg-transparent hover:plc-bg-transparent focus:plc-bg-transparent"
     }, /*#__PURE__*/React__default['default'].createElement(SvgArrowLeft, null)), /*#__PURE__*/React__default['default'].createElement("h4", {
       className: "plc-text-2xl plc-font-semibold"
     }, this.product && this.product.paywall.select_title || ((_window$Pelcro$produc2 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc2 === void 0 ? void 0 : _window$Pelcro$produc2.paywall.select_title)), /*#__PURE__*/React__default['default'].createElement("p", null, this.product && this.product.paywall.select_subtitle || ((_window$Pelcro$produc3 = window.Pelcro.product.list()[0]) === null || _window$Pelcro$produc3 === void 0 ? void 0 : _window$Pelcro$produc3.paywall.select_subtitle)))), /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -19428,7 +19411,7 @@ class SelectModal extends React.Component {
       disabled: this.state.disabled,
       onClick: this.submitOption,
       id: "pelcro-submit",
-      className: "plc-w-full plc-mt-2"
+      className: "plc-mt-2 plc-w-full plc-max-w-sm plc-ml-auto plc-mr-auto plc-block"
     }, this.locale("buttons.next"))))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, !window.Pelcro.user.isAuthenticated() && /*#__PURE__*/React__default['default'].createElement("p", {
       className: "plc-mb-9"
     }, /*#__PURE__*/React__default['default'].createElement("span", {
@@ -30207,7 +30190,7 @@ const GiftCreateModal = ({
   }, t("gift.titles.firstTitle")))), /*#__PURE__*/React__default['default'].createElement(ModalBody, null, /*#__PURE__*/React__default['default'].createElement(GiftCreateView, Object.assign({}, otherProps, {
     onSuccess: onSuccess
   }))), /*#__PURE__*/React__default['default'].createElement(ModalFooter, null, /*#__PURE__*/React__default['default'].createElement("p", {
-    className: "plc-mb-9"
+    className: "plc-mb-4"
   }, /*#__PURE__*/React__default['default'].createElement("span", {
     className: "plc-font-medium"
   }, t("messages.selectPlan") + " "), /*#__PURE__*/React__default['default'].createElement(Link, {
@@ -35793,7 +35776,7 @@ class Dashboard extends React.Component {
       icon: /*#__PURE__*/React__default['default'].createElement(SvgQrcode, {
         className: "plc-w-6 plc-h-6 plc-mr-2"
       }),
-      title: "My QR code",
+      title: this.locale("labels.myQRCode"),
       setActiveDashboardLink: this.setActiveDashboardLink,
       activeDashboardLink: this.state.activeDashboardLink
     }), /*#__PURE__*/React__default['default'].createElement(DashboardLink, {