@pelcro/react-pelcro-js 2.7.0-beta.11 → 2.7.0-beta.12

package/dist/index.cjs.js

@@ -4603,13 +4603,13 @@ var notification_fr = {
 };
 
 var labels$1 = {
-	title: "Verify your e-mail",
-	instructions: "To complete creating your account, you need to verify your e-mail address by opening the verification link we've sent to your email:",
-	resend: "Resend message"
+	title: "Verify your email",
+	instructions: "You're on your way!\nLet's confirm your email address.\nClick on the verification link we've sent to your email:",
+	resend: "Resend email"
 };
 var messages$1 = {
 	resent: "Resent successfully",
-	success: "E-mail verified successfully"
+	success: "Email verified successfully!"
 };
 var verifyEmail_en = {
 	labels: labels$1,
@@ -4617,13 +4617,13 @@ var verifyEmail_en = {
 };
 
 var labels = {
-	title: "Verify your e-mail",
-	instructions: "To complete creating your account, you need to verify your e-mail address by opening the verification link we've sent to your email:",
-	resend: "Resend message"
+	title: "Vérifiez votre e-mail",
+	instructions: "Vous êtes en route!\nConfirmons votre adresse e-mail.\nCliquez sur le lien de vérification que nous vous avons envoyé par e-mail:",
+	resend: "Ré-envoyer l'email"
 };
 var messages = {
-	resent: "Resent successfully",
-	success: "E-mail verified successfully"
+	resent: "Renvoyé avec succès",
+	success: "Email vérifié avec succès!"
 };
 var verifyEmail_fr = {
 	labels: labels,
@@ -8973,7 +8973,7 @@ const verifyEmailTokenFromUrl = () => {
   var _window$Pelcro$site$r5, _window$Pelcro$site$r6;
 
   const {
-    whenUserReady
+    whenSiteReady
   } = usePelcro.getStore();
   const translations = i18next.t("verifyEmail:messages", {
     returnObjects: true
@@ -8981,14 +8981,7 @@ const verifyEmailTokenFromUrl = () => {
   const emailToken = window.Pelcro.helpers.getURLParameter("token");
   const isEmailVerificationEnabled = (_window$Pelcro$site$r5 = (_window$Pelcro$site$r6 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r6 === void 0 ? void 0 : _window$Pelcro$site$r6.email_verify_enabled) !== null && _window$Pelcro$site$r5 !== void 0 ? _window$Pelcro$site$r5 : false;
   if (!emailToken || !isEmailVerificationEnabled) return;
-  /*   
-  using whenUserReady means that the verification link needs to be
-  opened on the same device that was used for registeration to guarantee
-  that the user is authenticated. if that's not the case, nothing would show up,
-  this is a limitation caused by the SDK and it's events
-  */
-
-  whenUserReady(() => {
+  whenSiteReady(() => {
     window.Pelcro.user.verifyEmailToken({
       token: emailToken
     }, (err, res) => {
@@ -24348,7 +24341,7 @@ const EmailVerifyContainer = ({
   } = useTranslation("verifyEmail");
 
   const submit = () => {
-    window.Pelcro.user.resendEmailVerificationToken((err, res) => {
+    window.Pelcro.user.resendEmailVerification((err, res) => {
       dispatch({
         type: LOADING,
         payload: false
@@ -24475,7 +24468,7 @@ const EmailVerifyView = props => {
   }, /*#__PURE__*/React__default['default'].createElement(SvgEmailVerify, {
     className: "plc-w-32 plc-h-32"
   }), /*#__PURE__*/React__default['default'].createElement("p", {
-    className: "plc-mb-1 plc-text-gray-900"
+    className: "plc-mb-1 plc-text-gray-900 plc-text-center plc-whitespace-pre-line"
   }, t("labels.instructions"), " ", /*#__PURE__*/React__default['default'].createElement("span", {
     className: "plc-font-bold"
   }, (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.email))), /*#__PURE__*/React__default['default'].createElement(EmailVerifyResendButton, {

package/dist/index.esm.js

@@ -4573,13 +4573,13 @@ var notification_fr = {
 };
 
 var labels$1 = {
-	title: "Verify your e-mail",
-	instructions: "To complete creating your account, you need to verify your e-mail address by opening the verification link we've sent to your email:",
-	resend: "Resend message"
+	title: "Verify your email",
+	instructions: "You're on your way!\nLet's confirm your email address.\nClick on the verification link we've sent to your email:",
+	resend: "Resend email"
 };
 var messages$1 = {
 	resent: "Resent successfully",
-	success: "E-mail verified successfully"
+	success: "Email verified successfully!"
 };
 var verifyEmail_en = {
 	labels: labels$1,
@@ -4587,13 +4587,13 @@ var verifyEmail_en = {
 };
 
 var labels = {
-	title: "Verify your e-mail",
-	instructions: "To complete creating your account, you need to verify your e-mail address by opening the verification link we've sent to your email:",
-	resend: "Resend message"
+	title: "Vérifiez votre e-mail",
+	instructions: "Vous êtes en route!\nConfirmons votre adresse e-mail.\nCliquez sur le lien de vérification que nous vous avons envoyé par e-mail:",
+	resend: "Ré-envoyer l'email"
 };
 var messages = {
-	resent: "Resent successfully",
-	success: "E-mail verified successfully"
+	resent: "Renvoyé avec succès",
+	success: "Email vérifié avec succès!"
 };
 var verifyEmail_fr = {
 	labels: labels,
@@ -8943,7 +8943,7 @@ const verifyEmailTokenFromUrl = () => {
   var _window$Pelcro$site$r5, _window$Pelcro$site$r6;
 
   const {
-    whenUserReady
+    whenSiteReady
   } = usePelcro.getStore();
   const translations = i18next.t("verifyEmail:messages", {
     returnObjects: true
@@ -8951,14 +8951,7 @@ const verifyEmailTokenFromUrl = () => {
   const emailToken = window.Pelcro.helpers.getURLParameter("token");
   const isEmailVerificationEnabled = (_window$Pelcro$site$r5 = (_window$Pelcro$site$r6 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r6 === void 0 ? void 0 : _window$Pelcro$site$r6.email_verify_enabled) !== null && _window$Pelcro$site$r5 !== void 0 ? _window$Pelcro$site$r5 : false;
   if (!emailToken || !isEmailVerificationEnabled) return;
-  /*   
-  using whenUserReady means that the verification link needs to be
-  opened on the same device that was used for registeration to guarantee
-  that the user is authenticated. if that's not the case, nothing would show up,
-  this is a limitation caused by the SDK and it's events
-  */
-
-  whenUserReady(() => {
+  whenSiteReady(() => {
     window.Pelcro.user.verifyEmailToken({
       token: emailToken
     }, (err, res) => {
@@ -24318,7 +24311,7 @@ const EmailVerifyContainer = ({
   } = useTranslation("verifyEmail");
 
   const submit = () => {
-    window.Pelcro.user.resendEmailVerificationToken((err, res) => {
+    window.Pelcro.user.resendEmailVerification((err, res) => {
       dispatch({
         type: LOADING,
         payload: false
@@ -24445,7 +24438,7 @@ const EmailVerifyView = props => {
   }, /*#__PURE__*/React__default.createElement(SvgEmailVerify, {
     className: "plc-w-32 plc-h-32"
   }), /*#__PURE__*/React__default.createElement("p", {
-    className: "plc-mb-1 plc-text-gray-900"
+    className: "plc-mb-1 plc-text-gray-900 plc-text-center plc-whitespace-pre-line"
   }, t("labels.instructions"), " ", /*#__PURE__*/React__default.createElement("span", {
     className: "plc-font-bold"
   }, (_window$Pelcro$user$r = window.Pelcro.user.read()) === null || _window$Pelcro$user$r === void 0 ? void 0 : _window$Pelcro$user$r.email))), /*#__PURE__*/React__default.createElement(EmailVerifyResendButton, {

package/dist/pelcro.css

@@ -2759,6 +2759,10 @@ in order to scope selectors under pelcro-root
   vertical-align: middle;
 }
 
+.pelcro-root .plc-whitespace-pre-line {
+  white-space: pre-line;
+}
+
 .pelcro-root .plc-break-words {
   overflow-wrap: break-word;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "2.7.0-beta.11",
+  "version": "2.7.0-beta.12",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",