@dxos/shell 0.3.11-main.1caa3af

package/dist/types/src/components/CompoundButton/index.js

@@ -0,0 +1,21 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CompoundButton"), exports);
+//# sourceMappingURL=index.js.map

package/dist/types/src/components/CompoundButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CompoundButton/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,mDAAiC"}

package/dist/types/src/components/IdentityList/DeviceList.d.ts

@@ -0,0 +1,7 @@
+import { type Device } from '@dxos/react-client/halo';
+export interface DeviceListProps {
+    devices: Device[];
+    onSelect?: (device: Device) => void;
+}
+export declare const DeviceList: ({ devices, onSelect }: DeviceListProps) => JSX.Element;
+//# sourceMappingURL=DeviceList.d.ts.map

package/dist/types/src/components/IdentityList/DeviceList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceList.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/DeviceList.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAMtD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,UAAU,0BAA2B,eAAe,gBA2BhE,CAAC"}

package/dist/types/src/components/IdentityList/DeviceList.js

@@ -0,0 +1,29 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeviceList = void 0;
+const react_1 = __importDefault(require("react"));
+const react_ui_1 = require("@dxos/react-ui");
+const react_ui_theme_1 = require("@dxos/react-ui-theme");
+const IdentityListItem_1 = require("./IdentityListItem");
+const DeviceList = ({ devices, onSelect }) => {
+    const { t } = (0, react_ui_1.useTranslation)('os');
+    return devices.length > 0 ? (react_1.default.createElement(react_ui_1.List, { classNames: 'flex flex-col gap-2' }, devices.map((device) => {
+        var _a, _b, _c, _d, _e, _f;
+        const identity = {
+            identityKey: device.deviceKey,
+            profile: {
+                displayName: `${(_a = device.profile) === null || _a === void 0 ? void 0 : _a.platform} (${(_b = device.profile) === null || _b === void 0 ? void 0 : _b.platformVersion}) on ${(_c = device.profile) === null || _c === void 0 ? void 0 : _c.os} (${(_d = device.profile) === null || _d === void 0 ? void 0 : _d.osVersion}) ${(_f = (_e = device.profile) === null || _e === void 0 ? void 0 : _e.architecture) !== null && _f !== void 0 ? _f : 'Unknown'}-bit`,
+            },
+        };
+        return (react_1.default.createElement(IdentityListItem_1.IdentityListItem, { key: device.deviceKey.toHex(), identity: identity, onClick: onSelect && (() => onSelect(device)) }));
+    }))) : (react_1.default.createElement("div", { role: 'none', className: 'grow flex items-center p-2' },
+        react_1.default.createElement("p", { className: (0, react_ui_theme_1.mx)(react_ui_theme_1.descriptionText, 'text-center is-full') }, t('empty device list message'))));
+};
+exports.DeviceList = DeviceList;
+//# sourceMappingURL=DeviceList.js.map

package/dist/types/src/components/IdentityList/DeviceList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceList.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/DeviceList.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,kDAA0B;AAG1B,6CAAsD;AACtD,yDAA2D;AAE3D,yDAAsD;AAO/C,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAmB,EAAE,EAAE;IACnE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IACnC,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1B,8BAAC,eAAI,IAAC,UAAU,EAAC,qBAAqB,IACnC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;;QACtB,MAAM,QAAQ,GAAG;YACf,WAAW,EAAE,MAAM,CAAC,SAAS;YAC7B,OAAO,EAAE;gBACP,WAAW,EAAE,GAAG,MAAA,MAAM,CAAC,OAAO,0CAAE,QAAQ,KAAK,MAAA,MAAM,CAAC,OAAO,0CAAE,eAAe,QAAQ,MAAA,MAAM,CAAC,OAAO,0CAAE,EAAE,KACpG,MAAA,MAAM,CAAC,OAAO,0CAAE,SAClB,KAAK,MAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,YAAY,mCAAI,SAAS,MAAM;aACrD;SACF,CAAC;QACF,OAAO,CACL,8BAAC,mCAAgB,IACf,GAAG,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,EAC7B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAC7C,CACH,CAAC;IACJ,CAAC,CAAC,CACG,CACR,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,4BAA4B;QACrD,qCAAG,SAAS,EAAE,IAAA,mBAAE,EAAC,gCAAe,EAAE,qBAAqB,CAAC,IAAG,CAAC,CAAC,2BAA2B,CAAC,CAAK,CAC1F,CACP,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,UAAU,cA2BrB"}

