@dxos/shell 0.7.5-staging.2ff1350 → 0.7.5-staging.e6154f3

package/dist/types/src/panels/JoinPanel/steps/InvitationAccepted.js

@@ -1,19 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InvitationAccepted = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
-const react_1 = require("react");
-const react_ui_1 = require("@dxos/react-ui");
-const components_1 = require("../../../components");
-const InvitationAccepted = (props) => {
+import { cloneElement } from 'react';
+import { useTranslation } from '@dxos/react-ui';
+import { Actions, Action } from '../../../components';
+export const InvitationAccepted = (props) => {
     const { active, Kind, doneActionParent, onDone } = props;
     const disabled = !active;
-    const { t } = (0, react_ui_1.useTranslation)('os');
-    const doneAction = ((0, jsx_runtime_1.jsx)(components_1.Action, { variant: 'primary', onClick: onDone, disabled: disabled, "data-autofocus": `success${Kind}Invitation finishingJoining${Kind}`, "data-testid": `${Kind.toLowerCase()}-invitation-accepted-done`, children: t('done label') }));
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { role: 'none', className: 'grow flex flex-col justify-center', children: (0, jsx_runtime_1.jsx)("p", { className: 'text-center text-sm font-normal', children: t('welcome message') }) }), (0, jsx_runtime_1.jsx)(components_1.Actions, { children: doneActionParent ? (0, react_1.cloneElement)(doneActionParent, {}, doneAction) : doneAction })] }));
+    const { t } = useTranslation('os');
+    const doneAction = (_jsx(Action, { variant: 'primary', onClick: onDone, disabled: disabled, "data-autofocus": `success${Kind}Invitation finishingJoining${Kind}`, "data-testid": `${Kind.toLowerCase()}-invitation-accepted-done`, children: t('done label') }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { role: 'none', className: 'grow flex flex-col justify-center', children: _jsx("p", { className: 'text-center text-sm font-normal', children: t('welcome message') }) }), _jsx(Actions, { children: doneActionParent ? cloneElement(doneActionParent, {}, doneAction) : doneAction })] }));
 };
-exports.InvitationAccepted = InvitationAccepted;
 //# sourceMappingURL=InvitationAccepted.js.map

