@seamapi/react 1.11.1 → 1.13.0

package/lib/seam/components/ConnectAccountButton/ConnectAccountButton.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ConnectAccountButtonProps {
+    className?: string;
+}
+export declare function ConnectAccountButton({ className, }?: ConnectAccountButtonProps): JSX.Element;

package/lib/seam/components/ConnectAccountButton/ConnectAccountButton.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { useCreateConnectWebview } from '../../../../lib/seam/connect-webviews/use-create-connect-webview.js';
+import { Button } from '../../../../lib/ui/Button.js';
+export function ConnectAccountButton({ className, } = {}) {
+    const { isLoading, mutate } = useCreateConnectWebview({
+        willNavigateToWebview: true,
+    });
+    const url = window.location.href;
+    const handleClick = useCallback(() => {
+        mutate({
+            accepted_providers: [],
+            custom_redirect_url: url,
+            custom_redirect_failure_url: url,
+        });
+    }, [mutate, url]);
+    return (_jsx(Button, { size: 'small', onClick: handleClick, className: className, disabled: isLoading, children: t.connectAccount }));
+}
+const t = {
+    connectAccount: 'Connect Account',
+};
+//# sourceMappingURL=ConnectAccountButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectAccountButton.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/ConnectAccountButton/ConnectAccountButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAA;AACjG,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAMzC,MAAM,UAAU,oBAAoB,CAAC,EACnC,SAAS,MACoB,EAAE;IAC/B,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,uBAAuB,CAAC;QACpD,qBAAqB,EAAE,IAAI;KAC5B,CAAC,CAAA;IAEF,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAA;IAChC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,MAAM,CAAC;YACL,kBAAkB,EAAE,EAAE;YACtB,mBAAmB,EAAE,GAAG;YACxB,2BAA2B,EAAE,GAAG;SACjC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,SAAS,YAElB,CAAC,CAAC,cAAc,GACV,CACV,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,cAAc,EAAE,iBAAiB;CAClC,CAAA"}

package/lib/seam/components/DeviceTable/DeviceTable.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 export interface DeviceTableProps {
     deviceIds?: string[];
+    onDeviceClick?: (deviceId: string) => void;
     onBack?: () => void;
     className?: string;
 }
-export declare function DeviceTable({ deviceIds, onBack, className, }?: DeviceTableProps): JSX.Element | null;
+export declare function DeviceTable({ deviceIds, onDeviceClick, onBack, className, }?: DeviceTableProps): JSX.Element | null;

package/lib/seam/components/DeviceTable/DeviceTable.js

@@ -12,15 +12,15 @@ import { TableHeader } from '../../../../lib/ui/Table/TableHeader.js';
 import { TableTitle } from '../../../../lib/ui/Table/TableTitle.js';
 import { SearchTextField } from '../../../../lib/ui/TextField/SearchTextField.js';
 import { Caption } from '../../../../lib/ui/typography/Caption.js';