package/dist/types/src/components/IdentityList/IdentityListItem.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SpaceMember } from '@dxos/react-client/echo';
+import { type Identity } from '@dxos/react-client/halo';
+type IdentityListItemProps = {
+    identity: Identity;
+    presence?: SpaceMember['presence'];
+    onClick?: () => void;
+};
+export declare const IdentityListItem: React.ForwardRefExoticComponent<IdentityListItemProps & React.RefAttributes<HTMLLIElement>>;
+export {};
+//# sourceMappingURL=IdentityListItem.d.ts.map

package/dist/types/src/components/IdentityList/IdentityListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/IdentityListItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAIxD,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,6FAuB5B,CAAC"}

package/dist/types/src/components/IdentityList/IdentityListItem.js

@@ -0,0 +1,47 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IdentityListItem = void 0;
+const react_1 = __importStar(require("react"));
+const display_name_1 = require("@dxos/display-name");
+const echo_1 = require("@dxos/react-client/echo");
+const react_ui_1 = require("@dxos/react-ui");
+const react_ui_theme_1 = require("@dxos/react-ui-theme");
+exports.IdentityListItem = (0, react_1.forwardRef)(({ identity, presence, onClick }, forwardedRef) => {
+    var _a, _b;
+    const fallbackValue = identity.identityKey.toHex();
+    const labelId = (0, react_ui_1.useId)('identityListItem__label');
+    const jdenticon = (0, react_ui_1.useJdenticonHref)(fallbackValue !== null && fallbackValue !== void 0 ? fallbackValue : '', 12);
+    const displayName = (_b = (_a = identity.profile) === null || _a === void 0 ? void 0 : _a.displayName) !== null && _b !== void 0 ? _b : (0, display_name_1.generateName)(identity.identityKey.toHex());
+    return (react_1.default.createElement(react_ui_1.ListItem.Root, { classNames: (0, react_ui_theme_1.mx)('flex gap-2 pis-3 pie-1 items-center', onClick && 'cursor-pointer'), onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(), "data-testid": 'identity-list-item', labelId: labelId, ref: forwardedRef },
+        react_1.default.createElement(react_ui_1.Avatar.Root, { status: presence === echo_1.SpaceMember.PresenceState.ONLINE ? 'active' : 'inactive', labelId: labelId },
+            react_1.default.createElement(react_ui_1.Avatar.Frame, null,
+                react_1.default.createElement(react_ui_1.Avatar.Fallback, { href: jdenticon })),
+            react_1.default.createElement(react_ui_1.Avatar.Label, { classNames: 'text-sm truncate pli-2' }, displayName))));
+});
+//# sourceMappingURL=IdentityListItem.js.map

package/dist/types/src/components/IdentityList/IdentityListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityListItem.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/IdentityListItem.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAA0C;AAE1C,qDAAkD;AAClD,kDAAsD;AAEtD,6CAA2E;AAC3E,yDAA0C;AAQ7B,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EACxC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAyB,EAAE,YAAY,EAAE,EAAE;;IACvE,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;IACnD,MAAM,OAAO,GAAG,IAAA,gBAAK,EAAC,yBAAyB,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAA,2BAAgB,EAAC,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,WAAW,mCAAI,IAAA,2BAAY,EAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;IAChG,OAAO,CACL,8BAAC,mBAAQ,CAAC,IAAI,IACZ,UAAU,EAAE,IAAA,mBAAE,EAAC,qCAAqC,EAAE,OAAO,IAAI,gBAAgB,CAAC,EAClF,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,iBACd,oBAAoB,EAChC,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,YAAY;QAEjB,8BAAC,iBAAM,CAAC,IAAI,IAAC,MAAM,EAAE,QAAQ,KAAK,kBAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO;YAC1G,8BAAC,iBAAM,CAAC,KAAK;gBACX,8BAAC,iBAAM,CAAC,QAAQ,IAAC,IAAI,EAAE,SAAS,GAAI,CACvB;YACf,8BAAC,iBAAM,CAAC,KAAK,IAAC,UAAU,EAAC,wBAAwB,IAAE,WAAW,CAAgB,CAClE,CACA,CACjB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/types/src/components/IdentityList/SpaceMemberList.d.ts

@@ -0,0 +1,13 @@
+import { type PublicKey } from '@dxos/react-client';
+import type { SpaceMember } from '@dxos/react-client/echo';
+export interface SpaceMemberListImplProps {
+    members: SpaceMember[];
+    onSelect?: (member: SpaceMember) => void;
+}
+export interface SpaceMemberListProps extends Partial<SpaceMemberListImplProps> {
+    spaceKey: PublicKey;
+    includeSelf?: boolean;
+}
+export declare const SpaceMemberList: ({ spaceKey, includeSelf, onSelect }: SpaceMemberListProps) => JSX.Element;
+export declare const SpaceMemberListImpl: ({ members, onSelect }: SpaceMemberListImplProps) => JSX.Element;
+//# sourceMappingURL=SpaceMemberList.d.ts.map

