@seamapi/react 1.63.0 → 1.63.1

package/lib/seam/access-codes/use-update-access-code.js

@@ -10,12 +10,34 @@ export function useUpdateAccessCode() {
             return await client.accessCodes.update(mutationParams);
         },
         onSuccess: (_data, variables) => {
-            void queryClient.invalidateQueries([
-                'access_codes',
-                'get',
-                { access_code_id: variables.access_code_id },
-            ]);
-            void queryClient.invalidateQueries(['access_codes', 'list']);
+            // There is no guarantee that the actual code has updated even if the
+            // request was succesful. To prevent stale data in the UI, the
+            // code below optimistically updates the data in cache.
+            queryClient.setQueryData(['access_codes', 'get', { access_code_id: variables.access_code_id }], (accessCode) => {
+                if (accessCode == null) {
+                    return;
+                }
+                return {
+                    ...accessCode,
+                    code: variables.code ?? accessCode.code,
+                    name: variables.name ?? accessCode.name,
+                };
+            });
+            queryClient.setQueryData(['access_codes', 'list', { device_id: variables.device_id }], (accessCodes) => {
+                if (accessCodes == null) {
+                    return;
+                }
+                return accessCodes.map((accessCode) => {
+                    if (accessCode.access_code_id === variables.access_code_id) {
+                        return {
+                            ...accessCode,
+                            code: variables.code ?? accessCode.code,
+                            name: variables.name ?? accessCode.name,
+                        };
+                    }
+                    return accessCode;
+                });
+            });
         },
     });
 }