package/dist/types/src/panels/JoinPanel/steps/InvitationAccepted.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationAccepted.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/InvitationAccepted.tsx"],"names":[],"mappings":";;;;AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,iCAA4C;AAE5C,6CAAgD;AAEhD,oDAAsD;AAS/C,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzD,MAAM,QAAQ,GAAG,CAAC,MAAM,CAAC;IACzB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,UAAU,GAAG,CACjB,uBAAC,mBAAM,IACL,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,QAAQ,oBACF,UAAU,IAAI,8BAA8B,IAAI,EAAE,iBACrD,GAAG,IAAI,CAAC,WAAW,EAAE,2BAA2B,YAE5D,CAAC,CAAC,YAAY,CAAC,GACT,CACV,CAAC;IAEF,OAAO,CACL,6DACE,gCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,mCAAmC,YAC5D,8BAAG,SAAS,EAAC,iCAAiC,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAK,GACrE,EACN,uBAAC,oBAAO,cAAE,gBAAgB,CAAC,CAAC,CAAC,IAAA,oBAAY,EAAC,gBAAgB,EAAE,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,GAAW,IAClG,CACJ,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,kBAAkB,sBAyB7B"}
+{"version":3,"file":"InvitationAccepted.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/InvitationAccepted.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAStD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzD,MAAM,QAAQ,GAAG,CAAC,MAAM,CAAC;IACzB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,UAAU,GAAG,CACjB,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,QAAQ,oBACF,UAAU,IAAI,8BAA8B,IAAI,EAAE,iBACrD,GAAG,IAAI,CAAC,WAAW,EAAE,2BAA2B,YAE5D,CAAC,CAAC,YAAY,CAAC,GACT,CACV,CAAC;IAEF,OAAO,CACL,8BACE,cAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,mCAAmC,YAC5D,YAAG,SAAS,EAAC,iCAAiC,YAAE,CAAC,CAAC,iBAAiB,CAAC,GAAK,GACrE,EACN,KAAC,OAAO,cAAE,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,gBAAgB,EAAE,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,GAAW,IAClG,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/types/src/panels/JoinPanel/steps/InvitationAuthenticator.js

@@ -1,22 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InvitationAuthenticator = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
-const react_1 = 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("@dxos/util");
-const components_1 = require("../../../components");
+import { useState } from 'react';
+import { Invitation } from '@dxos/react-client/invitations';
+import { Input, useTranslation } from '@dxos/react-ui';
+import { descriptionText } from '@dxos/react-ui-theme';
+import { hexToEmoji } from '@dxos/util';
+import { Actions, Action, Emoji, StepHeading, Label } from '../../../components';
 const pinLength = 6;
-const InvitationAuthenticator = ({ failed, Kind, authMethod, active, pending, invitationId, onInvitationAuthenticate, onInvitationCancel, }) => {
+export const InvitationAuthenticator = ({ failed, Kind, authMethod, active, pending, invitationId, onInvitationAuthenticate, onInvitationCancel, }) => {
     const disabled = !active || pending;
-    const { t } = (0, react_ui_1.useTranslation)('os');
+    const { t } = useTranslation('os');
     const invitationType = Kind.toLowerCase();
-    const [authCode, setAuthCode] = (0, react_1.useState)('');
+    const [authCode, setAuthCode] = useState('');
     const onChange = ({ target: { value } }) => {
         var _a;
         setAuthCode(value);
@@ -24,9 +21,9 @@ const InvitationAuthenticator = ({ failed, Kind, authMethod, active, pending, in
             (_a = document.querySelector(`[data-autofocus-pinlength="${invitationType}"]`)) === null || _a === void 0 ? void 0 : _a.focus();
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { role: 'none', className: 'grow flex flex-col justify-center gap-4', children: [(0, jsx_runtime_1.jsxs)(react_ui_1.Input.Root, { ...(failed && {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { role: 'none', className: 'grow flex flex-col justify-center gap-4', children: [_jsxs(Input.Root, { ...(failed && {
                             validationValence: 'error',
-                        }), children: [(0, jsx_runtime_1.jsx)(react_ui_1.Input.Label, { asChild: true, children: authMethod === invitations_1.Invitation.AuthMethod.SHARED_SECRET ? ((0, jsx_runtime_1.jsx)(components_1.StepHeading, { children: t('auth code input label') })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.StepHeading, { className: react_ui_theme_1.descriptionText, children: t('authenticating label') }), (0, jsx_runtime_1.jsx)("div", { role: 'none', className: 'grow' })] })) }), authMethod === invitations_1.Invitation.AuthMethod.SHARED_SECRET && ((0, jsx_runtime_1.jsx)(react_ui_1.Input.PinInput, { disabled,
+                        }), children: [_jsx(Input.Label, { asChild: true, children: authMethod === Invitation.AuthMethod.SHARED_SECRET ? (_jsx(StepHeading, { children: t('auth code input label') })) : (_jsxs(_Fragment, { children: [_jsx(StepHeading, { className: descriptionText, children: t('authenticating label') }), _jsx("div", { role: 'none', className: 'grow' })] })) }), authMethod === Invitation.AuthMethod.SHARED_SECRET && (_jsx(Input.PinInput, { disabled,
                                 length: pinLength,
                                 onChange,
                                 inputMode: 'numeric',
@@ -35,7 +32,6 @@ const InvitationAuthenticator = ({ failed, Kind, authMethod, active, pending, in
                                 'data-autofocus': `connecting${Kind}Invitation inputting${Kind}VerificationCode authenticationFailing${Kind}VerificationCode authenticating${Kind}VerificationCode`,
                                 'data-prevent-ios-autofocus': true,
                                 'data-testid': `${invitationType}-auth-code-input`,
-                                'data-1p-ignore': true })), failed && ((0, jsx_runtime_1.jsx)(react_ui_1.Input.DescriptionAndValidation, { classNames: 'text-center', children: (0, jsx_runtime_1.jsx)(react_ui_1.Input.Validation, { children: t('failed to authenticate message') }) }))] }), invitationId && authMethod === invitations_1.Invitation.AuthMethod.SHARED_SECRET && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Label, { children: t('auth other device emoji message') }), (0, jsx_runtime_1.jsx)("div", { className: 'flex justify-center', children: (0, jsx_runtime_1.jsx)(components_1.Emoji, { text: (0, util_1.hexToEmoji)(invitationId) }) })] }))] }), (0, jsx_runtime_1.jsxs)(components_1.Actions, { children: [(0, jsx_runtime_1.jsx)(components_1.Action, { variant: 'ghost', disabled: disabled, onClick: () => onInvitationCancel === null || onInvitationCancel === void 0 ? void 0 : onInvitationCancel(), "data-testid": `${invitationType}-invitation-authenticator-cancel`, children: t('cancel label') }), (0, jsx_runtime_1.jsx)(components_1.Action, { variant: 'primary', disabled: disabled, onClick: () => onInvitationAuthenticate === null || onInvitationAuthenticate === void 0 ? void 0 : onInvitationAuthenticate(authCode), "data-autofocus-pinlength": invitationType, "data-testid": `${invitationType}-invitation-authenticator-next`, children: t('next label') })] })] }));
+                                'data-1p-ignore': true })), failed && (_jsx(Input.DescriptionAndValidation, { classNames: 'text-center', children: _jsx(Input.Validation, { children: t('failed to authenticate message') }) }))] }), invitationId && authMethod === Invitation.AuthMethod.SHARED_SECRET && (_jsxs(_Fragment, { children: [_jsx(Label, { children: t('auth other device emoji message') }), _jsx("div", { className: 'flex justify-center', children: _jsx(Emoji, { text: hexToEmoji(invitationId) }) })] }))] }), _jsxs(Actions, { children: [_jsx(Action, { variant: 'ghost', disabled: disabled, onClick: () => onInvitationCancel === null || onInvitationCancel === void 0 ? void 0 : onInvitationCancel(), "data-testid": `${invitationType}-invitation-authenticator-cancel`, children: t('cancel label') }), _jsx(Action, { variant: 'primary', disabled: disabled, onClick: () => onInvitationAuthenticate === null || onInvitationAuthenticate === void 0 ? void 0 : onInvitationAuthenticate(authCode), "data-autofocus-pinlength": invitationType, "data-testid": `${invitationType}-invitation-authenticator-next`, children: t('next label') })] })] }));
 };