package/dist/types/src/components/IdentityList/SpaceMemberList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpaceMemberList.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/SpaceMemberList.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAS3D,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,wBAAwB,CAAC;IAC7E,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,wCAAyC,oBAAoB,gBAexF,CAAC;AAEF,eAAO,MAAM,mBAAmB,0BAA2B,wBAAwB,gBAqBlF,CAAC"}

package/dist/types/src/components/IdentityList/SpaceMemberList.js

@@ -0,0 +1,54 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SpaceMemberListImpl = exports.SpaceMemberList = void 0;
+const react_1 = __importStar(require("react"));
+const react_client_1 = require("@dxos/react-client");
+const echo_1 = require("@dxos/react-client/echo");
+const react_ui_1 = require("@dxos/react-ui");
+const react_ui_theme_1 = require("@dxos/react-ui-theme");
+const IdentityListItem_1 = require("./IdentityListItem");
+const SpaceMemberList = ({ spaceKey, includeSelf, onSelect }) => {
+    const client = (0, react_client_1.useClient)();
+    const allUnsortedMembers = (0, echo_1.useMembers)(spaceKey);
+    const members = (0, react_1.useMemo)(() => includeSelf
+        ? allUnsortedMembers.sort((member) => member.identity.identityKey.equals(client.halo.identity.get().identityKey) ? -1 : 1)
+        : allUnsortedMembers.filter((member) => !member.identity.identityKey.equals(client.halo.identity.get().identityKey)), [allUnsortedMembers]);
+    return react_1.default.createElement(exports.SpaceMemberListImpl, { members: members, onSelect: onSelect });
+};
+exports.SpaceMemberList = SpaceMemberList;
+const SpaceMemberListImpl = ({ members, onSelect }) => {
+    const { t } = (0, react_ui_1.useTranslation)('os');
+    const visibleMembers = members.filter((member) => member.identity);
+    return visibleMembers.length > 0 ? (react_1.default.createElement(react_ui_1.List, { classNames: 'flex flex-col gap-2' }, visibleMembers.map((member) => {
+        return (react_1.default.createElement(IdentityListItem_1.IdentityListItem, { key: member.identity.identityKey.toHex(), identity: member.identity, presence: member.presence, onClick: onSelect && (() => onSelect(member)) }));
+    }))) : (react_1.default.createElement("div", { role: 'none', className: 'grow flex items-center p-2' },
+        react_1.default.createElement("p", { className: (0, react_ui_theme_1.mx)(react_ui_theme_1.descriptionText, 'text-center is-full mlb-2') }, t('empty space members message'))));
+};
+exports.SpaceMemberListImpl = SpaceMemberListImpl;
+//# sourceMappingURL=SpaceMemberList.js.map

package/dist/types/src/components/IdentityList/SpaceMemberList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpaceMemberList.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/SpaceMemberList.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAAuC;AAEvC,qDAA+D;AAE/D,kDAAqD;AACrD,6CAAsD;AACtD,yDAA2D;AAE3D,yDAAsD;AAc/C,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAwB,EAAE,EAAE;IAC3F,MAAM,MAAM,GAAG,IAAA,wBAAS,GAAE,CAAC;IAC3B,MAAM,kBAAkB,GAAG,IAAA,iBAAU,EAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE,CACH,WAAW;QACT,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CACjC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACrF;QACH,CAAC,CAAC,kBAAkB,CAAC,MAAM,CACvB,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAG,CAAC,WAAW,CAAC,CACzF,EACP,CAAC,kBAAkB,CAAC,CACrB,CAAC;IACF,OAAO,8BAAC,2BAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACvE,CAAC,CAAC;AAfW,QAAA,eAAe,mBAe1B;AAEK,MAAM,mBAAmB,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAA4B,EAAE,EAAE;IACrF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IACnC,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACnE,OAAO,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjC,8BAAC,eAAI,IAAC,UAAU,EAAC,qBAAqB,IACnC,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QAC7B,OAAO,CACL,8BAAC,mCAAgB,IACf,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,EACxC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,OAAO,EAAE,QAAQ,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAC7C,CACH,CAAC;IACJ,CAAC,CAAC,CACG,CACR,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,4BAA4B;QACrD,qCAAG,SAAS,EAAE,IAAA,mBAAE,EAAC,gCAAe,EAAE,2BAA2B,CAAC,IAAG,CAAC,CAAC,6BAA6B,CAAC,CAAK,CAClG,CACP,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,mBAAmB,uBAqB9B"}

