@seamapi/react 0.16.0 → 0.17.0

package/index.min.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["src/styles/_main.scss","src/styles/_typography.scss","src/styles/_tables.scss","src/styles/_inputs.scss","src/styles/_buttons.scss","src/styles/_layout.scss","src/styles/_access-code-table.scss","src/styles/_device-details.scss"],"names":[],"mappings":"AAQA,iBACE,2JAIA,mBACA,uBACA,uBACA,uBACA,wBACA,gBACA,4BACA,yBAIQ,yCCvBR,wHAME,gBAKF,+BACE,yBAKF,mCACE,8BClBF,oCACE,aACA,8BACA,mBAGF,mCACE,eACA,iBAEA,iDACE,eACA,iBAMJ,iCACE,aACA,YACA,YAEA,uCACE,mBAGF,6CACE,gBACA,eAMJ,kCACE,aACA,mBACA,YCtCF,kCACE,cACA,YACA,qCACA,kBCJF,8BACE,kBACA,oCACA,eAEA,+CACE,gBACA,YACA,cAEA,qDACE,+BCXN,sCACE,YACA,aACA,mBACA,kBACA,uBACA,WAEA,sDACE,kBACA,QACA,6BACA,OACA,eAGF,kDACE,eACA,iBCjBF,8DACE,cAGF,4DACE,mBACA,YACA,eAGF,yDACE,OACA,aACA,mBACA,uBAEA,6DACE,WACA,YACA,aACA,mBACA,uBAIJ,yDACE,OACA,sBACA,uBACA,uBACA,QAEA,mFACE,eACA,iBACA,yBAEA,qGACE,aACA,yBAKN,2DACE,kBACA,aACA,mBACA,uBCjDJ,sCACE,oBAEA,iDACE,aACA,sBACA,SAEA,2DACE,qCACA,kBAEA,yEACE,4BAEA,2FACE,2BACA,aACA,mBACA,8BACA,eAEA,iGACE,gCAIJ,iGACE,yCAGF,qFACE,eACA,iBACA,yBAGF,qFACE,cACA,gBACA,eACA,iBAKN,+DACE,kBACA,mBACA,uBAEA,6EACE,aACA,mBACA,SAEA,yFACE,YACA,aACA,aACA,mBAEA,6FACE,eAKF,0GACE,mBACA,gBACA,eACA,iBAGF,yGACE,aACA,sCACA,mBACA,eACA,iBACA,YACA,gBAEA,qHACE,yBAGF,2HACE,yBAGF,6GACE,UACA,iBAGF,2GACE,aACA,mBAOV,iEACE,OACA,gBACA,aACA,mBACA,uBAEA,qEACE,WACA,YACA,aACA,mBACA,uBAIJ,iEACE,OAGF,mEACE,kBACA,aACA,mBACA","file":"index.min.css"}
+{"version":3,"sourceRoot":"","sources":["src/styles/_main.scss","src/styles/_typography.scss","src/styles/_reset.scss","src/styles/_colors.scss","src/styles/_tables.scss","src/styles/_inputs.scss","src/styles/_buttons.scss","src/styles/_layout.scss","src/styles/_icons.scss","src/styles/_device-details.scss","src/styles/_device-table.scss","src/styles/_access-code-table.scss","src/styles/_access-code-details.scss"],"names":[],"mappings":"AAaA,iBCVE,2JCGA,wEAGE,sBAGF,ylCAmDE,SACA,UACA,SACA,eACA,oBACA,wBACA,kCACA,mCACA,sBAGF,oHAKE,cAGF,sBACE,cAGF,wCAEE,gBAGF,+CAEE,YAGF,4HAIE,WACA,aAGF,uBACE,yBACA,iBAGF,uBACE,gBACA,gBDtGF,wHAME,gBAKF,+BACE,METU,QFcZ,mCACE,MEPS,QFYX,sBACE,MEvBW,QCPb,oCACE,aACA,8BACA,mBACA,YACA,eAGF,mCACE,eACA,iBAEA,iDACE,eACA,iBAMJ,iCACE,aACA,YACA,YACA,6BAEA,uCACE,mBAGF,6CACE,gBACA,eACA,iBAMJ,kCACE,aACA,mBACA,YC1CF,kCACE,cACA,YACA,yBACA,kBC2GF,2BL/GA,2JKoHE,gBACA,eAjFF,0CACE,eACA,iBACA,kBACA,iBAGF,2CACE,eACA,iBACA,kBACA,iBAGF,0CACE,eACA,iBACA,kBACA,iBAKF,0CACE,WH7DM,QG8DN,WACA,yBAEA,gDACE,WH5DS,QG6DT,aH7DS,QGgEX,+GAEE,WHjEQ,QGkER,aHlEQ,QGsEZ,4CACE,MH9EM,QG+EN,yBACA,yBAEA,kDACE,WH9EM,QGiFR,mHAEE,yBACA,MHxFO,QG4FX,4CACE,MHrFU,QGsFV,yBAEA,kDACE,WHjFC,QGkFD,aHxFU,QG2FZ,mHAEE,MH7FU,QG8FV,aH7FQ,QG8FR,gBAcF,iFAEE,mBAxHJ,gCACE,kBACA,oCACA,eACA,gBACA,YACA,cAEA,sCACE,+BAMJ,gCACE,MHlBM,QGmBN,UACA,eACA,yBACA,SAEA,sCACE,0BAGF,2FAEE,mBACA,qBC9BJ,sCACE,YACA,aACA,mBACA,kBACA,uBACA,cAEA,sDACE,kBACA,QACA,+BACA,OACA,eAGF,kDACE,eACA,iBACA,MJXQ,QKPV,mCACE,KLMQ,QMPV,iDACE,aACA,sBACA,SACA,mBAEA,2DACE,yBACA,kBAEA,yEACE,4BAEA,2FACE,2BACA,aACA,mBACA,8BACA,eAEA,iGACE,WNIE,yGMCJ,6BAGF,0FACE,aACA,8BAEA,sGACE,aACA,mBAIJ,qFACE,eACA,iBACA,MNnCE,QMsCJ,qFACE,cACA,gBACA,eACA,iBAKN,+DACE,kBACA,mBACA,WN1CD,QM4CC,6EACE,aACA,mBACA,SAEA,yFACE,YACA,aACA,aACA,mBAEA,6FACE,eAKF,oGACE,MNtEA,QMuEA,gBACA,eACA,iBACA,kBAGF,0GACE,mBACA,gBACA,eACA,iBAGF,yGACE,aACA,sCACA,mBACA,eACA,iBACA,YACA,gBAEA,qHACE,MN7FF,QMgGA,2HACE,MNlGF,QMqGA,6GACE,UACA,iBAGF,2GACE,aACA,mBAOV,iEACE,OACA,gBACA,aACA,mBACA,uBAEA,qEACE,WACA,YACA,aACA,mBACA,uBAIJ,iEACE,OAGF,mEACE,kBACA,aACA,mBACA,uBClJJ,oDACE,eAEA,qEACE,WACA,YACA,YAEA,yEACE,WAIJ,oEACE,OACA,sBACA,uBACA,uBACA,QAEA,iFACE,aACA,8BACA,mBACA,WAEA,oGACE,gBACA,eACA,iBACA,MPvBE,QOwBF,eACA,mBACA,gBACA,uBAGF,uGACE,aACA,mBACA,MPjCE,QOkCF,eACA,iBAEA,2GACE,aACA,mBACA,kBAEA,+GACE,UClDZ,yDACE,eAEA,yEACE,OACA,aACA,mBACA,uBAEA,6EACE,WACA,YACA,aACA,mBACA,uBAIJ,yEACE,OACA,sBACA,uBACA,uBACA,QAEA,4FACE,eACA,iBACA,MRrBI,QQuBJ,8GACE,aACA,MRtBE,QQ2BR,2EACE,kBACA,aACA,mBACA,uBCzCJ,yDACE,WTcC,QSbD,mBACA,mBAEA,mEACE,kBAEA,+EACE,gBACA,eACA,iBACA,MTLI,QSMJ,kBAGF,0FACE,gBACA,eACA,iBACA,kBAGF,8EACE,gBACA,yBACA,kBACA,kBACA,gBACA,eACA,iBACA,kBAGF,kFACE,MT5BI,QS6BJ,eACA,iBAEA,8FACE,gBACA,MTnCG,QSwCT,kFACE,6BACA,yBACA,aACA,mBAEA,qGACE,WACA,YACA,kBAEA,yGACE,WACA,gBAIJ,6FACE,OACA,gBACA,eACA,iBACA,iBAKN,yDACE,eACA,iBACA,wCACA,eAEA,mEACE,aACA,aACA,qCAEA,iFACE,YAGF,iFACE,aACA,OAEA,6FACE,aACA,OACA,eACA,iBAEA,yGACE,MT3FA,QS+FA,qGACE,kBAGF,6GACE","file":"index.min.css"}