-exports.InvitationAuthenticator = InvitationAuthenticator;
 //# sourceMappingURL=InvitationAuthenticator.js.map

package/dist/types/src/panels/JoinPanel/steps/InvitationAuthenticator.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationAuthenticator.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/InvitationAuthenticator.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InvitationAuthenticator.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/InvitationAuthenticator.tsx"],"names":[],"mappings":"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"}

package/dist/types/src/panels/JoinPanel/steps/InvitationInput.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InvitationInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
-const react_1 = require("react");
-const log_1 = require("@dxos/log");
-const react_ui_1 = require("@dxos/react-ui");
-const components_1 = require("../../../components");
+import { useState, useEffect, cloneElement } from 'react';
+import { log } from '@dxos/log';
+import { useTranslation } from '@dxos/react-ui';
+import { Actions, StepHeading, Action, Input } from '../../../components';
 const invitationCodeFromUrl = (text) => {
     var _a;
     try {
@@ -17,16 +14,16 @@ const invitationCodeFromUrl = (text) => {
         return invitation !== null && invitation !== void 0 ? invitation : text;
     }
     catch (err) {
-        log_1.log.catch(err);
+        log.catch(err);
         return text;
     }
 };
-const InvitationInput = (props) => {
+export const InvitationInput = (props) => {
     const { Kind, active, send, unredeemedCode, onExit, exitActionParent, onDone, doneActionParent, succeededKeys } = props;
     const disabled = !active;
-    const { t } = (0, react_ui_1.useTranslation)('os');
-    const [inputValue, setInputValue] = (0, react_1.useState)(unredeemedCode !== null && unredeemedCode !== void 0 ? unredeemedCode : '');
-    (0, react_1.useEffect)(() => {
+    const { t } = useTranslation('os');
+    const [inputValue, setInputValue] = useState(unredeemedCode !== null && unredeemedCode !== void 0 ? unredeemedCode : '');
+    useEffect(() => {
         unredeemedCode && setInputValue(unredeemedCode !== null && unredeemedCode !== void 0 ? unredeemedCode : '');
     }, [unredeemedCode]);
     const handleNext = () => {
@@ -39,14 +36,13 @@ const InvitationInput = (props) => {
             ...(Kind === 'Space' && { succeededKeys }),
         });
     };
-    const exitAction = ((0, jsx_runtime_1.jsx)(components_1.Action, { variant: 'ghost', disabled: disabled, ...(onExit ? { onClick: () => onExit() } : { onClick: () => onDone === null || onDone === void 0 ? void 0 : onDone(null) }), "data-testid": 'join-exit', children: t('cancel label') }));
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { role: 'none', className: 'grow flex flex-col justify-center', children: (0, jsx_runtime_1.jsx)(components_1.Input, { label: (0, jsx_runtime_1.jsx)(components_1.StepHeading, { children: t('invitation input label') }), placeholder: t('invitation input placeholder'), disabled: disabled, value: inputValue, onChange: ({ target: { value } }) => setInputValue(value), "data-autofocus": `inputting${Kind}InvitationCode`, "data-testid": `${Kind.toLowerCase()}-invitation-input`, onKeyUp: ({ key }) => key === 'Enter' && handleNext() }) }), (0, jsx_runtime_1.jsxs)(components_1.Actions, { children: [Kind === 'Halo'
+    const exitAction = (_jsx(Action, { variant: 'ghost', disabled: disabled, ...(onExit ? { onClick: () => onExit() } : { onClick: () => onDone === null || onDone === void 0 ? void 0 : onDone(null) }), "data-testid": 'join-exit', children: t('cancel label') }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { role: 'none', className: 'grow flex flex-col justify-center', children: _jsx(Input, { label: _jsx(StepHeading, { children: t('invitation input label') }), placeholder: t('invitation input placeholder'), disabled: disabled, value: inputValue, onChange: ({ target: { value } }) => setInputValue(value), "data-autofocus": `inputting${Kind}InvitationCode`, "data-testid": `${Kind.toLowerCase()}-invitation-input`, onKeyUp: ({ key }) => key === 'Enter' && handleNext() }) }), _jsxs(Actions, { children: [Kind === 'Halo'
                         ? null
                         : exitActionParent
-                            ? (0, react_1.cloneElement)(exitActionParent, {}, exitAction)
+                            ? cloneElement(exitActionParent, {}, exitAction)
                             : doneActionParent
-                                ? (0, react_1.cloneElement)(doneActionParent, {}, exitAction)
-                                : exitAction, (0, jsx_runtime_1.jsx)(components_1.Action, { variant: 'primary', disabled: disabled || inputValue.trim().length === 0, onClick: handleNext, "data-testid": `${Kind.toLowerCase()}-invitation-input-continue`, children: t('continue label') })] })] }));
+                                ? cloneElement(doneActionParent, {}, exitAction)
+                                : exitAction, _jsx(Action, { variant: 'primary', disabled: disabled || inputValue.trim().length === 0, onClick: handleNext, "data-testid": `${Kind.toLowerCase()}-invitation-input-continue`, children: t('continue label') })] })] }));
 };
-exports.InvitationInput = InvitationInput;
 //# sourceMappingURL=InvitationInput.js.map