package/dist/types/src/components/IdentityList/SpaceMemberList.stories.d.ts

@@ -0,0 +1,17 @@
+import '@dxosTheme';
+declare const _default: {
+    title: string;
+    component: ({ members, onSelect }: import("./SpaceMemberList").SpaceMemberListImplProps) => JSX.Element;
+    actions: {
+        argTypesRegex: string;
+    };
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: (props: any) => JSX.Element;
+//# sourceMappingURL=SpaceMemberList.stories.d.ts.map

package/dist/types/src/components/IdentityList/SpaceMemberList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpaceMemberList.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/SpaceMemberList.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;;;;;;;;;;;;;;AASpB,wBAME;AAEF,eAAO,MAAM,OAAO,UAAW,GAAG,gBAEjC,CAAC"}

package/dist/types/src/components/IdentityList/SpaceMemberList.stories.js

@@ -0,0 +1,26 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+require("@dxosTheme");
+const react_1 = __importDefault(require("react"));
+const storybook_utils_1 = require("@dxos/storybook-utils");
+const SpaceMemberList_1 = require("./SpaceMemberList");
+const testing_1 = require("../../testing");
+exports.default = {
+    title: 'react-shell/SpaceMemberList',
+    component: SpaceMemberList_1.SpaceMemberListImpl,
+    actions: { argTypesRegex: '^on.*' },
+    decorators: [storybook_utils_1.withTheme],
+    parameters: { chromatic: { disableSnapshot: false } },
+};
+const Default = (props) => {
+    return react_1.default.createElement(SpaceMemberList_1.SpaceMemberListImpl, { ...props, members: [testing_1.alice] });
+};
+exports.Default = Default;
+//# sourceMappingURL=SpaceMemberList.stories.js.map

package/dist/types/src/components/IdentityList/SpaceMemberList.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpaceMemberList.stories.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/SpaceMemberList.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AAEpB,kDAA0B;AAE1B,2DAAkD;AAElD,uDAAwD;AACxD,2CAAsC;AAEtC,kBAAe;IACb,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,qCAAmB;IAC9B,OAAO,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE;IACnC,UAAU,EAAE,CAAC,2BAAS,CAAC;IACvB,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE;CACtD,CAAC;AAEK,MAAM,OAAO,GAAG,CAAC,KAAU,EAAE,EAAE;IACpC,OAAO,8BAAC,qCAAmB,OAAK,KAAK,EAAE,OAAO,EAAE,CAAC,eAAK,CAAC,GAAI,CAAC;AAC9D,CAAC,CAAC;AAFW,QAAA,OAAO,WAElB"}

package/dist/types/src/components/IdentityList/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DeviceList';
+export * from './IdentityListItem';
+export * from './SpaceMemberList';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/IdentityList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}

package/dist/types/src/components/IdentityList/index.js

@@ -0,0 +1,23 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DeviceList"), exports);
+__exportStar(require("./IdentityListItem"), exports);
+__exportStar(require("./SpaceMemberList"), exports);
+//# sourceMappingURL=index.js.map

package/dist/types/src/components/IdentityList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,+CAA6B;AAC7B,qDAAmC;AACnC,oDAAkC"}

package/dist/types/src/components/InvitationList/InvitationList.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { CancellableInvitationObservable } from '@dxos/react-client/invitations';
+import { type InvitationListItemProps } from './InvitationListItem';
+import { type SharedInvitationListProps } from './InvitationListProps';
+export interface InvitationListProps extends Omit<InvitationListItemProps, 'invitation' | 'value'>, Pick<SharedInvitationListProps, 'send'> {
+    invitations: CancellableInvitationObservable[];
+    InvitationListItem?: React.ComponentType<InvitationListItemProps>;
+    className?: string;
+}
+export declare const InvitationList: ({ invitations, send, ...invitationProps }: InvitationListProps) => JSX.Element;
+//# sourceMappingURL=InvitationList.d.ts.map

package/dist/types/src/components/InvitationList/InvitationList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationList.d.ts","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AAItF,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACxF,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAEvE,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,uBAAuB,EAAE,YAAY,GAAG,OAAO,CAAC,EAC3D,IAAI,CAAC,yBAAyB,EAAE,MAAM,CAAC;IACzC,WAAW,EAAE,+BAA+B,EAAE,CAAC;IAC/C,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,8CAA+C,mBAAmB,gBAU5F,CAAC"}