package/lib/NavigationProvider.d.ts

@@ -0,0 +1,27 @@
+interface DeviceTableView {
+    name: 'device_table';
+}
+interface DeviceDetailView {
+    name: 'device_detail';
+    deviceId: string;
+}
+interface AccessCodeTableView {
+    name: 'access_code_table';
+    deviceId: string;
+}
+interface AccessCodeDetailView {
+    name: 'access_code_detail';
+    accessCodeId: string;
+}
+export type View = DeviceTableView | DeviceDetailView | AccessCodeTableView | AccessCodeDetailView;
+export interface NavigationStackProps {
+    children: JSX.Element;
+}
+interface NavigationContextProps {
+    views: View[];
+    show: (view: View) => void;
+    goBack?: () => void;
+}
+export default function NavigationProvider({ children }: NavigationStackProps): import("react/jsx-runtime").JSX.Element;
+export declare function useNavigation(): NavigationContextProps;
+export {};

package/lib/NavigationProvider.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useState } from 'react';
+const NavigationContext = React.createContext(undefined);
+export default function NavigationProvider({ children }) {
+    const [views, setViews] = useState([]);
+    const pushView = (view) => {
+        setViews((current) => [view, ...current]);
+    };
+    const popView = () => {
+        setViews((current) => {
+            if (current.length === 0) {
+                return current;
+            }
+            const [_showing, ...others] = current;
+            return others;
+        });
+    };
+    const hasViews = views.length > 0;
+    return (_jsx(NavigationContext.Provider, { value: {
+            views,
+            show: pushView,
+            goBack: hasViews ? popView : undefined,
+        }, children: children }));
+}
+export function useNavigation() {
+    const context = React.useContext(NavigationContext);
+    if (context === undefined) {
+        return {
+            show: () => { },
+            goBack: undefined,
+            views: [],
+        };
+    }
+    return context;
+}
+//# sourceMappingURL=NavigationProvider.js.map

package/lib/NavigationProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationProvider.js","sourceRoot":"","sources":["../src/lib/NavigationProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAqCvC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAE3C,SAAS,CAAC,CAAA;AAEZ,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAAwB;IAC3E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAE9C,MAAM,QAAQ,GAAG,CAAC,IAAU,EAAE,EAAE;QAC9B,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC,CAAC,CAAA;IAC3C,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE;YACnB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;gBACxB,OAAO,OAAO,CAAA;aACf;YAED,MAAM,CAAC,QAAQ,EAAE,GAAG,MAAM,CAAC,GAAG,OAAO,CAAA;YACrC,OAAO,MAAM,CAAA;QACf,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;IAEjC,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;YACL,KAAK;YACL,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;SACvC,YAEA,QAAQ,GACkB,CAC9B,CAAA;AACH,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACnD,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,OAAO;YACL,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC;YACd,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,EAAE;SACV,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/lib/NavigationView.d.ts

@@ -0,0 +1,5 @@
+interface NavigationViewProps {
+    children: JSX.Element;
+}
+export declare function NavigationView({ children: rootView }: NavigationViewProps): JSX.Element;
+export {};

package/lib/NavigationView.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AccessCodeTable, DeviceDetails, DeviceTable } from '../lib/index.js';
+import { useNavigation } from '../lib/NavigationProvider.js';
+import AccessCodeDetails from '../lib/ui/AccessCodeDetails/AccessCodeDetails.js';
+export function NavigationView({ children: rootView }) {
+    const { views } = useNavigation();
+    const firstView = views[0];
+    if (firstView != null) {
+        return _jsx(Subview, { view: firstView });
+    }
+    return rootView;
+}
+function Subview({ view }) {
+    switch (view.name) {
+        case 'device_detail':
+            return _jsx(DeviceDetails, { deviceId: view.deviceId });
+        case 'access_code_detail':
+            return _jsx(AccessCodeDetails, { accessCodeId: view.accessCodeId });
+        case 'device_table':
+            return _jsx(DeviceTable, {});
+        case 'access_code_table':
+            return _jsx(AccessCodeTable, { deviceId: view.deviceId });
+    }
+}
+//# sourceMappingURL=NavigationView.js.map

