@pelcro/react-pelcro-js 3.2.0-beta.38 → 3.2.0-beta.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +16 -8
  2. package/dist/index.esm.js +16 -8
  3. package/dist/pelcro.css +5 -0
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -7013,6 +7013,12 @@ class PelcroActions {
7013
7013
  });
7014
7014
  }
7015
7015
 
7016
+ if (["passwordless-request"].includes(view) && this.get().isAuthenticated()) {
7017
+ return this.set({
7018
+ view: null
7019
+ });
7020
+ }
7021
+
7016
7022
  this.set({
7017
7023
  view
7018
7024
  });
@@ -7519,7 +7525,7 @@ const calcAndFormatItemsTotal = (items, currency) => {
7519
7525
  */
7520
7526
 
7521
7527
  const isValidViewFromURL = viewID => {
7522
- if (["login", "register", "plan-select", "gift-redeem", "password-forgot", "password-reset", "password-change", "passwordless-login", "passwordless-request", "payment-method-update", "user-edit", "newsletter", "address-create", "order-create", "cart", "email-verify", "invoice-details"].includes(viewID) || hasValidNewsletterUpdateUrl()) {
7528
+ if (["login", "register", "plan-select", "gift-redeem", "password-forgot", "password-reset", "password-change", "passwordless-request", "passwordless-login", "payment-method-update", "user-edit", "newsletter", "address-create", "order-create", "cart", "email-verify", "invoice-details"].includes(viewID) || hasValidNewsletterUpdateUrl()) {
7523
7529
  return true;
7524
7530
  }
7525
7531
 
@@ -10156,7 +10162,8 @@ const verifyLinkTokenFromUrl = () => {
10156
10162
  var _window$Pelcro$user$i, _window$Pelcro$user;
10157
10163
 
10158
10164
  const {
10159
- whenSiteReady
10165
+ whenSiteReady,
10166
+ resetView
10160
10167
  } = usePelcro.getStore();
10161
10168
  const translations = i18next.t("verifyLinkToken:messages", {
10162
10169
  returnObjects: true
@@ -10182,6 +10189,7 @@ const verifyLinkTokenFromUrl = () => {
10182
10189
  return notify.error(getErrorMessages(err));
10183
10190
  }
10184
10191
 
10192
+ resetView();
10185
10193
  return notify.success(translations.success);
10186
10194
  });
10187
10195
  });
@@ -10191,10 +10199,11 @@ const verifyLinkTokenFromUrl = () => {
10191
10199
  };
10192
10200
 
10193
10201
  const showPasswordlessRequestFromUrl = () => {
10194
- var _window$Pelcro$site$r7;
10202
+ var _window$Pelcro$site$r7, _window$Pelcro$user$i2, _window$Pelcro$user2;
10195
10203
 
10196
10204
  const passwordlessEnabled = (_window$Pelcro$site$r7 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r7 === void 0 ? void 0 : _window$Pelcro$site$r7.passwordless_enabled;
10197
- if (!passwordlessEnabled) return;
10205
+ const isAlreadyLoggedIn = (_window$Pelcro$user$i2 = (_window$Pelcro$user2 = window.Pelcro.user) === null || _window$Pelcro$user2 === void 0 ? void 0 : _window$Pelcro$user2.isAuthenticated()) !== null && _window$Pelcro$user$i2 !== void 0 ? _window$Pelcro$user$i2 : false;
10206
+ if (!passwordlessEnabled || isAlreadyLoggedIn) return;
10198
10207
  const {
10199
10208
  switchView
10200
10209
  } = usePelcro.getStore();
@@ -11043,7 +11052,7 @@ const LoginRequestLoginToken = ({
11043
11052
  } = useTranslation("passwordlessRequest");
11044
11053
  return /*#__PURE__*/React__default['default'].createElement("button", {
11045
11054
  onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(),
11046
- className: `plc-flex plc-items-center plc-mt-3 plc-justify-center plc-p-3 plc-space-x-3 plc-text-gray-700 plc-border plc-border-gray-200 plc-rounded-3xl hover:plc-bg-gray-200 pelcro-auth0-login ${className}`
11055
+ className: `plc-flex plc-items-center plc-mt-3 plc-mx-auto plc-justify-center plc-p-3 plc-space-x-3 plc-text-gray-700 plc-border plc-border-gray-200 plc-rounded-3xl hover:plc-bg-gray-200 pelcro-auth0-login ${className}`
11047
11056
  }, /*#__PURE__*/React__default['default'].createElement(SvgEmailVerify, {
11048
11057
  className: `plc-w-6 plc-h-auto" ${iconClassName}`
11049
11058
  }), /*#__PURE__*/React__default['default'].createElement("p", {
@@ -11732,10 +11741,9 @@ function LoginView(props) {
11732
11741
  className: "plc-w-full plc-border-gray-300"
11733
11742
  })), /*#__PURE__*/React__default['default'].createElement("div", {
11734
11743
  className: "plc-flex plc-justify-center plc-flex-wrap plc-px-5 plc-mt-1 plc-space-x-3"
11735
- }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null), /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, null), passwordlessEnabled && /*#__PURE__*/React__default['default'].createElement(LoginRequestLoginToken, {
11736
- className: "plc-mt-2",
11744
+ }, /*#__PURE__*/React__default['default'].createElement(GoogleLoginButton, null), /*#__PURE__*/React__default['default'].createElement(FacebookLoginButton, null), /*#__PURE__*/React__default['default'].createElement(Auth0LoginButton, null))), passwordlessEnabled && /*#__PURE__*/React__default['default'].createElement(LoginRequestLoginToken, {
11737
11745
  onClick: props.onPasswordlessRequest
11738
- }))))));
11746
+ }))));
11739
11747
  }
