Merge branch 'main' into dependabot/npm_and_yarn/store2-2.14.4

seamapi · Feb 7, 2025 · cc191a8 · cc191a8
2 parents 756ad50 + 3a4728c
commit cc191a8
Show file tree

Hide file tree

Showing 4 changed files with 55 additions and 39 deletions.
diff --git a/README.md b/README.md
@@ -87,7 +87,7 @@ export function App() {
   <seam-device-table publishable-key="your_publishable_key"></seam-device-table>
   <script
     type="module"
-    src="https://react.seam.co/v/4.5.0/dist/elements.js"
+    src="https://react.seam.co/v/4.6.0/dist/elements.js"
   ></script>
 </body>
 ```
@@ -215,7 +215,7 @@ or place the following in the `<head>` tag:
 ```html
 <link
   rel="stylesheet"
-  href="https://react.seam.co/v/4.5.0/dist/index.min.css"
+  href="https://react.seam.co/v/4.6.0/dist/index.min.css"
 />
 ```
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@seamapi/react",
-  "version": "4.5.0",
+  "version": "4.6.0",
   "description": "Seam Components.",
   "type": "module",
   "main": "index.js",

diff --git a/src/lib/seam/components/AccessCodeDetails/AccessCodeDetails.tsx b/src/lib/seam/components/AccessCodeDetails/AccessCodeDetails.tsx
@@ -13,6 +13,7 @@ import {
 } from 'lib/seam/components/common-props.js'
 import { NestedDeviceDetails } from 'lib/seam/components/DeviceDetails/DeviceDetails.js'
 import { NestedEditAccessCodeForm } from 'lib/seam/components/EditAccessCodeForm/EditAccessCodeForm.js'
+import { useDevice } from 'lib/seam/devices/use-device.js'
 import {
   accessCodeErrorFilter,
   accessCodeWarningFilter,
@@ -94,6 +95,12 @@ export function AccessCodeDetails({
     )
   }, [accessCode, deleteCode, onDelete, preventDefaultOnDelete])
 
+  const { device } = useDevice({ device_id: accessCode?.device_id })
+  const canSpecifyPinCode =
+    device?.properties.code_constraints?.every(
+      ({ constraint_type: type }) => type !== 'cannot_specify_pin_code'
+    ) ?? true
+
   if (accessCode == null) {
     return null
   }
@@ -192,18 +199,23 @@ export function AccessCodeDetails({
               alerts.length > 0 && 'seam-top-has-alerts'
             )}
           >
-            <span className='seam-label'>{t.accessCode}</span>
-            <h5 className='seam-access-code-name'>{name}</h5>
-            <div className='seam-code'>
-              <span>{accessCode.code}</span>
-              <IconButton
-                onClick={() => {
-                  void copyToClipboard(accessCode.code ?? '')
-                }}
-              >
-                <CopyIcon />
-              </IconButton>
-            </div>
+            {canSpecifyPinCode && (
+              <>
+                <span className='seam-label'>{t.accessCode}</span>
+                <h5 className='seam-access-code-name'>{name}</h5>
+                <div className='seam-code'>
+                  <span>{accessCode.code}</span>
+                  <IconButton
+                    onClick={() => {
+                      void copyToClipboard(accessCode.code ?? '')
+                    }}
+                  >
+                    <CopyIcon />
+                  </IconButton>
+                </div>
+              </>
+            )}
+
             <div className='seam-duration'>
               <Duration accessCode={accessCode} />
             </div>
@@ -215,28 +227,32 @@ export function AccessCodeDetails({
             onSelectDevice={selectDevice}
           />
         </div>
-        {(!disableEditAccessCode || !disableDeleteAccessCode) && (
-          <div className='seam-actions'>
-            {!disableEditAccessCode && !accessCode.is_offline_access_code && (
-              <Button
-                size='small'
-                onClick={handleEdit}
-                disabled={isAccessCodeBeingRemoved || isDeleting}
-              >
-                {t.editCode}
-              </Button>
-            )}
-            {!disableDeleteAccessCode && !accessCode.is_offline_access_code && (
-              <Button
-                size='small'
-                onClick={handleDelete}
-                disabled={isAccessCodeBeingRemoved || isDeleting}
-              >
-                {t.deleteCode}
-              </Button>
-            )}
-          </div>
-        )}
+
+        {canSpecifyPinCode &&
+          (!disableEditAccessCode || !disableDeleteAccessCode) && (
+            <div className='seam-actions'>
+              {!disableEditAccessCode && !accessCode.is_offline_access_code && (
+                <Button
+                  size='small'
+                  onClick={handleEdit}
+                  disabled={isAccessCodeBeingRemoved || isDeleting}
+                >
+                  {t.editCode}
+                </Button>
+              )}
+              {!disableDeleteAccessCode &&
+                !accessCode.is_offline_access_code && (
+                  <Button
+                    size='small'
+                    onClick={handleDelete}
+                    disabled={isAccessCodeBeingRemoved || isDeleting}
+                  >
+                    {t.deleteCode}
+                  </Button>
+                )}
+            </div>
+          )}
+
         <div className='seam-details'>
           {!disableResourceIds && (
             <div className='seam-row'>