package/lib/NavigationView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationView.js","sourceRoot":"","sources":["../src/lib/NavigationView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1E,OAAO,EAAE,aAAa,EAAa,MAAM,2BAA2B,CAAA;AACpE,OAAO,iBAAiB,MAAM,+CAA+C,CAAA;AAM7E,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAuB;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAA;IAEjC,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;IAC1B,IAAI,SAAS,IAAI,IAAI,EAAE;QACrB,OAAO,KAAC,OAAO,IAAC,IAAI,EAAE,SAAS,GAAI,CAAA;KACpC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC;AAED,SAAS,OAAO,CAAC,EAAE,IAAI,EAAkB;IACvC,QAAQ,IAAI,CAAC,IAAI,EAAE;QACjB,KAAK,eAAe;YAClB,OAAO,KAAC,aAAa,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAAA;QACnD,KAAK,oBAAoB;YACvB,OAAO,KAAC,iBAAiB,IAAC,YAAY,EAAE,IAAI,CAAC,YAAY,GAAI,CAAA;QAC/D,KAAK,cAAc;YACjB,OAAO,KAAC,WAAW,KAAG,CAAA;QACxB,KAAK,mBAAmB;YACtB,OAAO,KAAC,eAAe,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAAA;KACtD;AACH,CAAC"}

package/lib/icons/LockLocked.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare const LockLockedIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;

package/lib/icons/LockLocked.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const LockLockedIcon = (props) => (_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', width: 25, height: 25, fill: 'none', ...props, children: [_jsx("mask", { id: 'lock-locked_svg__a', width: 25, height: 25, x: 0, y: 0, maskUnits: 'userSpaceOnUse', style: {
+                maskType: 'alpha',
+            }, children: _jsx("path", { fill: '#D9D9D9', d: 'M.461.839h24v24h-24z' }) }), _jsx("g", { mask: 'url(#lock-locked_svg__a)', children: _jsx("path", { fill: '#232B3A', fillRule: 'evenodd', d: 'M5.924 3.893a4.463 4.463 0 0 0-4.463 4.464v3.345a1 1 0 1 0 2 0V8.357a2.463 2.463 0 0 1 4.926 0v4.482H7.72a1.26 1.26 0 0 0-1.26 1.259v5.481c0 .696.565 1.26 1.26 1.26h9.481a1.26 1.26 0 0 0 1.26-1.26v-5.481a1.26 1.26 0 0 0-1.26-1.26h-6.814V8.357a4.463 4.463 0 0 0-4.463-4.464Z', clipRule: 'evenodd' }) })] }));
+//# sourceMappingURL=LockLocked.js.map

package/lib/icons/LockLocked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LockLocked.js","sourceRoot":"","sources":["../../src/lib/icons/LockLocked.tsx"],"names":[],"mappings":";AACA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA8B,EAAe,EAAE,CAAC,CAC7E,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,KACP,KAAK,aAET,eACE,EAAE,EAAC,oBAAoB,EACvB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;aAClB,YAED,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,sBAAsB,GAAG,GAC3C,EACP,YAAG,IAAI,EAAC,0BAA0B,YAChC,eACE,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mRAAmR,EACrR,QAAQ,EAAC,SAAS,GAClB,GACA,IACA,CACP,CAAA"}

package/lib/icons/LockUnlocked.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare const LockUnlockedIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;

package/lib/icons/LockUnlocked.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const LockUnlockedIcon = (props) => (_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', width: 25, height: 25, fill: 'none', ...props, children: [_jsx("mask", { id: 'lock-unlocked_svg__a', width: 25, height: 25, x: 0, y: 0, maskUnits: 'userSpaceOnUse', style: {
+                maskType: 'alpha',
+            }, children: _jsx("path", { fill: '#D9D9D9', d: 'M.461.839h24v24h-24z' }) }), _jsxs("g", { fill: '#232B3A', mask: 'url(#lock-unlocked_svg__a)', children: [_jsx("rect", { width: 12, height: 8.152, x: 6.461, y: 12.839, rx: 1.259 }), _jsx("path", { fillRule: 'evenodd', d: 'M7.94 10.359a4.52 4.52 0 0 1 9.04 0v5.692a1 1 0 1 1-2 0v-5.692a2.52 2.52 0 0 0-5.04 0v3.531a1 1 0 1 1-2 0V10.36Z', clipRule: 'evenodd' })] })] }));
+//# sourceMappingURL=LockUnlocked.js.map

package/lib/icons/LockUnlocked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LockUnlocked.js","sourceRoot":"","sources":["../../src/lib/icons/LockUnlocked.tsx"],"names":[],"mappings":";AACA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,KAA8B,EACjB,EAAE,CAAC,CAChB,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,KACP,KAAK,aAET,eACE,EAAE,EAAC,sBAAsB,EACzB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;aAClB,YAED,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,sBAAsB,GAAG,GAC3C,EACP,aAAG,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,4BAA4B,aACjD,eAAM,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,GAAI,EAClE,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kHAAkH,EACpH,QAAQ,EAAC,SAAS,GAClB,IACA,IACA,CACP,CAAA"}

package/lib/seam/access-codes/use-access-code.d.ts

@@ -0,0 +1,8 @@
+import type { AccessCode, AccessCodeGetRequest } from 'seamapi';
+export type UseAccessCodeParams = AccessCodeGetRequest | string;
+export type UseAccessCodeData = AccessCode;
+export declare function useAccessCode(params: UseAccessCodeParams): import("@tanstack/react-query").UseQueryResult<AccessCode | null, unknown>;
+export declare function useFakeAccessCode(_params: UseAccessCodeParams): {
+    isLoading: boolean;
+    data: AccessCode;
+};

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