package/dist/types/src/components/InvitationList/InvitationList.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InvitationList = void 0;
+//
+// Copyright 2023 DXOS.org
+//
+const react_1 = __importDefault(require("react"));
+const react_ui_1 = require("@dxos/react-ui");
+const react_ui_theme_1 = require("@dxos/react-ui-theme");
+const InvitationListItem_1 = require("./InvitationListItem");
+const InvitationList = ({ invitations, send, ...invitationProps }) => {
+    const { className, InvitationListItem: Item = InvitationListItem_1.InvitationListItem } = invitationProps;
+    return (react_1.default.createElement(react_ui_1.List, { classNames: (0, react_ui_theme_1.mx)('flex flex-col gap-2', className) }, invitations.map((invitation) => {
+        const value = invitation.get().invitationId;
+        return react_1.default.createElement(Item, { key: value, send: send, invitation: invitation, ...invitationProps });
+    })));
+};
+exports.InvitationList = InvitationList;
+//# sourceMappingURL=InvitationList.js.map

package/dist/types/src/components/InvitationList/InvitationList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationList.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationList.tsx"],"names":[],"mappings":";;;;;;AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AACF,kDAA0B;AAG1B,6CAAsC;AACtC,yDAA0C;AAE1C,6DAAwF;AAWjF,MAAM,cAAc,GAAG,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,eAAe,EAAuB,EAAE,EAAE;IAC/F,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,GAAG,uCAAkB,EAAE,GAAG,eAAe,CAAC;IACrF,OAAO,CACL,8BAAC,eAAI,IAAC,UAAU,EAAE,IAAA,mBAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC,IACnD,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;QAC9B,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC;QAC5C,OAAO,8BAAC,IAAI,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,KAAM,eAAe,GAAI,CAAC;IACvF,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,cAAc,kBAUzB"}

package/dist/types/src/components/InvitationList/InvitationList.stories.d.ts

