@dxos/shell 0.4.7-main.f9d3866 → 0.4.7-next.f4b92be
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle/shell.mjs +63626 -21110
- package/dist/bundle/shell.mjs.map +1 -1
- package/dist/bundle/shell.umd.js +793 -78
- package/dist/bundle/shell.umd.js.map +1 -1
- package/dist/bundle/style.css +1 -1
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/react.mjs +768 -591
- package/dist/lib/browser/react.mjs.map +4 -4
- package/dist/types/src/components/EmojiPicker.d.ts +11 -0
- package/dist/types/src/components/EmojiPicker.d.ts.map +1 -0
- package/dist/types/src/components/EmojiPicker.js +79 -0
- package/dist/types/src/components/EmojiPicker.js.map +1 -0
- package/dist/types/src/components/HuePicker.d.ts +11 -0
- package/dist/types/src/components/HuePicker.d.ts.map +1 -0
- package/dist/types/src/components/HuePicker.js +56 -0
- package/dist/types/src/components/HuePicker.js.map +1 -0
- package/dist/types/src/components/IdentityList/IdentityListItem.d.ts.map +1 -1
- package/dist/types/src/components/IdentityList/IdentityListItem.js +5 -5
- package/dist/types/src/components/IdentityList/IdentityListItem.js.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationListItem.d.ts.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationListItem.js +2 -2
- package/dist/types/src/components/InvitationList/InvitationListItem.js.map +1 -1
- package/dist/types/src/components/SpaceListItem.d.ts.map +1 -1
- package/dist/types/src/components/SpaceListItem.js +2 -3
- package/dist/types/src/components/SpaceListItem.js.map +1 -1
- package/dist/types/src/components/index.d.ts +2 -0
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/components/index.js +2 -0
- package/dist/types/src/components/index.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.d.ts.map +1 -1
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.js +6 -5
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/steps/ProfileForm.d.ts.map +1 -1
- package/dist/types/src/panels/IdentityPanel/steps/ProfileForm.js +12 -3
- package/dist/types/src/panels/IdentityPanel/steps/ProfileForm.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/IdentityAdded.d.ts.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/IdentityAdded.js +8 -7
- package/dist/types/src/panels/JoinPanel/steps/IdentityAdded.js.map +1 -1
- package/dist/types/src/panels/JoinPanel/steps/InvitationAuthenticator.js +2 -2
- package/dist/types/src/panels/JoinPanel/steps/InvitationAuthenticator.js.map +1 -1
- package/dist/types/src/steps/InvitationManager.d.ts.map +1 -1
- package/dist/types/src/steps/InvitationManager.js +5 -4
- package/dist/types/src/steps/InvitationManager.js.map +1 -1
- package/dist/types/src/translations/locales/en-US.d.ts +21 -0
- package/dist/types/src/translations/locales/en-US.d.ts.map +1 -1
- package/dist/types/src/translations/locales/en-US.js +21 -0
- package/dist/types/src/translations/locales/en-US.js.map +1 -1
- package/dist/types/src/util/index.d.ts +0 -1
- package/dist/types/src/util/index.d.ts.map +1 -1
- package/dist/types/src/util/index.js +0 -1
- package/dist/types/src/util/index.js.map +1 -1
- package/package.json +22 -21
- package/src/components/EmojiPicker.tsx +82 -0
- package/src/components/HuePicker.tsx +87 -0
- package/src/components/IdentityList/IdentityListItem.tsx +9 -5
- package/src/components/InvitationList/InvitationListItem.tsx +2 -2
- package/src/components/SpaceListItem.tsx +4 -5
- package/src/components/index.ts +2 -0
- package/src/panels/IdentityPanel/IdentityPanel.tsx +5 -4
- package/src/panels/IdentityPanel/steps/ProfileForm.tsx +29 -7
- package/src/panels/JoinPanel/steps/IdentityAdded.tsx +7 -7
- package/src/panels/JoinPanel/steps/InvitationAuthenticator.tsx +2 -2
- package/src/steps/InvitationManager.tsx +4 -3
- package/src/translations/locales/en-US.ts +21 -0
- package/src/util/index.ts +0 -1
- package/dist/types/src/util/toEmoji.d.ts +0 -2
- package/dist/types/src/util/toEmoji.d.ts.map +0 -1
- package/dist/types/src/util/toEmoji.js +0 -26
- package/dist/types/src/util/toEmoji.js.map +0 -1
- package/src/util/toEmoji.ts +0 -22
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type Dispatch, type SetStateAction } from 'react';
|
|
2
|
+
import { type ButtonProps } from '@dxos/react-ui';
|
|
3
|
+
export type EmojiPickerProps = {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
defaultEmoji?: string;
|
|
6
|
+
emoji?: string;
|
|
7
|
+
onChangeEmoji?: Dispatch<SetStateAction<string>>;
|
|
8
|
+
onClickClear?: ButtonProps['onClick'];
|
|
9
|
+
};
|
|
10
|
+
export declare const EmojiPicker: ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickClear }: EmojiPickerProps) => JSX.Element;
|
|
11
|
+
//# sourceMappingURL=EmojiPicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/EmojiPicker.tsx"],"names":[],"mappings":"AAOA,OAAc,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAY,MAAM,OAAO,CAAC;AAE5E,OAAO,EAA4C,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG5F,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,WAAW,mEAAoE,gBAAgB,gBA6D3G,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.EmojiPicker = void 0;
|
|
30
|
+
//
|
|
31
|
+
// Copyright 2024 DXOS.org
|
|
32
|
+
//
|
|
33
|
+
const data_1 = __importDefault(require("@emoji-mart/data"));
|
|
34
|
+
const react_1 = __importDefault(require("@emoji-mart/react"));
|
|
35
|
+
const react_2 = require("@phosphor-icons/react");
|
|
36
|
+
const react_use_controllable_state_1 = require("@radix-ui/react-use-controllable-state");
|
|
37
|
+
const react_3 = __importStar(require("react"));
|
|
38
|
+
const react_ui_1 = require("@dxos/react-ui");
|
|
39
|
+
const react_ui_theme_1 = require("@dxos/react-ui-theme");
|
|
40
|
+
const EmojiPicker = ({ disabled, defaultEmoji, emoji, onChangeEmoji, onClickClear }) => {
|
|
41
|
+
const { t } = (0, react_ui_1.useTranslation)('os');
|
|
42
|
+
const [emojiValue, setEmojiValue] = (0, react_use_controllable_state_1.useControllableState)({
|
|
43
|
+
prop: emoji,
|
|
44
|
+
onChange: onChangeEmoji,
|
|
45
|
+
defaultProp: defaultEmoji,
|
|
46
|
+
});
|
|
47
|
+
const [emojiPickerOpen, setEmojiPickerOpen] = (0, react_3.useState)(false);
|
|
48
|
+
return (react_3.default.createElement(react_3.default.Fragment, null,
|
|
49
|
+
react_3.default.createElement(react_ui_1.Popover.Root, { open: emojiPickerOpen, onOpenChange: setEmojiPickerOpen },
|
|
50
|
+
react_3.default.createElement(react_ui_1.Popover.Trigger, { asChild: true },
|
|
51
|
+
react_3.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'gap-2 text-2xl plb-1', disabled: disabled },
|
|
52
|
+
react_3.default.createElement("span", { className: 'sr-only' }, t('select emoji label')),
|
|
53
|
+
react_3.default.createElement("span", { className: 'grow pis-14' }, emojiValue),
|
|
54
|
+
react_3.default.createElement(react_2.CaretDown, { className: (0, react_ui_theme_1.getSize)(4) }))),
|
|
55
|
+
react_3.default.createElement(react_ui_1.Popover.Content, { side: 'right', onKeyDownCapture: (event) => {
|
|
56
|
+
if (event.key === 'Escape') {
|
|
57
|
+
event.stopPropagation();
|
|
58
|
+
setEmojiPickerOpen(false);
|
|
59
|
+
}
|
|
60
|
+
} },
|
|
61
|
+
react_3.default.createElement(react_1.default, { data: data_1.default, onEmojiSelect: ({ native }) => {
|
|
62
|
+
if (native) {
|
|
63
|
+
setEmojiValue(native);
|
|
64
|
+
setEmojiPickerOpen(false);
|
|
65
|
+
}
|
|
66
|
+
}, autoFocus: true, maxFrequentRows: 0, noCountryFlags: true }),
|
|
67
|
+
react_3.default.createElement(react_ui_1.Popover.Arrow, null))),
|
|
68
|
+
react_3.default.createElement(react_ui_1.Tooltip.Root, null,
|
|
69
|
+
react_3.default.createElement(react_ui_1.Tooltip.Trigger, { asChild: true },
|
|
70
|
+
react_3.default.createElement(react_ui_1.Button, { variant: 'ghost', onClick: onClickClear, disabled: disabled },
|
|
71
|
+
react_3.default.createElement("span", { className: 'sr-only' }, t('clear label')),
|
|
72
|
+
react_3.default.createElement(react_2.ArrowCounterClockwise, null))),
|
|
73
|
+
react_3.default.createElement(react_ui_1.Tooltip.Portal, null,
|
|
74
|
+
react_3.default.createElement(react_ui_1.Tooltip.Content, { style: { zIndex: 70 }, side: 'right' },
|
|
75
|
+
t('clear label'),
|
|
76
|
+
react_3.default.createElement(react_ui_1.Tooltip.Arrow, null))))));
|
|
77
|
+
};
|
|
78
|
+
exports.EmojiPicker = EmojiPicker;
|
|
79
|
+
//# sourceMappingURL=EmojiPicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../../../src/components/EmojiPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AACF,4DAAyC;AACzC,8DAA0C;AAC1C,iDAAyE;AACzE,yFAA8E;AAC9E,+CAA4E;AAE5E,6CAA4F;AAC5F,yDAA+C;AAUxC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAoB,EAAE,EAAE;IAC9G,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,mDAAoB,EAAS;QAC/D,IAAI,EAAE,KAAK;QACX,QAAQ,EAAE,aAAa;QACvB,WAAW,EAAE,YAAY;KAC1B,CAAC,CAAC;IAEH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEvE,OAAO,CACL;QACE,8BAAC,kBAAO,CAAC,IAAI,IAAC,IAAI,EAAE,eAAe,EAAE,YAAY,EAAE,kBAAkB;YACnE,8BAAC,kBAAO,CAAC,OAAO,IAAC,OAAO;gBACtB,8BAAC,iBAAM,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAC,sBAAsB,EAAC,QAAQ,EAAE,QAAQ;oBAC1E,wCAAM,SAAS,EAAC,SAAS,IAAE,CAAC,CAAC,oBAAoB,CAAC,CAAQ;oBAC1D,wCAAM,SAAS,EAAC,aAAa,IAAE,UAAU,CAAQ;oBACjD,8BAAC,iBAAS,IAAC,SAAS,EAAE,IAAA,wBAAO,EAAC,CAAC,CAAC,GAAI,CAC7B,CACO;YAClB,8BAAC,kBAAO,CAAC,OAAO,IACd,IAAI,EAAC,OAAO,EACZ,gBAAgB,EAAE,CAAC,KAAK,EAAE,EAAE;oBAC1B,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;wBAC1B,KAAK,CAAC,eAAe,EAAE,CAAC;wBACxB,kBAAkB,CAAC,KAAK,CAAC,CAAC;qBAC3B;gBACH,CAAC;gBAED,8BAAC,eAAS,IACR,IAAI,EAAE,cAAS,EACf,aAAa,EAAE,CAAC,EAAE,MAAM,EAAuB,EAAE,EAAE;wBACjD,IAAI,MAAM,EAAE;4BACV,aAAa,CAAC,MAAM,CAAC,CAAC;4BACtB,kBAAkB,CAAC,KAAK,CAAC,CAAC;yBAC3B;oBACH,CAAC,EACD,SAAS,EAAE,IAAI,EACf,eAAe,EAAE,CAAC,EAClB,cAAc,EAAE,IAAI,GACpB;gBACF,8BAAC,kBAAO,CAAC,KAAK,OAAG,CACD,CACL;QACf,8BAAC,kBAAO,CAAC,IAAI;YACX,8BAAC,kBAAO,CAAC,OAAO,IAAC,OAAO;gBACtB,8BAAC,iBAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ;oBAC/D,wCAAM,SAAS,EAAC,SAAS,IAAE,CAAC,CAAC,aAAa,CAAC,CAAQ;oBACnD,8BAAC,6BAAqB,OAAG,CAClB,CACO;YAClB,8BAAC,kBAAO,CAAC,MAAM;gBACb,8BAAC,kBAAO,CAAC,OAAO,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO;oBACjD,CAAC,CAAC,aAAa,CAAC;oBACjB,8BAAC,kBAAO,CAAC,KAAK,OAAG,CACD,CACH,CACJ,CACd,CACJ,CAAC;AACJ,CAAC,CAAC;AA7DW,QAAA,WAAW,eA6DtB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type Dispatch, type SetStateAction } from 'react';
|
|
2
|
+
import { type ButtonProps } from '@dxos/react-ui';
|
|
3
|
+
export type HuePickerProps = {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
defaultHue?: string;
|
|
6
|
+
hue?: string;
|
|
7
|
+
onChangeHue?: Dispatch<SetStateAction<string>>;
|
|
8
|
+
onClickClear?: ButtonProps['onClick'];
|
|
9
|
+
};
|
|
10
|
+
export declare const HuePicker: ({ disabled, hue, onChangeHue, defaultHue, onClickClear }: HuePickerProps) => JSX.Element;
|
|
11
|
+
//# sourceMappingURL=HuePicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HuePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/HuePicker.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAkE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAYlH,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,SAAS,6DAA8D,cAAc,gBA2DjG,CAAC"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.HuePicker = void 0;
|
|
7
|
+
//
|
|
8
|
+
// Copyright 2024 DXOS.org
|
|
9
|
+
//
|
|
10
|
+
const react_1 = require("@phosphor-icons/react");
|
|
11
|
+
const react_use_controllable_state_1 = require("@radix-ui/react-use-controllable-state");
|
|
12
|
+
const react_2 = __importDefault(require("react"));
|
|
13
|
+
const react_ui_1 = require("@dxos/react-ui");
|
|
14
|
+
const react_ui_theme_1 = require("@dxos/react-ui-theme");
|
|
15
|
+
const HuePreview = ({ hue }) => {
|
|
16
|
+
const { tx } = (0, react_ui_1.useThemeContext)();
|
|
17
|
+
return (react_2.default.createElement("svg", { width: 12, height: 12, viewBox: '0 0 12 12' },
|
|
18
|
+
react_2.default.createElement("rect", { x: 0, y: 0, width: 12, height: 12, className: tx('hue.fill', 'select--hue__preview', { hue }) })));
|
|
19
|
+
};
|
|
20
|
+
const HuePicker = ({ disabled, hue, onChangeHue, defaultHue, onClickClear }) => {
|
|
21
|
+
const { t } = (0, react_ui_1.useTranslation)('os');
|
|
22
|
+
const [hueValue, setHueValue] = (0, react_use_controllable_state_1.useControllableState)({
|
|
23
|
+
prop: hue,
|
|
24
|
+
onChange: onChangeHue,
|
|
25
|
+
defaultProp: defaultHue,
|
|
26
|
+
});
|
|
27
|
+
return (react_2.default.createElement(react_2.default.Fragment, null,
|
|
28
|
+
react_2.default.createElement(react_ui_1.DropdownMenu.Root, { modal: false },
|
|
29
|
+
react_2.default.createElement(react_ui_1.DropdownMenu.Trigger, { asChild: true },
|
|
30
|
+
react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'gap-2 plb-1', disabled: disabled },
|
|
31
|
+
react_2.default.createElement("span", { className: 'sr-only' }, t('select hue label')),
|
|
32
|
+
react_2.default.createElement("div", { role: 'none', className: 'pis-14 grow flex items-center justify-center gap-2' },
|
|
33
|
+
react_2.default.createElement(HuePreview, { hue: hueValue }),
|
|
34
|
+
react_2.default.createElement("span", null, t(`${hueValue} label`))),
|
|
35
|
+
react_2.default.createElement(react_1.CaretDown, { className: (0, react_ui_theme_1.getSize)(4) }))),
|
|
36
|
+
react_2.default.createElement(react_ui_1.DropdownMenu.Content, { side: 'right' },
|
|
37
|
+
react_2.default.createElement(react_ui_1.DropdownMenu.Viewport, null, Object.keys(react_ui_theme_1.hueTokenThemes).map((hue) => {
|
|
38
|
+
return (react_2.default.createElement(react_ui_1.DropdownMenu.CheckboxItem, { key: hue, checked: hue === hueValue, onCheckedChange: () => setHueValue(hue) },
|
|
39
|
+
react_2.default.createElement(HuePreview, { hue: hue }),
|
|
40
|
+
react_2.default.createElement("span", { className: 'grow' }, t(`${hue} label`)),
|
|
41
|
+
react_2.default.createElement(react_ui_1.DropdownMenu.ItemIndicator, null,
|
|
42
|
+
react_2.default.createElement(react_1.Check, null))));
|
|
43
|
+
})),
|
|
44
|
+
react_2.default.createElement(react_ui_1.DropdownMenu.Arrow, null))),
|
|
45
|
+
react_2.default.createElement(react_ui_1.Tooltip.Root, null,
|
|
46
|
+
react_2.default.createElement(react_ui_1.Tooltip.Trigger, { asChild: true },
|
|
47
|
+
react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', onClick: onClickClear, disabled: disabled },
|
|
48
|
+
react_2.default.createElement("span", { className: 'sr-only' }, t('clear label')),
|
|
49
|
+
react_2.default.createElement(react_1.ArrowCounterClockwise, null))),
|
|
50
|
+
react_2.default.createElement(react_ui_1.Tooltip.Portal, null,
|
|
51
|
+
react_2.default.createElement(react_ui_1.Tooltip.Content, { style: { zIndex: 70 }, side: 'right' },
|
|
52
|
+
t('clear label'),
|
|
53
|
+
react_2.default.createElement(react_ui_1.Tooltip.Arrow, null))))));
|
|
54
|
+
};
|
|
55
|
+
exports.HuePicker = HuePicker;
|
|
56
|
+
//# sourceMappingURL=HuePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HuePicker.js","sourceRoot":"","sources":["../../../../src/components/HuePicker.tsx"],"names":[],"mappings":";;;;;;AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AACF,iDAAgF;AAChF,yFAA8E;AAC9E,kDAAkE;AAElE,6CAAkH;AAClH,yDAA+D;AAE/D,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE;IAC9C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,0BAAe,GAAE,CAAC;IACjC,OAAO,CACL,uCAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW;QAC7C,wCAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,sBAAsB,EAAE,EAAE,GAAG,EAAE,CAAC,GAAI,CACnG,CACP,CAAC;AACJ,CAAC,CAAC;AAUK,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAkB,EAAE,EAAE;IACpG,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,mDAAoB,EAAS;QAC3D,IAAI,EAAE,GAAG;QACT,QAAQ,EAAE,WAAW;QACrB,WAAW,EAAE,UAAU;KACxB,CAAC,CAAC;IAEH,OAAO,CACL;QACE,8BAAC,uBAAY,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK;YAC7B,8BAAC,uBAAY,CAAC,OAAO,IAAC,OAAO;gBAC3B,8BAAC,iBAAM,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAC,aAAa,EAAC,QAAQ,EAAE,QAAQ;oBACjE,wCAAM,SAAS,EAAC,SAAS,IAAE,CAAC,CAAC,kBAAkB,CAAC,CAAQ;oBACxD,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,oDAAoD;wBAC7E,8BAAC,UAAU,IAAC,GAAG,EAAE,QAAS,GAAI;wBAC9B,4CAAO,CAAC,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAQ,CACjC;oBACN,8BAAC,iBAAS,IAAC,SAAS,EAAE,IAAA,wBAAO,EAAC,CAAC,CAAC,GAAI,CAC7B,CACY;YACvB,8BAAC,uBAAY,CAAC,OAAO,IAAC,IAAI,EAAC,OAAO;gBAChC,8BAAC,uBAAY,CAAC,QAAQ,QACnB,MAAM,CAAC,IAAI,CAAC,+BAAc,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACvC,OAAO,CACL,8BAAC,uBAAY,CAAC,YAAY,IACxB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,GAAG,KAAK,QAAQ,EACzB,eAAe,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC;wBAEvC,8BAAC,UAAU,IAAC,GAAG,EAAE,GAAG,GAAI;wBACxB,wCAAM,SAAS,EAAC,MAAM,IAAE,CAAC,CAAC,GAAG,GAAG,QAAQ,CAAC,CAAQ;wBACjD,8BAAC,uBAAY,CAAC,aAAa;4BACzB,8BAAC,aAAK,OAAG,CACkB,CACH,CAC7B,CAAC;gBACJ,CAAC,CAAC,CACoB;gBACxB,8BAAC,uBAAY,CAAC,KAAK,OAAG,CACD,CACL;QACpB,8BAAC,kBAAO,CAAC,IAAI;YACX,8BAAC,kBAAO,CAAC,OAAO,IAAC,OAAO;gBACtB,8BAAC,iBAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ;oBAC/D,wCAAM,SAAS,EAAC,SAAS,IAAE,CAAC,CAAC,aAAa,CAAC,CAAQ;oBACnD,8BAAC,6BAAqB,OAAG,CAClB,CACO;YAClB,8BAAC,kBAAO,CAAC,MAAM;gBACb,8BAAC,kBAAO,CAAC,OAAO,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO;oBACjD,CAAC,CAAC,aAAa,CAAC;oBACjB,8BAAC,kBAAO,CAAC,KAAK,OAAG,CACD,CACH,CACJ,CACd,CACJ,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,SAAS,aA2DpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/IdentityListItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"IdentityListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/IdentityListItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAKxD,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;;+DA4B3B,CAAC"}
|
|
@@ -32,16 +32,16 @@ const display_name_1 = require("@dxos/display-name");
|
|
|
32
32
|
const echo_1 = require("@dxos/react-client/echo");
|
|
33
33
|
const react_ui_1 = require("@dxos/react-ui");
|
|
34
34
|
const react_ui_theme_1 = require("@dxos/react-ui-theme");
|
|
35
|
+
const util_1 = require("@dxos/util");
|
|
35
36
|
exports.IdentityListItem = (0, react_1.forwardRef)(({ identity, presence, onClick, classNames, ...props }, forwardedRef) => {
|
|
36
|
-
var _a, _b;
|
|
37
|
-
const fallbackValue = identity.identityKey
|
|
37
|
+
var _a, _b, _c, _d, _e, _f;
|
|
38
|
+
const fallbackValue = (0, util_1.keyToFallback)(identity.identityKey);
|
|
38
39
|
const labelId = (0, react_ui_1.useId)('identityListItem__label');
|
|
39
|
-
const jdenticon = (0, react_ui_1.useJdenticonHref)(fallbackValue !== null && fallbackValue !== void 0 ? fallbackValue : '', 12);
|
|
40
40
|
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());
|
|
41
41
|
return (react_1.default.createElement(react_ui_1.ListItem.Root, { ...props, classNames: (0, react_ui_theme_1.mx)('flex gap-2 pis-3 pie-1 items-center', onClick && 'cursor-pointer', classNames), onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(), "data-testid": 'identity-list-item', labelId: labelId, ref: forwardedRef },
|
|
42
|
-
react_1.default.createElement(react_ui_1.Avatar.Root, { status: presence === echo_1.SpaceMember.PresenceState.ONLINE ? 'active' : 'inactive', labelId: labelId },
|
|
42
|
+
react_1.default.createElement(react_ui_1.Avatar.Root, { status: presence === echo_1.SpaceMember.PresenceState.ONLINE ? 'active' : 'inactive', labelId: labelId, hue: ((_d = (_c = identity.profile) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.hue) || fallbackValue.hue },
|
|
43
43
|
react_1.default.createElement(react_ui_1.Avatar.Frame, { classNames: 'place-self-center' },
|
|
44
|
-
react_1.default.createElement(react_ui_1.Avatar.Fallback, {
|
|
44
|
+
react_1.default.createElement(react_ui_1.Avatar.Fallback, { text: ((_f = (_e = identity.profile) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.emoji) || fallbackValue.emoji })),
|
|
45
45
|
react_1.default.createElement(react_ui_1.Avatar.Label, { classNames: 'text-sm truncate pli-2' }, displayName))));
|
|
46
46
|
});
|
|
47
47
|
//# sourceMappingURL=IdentityListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityListItem.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/IdentityListItem.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAAyE;AAEzE,qDAAkD;AAClD,kDAAsD;AAEtD,
|
|
1
|
+
{"version":3,"file":"IdentityListItem.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/IdentityListItem.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAAyE;AAEzE,qDAAkD;AAClD,kDAAsD;AAEtD,6CAA+E;AAC/E,yDAA0C;AAC1C,qCAA2C;AAQ9B,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EAGxC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;;IACxE,MAAM,aAAa,GAAG,IAAA,oBAAa,EAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAA,gBAAK,EAAC,yBAAyB,CAAC,CAAC;IACjD,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,OACR,KAAK,EACT,UAAU,EAAE,IAAA,mBAAE,EAAC,qCAAqC,EAAE,OAAO,IAAI,gBAAgB,EAAE,UAAU,CAAC,EAC9F,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,IACV,MAAM,EAAE,QAAQ,KAAK,kBAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAC7E,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,CAAA,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,0CAAE,GAAG,KAAI,aAAa,CAAC,GAAG;YAErD,8BAAC,iBAAM,CAAC,KAAK,IAAC,UAAU,EAAC,mBAAmB;gBAC1C,8BAAC,iBAAM,CAAC,QAAQ,IAAC,IAAI,EAAE,CAAA,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,0CAAE,KAAK,KAAI,aAAa,CAAC,KAAK,GAAI,CAClE;YACf,8BAAC,iBAAM,CAAC,KAAK,IAAC,UAAU,EAAC,wBAAwB,IAAE,WAAW,CAAgB,CAClE,CACA,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvitationListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListItem.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,wBAAwB,EAAe,MAAM,OAAO,CAAC;AAE1E,OAAO,EACL,KAAK,+BAA+B,EAEpC,KAAK,gBAAgB,EAEtB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAQL,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"InvitationListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListItem.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,wBAAwB,EAAe,MAAM,OAAO,CAAC;AAE1E,OAAO,EACL,KAAK,+BAA+B,EAEpC,KAAK,gBAAgB,EAEtB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAQL,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAIxB,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAIvE,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,GAAG;IAChE,UAAU,EAAE,+BAA+B,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,+BAA+B,KAAK,IAAI,CAAC;IACtE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,eAAe,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,CAAC;AAEpD,MAAM,MAAM,2BAA2B,GAAG,uBAAuB,GAAG;IAClE,gBAAgB,EAAE,gBAAgB,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,gBAIhE,CAAC;AA4CF,eAAO,MAAM,sBAAsB,gIAQhC,2BAA2B,gBAkH7B,CAAC"}
|
|
@@ -32,7 +32,7 @@ const react_2 = __importStar(require("react"));
|
|
|
32
32
|
const invitations_1 = require("@dxos/react-client/invitations");
|
|
33
33
|
const react_ui_1 = require("@dxos/react-ui");
|
|
34
34
|
const react_ui_theme_1 = require("@dxos/react-ui-theme");
|
|
35
|
-
const util_1 = require("
|
|
35
|
+
const util_1 = require("@dxos/util");
|
|
36
36
|
const AuthCode_1 = require("../AuthCode");
|
|
37
37
|
const Clipboard_1 = require("../Clipboard");
|
|
38
38
|
const InvitationListItem = (props) => {
|
|
@@ -84,7 +84,7 @@ const InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationS
|
|
|
84
84
|
react_2.default.createElement(react_ui_1.Avatar.Root, { ...avatarProps, animation: avatarAnimation, status: avatarStatus },
|
|
85
85
|
react_2.default.createElement(react_ui_1.Tooltip.Trigger, { asChild: true },
|
|
86
86
|
react_2.default.createElement(react_ui_1.Avatar.Frame, { tabIndex: 0, classNames: [react_ui_theme_1.focusRing, 'relative rounded-full place-self-center'] },
|
|
87
|
-
react_2.default.createElement(react_ui_1.Avatar.Fallback, { text: (0, util_1.
|
|
87
|
+
react_2.default.createElement(react_ui_1.Avatar.Fallback, { text: (0, util_1.hexToEmoji)(invitationId) })))),
|
|
88
88
|
react_2.default.createElement(react_ui_1.Tooltip.Portal, null,
|
|
89
89
|
react_2.default.createElement(react_ui_1.Tooltip.Content, { side: 'left', classNames: 'z-[70]' },
|
|
90
90
|
t(type === invitations_1.Invitation.Type.MULTIUSE ? 'invite many qr label' : 'invite one qr label'),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvitationListItem.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AACF,iDAA0C;AAC1C,+CAA0E;AAE1E,gEAKwC;AACxC,6CASwB;AACxB,yDAA8D;
|
|
1
|
+
{"version":3,"file":"InvitationListItem.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpaceListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/SpaceListItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAKrD,eAAO,MAAM,aAAa;WACM,KAAK;qBAAkB,IAAI;
|
|
1
|
+
{"version":3,"file":"SpaceListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/SpaceListItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAKrD,eAAO,MAAM,aAAa;WACM,KAAK;qBAAkB,IAAI;uCAqB1D,CAAC"}
|
|
@@ -33,14 +33,13 @@ const react_ui_theme_1 = require("@dxos/react-ui-theme");
|
|
|
33
33
|
const util_1 = require("@dxos/util");
|
|
34
34
|
exports.SpaceListItem = (0, react_1.forwardRef)(({ space, onClick }, ref) => {
|
|
35
35
|
var _a;
|
|
36
|
-
const fallbackValue = space.key
|
|
36
|
+
const fallbackValue = (0, util_1.keyToEmoji)(space.key);
|
|
37
37
|
const labelId = (0, react_ui_1.useId)('identityListItem__label');
|
|
38
|
-
const jdenticon = (0, react_ui_1.useJdenticonHref)(fallbackValue !== null && fallbackValue !== void 0 ? fallbackValue : '', 12);
|
|
39
38
|
const displayName = (_a = space.properties.name) !== null && _a !== void 0 ? _a : (0, util_1.humanize)(space.key.toHex());
|
|
40
39
|
return (react_1.default.createElement("li", { className: (0, react_ui_theme_1.mx)('flex gap-2 items-center mbe-2', onClick && 'cursor-pointer'), onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(), ref: ref, "data-testid": 'space-list-item' },
|
|
41
40
|
react_1.default.createElement(react_ui_1.Avatar.Root, { labelId: labelId },
|
|
42
41
|
react_1.default.createElement(react_ui_1.Avatar.Frame, null,
|
|
43
|
-
react_1.default.createElement(react_ui_1.Avatar.Fallback, {
|
|
42
|
+
react_1.default.createElement(react_ui_1.Avatar.Fallback, { text: fallbackValue })),
|
|
44
43
|
react_1.default.createElement(react_ui_1.Avatar.Label, { classNames: 'text-sm truncate' }, displayName))));
|
|
45
44
|
});
|
|
46
45
|
//# sourceMappingURL=SpaceListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpaceListItem.js","sourceRoot":"","sources":["../../../../src/components/SpaceListItem.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAA6D;AAG7D,
|
|
1
|
+
{"version":3,"file":"SpaceListItem.js","sourceRoot":"","sources":["../../../../src/components/SpaceListItem.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAA6D;AAG7D,6CAA+C;AAC/C,yDAA0C;AAC1C,qCAAkD;AAErC,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CAAC,EAAE,KAAK,EAAE,OAAO,EAA0C,EAAE,GAAgC,EAAE,EAAE;;IAC/F,MAAM,aAAa,GAAG,IAAA,iBAAU,EAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,IAAA,gBAAK,EAAC,yBAAyB,CAAC,CAAC;IACjD,MAAM,WAAW,GAAG,MAAA,KAAK,CAAC,UAAU,CAAC,IAAI,mCAAI,IAAA,eAAQ,EAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC;IAEzE,OAAO,CACL,sCACE,SAAS,EAAE,IAAA,mBAAE,EAAC,+BAA+B,EAAE,OAAO,IAAI,gBAAgB,CAAC,EAC3E,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,EAC1B,GAAG,EAAE,GAAG,iBACI,iBAAiB;QAE7B,8BAAC,iBAAM,CAAC,IAAI,IAAC,OAAO,EAAE,OAAO;YAC3B,8BAAC,iBAAM,CAAC,KAAK;gBACX,8BAAC,iBAAM,CAAC,QAAQ,IAAC,IAAI,EAAE,aAAa,GAAI,CAC3B;YACf,8BAAC,iBAAM,CAAC,KAAK,IAAC,UAAU,EAAC,kBAAkB,IAAE,WAAW,CAAgB,CAC5D,CACX,CACN,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC"}
|
|
@@ -19,6 +19,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
19
19
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
20
|
__exportStar(require("./Clipboard"), exports);
|
|
21
21
|
__exportStar(require("./CompoundButton"), exports);
|
|
22
|
+
__exportStar(require("./EmojiPicker"), exports);
|
|
23
|
+
__exportStar(require("./HuePicker"), exports);
|
|
22
24
|
__exportStar(require("./IdentityList"), exports);
|
|
23
25
|
__exportStar(require("./InvitationList"), exports);
|
|
24
26
|
__exportStar(require("./Panel"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,8CAA4B;AAC5B,mDAAiC;AACjC,iDAA+B;AAC/B,mDAAiC;AACjC,0CAAwB;AACxB,6CAA2B;AAC3B,6CAA2B;AAC3B,kDAAgC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,8CAA4B;AAC5B,mDAAiC;AACjC,gDAA8B;AAC9B,8CAA4B;AAC5B,iDAA+B;AAC/B,mDAAiC;AACjC,0CAAwB;AACxB,6CAA2B;AAC3B,6CAA2B;AAC3B,kDAAgC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityPanel.d.ts","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IdentityPanel.d.ts","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanel.tsx"],"names":[],"mappings":"AAcA,OAAO,EAEL,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACxB,MAAM,sBAAsB,CAAC;AAyB9B,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,gBAkE9D,CAAC;AAUF,eAAO,MAAM,aAAa,6DAIvB,kBAAkB,uBA8DpB,CAAC"}
|
|
@@ -34,6 +34,7 @@ const react_client_1 = require("@dxos/react-client");
|
|
|
34
34
|
const halo_1 = require("@dxos/react-client/halo");
|
|
35
35
|
const invitations_1 = require("@dxos/react-client/invitations");
|
|
36
36
|
const react_ui_1 = require("@dxos/react-ui");
|
|
37
|
+
const util_1 = require("@dxos/util");
|
|
37
38
|
const identityMachine_1 = require("./identityMachine");
|
|
38
39
|
const steps_1 = require("./steps");
|
|
39
40
|
const useAgentHandlers_1 = require("./useAgentHandlers");
|
|
@@ -41,13 +42,13 @@ const components_1 = require("../../components");
|
|
|
41
42
|
const steps_2 = require("../../steps");
|
|
42
43
|
const viewStyles = 'pbs-1 pbe-3 pli-3';
|
|
43
44
|
const IdentityHeading = ({ titleId, title, identity, onDone }) => {
|
|
44
|
-
var _a, _b;
|
|
45
|
-
const
|
|
45
|
+
var _a, _b, _c, _d, _e, _f;
|
|
46
|
+
const fallbackValue = (0, util_1.keyToFallback)(identity.identityKey);
|
|
46
47
|
return (react_1.default.createElement(components_1.Heading, { titleId: titleId, title: title, corner: react_1.default.createElement(components_1.CloseButton, { onDone: onDone }) },
|
|
47
|
-
react_1.default.createElement(react_ui_1.Avatar.Root, { size: 12, variant: 'circle', status: 'active' },
|
|
48
|
+
react_1.default.createElement(react_ui_1.Avatar.Root, { size: 12, variant: 'circle', status: 'active', hue: ((_b = (_a = identity.profile) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.hue) || fallbackValue.hue },
|
|
48
49
|
react_1.default.createElement(react_ui_1.Avatar.Frame, { classNames: 'block mbs-4 mbe-2 mli-auto chromatic-ignore' },
|
|
49
|
-
react_1.default.createElement(react_ui_1.Avatar.Fallback, {
|
|
50
|
-
react_1.default.createElement(react_ui_1.Avatar.Label, { classNames: 'block text-center font-light text-xl', "data-testid": 'identityHeading.displayName' }, (
|
|
50
|
+
react_1.default.createElement(react_ui_1.Avatar.Fallback, { text: ((_d = (_c = identity.profile) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.emoji) || fallbackValue.emoji })),
|
|
51
|
+
react_1.default.createElement(react_ui_1.Avatar.Label, { classNames: 'block text-center font-light text-xl', "data-testid": 'identityHeading.displayName' }, (_f = (_e = identity.profile) === null || _e === void 0 ? void 0 : _e.displayName) !== null && _f !== void 0 ? _f : (0, display_name_1.generateName)(identity.identityKey.toHex())))));
|
|
51
52
|
};
|
|
52
53
|
const IdentityPanelImpl = (props) => {
|
|
53
54
|
const { identity, titleId, activeView, onUpdateProfile, onResetDevice, onJoinNewIdentity, IdentityActionChooser: IdentityActionChooserComponent = steps_1.IdentityActionChooser, InvitationManager: InvitationManagerComponent = steps_2.InvitationManager, onDone, ...rest } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityPanel.js","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AACF,+CAAkD;AAElD,qDAAkD;AAClD,mCAAgC;AAChC,qDAA+C;AAC/C,kDAAqG;AACrG,gEAAqE;AAErE,
|
|
1
|
+
{"version":3,"file":"IdentityPanel.js","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProfileForm.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/IdentityPanel/steps/ProfileForm.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGxD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"ProfileForm.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/IdentityPanel/steps/ProfileForm.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGxD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAKxD,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC;IAC5E,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,KAAK,IAAI,CAAC;IAC5D,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IACpD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,gBAAgB,gBAWlD,CAAC"}
|
|
@@ -30,6 +30,7 @@ exports.ProfileForm = void 0;
|
|
|
30
30
|
const react_1 = __importStar(require("react"));
|
|
31
31
|
const log_1 = require("@dxos/log");
|
|
32
32
|
const react_ui_1 = require("@dxos/react-ui");
|
|
33
|
+
const util_1 = require("@dxos/util");
|
|
33
34
|
const components_1 = require("../../../components");
|
|
34
35
|
const ProfileForm = (props) => {
|
|
35
36
|
const { onUpdateProfile } = props;
|
|
@@ -44,6 +45,8 @@ const ProfileForm = (props) => {
|
|
|
44
45
|
return react_1.default.createElement(ProfileFormImpl, { ...props, onUpdateProfile: handleUpdateProfile, validationMessage: validationMessage });
|
|
45
46
|
};
|
|
46
47
|
exports.ProfileForm = ProfileForm;
|
|
48
|
+
const getHueValue = (identity) => { var _a, _b, _c; return ((_b = (_a = identity === null || identity === void 0 ? void 0 : identity.profile) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.hue) || (0, util_1.hexToHue)((_c = identity === null || identity === void 0 ? void 0 : identity.identityKey.toHex()) !== null && _c !== void 0 ? _c : '0'); };
|
|
49
|
+
const getEmojiValue = (identity) => { var _a, _b, _c; return ((_b = (_a = identity === null || identity === void 0 ? void 0 : identity.profile) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.emoji) || (0, util_1.hexToEmoji)((_c = identity === null || identity === void 0 ? void 0 : identity.identityKey.toHex()) !== null && _c !== void 0 ? _c : '0'); };
|
|
47
50
|
// TODO(zhenyasav): impl shouldn't need send()
|
|
48
51
|
const ProfileFormImpl = (props) => {
|
|
49
52
|
var _a;
|
|
@@ -51,13 +54,19 @@ const ProfileFormImpl = (props) => {
|
|
|
51
54
|
const profile = identity === null || identity === void 0 ? void 0 : identity.profile;
|
|
52
55
|
const disabled = !active;
|
|
53
56
|
const { t } = (0, react_ui_1.useTranslation)('os');
|
|
54
|
-
const [
|
|
57
|
+
const [displayName, setDisplayName] = (0, react_1.useState)((_a = profile === null || profile === void 0 ? void 0 : profile.displayName) !== null && _a !== void 0 ? _a : '');
|
|
58
|
+
const [hue, setHue] = (0, react_1.useState)(getHueValue(identity));
|
|
59
|
+
const [emoji, setEmoji] = (0, react_1.useState)(getEmojiValue(identity));
|
|
55
60
|
const { textValue, setTextValue } = (0, components_1.useClipboardContext)();
|
|
56
61
|
const identityHex = identity === null || identity === void 0 ? void 0 : identity.identityKey.toHex();
|
|
57
62
|
const copied = textValue === identityHex;
|
|
58
63
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
59
64
|
react_1.default.createElement("div", { role: 'none', className: 'grow flex flex-col justify-center' },
|
|
60
|
-
react_1.default.createElement(components_1.Input, { validationMessage, label: react_1.default.createElement(components_1.StepHeading,
|
|
65
|
+
react_1.default.createElement(components_1.Input, { validationMessage, label: react_1.default.createElement(components_1.StepHeading, { className: 'm-0' }, t('display name input label')), disabled: disabled, "data-testid": 'display-name-input', placeholder: t('display name input placeholder'), value: displayName, onChange: ({ target: { value } }) => setDisplayName(value) }),
|
|
66
|
+
react_1.default.createElement(components_1.StepHeading, { className: 'mbe-2' }, t('emoji and color label')),
|
|
67
|
+
react_1.default.createElement("div", { role: 'none', className: 'grid grid-cols-[1fr_min-content] gap-y-2' },
|
|
68
|
+
react_1.default.createElement(components_1.EmojiPicker, { emoji: emoji, onChangeEmoji: setEmoji, disabled: disabled, onClickClear: () => setEmoji(getEmojiValue(identity)) }),
|
|
69
|
+
react_1.default.createElement(components_1.HuePicker, { hue: hue, onChangeHue: setHue, disabled: disabled, onClickClear: () => setHue(getHueValue(identity)) }))),
|
|
61
70
|
react_1.default.createElement(components_1.Actions, null,
|
|
62
71
|
react_1.default.createElement(components_1.Action, { variant: 'ghost', disabled: disabled, onClick: () => {
|
|
63
72
|
if (identityHex) {
|
|
@@ -65,6 +74,6 @@ const ProfileFormImpl = (props) => {
|
|
|
65
74
|
}
|
|
66
75
|
}, "data-testid": 'update-profile-form-copy-key' }, t(copied ? 'copy success label' : 'copy self public key label')),
|
|
67
76
|
react_1.default.createElement(components_1.Action, { variant: 'ghost', disabled: disabled, onClick: () => send === null || send === void 0 ? void 0 : send({ type: 'unchooseAction' }), "data-testid": 'update-profile-form-back' }, t('back label')),
|
|
68
|
-
react_1.default.createElement(components_1.Action, { variant: 'primary', disabled: disabled, onClick: () => onUpdateProfile === null || onUpdateProfile === void 0 ? void 0 : onUpdateProfile({ displayName:
|
|
77
|
+
react_1.default.createElement(components_1.Action, { variant: 'primary', disabled: disabled, onClick: () => onUpdateProfile === null || onUpdateProfile === void 0 ? void 0 : onUpdateProfile({ displayName, data: { emoji, hue } }), "data-testid": 'update-profile-form-continue' }, t('done label')))));
|
|
69
78
|
};
|
|
70
79
|
//# sourceMappingURL=ProfileForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProfileForm.js","sourceRoot":"","sources":["../../../../../../src/panels/IdentityPanel/steps/ProfileForm.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAAwC;AAGxC,mCAAgC;AAEhC,6CAAgD;
|
|
1
|
+
{"version":3,"file":"ProfileForm.js","sourceRoot":"","sources":["../../../../../../src/panels/IdentityPanel/steps/ProfileForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityAdded.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/IdentityAdded.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"IdentityAdded.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/IdentityAdded.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAMxD,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE3E,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,aAAa,CAAC,EAAE,QAAQ,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBAsDtD,CAAC"}
|
|
@@ -31,25 +31,26 @@ const react_1 = __importStar(require("react"));
|
|
|
31
31
|
const display_name_1 = require("@dxos/display-name");
|
|
32
32
|
const react_ui_1 = require("@dxos/react-ui");
|
|
33
33
|
const react_ui_theme_1 = require("@dxos/react-ui-theme");
|
|
34
|
+
const util_1 = require("@dxos/util");
|
|
34
35
|
const components_1 = require("../../../components");
|
|
35
36
|
const IdentityAdded = (props) => {
|
|
36
|
-
var _a, _b, _c;
|
|
37
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
37
38
|
const { mode, addedIdentity, active, send, onDone, doneActionParent } = props;
|
|
38
39
|
const disabled = !active;
|
|
39
40
|
const { t } = (0, react_ui_1.useTranslation)('os');
|
|
40
|
-
const
|
|
41
|
+
const addedIdentityHex = (_a = addedIdentity === null || addedIdentity === void 0 ? void 0 : addedIdentity.identityKey.toHex()) !== null && _a !== void 0 ? _a : '0';
|
|
42
|
+
const fallbackValue = (0, util_1.hexToFallback)(addedIdentityHex);
|
|
41
43
|
const labelId = (0, react_ui_1.useId)('identityListItem__label');
|
|
42
|
-
const
|
|
43
|
-
const displayName = (_b = (_a = addedIdentity === null || addedIdentity === void 0 ? void 0 : addedIdentity.profile) === null || _a === void 0 ? void 0 : _a.displayName) !== null && _b !== void 0 ? _b : (addedIdentity && (0, display_name_1.generateName)(addedIdentity === null || addedIdentity === void 0 ? void 0 : addedIdentity.identityKey.toHex()));
|
|
44
|
+
const displayName = (_c = (_b = addedIdentity === null || addedIdentity === void 0 ? void 0 : addedIdentity.profile) === null || _b === void 0 ? void 0 : _b.displayName) !== null && _c !== void 0 ? _c : (addedIdentity && (0, display_name_1.generateName)(addedIdentityHex));
|
|
44
45
|
const doneAction = (react_1.default.createElement(components_1.Action, { ...(onDone && { onClick: () => onDone(null) }), disabled: disabled, "data-autofocus": 'confirmingAddedIdentity', "data-testid": 'identity-added-done' },
|
|
45
46
|
react_1.default.createElement("span", null, t('done label'))));
|
|
46
47
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
47
48
|
react_1.default.createElement(components_1.StepHeading, null, t('identity added label')),
|
|
48
49
|
react_1.default.createElement("div", { role: 'none', className: 'grow flex flex-col items-center justify-center text-center gap-2' },
|
|
49
|
-
react_1.default.createElement(react_ui_1.Avatar.Root, { status: 'active', labelId: labelId },
|
|
50
|
+
react_1.default.createElement(react_ui_1.Avatar.Root, { status: 'active', labelId: labelId, hue: ((_e = (_d = addedIdentity === null || addedIdentity === void 0 ? void 0 : addedIdentity.profile) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.hue) || fallbackValue.hue },
|
|
50
51
|
react_1.default.createElement(react_ui_1.Avatar.Frame, null,
|
|
51
|
-
react_1.default.createElement(react_ui_1.Avatar.Fallback, {
|
|
52
|
-
react_1.default.createElement(react_ui_1.Avatar.Label, { classNames: (0, react_ui_theme_1.mx)('text-lg truncate', !((
|
|
52
|
+
react_1.default.createElement(react_ui_1.Avatar.Fallback, { text: ((_g = (_f = addedIdentity === null || addedIdentity === void 0 ? void 0 : addedIdentity.profile) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.emoji) || fallbackValue.emoji })),
|
|
53
|
+
react_1.default.createElement(react_ui_1.Avatar.Label, { classNames: (0, react_ui_theme_1.mx)('text-lg truncate', !((_h = addedIdentity === null || addedIdentity === void 0 ? void 0 : addedIdentity.profile) === null || _h === void 0 ? void 0 : _h.displayName) && 'font-mono') }, displayName))),
|
|
53
54
|
react_1.default.createElement(components_1.Actions, null, mode === 'halo-only' ? (doneActionParent ? ((0, react_1.cloneElement)(doneActionParent, {}, doneAction)) : (doneAction)) : (react_1.default.createElement(components_1.Action, { variant: 'primary', disabled: disabled || !addedIdentity, onClick: () => addedIdentity && send({ type: 'selectIdentity', identity: addedIdentity }), "data-autofocus": 'confirmingAddedIdentity' }, t('continue label'))))));
|
|
54
55
|
};
|
|
55
56
|
exports.IdentityAdded = IdentityAdded;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityAdded.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/IdentityAdded.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAA4C;AAE5C,qDAAkD;AAElD,
|
|
1
|
+
{"version":3,"file":"IdentityAdded.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/IdentityAdded.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
29
29
|
exports.InvitationAuthenticator = void 0;
|
|
30
30
|
const react_1 = __importStar(require("react"));
|
|
31
31
|
const react_ui_1 = require("@dxos/react-ui");
|
|
32
|
+
const util_1 = require("@dxos/util");
|
|
32
33
|
const components_1 = require("../../../components");
|
|
33
|
-
const util_1 = require("../../../util");
|
|
34
34
|
const pinLength = 6;
|
|
35
35
|
const InvitationAuthenticator = ({ failed, Kind, active, pending, invitationId, onInvitationAuthenticate, onInvitationCancel, }) => {
|
|
36
36
|
const disabled = !active || pending;
|
|
@@ -46,7 +46,7 @@ const InvitationAuthenticator = ({ failed, Kind, active, pending, invitationId,
|
|
|
46
46
|
};
|
|
47
47
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
48
48
|
react_1.default.createElement("div", { role: 'none', className: 'grow flex flex-col justify-center' },
|
|
49
|
-
invitationId && react_1.default.createElement(components_1.Emoji, { text: (0, util_1.
|
|
49
|
+
invitationId && react_1.default.createElement(components_1.Emoji, { text: (0, util_1.hexToEmoji)(invitationId) }),
|
|
50
50
|
react_1.default.createElement(react_ui_1.Input.Root, { ...(failed && {
|
|
51
51
|
validationValence: 'error',
|
|
52
52
|
}) },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InvitationAuthenticator.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/InvitationAuthenticator.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAA0D;AAE1D,6CAAuD;
|
|
1
|
+
{"version":3,"file":"InvitationAuthenticator.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/InvitationAuthenticator.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAA0D;AAE1D,6CAAuD;AACvD,qCAAwC;AAExC,oDAA0E;AAG1E,MAAM,SAAS,GAAG,CAAC,CAAC;AAWb,MAAM,uBAAuB,GAAG,CAAC,EACtC,MAAM,EACN,IAAI,EACJ,MAAM,EACN,OAAO,EACP,YAAY,EACZ,wBAAwB,EACxB,kBAAkB,GACW,EAAE,EAAE;IACjC,MAAM,QAAQ,GAAG,CAAC,MAAM,IAAI,OAAO,CAAC;IACpC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IACnC,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAsB,CAAC;IAC9D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAE7C,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAiC,EAAE,EAAE;;QACxE,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,EAAE;YAC9B,MAAC,QAAQ,CAAC,aAAa,CAAC,8BAA8B,cAAc,IAAI,CAAwB,0CAAE,KAAK,EAAE,CAAC;SAC3G;IACH,CAAC,CAAC;IAEF,OAAO,CACL;QACE,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,mCAAmC;YAC3D,YAAY,IAAI,8BAAC,kBAAK,IAAC,IAAI,EAAE,IAAA,iBAAU,EAAC,YAAY,CAAC,GAAI;YAC1D,8BAAC,gBAAK,CAAC,IAAI,OACL,CAAC,MAAM,IAAI;oBACb,iBAAiB,EAAE,OAAO;iBAC3B,CAAC;gBAEF,8BAAC,gBAAK,CAAC,KAAK,IAAC,OAAO;oBAClB,8BAAC,wBAAW,QAAE,CAAC,CAAC,uBAAuB,CAAC,CAAe,CAC3C;gBACd,8BAAC,gBAAK,CAAC,QAAQ,IAEX,QAAQ;oBACR,MAAM,EAAE,SAAS;oBACjB,QAAQ;oBACR,SAAS,EAAE,SAAS;oBACpB,YAAY,EAAE,KAAK;oBACnB,OAAO,EAAE,MAAM;oBACf,gBAAgB,EAAE,aAAa,IAAI,uBAAuB,IAAI,yCAAyC,IAAI,kCAAkC,IAAI,kBAAkB;oBACnK,4BAA4B,EAAE,IAAI;oBAClC,aAAa,EAAE,GAAG,cAAc,kBAAkB;oBAClD,gBAAgB,EAAE,IAAI,GAExB;gBACD,MAAM,IAAI,CACT,8BAAC,gBAAK,CAAC,wBAAwB,IAAC,UAAU,EAAC,aAAa;oBACtD,8BAAC,gBAAK,CAAC,UAAU,QAAE,CAAC,CAAC,gCAAgC,CAAC,CAAoB,CAC3C,CAClC,CACU,CACT;QACN,8BAAC,oBAAO;YACN,8BAAC,mBAAM,IACL,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,EAAI,iBACxB,GAAG,cAAc,kCAAkC,IAE/D,CAAC,CAAC,cAAc,CAAC,CACX;YACT,8BAAC,mBAAM,IACL,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAG,QAAQ,CAAC,8BACzB,cAAc,iBAC3B,GAAG,cAAc,gCAAgC,IAE7D,CAAC,CAAC,YAAY,CAAC,CACT,CACD,CACT,CACJ,CAAC;AACJ,CAAC,CAAC;AA3EW,QAAA,uBAAuB,2BA2ElC"}
|