@@ -0,0 +1,32 @@
+import { useQuery } from '@tanstack/react-query';
+import { DateTime } from 'luxon';
+import { v4 as uuid } from 'uuid';
+import { useSeamClient } from '../../../lib/seam/use-seam-client.js';
+export function useAccessCode(params) {
+    const { client } = useSeamClient();
+    const normalizedParams = typeof params === 'string' ? { access_code_id: params } : params;
+    return useQuery({
+        enabled: client != null,
+        queryKey: ['access_code', 'get', normalizedParams],
+        queryFn: async () => {
+            if (client == null)
+                return null;
+            return await client?.accessCodes.get(normalizedParams);
+        },
+    });
+}
+export function useFakeAccessCode(_params) {
+    const accessCode = {
+        access_code_id: uuid(),
+        type: 'time_bound',
+        starts_at: DateTime.now().minus({ days: 2 }).toISO() ?? '',
+        ends_at: DateTime.now().plus({ days: 1 }).toISO() ?? '',
+        code: '1234',
+        created_at: DateTime.now().toISO() ?? '',
+        device_id: 'some_device_id',
+        status: 'set',
+        name: 'Guest - Kranz',
+    };
+    return { isLoading: false, data: accessCode };
+}
+//# sourceMappingURL=use-access-code.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-access-code.js","sourceRoot":"","sources":["../../../src/lib/seam/access-codes/use-access-code.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,MAAM,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAK3D,MAAM,UAAU,aAAa,CAAC,MAA2B;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,gBAAgB,GACpB,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAA;IAElE,OAAO,QAAQ,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,IAAI;QACvB,QAAQ,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,gBAAgB,CAAC;QAClD,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,IAAI,CAAA;YAE/B,OAAO,MAAM,MAAM,EAAE,WAAW,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;QACxD,CAAC;KACF,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,OAA4B;IAI5D,MAAM,UAAU,GAAe;QAC7B,cAAc,EAAE,IAAI,EAAE;QACtB,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE;QAC1D,OAAO,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE;QACvD,IAAI,EAAE,MAAM;QACZ,UAAU,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE;QACxC,SAAS,EAAE,gBAAgB;QAC3B,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,eAAe;KACtB,CAAA;IAED,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,CAAA;AAC/C,CAAC"}

package/lib/seam/access-codes/use-access-codes.d.ts

@@ -0,0 +1,9 @@
+import type { AccessCode } from 'seamapi';
+import type { UseSeamQueryResult } from '../../../lib/seam/use-seam-query-result.js';
+export type UseAccessCodesParams = AccessCodesListRequest | string;
+export type UseAccessCodesData = AccessCode[];
+export declare function useAccessCodes(params: UseAccessCodesParams): UseSeamQueryResult<'accessCodes', UseAccessCodesData>;
+interface AccessCodesListRequest {
+    device_id: string;
+}
+export {};

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