11740
11748
 
11741
11749
  var _path$m, _path2$1, _path3;
package/dist/index.esm.js CHANGED
@@ -6983,6 +6983,12 @@ class PelcroActions {
6983
6983
  });
6984
6984
  }
6985
6985
 
6986
+ if (["passwordless-request"].includes(view) && this.get().isAuthenticated()) {
6987
+ return this.set({
6988
+ view: null
6989
+ });
6990
+ }
6991
+
6986
6992
  this.set({
6987
6993
  view
6988
6994
  });
@@ -7489,7 +7495,7 @@ const calcAndFormatItemsTotal = (items, currency) => {
7489
7495
  */
7490
7496
 
7491
7497
  const isValidViewFromURL = viewID => {
7492
- if (["login", "register", "plan-select", "gift-redeem", "password-forgot", "password-reset", "password-change", "passwordless-login", "passwordless-request", "payment-method-update", "user-edit", "newsletter", "address-create", "order-create", "cart", "email-verify", "invoice-details"].includes(viewID) || hasValidNewsletterUpdateUrl()) {
7498
+ if (["login", "register", "plan-select", "gift-redeem", "password-forgot", "password-reset", "password-change", "passwordless-request", "passwordless-login", "payment-method-update", "user-edit", "newsletter", "address-create", "order-create", "cart", "email-verify", "invoice-details"].includes(viewID) || hasValidNewsletterUpdateUrl()) {
7493
7499
  return true;
7494
7500
  }
7495
7501
 
@@ -10126,7 +10132,8 @@ const verifyLinkTokenFromUrl = () => {
10126
10132
  var _window$Pelcro$user$i, _window$Pelcro$user;
10127
10133
 
10128
10134
  const {
10129
- whenSiteReady
10135
+ whenSiteReady,
10136
+ resetView
10130
10137
  } = usePelcro.getStore();
10131
10138
  const translations = i18next.t("verifyLinkToken:messages", {
10132
10139
  returnObjects: true
@@ -10152,6 +10159,7 @@ const verifyLinkTokenFromUrl = () => {
10152
10159
  return notify.error(getErrorMessages(err));
10153
10160
  }
10154
10161
 
10162
+ resetView();
10155
10163
  return notify.success(translations.success);
10156
10164
  });
10157
10165
  });
@@ -10161,10 +10169,11 @@ const verifyLinkTokenFromUrl = () => {
10161
10169
  };
10162
10170
 
10163
10171
  const showPasswordlessRequestFromUrl = () => {
10164
- var _window$Pelcro$site$r7;
10172
+ var _window$Pelcro$site$r7, _window$Pelcro$user$i2, _window$Pelcro$user2;
10165
10173
 
10166
10174
  const passwordlessEnabled = (_window$Pelcro$site$r7 = window.Pelcro.site.read()) === null || _window$Pelcro$site$r7 === void 0 ? void 0 : _window$Pelcro$site$r7.passwordless_enabled;
10167
- if (!passwordlessEnabled) return;
10175
+ const isAlreadyLoggedIn = (_window$Pelcro$user$i2 = (_window$Pelcro$user2 = window.Pelcro.user) === null || _window$Pelcro$user2 === void 0 ? void 0 : _window$Pelcro$user2.isAuthenticated()) !== null && _window$Pelcro$user$i2 !== void 0 ? _window$Pelcro$user$i2 : false;
10176
+ if (!passwordlessEnabled || isAlreadyLoggedIn) return;
10168
10177
  const {
10169
10178
  switchView
10170
10179
  } = usePelcro.getStore();
@@ -11013,7 +11022,7 @@ const LoginRequestLoginToken = ({
11013
11022
  } = useTranslation("passwordlessRequest");
11014
11023
  return /*#__PURE__*/React__default.createElement("button", {
11015
11024
  onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(),
11016
- className: `plc-flex plc-items-center plc-mt-3 plc-justify-center plc-p-3 plc-space-x-3 plc-text-gray-700 plc-border plc-border-gray-200 plc-rounded-3xl hover:plc-bg-gray-200 pelcro-auth0-login ${className}`
11025
+ className: `plc-flex plc-items-center plc-mt-3 plc-mx-auto plc-justify-center plc-p-3 plc-space-x-3 plc-text-gray-700 plc-border plc-border-gray-200 plc-rounded-3xl hover:plc-bg-gray-200 pelcro-auth0-login ${className}`
11017
11026
  }, /*#__PURE__*/React__default.createElement(SvgEmailVerify, {
11018
11027
  className: `plc-w-6 plc-h-auto" ${iconClassName}`
11019
11028
  }), /*#__PURE__*/React__default.createElement("p", {
@@ -11702,10 +11711,9 @@ function LoginView(props) {
11702
11711
  className: "plc-w-full plc-border-gray-300"
11703
11712
  })), /*#__PURE__*/React__default.createElement("div", {
11704
11713
  className: "plc-flex plc-justify-center plc-flex-wrap plc-px-5 plc-mt-1 plc-space-x-3"
11705
- }, /*#__PURE__*/React__default.createElement(GoogleLoginButton, null), /*#__PURE__*/React__default.createElement(FacebookLoginButton, null), /*#__PURE__*/React__default.createElement(Auth0LoginButton, null), passwordlessEnabled && /*#__PURE__*/React__default.createElement(LoginRequestLoginToken, {
11706
- className: "plc-mt-2",
11714
+ }, /*#__PURE__*/React__default.createElement(GoogleLoginButton, null), /*#__PURE__*/React__default.createElement(FacebookLoginButton, null), /*#__PURE__*/React__default.createElement(Auth0LoginButton, null))), passwordlessEnabled && /*#__PURE__*/React__default.createElement(LoginRequestLoginToken, {
11707
11715
  onClick: props.onPasswordlessRequest
11708
- }))))));
11716
+ }))));
11709
11717
  }
11710
11718
 
11711
11719
  var _path$m, _path2$1, _path3;
package/dist/pelcro.css CHANGED
@@ -2231,6 +2231,11 @@ in order to scope selectors under pelcro-root
2231
2231
  margin-bottom: 1rem;
2232
2232
  }
2233
2233
 
2234
+ .pelcro-root .plc-mx-auto {
2235
+ margin-left: auto;
2236
+ margin-right: auto;
2237
+ }
2238
+
2234
2239
  .pelcro-root .plc-mt-1 {
2235
2240
  margin-top: 0.25rem;
2236
2241
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pelcro/react-pelcro-js",
3
3
  "description": "Pelcro's React UI Elements",
4
- "version": "3.2.0-beta.38",
4
+ "version": "3.2.0-beta.40",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "main": "dist/index.cjs.js",