@@ -0,0 +1,17 @@
+import '@dxosTheme';
+declare const _default: {
+    title: string;
+    component: ({ invitations, send, ...invitationProps }: import("./InvitationList").InvitationListProps) => JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    actions: {
+        argTypesRegex: string;
+    };
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+//# sourceMappingURL=InvitationList.stories.d.ts.map

package/dist/types/src/components/InvitationList/InvitationList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationList.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationList.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;;;;;;;;;;;;;;AAWpB,wBAME;AAEF,eAAO,MAAM,OAAO,mBAoBnB,CAAC"}

package/dist/types/src/components/InvitationList/InvitationList.stories.js

@@ -0,0 +1,39 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+require("@dxosTheme");
+const react_1 = __importDefault(require("react"));
+const invitations_1 = require("@dxos/react-client/invitations");
+const react_ui_1 = require("@dxos/react-ui");
+const storybook_utils_1 = require("@dxos/storybook-utils");
+const InvitationList_1 = require("./InvitationList");
+const testing_1 = require("../../testing");
+exports.default = {
+    title: 'react-shell/InvitationList',
+    component: InvitationList_1.InvitationList,
+    decorators: [storybook_utils_1.withTheme],
+    actions: { argTypesRegex: '^on.*' },
+    parameters: { chromatic: { disableSnapshot: false } },
+};
+const Default = () => {
+    return (react_1.default.createElement(react_ui_1.Tooltip.Provider, null,
+        react_1.default.createElement(InvitationList_1.InvitationList, { invitations: [
+                (0, testing_1.inviteWithState)(invitations_1.Invitation.State.INIT),
+                (0, testing_1.inviteWithState)(invitations_1.Invitation.State.CONNECTING),
+                (0, testing_1.inviteWithState)(invitations_1.Invitation.State.CONNECTED),
+                (0, testing_1.inviteWithState)(invitations_1.Invitation.State.READY_FOR_AUTHENTICATION),
+                (0, testing_1.inviteWithState)(invitations_1.Invitation.State.AUTHENTICATING),
+                (0, testing_1.inviteWithState)(invitations_1.Invitation.State.SUCCESS),
+                (0, testing_1.inviteWithState)(invitations_1.Invitation.State.TIMEOUT),
+                (0, testing_1.inviteWithState)(invitations_1.Invitation.State.ERROR),
+                (0, testing_1.inviteWithState)(invitations_1.Invitation.State.CANCELLED),
+            ], send: () => { }, createInvitationUrl: (invite) => invite })));
+};
+exports.Default = Default;
+//# sourceMappingURL=InvitationList.stories.js.map

package/dist/types/src/components/InvitationList/InvitationList.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationList.stories.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationList.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AAEpB,kDAA0B;AAE1B,gEAA4D;AAC5D,6CAAyC;AACzC,2DAAkD;AAElD,qDAAkD;AAClD,2CAAgD;AAEhD,kBAAe;IACb,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,+BAAc;IACzB,UAAU,EAAE,CAAC,2BAAS,CAAC;IACvB,OAAO,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE;IACnC,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE;CACtD,CAAC;AAEK,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,CACL,8BAAC,kBAAO,CAAC,QAAQ;QACf,8BAAC,+BAAc,IACb,WAAW,EAAE;gBACX,IAAA,yBAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,IAAI,CAAC;gBACtC,IAAA,yBAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,UAAU,CAAC;gBAC5C,IAAA,yBAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,SAAS,CAAC;gBAC3C,IAAA,yBAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,wBAAwB,CAAC;gBAC1D,IAAA,yBAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,cAAc,CAAC;gBAChD,IAAA,yBAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,OAAO,CAAC;gBACzC,IAAA,yBAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,OAAO,CAAC;gBACzC,IAAA,yBAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,KAAK,CAAC;gBACvC,IAAA,yBAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,SAAS,CAAC;aAC5C,EACD,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC,EACd,mBAAmB,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,GACvC,CACe,CACpB,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,OAAO,WAoBlB"}

package/dist/types/src/components/InvitationList/InvitationListContainer.d.ts

@@ -0,0 +1,7 @@
+import { type PublicKey } from '@dxos/react-client';
+import { type SharedInvitationListProps } from './InvitationListProps';
+export interface InvitationListContainerProps extends SharedInvitationListProps {
+    spaceKey: PublicKey;
+}
+export declare const InvitationListContainer: ({ spaceKey, createInvitationUrl, send }: InvitationListContainerProps) => JSX.Element;
+//# sourceMappingURL=InvitationListContainer.d.ts.map

package/dist/types/src/components/InvitationList/InvitationListContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationListContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAKpD,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAEvE,MAAM,WAAW,4BAA6B,SAAQ,yBAAyB;IAC7E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,uBAAuB,4CAA6C,4BAA4B,gBAU5G,CAAC"}

package/dist/types/src/components/InvitationList/InvitationListContainer.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InvitationListContainer = void 0;
+//
+// Copyright 2023 DXOS.org
+//
+const react_1 = __importStar(require("react"));
+const echo_1 = require("@dxos/react-client/echo");
+const InvitationList_1 = require("./InvitationList");
+const InvitationListContainer = ({ spaceKey, createInvitationUrl, send }) => {
+    const space = (0, echo_1.useSpace)(spaceKey);
+    const invitations = (0, echo_1.useSpaceInvitations)(spaceKey);
+    const onClickRemove = (0, react_1.useCallback)((invitation) => {
+        void invitation.cancel();
+    }, [space]);
+    return react_1.default.createElement(InvitationList_1.InvitationList, { invitations: invitations, onClickRemove, createInvitationUrl, send });
+};
+exports.InvitationListContainer = InvitationListContainer;
+//# sourceMappingURL=InvitationListContainer.js.map

package/dist/types/src/components/InvitationList/InvitationListContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationListContainer.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AACF,+CAA2C;AAG3C,kDAAwE;AAGxE,qDAAkD;AAO3C,MAAM,uBAAuB,GAAG,CAAC,EAAE,QAAQ,EAAE,mBAAmB,EAAE,IAAI,EAAgC,EAAE,EAAE;IAC/G,MAAM,KAAK,GAAG,IAAA,eAAQ,EAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,WAAW,GAAG,IAAA,0BAAmB,EAAC,QAAQ,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,UAA2C,EAAE,EAAE;QAC9C,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IACF,OAAO,8BAAC,+BAAc,IAAC,WAAW,EAAE,WAAW,EAAQ,aAAa,EAAE,mBAAmB,EAAE,IAAI,GAAM,CAAC;AACxG,CAAC,CAAC;AAVW,QAAA,uBAAuB,2BAUlC"}

package/dist/types/src/components/InvitationList/InvitationListItem.d.ts

@@ -0,0 +1,12 @@
+import { type CancellableInvitationObservable, type InvitationStatus } from '@dxos/react-client/invitations';
+import { type SharedInvitationListProps } from './InvitationListProps';
+export interface InvitationListItemProps extends SharedInvitationListProps {
+    invitation: CancellableInvitationObservable;
+    onClickRemove?: (invitation: CancellableInvitationObservable) => void;
+}
+export interface InvitationListItemImplProps extends InvitationListItemProps {
+    invitationStatus: InvitationStatus;
+}
+export declare const InvitationListItem: (props: InvitationListItemProps) => JSX.Element;
+export declare const InvitationListItemImpl: ({ invitation, invitationStatus: propsInvitationStatus, send, onClickRemove, createInvitationUrl, }: InvitationListItemImplProps) => JSX.Element;
+//# sourceMappingURL=InvitationListItem.d.ts.map

package/dist/types/src/components/InvitationList/InvitationListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,KAAK,+BAA+B,EAEpC,KAAK,gBAAgB,EAEtB,MAAM,gCAAgC,CAAC;AAYxC,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAKvE,MAAM,WAAW,uBAAwB,SAAQ,yBAAyB;IACxE,UAAU,EAAE,+BAA+B,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,+BAA+B,KAAK,IAAI,CAAC;CACvE;AAED,MAAM,WAAW,2BAA4B,SAAQ,uBAAuB;IAC1E,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,gBAIhE,CAAC;AAgCF,eAAO,MAAM,sBAAsB,uGAMhC,2BAA2B,gBAuG7B,CAAC"}

package/dist/types/src/components/InvitationList/InvitationListItem.js

@@ -0,0 +1,103 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InvitationListItemImpl = exports.InvitationListItem = void 0;
+//
+// Copyright 2023 DXOS.org
+//
+const react_1 = require("@phosphor-icons/react");
+const react_2 = __importStar(require("react"));
+const invitations_1 = require("@dxos/react-client/invitations");
+const react_ui_1 = require("@dxos/react-ui");
+const react_ui_theme_1 = require("@dxos/react-ui-theme");
+const util_1 = require("../../util");
+const AuthCode_1 = require("../AuthCode");
+const Clipboard_1 = require("../Clipboard");
+const InvitationListItem = (props) => {
+    const { invitation } = props;
+    const invitationStatus = (0, invitations_1.useInvitationStatus)(invitation);
+    return react_2.default.createElement(exports.InvitationListItemImpl, { ...props, invitationStatus: invitationStatus });
+};
+exports.InvitationListItem = InvitationListItem;
+const avatarProps = { size: 10, variant: 'circle' };
+const AvatarStackEffect = ({ animation, status }) => {
+    const { tx } = (0, react_ui_1.useThemeContext)();
+    return (react_2.default.createElement(react_2.default.Fragment, null,
+        react_2.default.createElement("span", { role: 'none', className: (0, react_ui_theme_1.mx)('absolute inline-start-1 inline-end-auto opacity-20', (0, react_ui_theme_1.getSize)(avatarProps.size)) },
+            react_2.default.createElement("span", { role: 'none', className: tx('avatar.ring', 'avatar__ring', { ...avatarProps, status, animation }), style: { animationDelay: '400ms' } })),
+        react_2.default.createElement("span", { role: 'none', className: (0, react_ui_theme_1.mx)('absolute inline-start-2 inline-end-auto opacity-50', (0, react_ui_theme_1.getSize)(avatarProps.size)) },
+            react_2.default.createElement("span", { role: 'none', className: tx('avatar.ring', 'avatar__ring', { ...avatarProps, status, animation }), style: { animationDelay: '200ms' } }))));
+};
+const InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationStatus, send, onClickRemove, createInvitationUrl, }) => {
+    const { t } = (0, react_ui_1.useTranslation)('os');
+    const { cancel, status: invitationStatus, invitationCode, authCode, type } = propsInvitationStatus;
+    const isCancellable = !([invitations_1.Invitation.State.ERROR, invitations_1.Invitation.State.TIMEOUT, invitations_1.Invitation.State.CANCELLED].indexOf(invitationStatus) >= 0);
+    const showShare = type === invitations_1.Invitation.Type.MULTIUSE ||
+        [invitations_1.Invitation.State.INIT, invitations_1.Invitation.State.CONNECTING, invitations_1.Invitation.State.CONNECTED].indexOf(invitationStatus) >= 0;
+    const showAuthCode = invitationStatus === invitations_1.Invitation.State.READY_FOR_AUTHENTICATION;
+    const handleClickRemove = (0, react_2.useCallback)(() => onClickRemove === null || onClickRemove === void 0 ? void 0 : onClickRemove(invitation), [invitation, onClickRemove]);
+    const invitationUrl = invitationCode && createInvitationUrl(invitationCode);
+    const invitationId = invitation === null || invitation === void 0 ? void 0 : invitation.get().invitationId;
+    const avatarAnimation = [
+        invitations_1.Invitation.State.INIT,
+        invitations_1.Invitation.State.CONNECTING,
+        invitations_1.Invitation.State.CONNECTED,
+        invitations_1.Invitation.State.READY_FOR_AUTHENTICATION,
+        invitations_1.Invitation.State.AUTHENTICATING,
+    ].includes(invitationStatus)
+        ? 'pulse'
+        : 'none';
+    const avatarError = [invitations_1.Invitation.State.ERROR, invitations_1.Invitation.State.TIMEOUT, invitations_1.Invitation.State.CANCELLED].includes(invitationStatus);
+    const avatarGreen = [
+        invitations_1.Invitation.State.CONNECTED,
+        invitations_1.Invitation.State.READY_FOR_AUTHENTICATION,
+        invitations_1.Invitation.State.AUTHENTICATING,
+        invitations_1.Invitation.State.SUCCESS,
+    ].includes(invitationStatus);
+    const avatarStatus = avatarError ? 'error' : avatarGreen ? 'active' : 'inactive';
+    return (react_2.default.createElement(react_ui_1.ListItem.Root, { id: invitationCode, classNames: 'flex gap-2 pis-3 pie-1 items-center relative' },
+        react_2.default.createElement(react_ui_1.ListItem.Heading, { classNames: 'sr-only' }, t(type === invitations_1.Invitation.Type.MULTIUSE ? 'invite many list item label' : 'invite one list item label')),
+        type === invitations_1.Invitation.Type.MULTIUSE && react_2.default.createElement(AvatarStackEffect, { status: avatarStatus, animation: avatarAnimation }),
+        react_2.default.createElement(react_ui_1.Tooltip.Root, null,
+            react_2.default.createElement(react_ui_1.Avatar.Root, { ...avatarProps, animation: avatarAnimation, status: avatarStatus },
+                react_2.default.createElement(react_ui_1.Tooltip.Trigger, { asChild: true },
+                    react_2.default.createElement(react_ui_1.Avatar.Frame, { tabIndex: 0, classNames: [react_ui_theme_1.focusRing, 'relative rounded-full'] },
+                        react_2.default.createElement(react_ui_1.Avatar.Fallback, { text: (0, util_1.toEmoji)(invitationId) })))),
+            react_2.default.createElement(react_ui_1.Tooltip.Portal, null,
+                react_2.default.createElement(react_ui_1.Tooltip.Content, { side: 'left', classNames: 'z-[70]' },
+                    t(type === invitations_1.Invitation.Type.MULTIUSE ? 'invite many qr label' : 'invite one qr label'),
+                    react_2.default.createElement(react_ui_1.Tooltip.Arrow, null)))),
+        showShare && invitationUrl ? (react_2.default.createElement(react_2.default.Fragment, null,
+            react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'grow justify-start font-medium', onClick: () => send({ type: 'selectInvitation', invitation }), "data-testid": 'show-qrcode' },
+                react_2.default.createElement("span", null, t('open share panel label'))),
+            react_2.default.createElement(Clipboard_1.CopyButtonIconOnly, { variant: 'ghost', value: invitationUrl }))) : showAuthCode ? (react_2.default.createElement(AuthCode_1.AuthCode, { code: authCode, classNames: 'grow' })) : invitationStatus === invitations_1.Invitation.State.CONNECTING ? (react_2.default.createElement("span", { className: 'pli-2 grow text-neutral-500' }, "Connecting...")) : invitationStatus === invitations_1.Invitation.State.AUTHENTICATING ? (react_2.default.createElement("span", { className: 'pli-2 grow text-neutral-500' }, "Authenticating...")) : invitationStatus === invitations_1.Invitation.State.ERROR || invitationStatus === invitations_1.Invitation.State.TIMEOUT ? (react_2.default.createElement("span", { className: 'pli-2 grow text-neutral-500' }, "Failed")) : invitationStatus === invitations_1.Invitation.State.CANCELLED ? (react_2.default.createElement("span", { className: 'pli-2 grow text-neutral-500' }, "Cancelled")) : invitationStatus === invitations_1.Invitation.State.SUCCESS ? (react_2.default.createElement("span", { className: 'pli-2 grow truncate' }, "User joined")) : (react_2.default.createElement("span", { className: 'grow' }, " ")),
+        isCancellable ? (react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'flex gap-1', onClick: cancel, "data-testid": 'cancel-invitation' },
+            react_2.default.createElement("span", { className: 'sr-only' }, t('cancel invitation label')),
+            react_2.default.createElement(react_1.X, { className: (0, react_ui_theme_1.getSize)(5), weight: 'bold' }))) : (react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'flex gap-1', onClick: handleClickRemove, "data-testid": 'remove-invitation' },
+            react_2.default.createElement("span", { className: 'sr-only' }, t('remove invitation label')),
+            react_2.default.createElement(react_1.X, { className: (0, react_ui_theme_1.getSize)(5), weight: 'bold' })))));
+};
+exports.InvitationListItemImpl = InvitationListItemImpl;
+//# sourceMappingURL=InvitationListItem.js.map