@@ -0,0 +1,18 @@
+import { useQuery } from '@tanstack/react-query';
+import { useSeamClient } from '../../../lib/seam/use-seam-client.js';
+export function useAccessCodes(params) {
+    const normalizedParams = typeof params === 'string' ? { device_id: params } : params;
+    const { client } = useSeamClient();
+    const { data, ...rest } = useQuery({
+        enabled: client != null,
+        queryKey: ['access_codes', 'list', normalizedParams],
+        queryFn: async () => {
+            if (client == null)
+                return [];
+            const accessCodes = await client?.accessCodes.list(normalizedParams);
+            return accessCodes.sort((a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime());
+        },
+    });
+    return { ...rest, accessCodes: data };
+}
+//# sourceMappingURL=use-access-codes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-access-codes.js","sourceRoot":"","sources":["../../../src/lib/seam/access-codes/use-access-codes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAGhD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAM3D,MAAM,UAAU,cAAc,CAC5B,MAA4B;IAE5B,MAAM,gBAAgB,GACpB,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAA;IAE7D,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,CAGhC;QACA,OAAO,EAAE,MAAM,IAAI,IAAI;QACvB,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,gBAAgB,CAAC;QACpD,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,EAAE,CAAA;YAC7B,MAAM,WAAW,GAAG,MAAM,MAAM,EAAE,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;YACpE,OAAO,WAAW,CAAC,IAAI,CACrB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACP,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,CACtE,CAAA;QACH,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAA;AACvC,CAAC"}

package/lib/seam/devices/types.d.ts

@@ -0,0 +1,2 @@
+import type { CommonDeviceProperties, Device, LockDevice } from 'seamapi';
+export declare const isLockDevice: (device: Device<CommonDeviceProperties, string> | LockDevice) => device is LockDevice;

package/lib/seam/devices/types.js

@@ -0,0 +1,2 @@
+export const isLockDevice = (device) => 'locked' in device.properties;
+//# sourceMappingURL=types.js.map

package/lib/seam/devices/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/lib/seam/devices/types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,MAA2D,EACrC,EAAE,CAAC,QAAQ,IAAI,MAAM,CAAC,UAAU,CAAA"}

package/lib/seam/devices/use-device.d.ts

@@ -0,0 +1,9 @@
+import type { CommonDeviceProperties, Device, DeviceGetRequest, LockDevice } from 'seamapi';
+import type { UseSeamQueryResult } from '../../../lib/seam/use-seam-query-result.js';
+export type UseDeviceParams = DeviceGetRequest | string;
+export type UseDeviceData = Device<CommonDeviceProperties> | null;
+export declare function useDevice(params: DeviceGetRequest): UseSeamQueryResult<'device', UseDeviceData>;
+export declare function useFakeDevice(_params: DeviceGetRequest): {
+    isLoading: boolean;
+    device: LockDevice;
+};

package/lib/seam/devices/use-device.js

@@ -0,0 +1,56 @@
+import { useQuery } from '@tanstack/react-query';
+import { useSeamClient } from '../../../lib/seam/use-seam-client.js';
+export function useDevice(params) {
+    const normalizedParams = typeof params === 'string' ? { device_id: params } : params;
+    const { client } = useSeamClient();
+    const { data, ...rest } = useQuery({
+        enabled: client != null,
+        queryKey: ['devices', 'get', normalizedParams],
+        queryFn: async () => {
+            if (client == null)
+                return null;
+            return await client?.devices.get(normalizedParams);
+        },
+    });
+    return { ...rest, device: data };
+}
+export function useFakeDevice(_params) {
+    const device = {
+        device_id: 'f9a9ab36-9e14-4390-a88c-b4c78304c6aa',
+        device_type: 'august_lock',
+        capabilities_supported: ['access_code', 'lock'],
+        properties: {
+            locked: true,
+            online: true,
+            door_open: false,
+            manufacturer: 'august',
+            battery_level: 0.9999532347993827,
+            serial_number: '00000004-992d-45a0-bea1-9128fdcd8d12',
+            august_metadata: {
+                lock_id: 'lock-1',
+                house_id: 'house-1',
+                lock_name: 'FRONT DOOR',
+                has_keypad: true,
+                house_name: 'My House',
+            },
+            supported_code_lengths: [6],
+            name: 'FRONT DOOR',
+            battery: {
+                level: 0.9999532347993827,
+                status: 'full',
+            },
+            image_url: 'https://connect.getseam.com/assets/images/devices/august_wifi-smart-lock-3rd-gen_silver_front.png',
+        },
+        location: {
+            timezone: 'America/Los_Angeles',
+            location_name: 'My House',
+        },
+        connected_account_id: '6fc0f854-cb5a-461a-af93-e543ce1f730f',
+        workspace_id: 'a9598de8-e627-4d01-b119-61ab7b9e07bd',
+        created_at: '2023-05-08T22:37:24.206Z',
+        errors: [],
+        warnings: [],
+    };
+    return { isLoading: false, device };
+}
+//# sourceMappingURL=use-device.js.map

package/lib/seam/devices/use-device.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-device.js","sourceRoot":"","sources":["../../../src/lib/seam/devices/use-device.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAUhD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAM3D,MAAM,UAAU,SAAS,CACvB,MAAwB;IAExB,MAAM,gBAAgB,GACpB,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAA;IAE7D,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,CAGhC;QACA,OAAO,EAAE,MAAM,IAAI,IAAI;QACvB,QAAQ,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC;QAC9C,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,IAAI,CAAA;YAC/B,OAAO,MAAM,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;QACpD,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;AAClC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,OAAyB;IACrD,MAAM,MAAM,GAAe;QACzB,SAAS,EAAE,sCAAsC;QACjD,WAAW,EAAE,aAAa;QAC1B,sBAAsB,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC;QAC/C,UAAU,EAAE;YACV,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,KAAK;YAChB,YAAY,EAAE,QAAQ;YACtB,aAAa,EAAE,kBAAkB;YACjC,aAAa,EAAE,sCAAsC;YACrD,eAAe,EAAE;gBACf,OAAO,EAAE,QAAQ;gBACjB,QAAQ,EAAE,SAAS;gBACnB,SAAS,EAAE,YAAY;gBACvB,UAAU,EAAE,IAAI;gBAChB,UAAU,EAAE,UAAU;aACvB;YACD,sBAAsB,EAAE,CAAC,CAAC,CAAC;YAC3B,IAAI,EAAE,YAAY;YAClB,OAAO,EAAE;gBACP,KAAK,EAAE,kBAAkB;gBACzB,MAAM,EAAE,MAAM;aACf;YACD,SAAS,EACP,mGAAmG;SACtG;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,qBAAqB;YAC/B,aAAa,EAAE,UAAU;SAC1B;QACD,oBAAoB,EAAE,sCAAsC;QAC5D,YAAY,EAAE,sCAAsC;QACpD,UAAU,EAAE,0BAA0B;QACtC,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,EAAE;KACb,CAAA;IAED,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;AACrC,CAAC"}

package/lib/seam/devices/use-devices.d.ts

@@ -1,10 +1,5 @@
-import { type UseQueryResult } from '@tanstack/react-query';
-import type { DevicesListRequest, DevicesListResponse, SeamError } from 'seamapi';
+import type { CommonDeviceProperties, Device, DevicesListRequest } from 'seamapi';
+import type { UseSeamQueryResult } from '../../../lib/seam/use-seam-query-result.js';
 export type UseDevicesParams = DevicesListRequest;
-export type UseDevicesData = DevicesListResponse['devices'];
-type Result = UseQueryResult<UseDevicesData, SeamError>;
-type UseDevicesResult = Omit<Result, 'data'> & {
-    devices: Result['data'];
-};
-export declare function useDevices(params: DevicesListRequest): UseDevicesResult;
-export {};
+export type UseDevicesData = Array<Device<CommonDeviceProperties>>;
+export declare function useDevices(params?: UseDevicesParams): UseSeamQueryResult<'devices', UseDevicesData>;

package/lib/seam/devices/use-devices.js

@@ -8,7 +8,8 @@ export function useDevices(params) {
         queryFn: async () => {
             if (client == null)
                 return [];
-            return await client?.devices.list(params);
+            const devices = await client?.devices.list(params);
+            return devices.sort((a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime());
         },
     });
     return { ...rest, devices: data };

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

@@ -1 +1 @@
-{"version":3,"file":"use-devices.js","sourceRoot":"","sources":["../../../src/lib/seam/devices/use-devices.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAuB,MAAM,uBAAuB,CAAA;AAOrE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAS3D,MAAM,UAAU,UAAU,CAAC,MAA0B;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,CAChC;QACE,OAAO,EAAE,MAAM,IAAI,IAAI;QACvB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC;QACrC,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,EAAE,CAAA;YAC7B,OAAO,MAAM,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC3C,CAAC;KACF,CACF,CAAA;IAED,OAAO,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;AACnC,CAAC"}
+{"version":3,"file":"use-devices.js","sourceRoot":"","sources":["../../../src/lib/seam/devices/use-devices.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAShD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAM3D,MAAM,UAAU,UAAU,CACxB,MAAyB;IAEzB,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,CAChC;QACE,OAAO,EAAE,MAAM,IAAI,IAAI;QACvB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC;QACrC,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,EAAE,CAAA;YAC7B,MAAM,OAAO,GAAG,MAAM,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YAClD,OAAO,OAAO,CAAC,IAAI,CACjB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACP,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,EAAE,CACtE,CAAA;QACH,CAAC;KACF,CACF,CAAA;IAED,OAAO,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;AACnC,CAAC"}

package/lib/seam/index.d.ts

@@ -1,2 +1,5 @@
-export * from './devices/index.js';
+export * from './access-codes/use-access-code.js';
+export * from './access-codes/use-access-codes.js';
+export * from './devices/use-device.js';
+export * from './devices/use-devices.js';
 export * from './use-seam-client.js';

package/lib/seam/index.js

@@ -1,3 +1,6 @@
-export * from './devices/index.js';
+export * from './access-codes/use-access-code.js';
+export * from './access-codes/use-access-codes.js';
+export * from './devices/use-device.js';
+export * from './devices/use-devices.js';
 export * from './use-seam-client.js';
 //# sourceMappingURL=index.js.map

package/lib/seam/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/seam/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,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,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA"}

package/lib/seam/use-seam-client.js

@@ -1,4 +1,5 @@
 import { useQuery } from '@tanstack/react-query';
+import { useEffect } from 'react';
 import { Seam } from 'seamapi';
 import { v4 as uuidv4 } from 'uuid';
 import { useSeamContext } from '../../lib/SeamProvider.js';
@@ -44,19 +45,21 @@ export function useSeamClient() {
     });
     return { client: data ?? null, isLoading, isError, error };
 }
-/**
- * You'll almost always want to supply a user identifier key, but if you don't
- * we'll automatically pick a fingerprint for this user. The user interface
- * will show warnings when you use a fingerprint because this client session
- * is bound to this machine, and is effectively ephemeral.
- */
 function useUserIdentifierKeyOrFingerprint(userIdentifierKey) {
+    useEffect(() => {
+        if (userIdentifierKey != null)
+            return;
+        // eslint-disable-next-line no-console
+        console.warn(`Using an automatically generated fingerprint for the SeamProvider userIdentifierKey!
+The user interface will show warnings when using a fingerprint.
+This is not recommended because the client session is now bound to this machine and is effectively ephemeral.`);
+    }, [userIdentifierKey]);
     if (userIdentifierKey != null) {
         return userIdentifierKey;
     }
-    const fingerprintValue = globalThis?.localStorage?.getItem('seam_user_fingerprint') ??
+    const fingerprint = globalThis?.localStorage?.getItem('seam_user_fingerprint') ??
         `fingerprint_${uuidv4()}`;
-    globalThis?.localStorage?.setItem('seam_user_fingerprint', fingerprintValue);
-    return fingerprintValue;
+    globalThis?.localStorage?.setItem('seam_user_fingerprint', fingerprint);
+    return fingerprint;
 }
 //# sourceMappingURL=use-seam-client.js.map

package/lib/seam/use-seam-client.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-seam-client.js","sourceRoot":"","sources":["../../src/lib/seam/use-seam-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AAEnC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,UAAU,aAAa;IAM3B,MAAM,EACJ,MAAM,EACN,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,GAAG,OAAO,EACX,GAAG,cAAc,EAAE,CAAA;IACpB,MAAM,iBAAiB,GAAG,iCAAiC,CACzD,kBAAkB,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAC5D,CAAA;IAED,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAO;QACzD,QAAQ,EAAE;YACR,QAAQ;YACR;gBACE,MAAM;gBACN,aAAa;gBACb,cAAc;gBACd,iBAAiB;gBACjB,kBAAkB;aACnB;SACF;QACD,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,MAAM,CAAA;YAEjC,IAAI,kBAAkB,IAAI,IAAI,EAAE;gBAC9B,OAAO,IAAI,IAAI,CAAC;oBACd,GAAG,aAAa;oBAChB,kBAAkB;iBACnB,CAAC,CAAA;aACH;YAED,IAAI,cAAc,IAAI,IAAI,EAAE;gBAC1B,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAA;aACF;YAED,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,qBAAqB,CAAC;gBAC3C,GAAG,aAAa;gBAChB,cAAc;gBACd,iBAAiB;aAClB,CAAC,CAAA;YAEF,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,cAAc,EAAE,KAAK,IAAI,IAAI,EAAE;gBAChD,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAA;aACrD;YAED,OAAO,IAAI,IAAI,CAAC;gBACd,GAAG,aAAa;gBAChB,kBAAkB,EAAE,GAAG,CAAC,cAAc,CAAC,KAAK;aAC7C,CAAC,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,EAAE,MAAM,EAAE,IAAI,IAAI,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA;AAC5D,CAAC;AAED;;;;;GAKG;AACH,SAAS,iCAAiC,CACxC,iBAAqC;IAErC,IAAI,iBAAiB,IAAI,IAAI,EAAE;QAC7B,OAAO,iBAAiB,CAAA;KACzB;IAED,MAAM,gBAAgB,GACpB,UAAU,EAAE,YAAY,EAAE,OAAO,CAAC,uBAAuB,CAAC;QAC1D,eAAe,MAAM,EAAE,EAAE,CAAA;IAE3B,UAAU,EAAE,YAAY,EAAE,OAAO,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,CAAA;IAE5E,OAAO,gBAAgB,CAAA;AACzB,CAAC"}
+{"version":3,"file":"use-seam-client.js","sourceRoot":"","sources":["../../src/lib/seam/use-seam-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AAEnC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,MAAM,UAAU,aAAa;IAM3B,MAAM,EACJ,MAAM,EACN,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,GAAG,OAAO,EACX,GAAG,cAAc,EAAE,CAAA;IACpB,MAAM,iBAAiB,GAAG,iCAAiC,CACzD,kBAAkB,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAC5D,CAAA;IAED,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAO;QACzD,QAAQ,EAAE;YACR,QAAQ;YACR;gBACE,MAAM;gBACN,aAAa;gBACb,cAAc;gBACd,iBAAiB;gBACjB,kBAAkB;aACnB;SACF;QACD,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,MAAM,CAAA;YAEjC,IAAI,kBAAkB,IAAI,IAAI,EAAE;gBAC9B,OAAO,IAAI,IAAI,CAAC;oBACd,GAAG,aAAa;oBAChB,kBAAkB;iBACnB,CAAC,CAAA;aACH;YAED,IAAI,cAAc,IAAI,IAAI,EAAE;gBAC1B,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAA;aACF;YAED,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,qBAAqB,CAAC;gBAC3C,GAAG,aAAa;gBAChB,cAAc;gBACd,iBAAiB;aAClB,CAAC,CAAA;YAEF,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,cAAc,EAAE,KAAK,IAAI,IAAI,EAAE;gBAChD,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAA;aACrD;YAED,OAAO,IAAI,IAAI,CAAC;gBACd,GAAG,aAAa;gBAChB,kBAAkB,EAAE,GAAG,CAAC,cAAc,CAAC,KAAK;aAC7C,CAAC,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,EAAE,MAAM,EAAE,IAAI,IAAI,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA;AAC5D,CAAC;AAED,SAAS,iCAAiC,CACxC,iBAAqC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,IAAI,IAAI;YAAE,OAAM;QACrC,sCAAsC;QACtC,OAAO,CAAC,IAAI,CAAC;;8GAE6F,CAAC,CAAA;IAC7G,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;IAEvB,IAAI,iBAAiB,IAAI,IAAI,EAAE;QAC7B,OAAO,iBAAiB,CAAA;KACzB;IAED,MAAM,WAAW,GACf,UAAU,EAAE,YAAY,EAAE,OAAO,CAAC,uBAAuB,CAAC;QAC1D,eAAe,MAAM,EAAE,EAAE,CAAA;IAE3B,UAAU,EAAE,YAAY,EAAE,OAAO,CAAC,uBAAuB,EAAE,WAAW,CAAC,CAAA;IAEvE,OAAO,WAAW,CAAA;AACpB,CAAC"}

package/lib/seam/use-seam-query-result.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-seam-query-result.js","sourceRoot":"","sources":["../../src/lib/seam/use-seam-query-result.ts"],"names":[],"mappings":""}

package/lib/ui/AccessCodeDetails/AccessCodeDetails.d.ts

@@ -0,0 +1,4 @@
+export interface AccessCodeDetailsProps {
+    accessCodeId: string;
+}
+export default function AccessCodeDetails({ accessCodeId, }: AccessCodeDetailsProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/ui/AccessCodeDetails/AccessCodeDetails.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DateTime } from 'luxon';
+import { useFakeAccessCode } from '../../../lib/index.js';
+import AccessCodeDevice from '../../../lib/ui/AccessCodeDetails/AccessCodeDevice.js';
+import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
+export default function AccessCodeDetails({ accessCodeId, }) {
+    const { isLoading, data: accessCode } = useFakeAccessCode({
+        access_code_id: accessCodeId,
+    });
+    if (isLoading || !accessCode) {
+        return null;
+    }
+    const name = accessCode.name ?? t.fallbackName;
+    return (_jsxs("div", { className: 'seam-access-code-details', children: [_jsx(ContentHeader, { title: 'Access code' }), _jsxs("div", { className: 'seam-summary', children: [_jsxs("div", { className: 'seam-top', children: [_jsx("span", { className: 'seam-label', children: t.accessCode }), _jsx("h5", { className: 'seam-access-code-name', children: name }), _jsx("div", { className: 'seam-code', children: accessCode.code }), _jsx("div", { className: 'seam-duration', children: _jsx(Duration, { accessCode: accessCode }) })] }), _jsx(AccessCodeDevice, { deviceId: accessCode.device_id })] }), _jsxs("div", { className: 'seam-details', children: [_jsxs("div", { className: 'seam-row', children: [_jsxs("div", { className: 'seam-heading', children: [t.id, ":"] }), _jsx("div", { className: 'seam-content', children: accessCode.access_code_id })] }), _jsxs("div", { className: 'seam-row', children: [_jsxs("div", { className: 'seam-heading', children: [t.created, ":"] }), _jsx("div", { className: 'seam-content', children: formatDate(accessCode.created_at) })] }), _jsxs("div", { className: 'seam-row seam-schedule', children: [_jsxs("div", { className: 'seam-heading', children: [t.timing, ":"] }), _jsx("div", { className: 'seam-content', children: _jsx(ScheduleInfo, { accessCode: accessCode }) })] })] })] }));
+}
+function ScheduleInfo({ accessCode }) {
+    if (accessCode.type === 'ongoing') {
+        return _jsx("span", { children: t.ongoing });
+    }
+    return (_jsxs("div", { className: 'seam-times', children: [_jsxs("div", { children: [_jsx("div", { className: 'seam-label', children: t.start }), _jsx("div", { className: 'seam-date', children: formatDate(accessCode.starts_at) }), _jsx("div", { className: 'seam-time', children: formatTime(accessCode.starts_at) })] }), _jsxs("div", { children: [_jsx("div", { className: 'seam-label', children: t.end }), _jsx("div", { className: 'seam-date', children: formatDate(accessCode.ends_at) }), _jsx("div", { className: 'seam-time', children: formatTime(accessCode.ends_at) })] })] }));
+}
+function Duration(props) {
+    const { accessCode } = props;
+    if (accessCode.type === 'ongoing') {
+        return (_jsxs("span", { children: [_jsx("span", { className: 'seam-label', children: "Active" }), " (ongoing)"] }));
+    }
+    const hasStarted = new Date(accessCode.starts_at).valueOf() < Date.now();
+    if (hasStarted) {
+        return (_jsxs("span", { children: [_jsx("span", { className: 'seam-label', children: "Active" }), " until", ' ', formatDurationDate(accessCode.ends_at), " at", ' ', formatTime(accessCode.ends_at)] }));
+    }
+    return (_jsxs("span", { children: ["Starts ", formatDurationDate(accessCode.starts_at), " as", ' ', formatTime(accessCode.starts_at)] }));
+}
+function formatDurationDate(date) {
+    return DateTime.fromISO(date).toLocaleString({
+        month: 'short',
+        day: 'numeric',
+    });
+}
+function formatTime(date) {
+    return DateTime.fromISO(date).toLocaleString({
+        hour: 'numeric',
+        minute: '2-digit',
+    });
+}
+function formatDate(date) {
+    return DateTime.fromISO(date).toLocaleString({
+        weekday: 'short',
+        month: 'long',
+        day: 'numeric',
+        year: 'numeric',
+    });
+}
+const t = {
+    accessCode: 'Access code',
+    fallbackName: 'Code',
+    id: 'ID',
+    created: 'Created',
+    timing: 'Timing',
+    ongoing: 'Ongoing',
+    start: 'Start',
+    end: 'End',
+};
+//# sourceMappingURL=AccessCodeDetails.js.map

package/lib/ui/AccessCodeDetails/AccessCodeDetails.js.map

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

package/lib/ui/AccessCodeDetails/AccessCodeDevice.d.ts

@@ -0,0 +1,3 @@
+export default function AccessCodeDevice({ deviceId }: {
+    deviceId: string;
+}): import("react/jsx-runtime").JSX.Element | null;

package/lib/ui/AccessCodeDetails/AccessCodeDevice.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useNavigation } from '../../../lib/NavigationProvider.js';
+import { isLockDevice } from '../../../lib/seam/devices/types.js';
+import { useFakeDevice } from '../../../lib/seam/devices/use-device.js';
+import { Button } from '../../../lib/ui/Button.js';
+import { DeviceImage } from '../../../lib/ui/device/DeviceImage.js';
+import { getDeviceModel } from '../../../lib/ui/DeviceDetails/DeviceModel.js';
+import { TextButton } from '../../../lib/ui/TextButton.js';
+export default function AccessCodeDevice({ deviceId }) {
+    //  TODO: Replace with `useDevice()` once ready
+    const { isLoading, device } = useFakeDevice({ device_id: deviceId });
+    const { show } = useNavigation();
+    // TODO: Do we want to return a skeleton loader here instead?
+    if (isLoading || !device || !isLockDevice(device)) {
+        return null;
+    }
+    const model = getDeviceModel(device);
+    return (_jsxs("div", { className: 'seam-access-code-device', children: [_jsx("div", { className: 'seam-device-image', children: _jsx(DeviceImage, { device: device }) }), _jsxs("div", { className: 'seam-body', children: [_jsx("div", { className: 'seam-model', children: model }), _jsx(TextButton, { onClick: () => {
+                            show({ name: 'device_detail', deviceId: device.device_id });
+                        }, children: t.deviceDetails })] }), _jsx(Button, { children: "Unlock" })] }));
+}
+const t = {
+    deviceDetails: 'Device details',
+};
+//# sourceMappingURL=AccessCodeDevice.js.map

package/lib/ui/AccessCodeDetails/AccessCodeDevice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessCodeDevice.js","sourceRoot":"","sources":["../../../src/lib/ui/AccessCodeDetails/AccessCodeDevice.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAwB;IACzE,+CAA+C;IAC/C,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAA;IACpE,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAA;IAEhC,6DAA6D;IAC7D,IAAI,SAAS,IAAI,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;QACjD,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,GAAI,GAC3B,EACN,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAC,YAAY,YAAE,KAAK,GAAO,EACzC,KAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC,CAAA;wBAC7D,CAAC,YAEA,CAAC,CAAC,aAAa,GACL,IACT,EACN,KAAC,MAAM,yBAAgB,IACnB,CACP,CAAA;AACH,CAAC;AAED,MAAM,CAAC,GAAG;IACR,aAAa,EAAE,gBAAgB;CAChC,CAAA"}

package/lib/ui/AccessCodeTable/AccessCodeTable.d.ts

@@ -1,4 +1,3 @@
 export declare function AccessCodeTable(props: {
     deviceId: string;
-    onClickBack?: () => void;
 }): JSX.Element;

package/lib/ui/AccessCodeTable/AccessCodeTable.js

@@ -1,19 +1,29 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TableBody, TableCell, TableHeader, TableRow, TableTitle, } from '../../../lib/ui/Table/index.js';
-import { useAccessCodes } from '../../../lib/hooks/use-access-codes.js';
 import { AccessCodeKeyIcon } from '../../../lib/icons/AccessCodeKey.js';