package/dist/types/src/panels/JoinPanel/steps/InvitationInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationInput.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/InvitationInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InvitationInput.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/InvitationInput.tsx"],"names":[],"mappings":"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"}

package/dist/types/src/panels/JoinPanel/steps/InvitationRescuer.js

@@ -1,30 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InvitationRescuer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_ui_1 = require("@dxos/react-ui");
-const react_ui_theme_1 = require("@dxos/react-ui-theme");
-const components_1 = require("../../../components");
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@dxos/react-ui';
+import { descriptionText } from '@dxos/react-ui-theme';
+import { Action, Actions, StepHeading } from '../../../components';
 const InvitationActions = ({ 
 // `invitationState` does report correct state, but here we evaluate whether `failReason` is a better source of truth
 // for the UI in particular.
 invitationState, onInvitationCancel, active, send, Kind, failReason, }) => {
-    const { t } = (0, react_ui_1.useTranslation)('os');
+    const { t } = useTranslation('os');
     if (failReason) {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.StepHeading, { className: react_ui_theme_1.descriptionText, children: t(failReason === 'timeout'
+        return (_jsxs(_Fragment, { children: [_jsx(StepHeading, { className: descriptionText, children: t(failReason === 'timeout'
                         ? 'timeout status label'
                         : failReason === 'cancelled'
                             ? 'cancelled status label'
-                            : 'error status label') }), (0, jsx_runtime_1.jsx)("div", { role: 'none', className: 'grow' }), (0, jsx_runtime_1.jsx)(components_1.Actions, { children: (0, jsx_runtime_1.jsx)(components_1.Action, { disabled: !active, onClick: () => send({ type: `reset${Kind}Invitation` }), "data-testid": 'invitation-rescuer-reset', children: t('reset label') }) })] }));
+                            : 'error status label') }), _jsx("div", { role: 'none', className: 'grow' }), _jsx(Actions, { children: _jsx(Action, { disabled: !active, onClick: () => send({ type: `reset${Kind}Invitation` }), "data-testid": 'invitation-rescuer-reset', children: t('reset label') }) })] }));
     }
     else {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.StepHeading, { className: react_ui_theme_1.descriptionText, children: t('connecting status label') }), (0, jsx_runtime_1.jsx)("div", { role: 'none', className: 'grow' }), (0, jsx_runtime_1.jsxs)(components_1.Actions, { children: [(0, jsx_runtime_1.jsx)(components_1.Action, { disabled: true, classNames: 'order-2', "data-testid": 'next', children: t('next label') }), (0, jsx_runtime_1.jsx)(components_1.Action, { disabled: !active, onClick: onInvitationCancel, "data-testid": 'invitation-rescuer-cancel', children: t('cancel label') })] })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(StepHeading, { className: descriptionText, children: t('connecting status label') }), _jsx("div", { role: 'none', className: 'grow' }), _jsxs(Actions, { children: [_jsx(Action, { disabled: true, classNames: 'order-2', "data-testid": 'next', children: t('next label') }), _jsx(Action, { disabled: !active, onClick: onInvitationCancel, "data-testid": 'invitation-rescuer-cancel', children: t('cancel label') })] })] }));
     }
 };
-const InvitationRescuer = (props) => {
+export const InvitationRescuer = (props) => {
     const { Kind, invitationState, active, send } = props;
-    const { t } = (0, react_ui_1.useTranslation)('os');
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: typeof invitationState === 'undefined' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { role: 'none', className: 'grow flex flex-col justify-center', children: (0, jsx_runtime_1.jsx)(components_1.StepHeading, { className: react_ui_theme_1.descriptionText, children: "There was a problem joining the space" }) }), (0, jsx_runtime_1.jsx)(components_1.Actions, { children: (0, jsx_runtime_1.jsx)(components_1.Action, { disabled: !active, "data-testid": 'invitation-rescuer-blank-reset', onClick: () => send({ type: `reset${Kind}Invitation` }), children: t('reset label') }) })] })) : ((0, jsx_runtime_1.jsx)(InvitationActions, { ...props })) }));
+    const { t } = useTranslation('os');
+    return (_jsx(_Fragment, { children: typeof invitationState === 'undefined' ? (_jsxs(_Fragment, { children: [_jsx("div", { role: 'none', className: 'grow flex flex-col justify-center', children: _jsx(StepHeading, { className: descriptionText, children: "There was a problem joining the space" }) }), _jsx(Actions, { children: _jsx(Action, { disabled: !active, "data-testid": 'invitation-rescuer-blank-reset', onClick: () => send({ type: `reset${Kind}Invitation` }), children: t('reset label') }) })] })) : (_jsx(InvitationActions, { ...props })) }));
 };
-exports.InvitationRescuer = InvitationRescuer;
 //# sourceMappingURL=InvitationRescuer.js.map

