@plasmicapp/react-web 0.2.229 → 0.2.231

package/lib/prepass/index.cjs.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var prepass = require('@plasmicapp/prepass');
+
+
+
+Object.keys(prepass).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () {
+			return prepass[k];
+		}
+	});
+});
+//# sourceMappingURL=index.cjs.js.map

package/lib/prepass/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/lib/prepass/index.d.ts

@@ -0,0 +1 @@
+export * from "@plasmicapp/prepass";

package/lib/prepass/index.js

@@ -0,0 +1,2 @@
+export * from '@plasmicapp/prepass';
+//# sourceMappingURL=index.js.map

package/lib/prepass/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicapp/react-web",
-  "version": "0.2.229",
+  "version": "0.2.231",
   "description": "plasmic library for rendering in the presentational style",
   "main": "dist/index.cjs.js",
   "types": "dist/index.d.ts",
@@ -41,6 +41,11 @@
       "import": "./lib/query/index.js",
       "require": "./lib/query/index.cjs.js"
     },
+    "./lib/prepass": {
+      "types": "./lib/prepass/index.d.ts",
+      "import": "./lib/prepass/index.js",
+      "require": "./lib/prepass/index.cjs.js"
+    },
     "./lib/plasmic.css": "./lib/plasmic.css",
     "./skinny": {
       "import": "./skinny/dist/index.js"
@@ -75,9 +80,10 @@
   },
   "prettier": {},
   "dependencies": {
-    "@plasmicapp/data-sources": "0.1.93",
+    "@plasmicapp/data-sources": "0.1.94",
     "@plasmicapp/data-sources-context": "0.1.11",
     "@plasmicapp/host": "1.0.149",
+    "@plasmicapp/prepass": "1.0.1",
     "@plasmicapp/query": "0.1.67",
     "@react-aria/checkbox": "^3.5.0",
     "@react-aria/focus": "^3.7.0",
@@ -143,5 +149,5 @@
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "7e4bd9f42a40784d0683c0cd706619771029d678"
+  "gitHead": "dc2ad8008e43ddf96d46c346afd43dc36c34e8d5"
 }

package/skinny/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/skinny/dist/index.js

@@ -78,7 +78,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 = usePlasmicDataSourceContext();
     React__default.useEffect(function () {
         if (canTriggerLogin) {
@@ -109,12 +109,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.createElement(React__default.Fragment, null, unauthorizedComp);
+        }
         return React__default.createElement("div", null, "You don't have access to this page");
     }
     return React__default.createElement(React__default.Fragment, null, children);