@plasmicapp/react-web 0.2.228 → 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);
@@ -1675,7 +1687,19 @@ function PlasmicRootProvider(props) {
                 React__namespace.createElement(dataSourcesContext.PlasmicDataSourceContextProvider, { value: dataSourceContextValue },
                     React__namespace.createElement(PlasmicTranslatorContext.Provider, { value: (_a = props.i18n) !== null && _a !== void 0 ? _a : props.translator },
                         React__namespace.createElement(PlasmicHeadContext.Provider, { value: props.Head },
-                            React__namespace.createElement(host.PlasmicLinkProvider, { Link: (_b = props.Link) !== null && _b !== void 0 ? _b : PlasmicLinkInternal }, children))))))));
+                            React__namespace.createElement(SafePlasmicLinkProvider, { Link: (_b = props.Link) !== null && _b !== void 0 ? _b : PlasmicLinkInternal }, children))))))));
+}
+/**
+ * A PlasmicLinkProvider that anticipates PlasmicLinkProvider may not exist yet from
+ * @plasmicapp/host if the user is using an older version
+ */
+function SafePlasmicLinkProvider(props) {
+    if (host.PlasmicLinkProvider) {
+        return React__namespace.createElement(host.PlasmicLinkProvider, __assign({}, props));
+    }
+    else {
+        return React__namespace.createElement(React__namespace.Fragment, null, props.children);
+    }
 }
 var useIsSSR = ssr.useIsSSR;
 function useHasPlasmicRoot() {