@plasmicapp/react-web 0.2.229 → 0.2.230

package/dist/all.d.ts

@@ -24,6 +24,7 @@ interface PlasmicPageGuardProps {
     minRole?: string;
     canTriggerLogin: boolean;
     children: React__default.ReactNode;
+    unauthorizedComp?: React__default.ReactNode;
 }
 declare function PlasmicPageGuard(props: PlasmicPageGuardProps): JSX.Element | null;
 declare function withPlasmicPageGuard<P extends object>(WrappedComponent: React__default.ComponentType<P>, options: Omit<PlasmicPageGuardProps, "children">): React__default.FC<P>;

package/dist/auth/PlasmicPageGuard.d.ts

@@ -5,6 +5,7 @@ interface PlasmicPageGuardProps {
     minRole?: string;
     canTriggerLogin: boolean;
     children: React.ReactNode;
+    unauthorizedComp?: React.ReactNode;
 }
 export declare function PlasmicPageGuard(props: PlasmicPageGuardProps): JSX.Element | null;
 export declare function withPlasmicPageGuard<P extends object>(WrappedComponent: React.ComponentType<P>, options: Omit<PlasmicPageGuardProps, "children">): React.FC<P>;

package/dist/index.cjs.js

@@ -249,7 +249,7 @@ function triggerLogin(appId, authorizeEndpoint, redirectUri) {
     });
 }
 function PlasmicPageGuard(props) {
-    var appId = props.appId, authorizeEndpoint = props.authorizeEndpoint, minRole = props.minRole, canTriggerLogin = props.canTriggerLogin, children = props.children;
+    var appId = props.appId, authorizeEndpoint = props.authorizeEndpoint, minRole = props.minRole, canTriggerLogin = props.canTriggerLogin, children = props.children, unauthorizedComp = props.unauthorizedComp;
     var dataSourceCtxValue = dataSourcesContext.usePlasmicDataSourceContext();
     React__default['default'].useEffect(function () {
         if (canTriggerLogin) {
@@ -280,12 +280,24 @@ function PlasmicPageGuard(props) {
         }
         return dataSourceCtxValue.user.roleIds.includes(minRole);
     }
+    /*
+    PlasmicPageGuard has three cases:
+    1. No value of dataSourceCtxValue, user is loading or a trigger login should be performed.
+       In this case, we don't want to render the children or the access denied message.
+       While the user is loading we look to see if don't have a user value as we can be in a
+       revalidate state.
+    2. The user doesn't have access to the page in which we show an access denied message.
+    3. The user has access to the page in which we render the children.
+    */
     if (!dataSourceCtxValue ||
-        dataSourceCtxValue.isUserLoading ||
+        (dataSourceCtxValue.isUserLoading && !dataSourceCtxValue.user) ||
         (!dataSourceCtxValue.user && minRole && canTriggerLogin)) {
         return null;
     }
     if (!canUserViewPage()) {
+        if (unauthorizedComp) {
+            return React__default['default'].createElement(React__default['default'].Fragment, null, unauthorizedComp);
+        }
         return React__default['default'].createElement("div", null, "You don't have access to this page");
     }
     return React__default['default'].createElement(React__default['default'].Fragment, null, children);