+import { useNavigation } from '../../../lib/NavigationProvider.js';
+import { useAccessCodes } from '../../../lib/seam/access-codes/use-access-codes.js';
 import { CodeDetails } from '../../../lib/ui/AccessCodeTable/CodeDetails.js';
 import { ContentHeader } from '../../../lib/ui/layout/ContentHeader.js';
+import { TableBody } from '../../../lib/ui/Table/TableBody.js';
+import { TableCell } from '../../../lib/ui/Table/TableCell.js';
+import { TableHeader } from '../../../lib/ui/Table/TableHeader.js';
+import { TableRow } from '../../../lib/ui/Table/TableRow.js';
+import { TableTitle } from '../../../lib/ui/Table/TableTitle.js';
 import { Caption } from '../../../lib/ui/typography/Caption.js';
 import { Title } from '../../../lib/ui/typography/Title.js';
 export function AccessCodeTable(props) {
     const { accessCodes } = useAccessCodes({
         device_id: props.deviceId,
     });
-    const { onClickBack } = props;
+    const { show } = useNavigation();
     if (!accessCodes)
         return _jsx(_Fragment, { children: null });
-    return (_jsxs("div", { className: 'seam-access-code-table', children: [_jsx(ContentHeader, { onClickBack: onClickBack }), _jsx(TableHeader, { children: _jsxs(TableTitle, { children: [t.accessCodes, " ", _jsxs(Caption, { children: ["(", accessCodes.length, ")"] })] }) }), _jsx(TableBody, { children: accessCodes.map((code) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: 'seam-icon-cell', children: _jsx("div", { children: _jsx(AccessCodeKeyIcon, {}) }) }), _jsxs(TableCell, { className: 'seam-name-cell', children: [_jsx(Title, { children: code.name }), _jsx(CodeDetails, { accessCode: code })] }), _jsx(TableCell, { className: 'seam-action-cell' })] }, code.access_code_id))) })] }));
+    return (_jsxs("div", { className: 'seam-access-code-table', children: [_jsx(ContentHeader, {}), _jsx(TableHeader, { children: _jsxs(TableTitle, { children: [t.accessCodes, " ", _jsxs(Caption, { children: ["(", accessCodes.length, ")"] })] }) }), _jsx(TableBody, { children: accessCodes.map((code) => (_jsxs(TableRow, { onClick: () => {
+                        show({
+                            name: 'access_code_detail',
+                            accessCodeId: code.access_code_id,
+                        });
+                    }, children: [_jsx(TableCell, { className: 'seam-icon-cell', children: _jsx("div", { children: _jsx(AccessCodeKeyIcon, {}) }) }), _jsxs(TableCell, { className: 'seam-name-cell', children: [_jsx(Title, { children: code.name }), _jsx(CodeDetails, { accessCode: code })] }), _jsx(TableCell, { className: 'seam-action-cell' })] }, code.access_code_id))) })] }));
 }
 const t = {
     accessCodes: 'Access Codes',