-export function DeviceTable({ deviceIds, onBack, className, } = {}) {
+export function DeviceTable({ deviceIds, onDeviceClick, onBack, className, } = {}) {
     const { devices, isLoading, isError, error } = useDevices({
         device_ids: deviceIds,
     });
-    const [selectedDeviceId, selectDevice] = useState(null);
+    const [selectedDeviceId, setSelectedDeviceId] = useState(null);
     const [searchTerm, setSearchTerm] = useState('');
     if (selectedDeviceId != null) {
         return (_jsx(DeviceDetails, { className: className, deviceId: selectedDeviceId, onBack: () => {
-                selectDevice(null);
+                setSelectedDeviceId(null);
             } }));
     }
     if (isLoading) {
@@ -39,10 +39,10 @@ export function DeviceTable({ deviceIds, onBack, className, } = {}) {
         }
         return new RegExp(searchTerm, 'i').test(device.properties.name);
     });
-    return (_jsxs("div", { className: classNames('seam-device-table', className), children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [_jsxs(TableTitle, { children: [t.devices, " ", _jsxs(Caption, { children: ["(", deviceCount, ")"] })] }), _jsx(SearchTextField, { value: searchTerm, onChange: setSearchTerm, disabled: deviceCount === 0 })] }), _jsx(TableBody, { children: _jsx(Body, { devices: filteredDevices, selectDevice: selectDevice }) })] }));
+    return (_jsxs("div", { className: classNames('seam-device-table', className), children: [_jsx(ContentHeader, { onBack: onBack }), _jsxs(TableHeader, { children: [_jsxs(TableTitle, { children: [t.devices, " ", _jsxs(Caption, { children: ["(", deviceCount, ")"] })] }), _jsx(SearchTextField, { value: searchTerm, onChange: setSearchTerm, disabled: deviceCount === 0 })] }), _jsx(TableBody, { children: _jsx(Body, { devices: filteredDevices, onDeviceClick: onDeviceClick ?? setSelectedDeviceId }) })] }));
 }
 function Body(props) {
-    const { devices, selectDevice } = props;
+    const { devices, onDeviceClick } = props;
     const [filter, setFilter] = useState(null);
     if (devices.length === 0) {
         return _jsx(EmptyPlaceholder, { children: t.noDevicesMessage });
@@ -57,7 +57,7 @@ function Body(props) {
         return true;
     });
     return (_jsxs(_Fragment, { children: [_jsx(DeviceHealthBar, { devices: devices, filter: filter, onFilterSelect: setFilter }), filteredDevices.map((device) => (_jsx(DeviceRow, { device: device, onClick: () => {
-                    selectDevice(device.device_id);
+                    onDeviceClick(device.device_id);
                 } }, device.device_id)))] }));
 }
 const t = {

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

@@ -1 +1 @@
-{"version":3,"file":"DeviceTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceTable/DeviceTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DeviceTable.js","sourceRoot":"","sources":["../../../../src/lib/seam/components/DeviceTable/DeviceTable.tsx"],"names":[],"mappings":"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"}

package/lib/seam/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './AccessCodeDetails/AccessCodeDetails.js';
 export * from './AccessCodeTable/AccessCodeTable.js';
+export * from './ConnectAccountButton/ConnectAccountButton.js';
 export * from './DeviceDetails/DeviceDetails.js';
 export * from './DeviceTable/DeviceTable.js';
 export * from './SupportedDeviceTable/SupportedDeviceTable.js';

package/lib/seam/components/index.js

@@ -1,5 +1,6 @@
 export * from './AccessCodeDetails/AccessCodeDetails.js';
 export * from './AccessCodeTable/AccessCodeTable.js';
+export * from './ConnectAccountButton/ConnectAccountButton.js';
 export * from './DeviceDetails/DeviceDetails.js';
 export * from './DeviceTable/DeviceTable.js';
 export * from './SupportedDeviceTable/SupportedDeviceTable.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/seam/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAA;AACxD,cAAc,sCAAsC,CAAA;AACpD,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gDAAgD,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/seam/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAA;AACxD,cAAc,sCAAsC,CAAA;AACpD,cAAc,gDAAgD,CAAA;AAC9D,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gDAAgD,CAAA"}

package/lib/seam/connect-webviews/use-create-connect-webview.d.ts

@@ -0,0 +1,7 @@
+import { type UseMutationResult } from '@tanstack/react-query';
+import type { ConnectWebview, ConnectWebviewCreateRequest, SeamError } from 'seamapi';
+export interface UseCreateConnectWebviewParams {
+    willNavigateToWebview?: boolean;
+}
+export type UseCreateConnectWebviewMutationParams = ConnectWebviewCreateRequest;
+export declare function useCreateConnectWebview({ willNavigateToWebview, }?: UseCreateConnectWebviewParams): UseMutationResult<ConnectWebview, SeamError, ConnectWebviewCreateRequest>;

package/lib/seam/connect-webviews/use-create-connect-webview.js

@@ -0,0 +1,19 @@
+import { useMutation } from '@tanstack/react-query';
+import { useSeamClient } from '../../../lib/seam/use-seam-client.js';
+export function useCreateConnectWebview({ willNavigateToWebview = false, } = {}) {
+    const { client } = useSeamClient();
+    return useMutation({
+        mutationFn: async (mutationParams) => {
+            if (client == null) {
+                throw new Error('Missing seam client');
+            }
+            return await client.connectWebviews.create(mutationParams);
+        },
+        onSuccess: ({ url }) => {
+            if (willNavigateToWebview && url != null) {
+                globalThis.location.href = url;
+            }
+        },
+    });
+}
+//# sourceMappingURL=use-create-connect-webview.js.map

package/lib/seam/connect-webviews/use-create-connect-webview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-create-connect-webview.js","sourceRoot":"","sources":["../../../src/lib/seam/connect-webviews/use-create-connect-webview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAA0B,MAAM,uBAAuB,CAAA;AAQ3E,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAQ3D,MAAM,UAAU,uBAAuB,CAAC,EACtC,qBAAqB,GAAG,KAAK,MACI,EAAE;IAKnC,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,WAAW,CAIhB;QACA,UAAU,EAAE,KAAK,EACf,cAAqD,EACrD,EAAE;YACF,IAAI,MAAM,IAAI,IAAI,EAAE;gBAClB,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;aACvC;YAED,OAAO,MAAM,MAAM,CAAC,eAAe,CAAC,MAAM,CAAC,cAAc,CAAC,CAAA;QAC5D,CAAC;QACD,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;YACrB,IAAI,qBAAqB,IAAI,GAAG,IAAI,IAAI,EAAE;gBACxC,UAAU,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAA;aAC/B;QACH,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}