package/lib/seam/access-codes/use-update-access-code.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-update-access-code.js","sourceRoot":"","sources":["../../../src/lib/seam/access-codes/use-update-access-code.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,cAAc,GACf,MAAM,uBAAuB,CAAA;AAQ9B,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAMhF,MAAM,UAAU,mBAAmB;IAKjC,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,WAAW,CAIhB;QACA,UAAU,EAAE,KAAK,EAAE,cAAiD,EAAE,EAAE;YACtE,IAAI,MAAM,KAAK,IAAI;gBAAE,MAAM,IAAI,mBAAmB,EAAE,CAAA;YAEpD,OAAO,MAAM,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;QACxD,CAAC;QACD,SAAS,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;YAC9B,KAAK,WAAW,CAAC,iBAAiB,CAAC;gBACjC,cAAc;gBACd,KAAK;gBACL,EAAE,cAAc,EAAE,SAAS,CAAC,cAAc,EAAE;aAC7C,CAAC,CAAA;YACF,KAAK,WAAW,CAAC,iBAAiB,CAAC,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAA;QAC9D,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}
+{"version":3,"file":"use-update-access-code.js","sourceRoot":"","sources":["../../../src/lib/seam/access-codes/use-update-access-code.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,cAAc,GACf,MAAM,uBAAuB,CAAA;AAU9B,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAMhF,MAAM,UAAU,mBAAmB;IAKjC,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,WAAW,CAIhB;QACA,UAAU,EAAE,KAAK,EAAE,cAAiD,EAAE,EAAE;YACtE,IAAI,MAAM,KAAK,IAAI;gBAAE,MAAM,IAAI,mBAAmB,EAAE,CAAA;YAEpD,OAAO,MAAM,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;QACxD,CAAC;QACD,SAAS,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;YAC9B,qEAAqE;YACrE,8DAA8D;YAC9D,uDAAuD;YAEvD,WAAW,CAAC,YAAY,CACtB,CAAC,cAAc,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,CAAC,cAAc,EAAE,CAAC,EACrE,CAAC,UAAU,EAAE,EAAE;gBACb,IAAI,UAAU,IAAI,IAAI,EAAE;oBACtB,OAAM;iBACP;gBAED,OAAO;oBACL,GAAG,UAAU;oBACb,IAAI,EAAE,SAAS,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI;oBACvC,IAAI,EAAE,SAAS,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI;iBACxC,CAAA;YACH,CAAC,CACF,CAAA;YAED,WAAW,CAAC,YAAY,CACtB,CAAC,cAAc,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,SAAS,EAAE,CAAC,EAC5D,CAAC,WAAW,EAAE,EAAE;gBACd,IAAI,WAAW,IAAI,IAAI,EAAE;oBACvB,OAAM;iBACP;gBAED,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;oBACpC,IAAI,UAAU,CAAC,cAAc,KAAK,SAAS,CAAC,cAAc,EAAE;wBAC1D,OAAO;4BACL,GAAG,UAAU;4BACb,IAAI,EAAE,SAAS,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI;4BACvC,IAAI,EAAE,SAAS,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI;yBACxC,CAAA;qBACF;oBAED,OAAO,UAAU,CAAA;gBACnB,CAAC,CAAC,CAAA;YACJ,CAAC,CACF,CAAA;QACH,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}

package/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.js

@@ -64,6 +64,7 @@ function useSubmitEditAccessCode(accessCode, onSuccess) {
         mutate({
             access_code_id: accessCode.access_code_id,
             name,
+            code,
             type: 'ongoing',
             device_id: device.device_id,
         }, {

package/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditAccessCodeForm.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EditAccessCodeForm.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EACL,aAAa,GAEd,MAAM,0CAA0C,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAA;AACrF,OAAO,EAEL,uBAAuB,GACxB,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kEAAkE,CAAA;AACpG,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAC1D,OAAO,EACL,cAAc,GAGf,MAAM,yCAAyC,CAAA;AAOhD,MAAM,CAAC,MAAM,wBAAwB,GACnC,uBAAuB,CAAC,kBAAkB,CAAC,CAAA;AAE7C,MAAM,UAAU,kBAAkB,CAAC,EACjC,YAAY,EACZ,MAAM,EACN,SAAS,EACT,SAAS,GACe;IACxB,qBAAqB,CAAC,oBAAoB,CAAC,CAAA;IAE3C,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC;QACnC,cAAc,EAAE,YAAY;KAC7B,CAAC,CAAA;IAEF,IAAI,UAAU,IAAI,IAAI,EAAE;QACtB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,KAAC,OAAO,IACN,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,EACf,SAAS,EACT,MAAM,EACN,UAAU,EACV,SAAS,GAGV;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QAC3B,SAAS,EAAE,UAAU,CAAC,SAAS;KAChC,CAAC,CAAA;IAEF,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,uBAAuB,CACtE,UAAU,EACV,GAAG,EAAE;QACH,IAAI,SAAS,IAAI,IAAI,EAAE;YACrB,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,CAAA;SACrC;QAED,IAAI,MAAM,IAAI,IAAI,EAAE;YAClB,MAAM,EAAE,CAAA;SACT;IACH,CAAC,CACF,CAAA;IAED,IAAI,MAAM,IAAI,IAAI,EAAE;QAClB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,KAAC,cAAc,IACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,GAC9B,CACH,CAAA;AACH,CAAC;AAED,SAAS,uBAAuB,CAC9B,UAA0C,EAC1C,SAAsB;IAMtB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACjE,MAAM,EAAE,cAAc,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,GAChE,iBAAiB,EAAE,CAAA;IAErB,MAAM,MAAM,GAAG,CAAC,IAA8B,EAAQ,EAAE;QACtD,mBAAmB,EAAE,CAAA;QAErB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,CAAA;QAC7D,IAAI,IAAI,KAAK,EAAE,EAAE;YACf,OAAM;SACP;QAED,IAAI,YAAY,EAAE;YAChB,OAAM;SACP;QAED,IAAI,IAAI,KAAK,YAAY,EAAE;YACzB,MAAM,CACJ;gBACE,cAAc,EAAE,UAAU,CAAC,cAAc;gBACzC,IAAI;gBACJ,IAAI;gBACJ,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC3B,IAAI,EAAE,YAAY;gBAClB,SAAS,EAAE,SAAS;gBACpB,OAAO,EAAE,OAAO;aACjB,EACD;gBACE,SAAS;gBACT,OAAO,EAAE,mBAAmB;aAC7B,CACF,CAAA;YAED,OAAM;SACP;QAED,MAAM,CACJ;YACE,cAAc,EAAE,UAAU,CAAC,cAAc;YACzC,IAAI;YACJ,IAAI;YACJ,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,MAAM,CAAC,SAAS;SAC5B,EACD;YACE,SAAS;YACT,OAAO,EAAE,mBAAmB;SAC7B,CACF,CAAA;IACH,CAAC,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,CAAA;AACjD,CAAC"}

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const seamapiReactVersion = "1.63.0";
+declare const seamapiReactVersion = "1.63.1";
 export default seamapiReactVersion;

package/lib/version.js

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '1.63.0';
+const seamapiReactVersion = '1.63.1';
 export default seamapiReactVersion;
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamapi/react",
-  "version": "1.63.0",
+  "version": "1.63.1",
   "description": "Seam Components.",
   "type": "module",
   "main": "index.js",

package/src/lib/seam/access-codes/use-update-access-code.ts

@@ -4,6 +4,8 @@ import {
   useQueryClient,
 } from '@tanstack/react-query'
 import type {
+  AccessCode,
+  AccessCodesListResponse,
   AccessCodeUpdateRequest,
   AccessCodeUpdateResponse,
   ActionAttempt,
@@ -35,12 +37,45 @@ export function useUpdateAccessCode(): UseMutationResult<
       return await client.accessCodes.update(mutationParams)
     },
     onSuccess: (_data, variables) => {
-      void queryClient.invalidateQueries([
-        'access_codes',
-        'get',
-        { access_code_id: variables.access_code_id },
-      ])
-      void queryClient.invalidateQueries(['access_codes', 'list'])
+      // There is no guarantee that the actual code has updated even if the
+      // request was succesful. To prevent stale data in the UI, the
+      // code below optimistically updates the data in cache.
+
+      queryClient.setQueryData<AccessCode | null>(
+        ['access_codes', 'get', { access_code_id: variables.access_code_id }],
+        (accessCode) => {
+          if (accessCode == null) {
+            return
+          }
+
+          return {
+            ...accessCode,
+            code: variables.code ?? accessCode.code,
+            name: variables.name ?? accessCode.name,
+          }
+        }
+      )
+
+      queryClient.setQueryData<AccessCodesListResponse['access_codes']>(
+        ['access_codes', 'list', { device_id: variables.device_id }],
+        (accessCodes) => {
+          if (accessCodes == null) {
+            return
+          }
+
+          return accessCodes.map((accessCode) => {
+            if (accessCode.access_code_id === variables.access_code_id) {
+              return {
+                ...accessCode,
+                code: variables.code ?? accessCode.code,
+                name: variables.name ?? accessCode.name,
+              }
+            }
+
+            return accessCode
+          })
+        }
+      )
     },
   })
 }

package/src/lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.tsx

@@ -141,6 +141,7 @@ function useSubmitEditAccessCode(
       {
         access_code_id: accessCode.access_code_id,
         name,
+        code,
         type: 'ongoing',
         device_id: device.device_id,
       },

package/src/lib/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '1.63.0'
+const seamapiReactVersion = '1.63.1'
 
 export default seamapiReactVersion