@stoker-platform/web-app 0.5.58 → 0.5.59

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @stoker-platform/web-app
 
+## 0.5.59
+
+### Patch Changes
+
+- feat: improve permissions change logic
+- Updated dependencies
+    - @stoker-platform/web-client@0.5.36
+
 ## 0.5.58
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@stoker-platform/web-app",
-    "version": "0.5.58",
+    "version": "0.5.59",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE.md",
     "scripts": {
@@ -53,7 +53,7 @@
         "@sentry/react": "^10.47.0",
         "@stoker-platform/node-client": "0.5.38",
         "@stoker-platform/utils": "0.5.32",
-        "@stoker-platform/web-client": "0.5.35",
+        "@stoker-platform/web-client": "0.5.36",
         "@tanstack/react-table": "^8.21.3",
         "@types/react": "18.3.13",
         "@types/react-dom": "18.3.1",

package/src/Collection.tsx

@@ -14,6 +14,7 @@ import {
     RelationField,
     RelationList,
     StokerCollection,
+    StokerPermissions,
     StokerRecord,
     StokerRole,
 } from "@stoker-platform/types"
@@ -30,6 +31,7 @@ import {
     GetSomeOptions,
     getTimezone,
     keepTimezone,
+    onStokerPermissionsChange,
     onStokerSignOut,
     subscribeMany,
     SubscribeManyOptions,
@@ -153,7 +155,7 @@ function Collection({
     const schema = getSchema()
     const customization = getCollectionConfigModule(labels.collection)
     const timezone = getTimezone()
-    const permissions = getCurrentUserPermissions()
+    const [permissions, setPermissions] = useState<StokerPermissions | null>(() => getCurrentUserPermissions())
     if (!permissions?.Role) throw new Error("PERMISSION_DENIED")
     const { toast } = useToast()
 
@@ -236,6 +238,13 @@ function Collection({
 
     const preventChange = isRouteLoadingImmediate.has(location.pathname)
 
+    useEffect(() => {
+        const unsubscribe = onStokerPermissionsChange(() => {
+            setPermissions(getCurrentUserPermissions())
+        })
+        return unsubscribe
+    }, [])
+
     const onTabChange = useCallback((value: string) => {
         Object.values(unsubscribe.current).forEach((unsubscribe) => unsubscribe.forEach((unsubscribe) => unsubscribe()))
         unsubscribe.current = {}
@@ -1333,7 +1342,7 @@ function Collection({
     }, [calendarConfig, schema])
 
     const canAddRecords =
-        permissions.collections?.[labels.collection].operations.includes("Create") &&
+        permissions.collections?.[labels.collection]?.operations.includes("Create") &&
         !hasEntityRestrictions.some((entityRestriction) => entityRestriction.type === "Individual") &&
         !disableCreate
     const isCreateDisabled = getConnectionStatus() === "Offline" && (isOfflineDisabled || serverWriteOnly)
@@ -1641,6 +1650,8 @@ function Collection({
         [recordTitle],
     )
 
+    if (!permissions.collections?.[labels.collection]) return null
+
     return (
         !collection.singleton && (
             <>