package/lib/seam/devices/use-toggle-lock.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-toggle-lock.js","sourceRoot":"","sources":["../../../src/lib/seam/devices/use-toggle-lock.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,cAAc,GACf,MAAM,uBAAuB,CAAA;AAS9B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAE3D,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,EAAE,QAAQ,EACnB,UAAU,EAAE,EAAE,MAAM,EAAE,GACX;IAKX,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,KAAK,IAAI,EAAE;YACrB,IAAI,MAAM,IAAI,IAAI,EAAE;gBAClB,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;aACvC;YAED,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAA;YACvE,OAAO,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAA;QAC/B,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE;YACb,WAAW,CAAC,YAAY,CACtB,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,CAAC,EACvB,CAAC,OAAO,EAAE,EAAE;gBACV,IAAI,OAAO,IAAI,IAAI,EAAE;oBACnB,OAAM;iBACP;gBAED,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBAC5B,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,KAAK,QAAQ,CAAA;oBAC9C,IAAI,QAAQ,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE;wBACpC,OAAO;4BACL,GAAG,MAAM;4BACT,UAAU,EAAE;gCACV,GAAG,MAAM,CAAC,UAAU;gCACpB,MAAM,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM;6BAClC;yBACF,CAAA;qBACF;oBAED,OAAO,MAAM,CAAA;gBACf,CAAC,CAAC,CAAA;YACJ,CAAC,CACF,CAAA;YAED,WAAW,CAAC,YAAY,CACtB,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,EAC3C,CAAC,MAAM,EAAE,EAAE;gBACT,IAAI,MAAM,IAAI,IAAI,EAAE;oBAClB,OAAM;iBACP;gBAED,OAAO;oBACL,GAAG,MAAM;oBACT,UAAU,EAAE;wBACV,GAAG,MAAM,CAAC,UAAU;wBACpB,MAAM,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM;qBAClC;iBACF,CAAA;YACH,CAAC,CACF,CAAA;QACH,CAAC;QACD,SAAS,EAAE,KAAK,IAAI,EAAE;YACpB,MAAM,WAAW,CAAC,iBAAiB,CAAC;gBAClC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;aAC9B,CAAC,CAAA;YACF,MAAM,WAAW,CAAC,iBAAiB,CAAC;gBAClC,QAAQ,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;aACtD,CAAC,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}
+{"version":3,"file":"use-toggle-lock.js","sourceRoot":"","sources":["../../../src/lib/seam/devices/use-toggle-lock.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,cAAc,GACf,MAAM,uBAAuB,CAAA;AAS9B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAE3D,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,EAAE,QAAQ,EACnB,UAAU,EAAE,EAAE,MAAM,EAAE,GACX;IAKX,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,WAAW,CAA8C;QAC9D,UAAU,EAAE,KAAK,IAAI,EAAE;YACrB,IAAI,MAAM,IAAI,IAAI,EAAE;gBAClB,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;aACvC;YAED,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAA;YACvE,OAAO,MAAM,MAAM,CAAC,QAAQ,CAAC,CAAA;QAC/B,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE;YACb,WAAW,CAAC,YAAY,CACtB,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,CAAC,EACvB,CAAC,OAAO,EAAE,EAAE;gBACV,IAAI,OAAO,IAAI,IAAI,EAAE;oBACnB,OAAM;iBACP;gBAED,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBAC5B,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,KAAK,QAAQ,CAAA;oBAC9C,IAAI,QAAQ,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE;wBACpC,OAAO;4BACL,GAAG,MAAM;4BACT,UAAU,EAAE;gCACV,GAAG,MAAM,CAAC,UAAU;gCACpB,MAAM,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM;6BAClC;yBACF,CAAA;qBACF;oBAED,OAAO,MAAM,CAAA;gBACf,CAAC,CAAC,CAAA;YACJ,CAAC,CACF,CAAA;YAED,WAAW,CAAC,YAAY,CACtB,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,EAC3C,CAAC,MAAM,EAAE,EAAE;gBACT,IAAI,MAAM,IAAI,IAAI,EAAE;oBAClB,OAAM;iBACP;gBAED,OAAO;oBACL,GAAG,MAAM;oBACT,UAAU,EAAE;wBACV,GAAG,MAAM,CAAC,UAAU;wBACpB,MAAM,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM;qBAClC;iBACF,CAAA;YACH,CAAC,CACF,CAAA;QACH,CAAC;QACD,SAAS,EAAE,KAAK,IAAI,EAAE;YACpB,MAAM,WAAW,CAAC,iBAAiB,CAAC;gBAClC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;aAC9B,CAAC,CAAA;YACF,MAAM,WAAW,CAAC,iBAAiB,CAAC;gBAClC,QAAQ,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;aACtD,CAAC,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}

package/lib/seam/index.d.ts

@@ -1,5 +1,6 @@
 export * from './access-codes/use-access-code.js';
 export * from './access-codes/use-access-codes.js';
+export * from './connect-webviews/use-create-connect-webview.js';
 export * from './device-models/use-device-models.js';
 export * from './devices/use-device.js';
 export * from './devices/use-devices.js';

package/lib/seam/index.js

@@ -1,5 +1,6 @@
 export * from './access-codes/use-access-code.js';
 export * from './access-codes/use-access-codes.js';
+export * from './connect-webviews/use-create-connect-webview.js';
 export * from './device-models/use-device-models.js';
 export * from './devices/use-device.js';
 export * from './devices/use-devices.js';

package/lib/seam/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/seam/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAA;AACjD,cAAc,oCAAoC,CAAA;AAClD,cAAc,sCAAsC,CAAA;AACpD,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/seam/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAA;AACjD,cAAc,oCAAoC,CAAA;AAClD,cAAc,kDAAkD,CAAA;AAChE,cAAc,sCAAsC,CAAA;AACpD,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA"}

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const seamapiReactVersion = "1.11.1";
+declare const seamapiReactVersion = "1.13.0";
 export default seamapiReactVersion;

package/lib/version.js

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

package/package.json

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

package/src/lib/seam/components/ConnectAccountButton/ConnectAccountButton.element.ts

@@ -0,0 +1,11 @@
+import type { ElementProps } from 'lib/element.js'
+
+import type { ConnectAccountButtonProps } from './ConnectAccountButton.js'
+
+export const name = 'seam-connect-account-button'
+
+export const props: ElementProps<ConnectAccountButtonProps> = {
+  className: 'string',
+}
+
+export { ConnectAccountButton as Component } from './ConnectAccountButton.js'

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

@@ -0,0 +1,40 @@
+import { useCallback } from 'react'
+
+import { useCreateConnectWebview } from 'lib/seam/connect-webviews/use-create-connect-webview.js'
+import { Button } from 'lib/ui/Button.js'
+
+export interface ConnectAccountButtonProps {
+  className?: string
+}
+
+export function ConnectAccountButton({
+  className,
+}: ConnectAccountButtonProps = {}): JSX.Element {
+  const { isLoading, mutate } = useCreateConnectWebview({
+    willNavigateToWebview: true,
+  })
+
+  const url = window.location.href
+  const handleClick = useCallback(() => {
+    mutate({
+      accepted_providers: [],
+      custom_redirect_url: url,
+      custom_redirect_failure_url: url,
+    })
+  }, [mutate, url])
+
+  return (
+    <Button
+      size='small'
+      onClick={handleClick}
+      className={className}
+      disabled={isLoading}
+    >
+      {t.connectAccount}
+    </Button>
+  )
+}
+
+const t = {
+  connectAccount: 'Connect Account',
+}

package/src/lib/seam/components/DeviceTable/DeviceTable.element.ts

@@ -5,6 +5,8 @@ import type { DeviceTableProps } from './DeviceTable.js'
 export const name = 'seam-device-table'
 
 export const props: ElementProps<DeviceTableProps> = {
+  deviceIds: 'json',
+  onDeviceClick: 'function',
   onBack: 'function',
   className: 'string',
 }

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

@@ -21,12 +21,14 @@ import { Caption } from 'lib/ui/typography/Caption.js'
 
 export interface DeviceTableProps {
   deviceIds?: string[]
+  onDeviceClick?: (deviceId: string) => void
   onBack?: () => void
   className?: string
 }
 
 export function DeviceTable({
   deviceIds,
+  onDeviceClick,
   onBack,
   className,
 }: DeviceTableProps = {}): JSX.Element | null {
@@ -34,7 +36,8 @@ export function DeviceTable({
     device_ids: deviceIds,
   })
 
-  const [selectedDeviceId, selectDevice] = useState<string | null>(null)
+  const [selectedDeviceId, setSelectedDeviceId] = useState<string | null>(null)
+
   const [searchTerm, setSearchTerm] = useState('')
 
   if (selectedDeviceId != null) {
@@ -43,7 +46,7 @@ export function DeviceTable({
         className={className}
         deviceId={selectedDeviceId}
         onBack={() => {
-          selectDevice(null)
+          setSelectedDeviceId(null)
         }}
       />
     )
@@ -85,7 +88,10 @@ export function DeviceTable({
         />
       </TableHeader>
       <TableBody>
-        <Body devices={filteredDevices} selectDevice={selectDevice} />
+        <Body
+          devices={filteredDevices}
+          onDeviceClick={onDeviceClick ?? setSelectedDeviceId}
+        />
       </TableBody>
     </div>
   )
@@ -93,9 +99,9 @@ export function DeviceTable({
 
 function Body(props: {
   devices: Array<UseDevicesData[number]>
-  selectDevice: (id: string) => void
+  onDeviceClick: (deviceId: string) => void
 }): JSX.Element {
-  const { devices, selectDevice } = props
+  const { devices, onDeviceClick } = props
   const [filter, setFilter] = useState<DeviceFilter | null>(null)
 
   if (devices.length === 0) {
@@ -126,7 +132,7 @@ function Body(props: {
           device={device}
           key={device.device_id}
           onClick={() => {
-            selectDevice(device.device_id)
+            onDeviceClick(device.device_id)
           }}
         />
       ))}

package/src/lib/seam/components/elements.ts

@@ -1,5 +1,6 @@
 export * as AccessCodeDetails from './AccessCodeDetails/AccessCodeDetails.element.js'
 export * as AccessCodeTable from './AccessCodeTable/AccessCodeTable.element.js'
+export * as ConnectAccountButton from './ConnectAccountButton/ConnectAccountButton.element.js'
 export * as DeviceDetails from './DeviceDetails/DeviceDetails.element.js'
 export * as DeviceTable from './DeviceTable/DeviceTable.element.js'
 export * as SupportedDeviceTable from './SupportedDeviceTable/SupportedDeviceTable.element.js'

package/src/lib/seam/components/index.ts

@@ -1,5 +1,6 @@
 export * from './AccessCodeDetails/AccessCodeDetails.js'
 export * from './AccessCodeTable/AccessCodeTable.js'
+export * from './ConnectAccountButton/ConnectAccountButton.js'
 export * from './DeviceDetails/DeviceDetails.js'
 export * from './DeviceTable/DeviceTable.js'
 export * from './SupportedDeviceTable/SupportedDeviceTable.js'

package/src/lib/seam/connect-webviews/use-create-connect-webview.ts

@@ -0,0 +1,46 @@
+import { useMutation, type UseMutationResult } from '@tanstack/react-query'
+import type {
+  ConnectWebview,
+  ConnectWebviewCreateRequest,
+  ConnectWebviewCreateResponse,
+  SeamError,
+} from 'seamapi'
+
+import { useSeamClient } from 'lib/seam/use-seam-client.js'
+
+export interface UseCreateConnectWebviewParams {
+  willNavigateToWebview?: boolean
+}
+
+export type UseCreateConnectWebviewMutationParams = ConnectWebviewCreateRequest
+
+export function useCreateConnectWebview({
+  willNavigateToWebview = false,
+}: UseCreateConnectWebviewParams = {}): UseMutationResult<
+  ConnectWebview,
+  SeamError,
+  ConnectWebviewCreateRequest
+> {
+  const { client } = useSeamClient()
+
+  return useMutation<
+    ConnectWebviewCreateResponse['connect_webview'],
+    SeamError,
+    UseCreateConnectWebviewMutationParams
+  >({
+    mutationFn: async (
+      mutationParams: UseCreateConnectWebviewMutationParams
+    ) => {
+      if (client == null) {
+        throw new Error('Missing seam client')
+      }
+
+      return await client.connectWebviews.create(mutationParams)
+    },
+    onSuccess: ({ url }) => {
+      if (willNavigateToWebview && url != null) {
+        globalThis.location.href = url
+      }
+    },
+  })
+}

package/src/lib/seam/devices/use-toggle-lock.ts

@@ -25,7 +25,7 @@ export function useToggleLock({
   const { client } = useSeamClient()
   const queryClient = useQueryClient()
 
-  return useMutation({
+  return useMutation<{ actionAttempt: ActionAttempt }, SeamError>({
     mutationFn: async () => {
       if (client == null) {
         throw new Error('Missing seam client')

package/src/lib/seam/index.ts

@@ -1,5 +1,6 @@
 export * from './access-codes/use-access-code.js'
 export * from './access-codes/use-access-codes.js'
+export * from './connect-webviews/use-create-connect-webview.js'
 export * from './device-models/use-device-models.js'
 export * from './devices/use-device.js'
 export * from './devices/use-devices.js'

package/src/lib/version.ts

@@ -1,3 +1,3 @@
-const seamapiReactVersion = '1.11.1'
+const seamapiReactVersion = '1.13.0'
 
 export default seamapiReactVersion