package/dist/types/src/panels/JoinPanel/steps/InvitationRescuer.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationRescuer.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/InvitationRescuer.tsx"],"names":[],"mappings":";;;;AAOA,6CAAgD;AAChD,yDAAuD;AAEvD,oDAAmE;AAWnE,MAAM,iBAAiB,GAAG,CAAC;AACzB,qHAAqH;AACrH,4BAA4B;AAC5B,eAAe,EACf,kBAAkB,EAClB,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,UAAU,GACa,EAAE,EAAE;IAC3B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IAEnC,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,6DACE,uBAAC,wBAAW,IAAC,SAAS,EAAE,gCAAe,YACpC,CAAC,CACA,UAAU,KAAK,SAAS;wBACtB,CAAC,CAAC,sBAAsB;wBACxB,CAAC,CAAC,UAAU,KAAK,WAAW;4BAC1B,CAAC,CAAC,wBAAwB;4BAC1B,CAAC,CAAC,oBAAoB,CAC3B,GACW,EACd,gCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,GAAG,EACpC,uBAAC,oBAAO,cACN,uBAAC,mBAAM,IACL,QAAQ,EAAE,CAAC,MAAM,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,IAAI,YAAY,EAAE,CAAC,iBAC3C,0BAA0B,YAErC,CAAC,CAAC,aAAa,CAAC,GACV,GACD,IACT,CACJ,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,6DACE,uBAAC,wBAAW,IAAC,SAAS,EAAE,gCAAe,YAAG,CAAC,CAAC,yBAAyB,CAAC,GAAe,EACrF,gCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,GAAG,EACpC,wBAAC,oBAAO,eACN,uBAAC,mBAAM,IAAC,QAAQ,QAAC,UAAU,EAAC,SAAS,iBAAa,MAAM,YACrD,CAAC,CAAC,YAAY,CAAC,GACT,EACT,uBAAC,mBAAM,IAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,kBAAkB,iBAAc,2BAA2B,YAC5F,CAAC,CAAC,cAAc,CAAC,GACX,IACD,IACT,CACJ,CAAC;IACJ,CAAC;AACH,CAAC,CAAC;AAEK,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACjE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACtD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IAEnC,OAAO,CACL,2DACG,OAAO,eAAe,KAAK,WAAW,CAAC,CAAC,CAAC,CACxC,6DACE,gCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,mCAAmC,YAC5D,uBAAC,wBAAW,IAAC,SAAS,EAAE,gCAAe,sDAAqD,GACxF,EACN,uBAAC,oBAAO,cACN,uBAAC,mBAAM,IACL,QAAQ,EAAE,CAAC,MAAM,iBACL,gCAAgC,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,IAAI,YAAY,EAAE,CAAC,YAEtD,CAAC,CAAC,aAAa,CAAC,GACV,GACD,IACT,CACJ,CAAC,CAAC,CAAC,CACF,uBAAC,iBAAiB,OAAK,KAAK,GAAI,CACjC,GACA,CACJ,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,iBAAiB,qBA0B5B"}
+{"version":3,"file":"InvitationRescuer.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/InvitationRescuer.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAWnE,MAAM,iBAAiB,GAAG,CAAC;AACzB,qHAAqH;AACrH,4BAA4B;AAC5B,eAAe,EACf,kBAAkB,EAClB,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,UAAU,GACa,EAAE,EAAE;IAC3B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAEnC,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,8BACE,KAAC,WAAW,IAAC,SAAS,EAAE,eAAe,YACpC,CAAC,CACA,UAAU,KAAK,SAAS;wBACtB,CAAC,CAAC,sBAAsB;wBACxB,CAAC,CAAC,UAAU,KAAK,WAAW;4BAC1B,CAAC,CAAC,wBAAwB;4BAC1B,CAAC,CAAC,oBAAoB,CAC3B,GACW,EACd,cAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,GAAG,EACpC,KAAC,OAAO,cACN,KAAC,MAAM,IACL,QAAQ,EAAE,CAAC,MAAM,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,IAAI,YAAY,EAAE,CAAC,iBAC3C,0BAA0B,YAErC,CAAC,CAAC,aAAa,CAAC,GACV,GACD,IACT,CACJ,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,8BACE,KAAC,WAAW,IAAC,SAAS,EAAE,eAAe,YAAG,CAAC,CAAC,yBAAyB,CAAC,GAAe,EACrF,cAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,GAAG,EACpC,MAAC,OAAO,eACN,KAAC,MAAM,IAAC,QAAQ,QAAC,UAAU,EAAC,SAAS,iBAAa,MAAM,YACrD,CAAC,CAAC,YAAY,CAAC,GACT,EACT,KAAC,MAAM,IAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,kBAAkB,iBAAc,2BAA2B,YAC5F,CAAC,CAAC,cAAc,CAAC,GACX,IACD,IACT,CACJ,CAAC;IACJ,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACjE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACtD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAEnC,OAAO,CACL,4BACG,OAAO,eAAe,KAAK,WAAW,CAAC,CAAC,CAAC,CACxC,8BACE,cAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,mCAAmC,YAC5D,KAAC,WAAW,IAAC,SAAS,EAAE,eAAe,sDAAqD,GACxF,EACN,KAAC,OAAO,cACN,KAAC,MAAM,IACL,QAAQ,EAAE,CAAC,MAAM,iBACL,gCAAgC,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,IAAI,YAAY,EAAE,CAAC,YAEtD,CAAC,CAAC,aAAa,CAAC,GACV,GACD,IACT,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,iBAAiB,OAAK,KAAK,GAAI,CACjC,GACA,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/types/src/panels/JoinPanel/steps/index.js

@@ -1,27 +1,11 @@
-"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("./AdditionMethodChooser"), exports);
-__exportStar(require("./IdentityAdded"), exports);
-__exportStar(require("./IdentityInput"), exports);
-__exportStar(require("./InvitationAccepted"), exports);
-__exportStar(require("./InvitationInput"), exports);
-__exportStar(require("./InvitationRescuer"), exports);
-__exportStar(require("./InvitationAuthenticator"), exports);
+export * from './AdditionMethodChooser';
+export * from './IdentityAdded';
+export * from './IdentityInput';
+export * from './InvitationAccepted';
+export * from './InvitationInput';
+export * from './InvitationRescuer';
+export * from './InvitationAuthenticator';
 //# sourceMappingURL=index.js.map

package/dist/types/src/panels/JoinPanel/steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,0DAAwC;AACxC,kDAAgC;AAChC,kDAAgC;AAChC,uDAAqC;AACrC,oDAAkC;AAClC,sDAAoC;AACpC,4DAA0C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC"}

package/dist/types/src/panels/Panels.stories.d.ts

@@ -8,7 +8,7 @@ export declare const Default: {
 };
 declare const _default: {
     title: string;
-    decorators: import("@storybook/react/*").Decorator[];
+    decorators: import("@storybook/react").Decorator[];
     component: ({ components }: {
         components: FC[];
     }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/panels/Panels.stories.js

@@ -1,48 +1,12 @@
-"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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
-require("@dxos-theme");
-const storybook_utils_1 = require("@dxos/storybook-utils");
-const IdentityPanels = __importStar(require("./IdentityPanel/IdentityPanel.stories"));
-const SpacePanels = __importStar(require("./SpacePanel/SpacePanel.stories"));
-const translations_1 = require("../translations");
+import '@dxos-theme';
+import { withTheme } from '@dxos/storybook-utils';
+import * as IdentityPanels from './IdentityPanel/IdentityPanel.stories';
+import * as SpacePanels from './SpacePanel/SpacePanel.stories';
+import { osTranslations } from '../translations';
 const getComponentNames = (module) => {
     var _a;
     return (_a = module === null || module === void 0 ? void 0 : module.__namedExportsOrder) !== null && _a !== void 0 ? _a : Object.getOwnPropertyNames(module).filter((name) => !(name === 'default' || name.startsWith('__')));
@@ -54,17 +18,16 @@ const camelCaseToSpacedName = (camelCase) => {
     return camelCase.replace(/([a-z0-9])([A-Z])/g, '$1 $2').replace(/([A-Z])([A-Z][a-z])/g, '$1 $2');
 };
 const StoryRow = ({ components }) => {
-    return ((0, jsx_runtime_1.jsx)("tr", { style: { whiteSpace: 'nowrap' }, children: components === null || components === void 0 ? void 0 : components.map((Comp) => ((0, jsx_runtime_1.jsxs)("td", { children: [(0, jsx_runtime_1.jsx)("div", { className: 'bg-zinc-500 text-zinc-200 p-3 text-sm text-center', children: camelCaseToSpacedName(Comp.name) }), (0, jsx_runtime_1.jsx)(Comp, {})] }, Comp.name))) }));
+    return (_jsx("tr", { style: { whiteSpace: 'nowrap' }, children: components === null || components === void 0 ? void 0 : components.map((Comp) => (_jsxs("td", { children: [_jsx("div", { className: 'bg-zinc-500 text-zinc-200 p-3 text-sm text-center', children: camelCaseToSpacedName(Comp.name) }), _jsx(Comp, {})] }, Comp.name))) }));
 };
-const Default = (props) => {
-    return ((0, jsx_runtime_1.jsx)("table", { className: 'bg-body', children: (0, jsx_runtime_1.jsxs)("tbody", { children: [(0, jsx_runtime_1.jsx)(StoryRow, { components: getComponents(IdentityPanels) }), (0, jsx_runtime_1.jsx)(StoryRow, { components: getComponents(SpacePanels) })] }) }));
+export const Default = (props) => {
+    return (_jsx("table", { className: 'bg-body', children: _jsxs("tbody", { children: [_jsx(StoryRow, { components: getComponents(IdentityPanels) }), _jsx(StoryRow, { components: getComponents(SpacePanels) })] }) }));
 };
-exports.Default = Default;
-exports.Default.parameters = { layout: 'fullscreen' };
-exports.default = {
+Default.parameters = { layout: 'fullscreen' };
+export default {
     title: 'sdk/shell/All',
-    decorators: [storybook_utils_1.withTheme],
+    decorators: [withTheme],
     component: StoryRow,
-    parameters: { chromatic: { disableSnapshot: false }, translations: [translations_1.osTranslations] },
+    parameters: { chromatic: { disableSnapshot: false }, translations: [osTranslations] },
 };
 //# sourceMappingURL=Panels.stories.js.map

package/dist/types/src/panels/Panels.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panels.stories.js","sourceRoot":"","sources":["../../../../src/panels/Panels.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,uBAAqB;AAIrB,2DAAkD;AAElD,sFAAwE;AACxE,6EAA+D;AAC/D,kDAAiD;AAEjD,MAAM,iBAAiB,GAAG,CAAC,MAAW,EAAY,EAAE;;IAClD,OAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,mCAC3B,MAAM,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;CAAA,CAAC;AAEtG,MAAM,aAAa,GAAG,CAAC,MAAW,EAAQ,EAAE;IAC1C,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/D,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,SAAiB,EAAE,EAAE;IAClD,OAAO,SAAS,CAAC,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,sBAAsB,EAAE,OAAO,CAAC,CAAC;AACnG,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,UAAU,EAAwB,EAAE,EAAE;IACxD,OAAO,CACL,+BAAI,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,YAChC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,2CACE,gCAAK,SAAS,EAAC,mDAAmD,YAAE,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAO,EAC3G,uBAAC,IAAI,KAAG,KAFD,IAAI,CAAC,IAAI,CAGb,CACN,CAAC,GACC,CACN,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,OAAO,GAAG,CAAC,KAAU,EAAE,EAAE;IACpC,OAAO,CACL,kCAAO,SAAS,EAAC,SAAS,YACxB,8CACE,uBAAC,QAAQ,IAAC,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC,GAAI,EACvD,uBAAC,QAAQ,IAAC,UAAU,EAAE,aAAa,CAAC,WAAW,CAAC,GAAI,IAG9C,GACF,CACT,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,OAAO,WAWlB;AAEF,eAAO,CAAC,UAAU,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;AAE9C,kBAAe;IACb,KAAK,EAAE,eAAe;IACtB,UAAU,EAAE,CAAC,2BAAS,CAAC;IACvB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,6BAAc,CAAC,EAAE;CACtF,CAAC"}
+{"version":3,"file":"Panels.stories.js","sourceRoot":"","sources":["../../../../src/panels/Panels.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,aAAa,CAAC;AAIrB,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,KAAK,cAAc,MAAM,uCAAuC,CAAC;AACxE,OAAO,KAAK,WAAW,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,iBAAiB,GAAG,CAAC,MAAW,EAAY,EAAE;;IAClD,OAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,mCAC3B,MAAM,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;CAAA,CAAC;AAEtG,MAAM,aAAa,GAAG,CAAC,MAAW,EAAQ,EAAE;IAC1C,OAAO,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/D,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,SAAiB,EAAE,EAAE;IAClD,OAAO,SAAS,CAAC,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,sBAAsB,EAAE,OAAO,CAAC,CAAC;AACnG,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,UAAU,EAAwB,EAAE,EAAE;IACxD,OAAO,CACL,aAAI,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,YAChC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,yBACE,cAAK,SAAS,EAAC,mDAAmD,YAAE,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAO,EAC3G,KAAC,IAAI,KAAG,KAFD,IAAI,CAAC,IAAI,CAGb,CACN,CAAC,GACC,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAU,EAAE,EAAE;IACpC,OAAO,CACL,gBAAO,SAAS,EAAC,SAAS,YACxB,4BACE,KAAC,QAAQ,IAAC,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC,GAAI,EACvD,KAAC,QAAQ,IAAC,UAAU,EAAE,aAAa,CAAC,WAAW,CAAC,GAAI,IAG9C,GACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,UAAU,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;AAE9C,eAAe;IACb,KAAK,EAAE,eAAe;IACtB,UAAU,EAAE,CAAC,SAAS,CAAC;IACvB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,cAAc,CAAC,EAAE;CACtF,CAAC"}

package/dist/types/src/panels/SpacePanel/SpacePanel.js

@@ -1,44 +1,40 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpacePanel = exports.SpacePanelImpl = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
-const react_1 = require("@phosphor-icons/react");
-const react_2 = require("react");
-const log_1 = require("@dxos/log");
-const invitations_1 = require("@dxos/react-client/invitations");
-const react_ui_1 = require("@dxos/react-ui");
-const spaceMachine_1 = require("./spaceMachine");
-const steps_1 = require("./steps");
-const components_1 = require("../../components");
-const steps_2 = require("../../steps");
-const styles_1 = require("../../styles");
+import { Planet } from '@phosphor-icons/react';
+import { useEffect, useMemo } from 'react';
+import { log } from '@dxos/log';
+import { useInvitationStatus } from '@dxos/react-client/invitations';
+import { useId, useTranslation } from '@dxos/react-ui';
+import { useSpaceMachine } from './spaceMachine';
+import { SpaceManager } from './steps';
+import { Heading, CloseButton, Viewport } from '../../components';
+import { InvitationManager } from '../../steps';
+import { stepStyles } from '../../styles';
 const SpacePanelHeading = ({ titleId, space, onDone }) => {
-    const { t } = (0, react_ui_1.useTranslation)('os');
+    const { t } = useTranslation('os');
     const name = space.properties.name;
-    return ((0, jsx_runtime_1.jsx)(components_1.Heading, { titleId: titleId, title: t('space panel heading'), corner: (0, jsx_runtime_1.jsx)(components_1.CloseButton, { "data-testid": 'identity-panel-done', onDone: onDone }), children: (0, jsx_runtime_1.jsxs)("div", { role: 'none', className: 'flex gap-4 items-center justify-center mlb-4', children: [(0, jsx_runtime_1.jsx)(react_1.Planet, { size: 32, weight: 'light' }), (0, jsx_runtime_1.jsx)("div", { className: 'block text-start font-light text-xl', children: name !== null && name !== void 0 ? name : space.key.truncate() })] }) }));
+    return (_jsx(Heading, { titleId: titleId, title: t('space panel heading'), corner: _jsx(CloseButton, { "data-testid": 'identity-panel-done', onDone: onDone }), children: _jsxs("div", { role: 'none', className: 'flex gap-4 items-center justify-center mlb-4', children: [_jsx(Planet, { size: 32, weight: 'light' }), _jsx("div", { className: 'block text-start font-light text-xl', children: name !== null && name !== void 0 ? name : space.key.truncate() })] }) }));
 };
-const SpacePanelImpl = (props) => {
-    const { titleId, activeView, space, hideHeading, target, SpaceManager: SpaceManagerComponent = steps_1.SpaceManager, InvitationManager: InvitationManagerComponent = steps_2.InvitationManager, ...rest } = props;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!hideHeading && (0, jsx_runtime_1.jsx)(SpacePanelHeading, { ...rest, titleId, space }), (0, jsx_runtime_1.jsx)(components_1.Viewport.Root, { activeView: activeView, children: (0, jsx_runtime_1.jsxs)(components_1.Viewport.Views, { children: [(0, jsx_runtime_1.jsx)(components_1.Viewport.View, { id: 'space manager', classNames: styles_1.stepStyles, children: (0, jsx_runtime_1.jsx)(SpaceManagerComponent, { active: activeView === 'space manager', space: space, target: target, ...rest }) }), (0, jsx_runtime_1.jsx)(components_1.Viewport.View, { id: 'space invitation manager', classNames: styles_1.stepStyles, children: (0, jsx_runtime_1.jsx)(InvitationManagerComponent, { active: activeView === 'space invitation manager', ...rest, invitationUrl: props.invitationUrl }) })] }) })] }));
+export const SpacePanelImpl = (props) => {
+    const { titleId, activeView, space, hideHeading, target, SpaceManager: SpaceManagerComponent = SpaceManager, InvitationManager: InvitationManagerComponent = InvitationManager, ...rest } = props;
+    return (_jsxs(_Fragment, { children: [!hideHeading && _jsx(SpacePanelHeading, { ...rest, titleId, space }), _jsx(Viewport.Root, { activeView: activeView, children: _jsxs(Viewport.Views, { children: [_jsx(Viewport.View, { id: 'space manager', classNames: stepStyles, children: _jsx(SpaceManagerComponent, { active: activeView === 'space manager', space: space, target: target, ...rest }) }), _jsx(Viewport.View, { id: 'space invitation manager', classNames: stepStyles, children: _jsx(InvitationManagerComponent, { active: activeView === 'space invitation manager', ...rest, invitationUrl: props.invitationUrl }) })] }) })] }));
 };
-exports.SpacePanelImpl = SpacePanelImpl;
 const SpacePanelWithInvitationImpl = ({ invitation, ...props }) => {
-    const invitationStatus = (0, invitations_1.useInvitationStatus)(invitation);
-    return ((0, jsx_runtime_1.jsx)(exports.SpacePanelImpl, { ...props, ...invitationStatus, invitationUrl: props.createInvitationUrl(invitationStatus.invitationCode) }));
+    const invitationStatus = useInvitationStatus(invitation);
+    return (_jsx(SpacePanelImpl, { ...props, ...invitationStatus, invitationUrl: props.createInvitationUrl(invitationStatus.invitationCode) }));
 };
-const SpacePanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => code, ...props }) => {
-    const titleId = (0, react_ui_1.useId)('spacePanel__heading', propsTitleId);
-    const [spaceState, spaceSend, spaceService] = (0, spaceMachine_1.useSpaceMachine)({ context: { space: props.space } });
-    (0, react_2.useEffect)(() => {
+export const SpacePanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => code, ...props }) => {
+    const titleId = useId('spacePanel__heading', propsTitleId);
+    const [spaceState, spaceSend, spaceService] = useSpaceMachine({ context: { space: props.space } });
+    useEffect(() => {
         const subscription = spaceService.subscribe((state) => {
-            (0, log_1.log)('[state]', state);
+            log('[state]', state);
         });
         return subscription.unsubscribe;
     }, [spaceService]);
-    const activeView = (0, react_2.useMemo)(() => {
+    const activeView = useMemo(() => {
         switch (true) {
             case spaceState.matches('managingSpace'):
                 return 'space manager';
@@ -57,7 +53,6 @@ const SpacePanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => cod
     };
     return spaceState.context.invitation ? (
     // TODO(wittjosiah): Unused? Remove?
-    (0, jsx_runtime_1.jsx)(SpacePanelWithInvitationImpl, { ...implProps, invitation: spaceState.context.invitation })) : ((0, jsx_runtime_1.jsx)(exports.SpacePanelImpl, { ...implProps }));
+    _jsx(SpacePanelWithInvitationImpl, { ...implProps, invitation: spaceState.context.invitation })) : (_jsx(SpacePanelImpl, { ...implProps }));
 };
-exports.SpacePanel = SpacePanel;
 //# sourceMappingURL=SpacePanel.js.map

package/dist/types/src/panels/SpacePanel/SpacePanel.js.map

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

package/dist/types/src/panels/SpacePanel/SpacePanel.stories.d.ts

@@ -3,7 +3,7 @@ import { type SpacePanelImplProps } from './SpacePanelProps';
 declare const _default: {
     title: string;
     component: (props: SpacePanelImplProps) => import("react/jsx-runtime").JSX.Element;
-    decorators: import("@storybook/react/*").Decorator[];
+    decorators: import("@storybook/react").Decorator[];
     parameters: {
         chromatic: {
             disableSnapshot: boolean;