@memori.ai/memori-react 1.0.0-alpha.7 → 1.0.0-alpha.9
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/README.md +27 -1
- package/dist/components/Auth/Auth.d.ts +3 -2
- package/dist/components/Auth/Auth.js +4 -4
- package/dist/components/Auth/Auth.js.map +1 -1
- package/dist/components/Auth/Auth.stories.js.map +1 -1
- package/dist/components/Auth/Auth.test.js +4 -4
- package/dist/components/Auth/Auth.test.js.map +1 -1
- package/dist/components/ChangeMode/ChangeMode.d.ts +1 -0
- package/dist/components/ChangeMode/ChangeMode.js +3 -3
- package/dist/components/ChangeMode/ChangeMode.js.map +1 -1
- package/dist/components/ChangeMode/ChangeMode.stories.js +1 -1
- package/dist/components/ChangeMode/ChangeMode.stories.js.map +1 -1
- package/dist/components/ChangeMode/ChangeMode.test.js +6 -2
- package/dist/components/ChangeMode/ChangeMode.test.js.map +1 -1
- package/dist/components/ChatBubble/ChatBubble.js +26 -25
- package/dist/components/ChatBubble/ChatBubble.js.map +1 -1
- package/dist/components/ChatBubble/ChatBubble.stories.d.ts +1 -0
- package/dist/components/ChatBubble/ChatBubble.stories.js +12 -1
- package/dist/components/ChatBubble/ChatBubble.stories.js.map +1 -1
- package/dist/components/ChatBubble/ChatBubble.test.js +9 -0
- package/dist/components/ChatBubble/ChatBubble.test.js.map +1 -1
- package/dist/components/Header/Header.css +1 -0
- package/dist/components/MemoriWidget/MemoriWidget.css +4 -10
- package/dist/components/MemoriWidget/MemoriWidget.d.ts +2 -1
- package/dist/components/MemoriWidget/MemoriWidget.js +157 -187
- package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/dist/components/MemoriWidget/MemoriWidget.stories.js +2 -1
- package/dist/components/MemoriWidget/MemoriWidget.stories.js.map +1 -1
- package/dist/components/StartPanel/StartPanel.js +2 -3
- package/dist/components/StartPanel/StartPanel.js.map +1 -1
- package/dist/components/ui/Modal.css +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/esm/components/Auth/Auth.d.ts +3 -2
- package/esm/components/Auth/Auth.js +4 -4
- package/esm/components/Auth/Auth.js.map +1 -1
- package/esm/components/Auth/Auth.stories.js.map +1 -1
- package/esm/components/Auth/Auth.test.js +4 -4
- package/esm/components/Auth/Auth.test.js.map +1 -1
- package/esm/components/ChangeMode/ChangeMode.d.ts +1 -0
- package/esm/components/ChangeMode/ChangeMode.js +3 -3
- package/esm/components/ChangeMode/ChangeMode.js.map +1 -1
- package/esm/components/ChangeMode/ChangeMode.stories.js +1 -1
- package/esm/components/ChangeMode/ChangeMode.stories.js.map +1 -1
- package/esm/components/ChangeMode/ChangeMode.test.js +6 -2
- package/esm/components/ChangeMode/ChangeMode.test.js.map +1 -1
- package/esm/components/ChatBubble/ChatBubble.js +26 -25
- package/esm/components/ChatBubble/ChatBubble.js.map +1 -1
- package/esm/components/ChatBubble/ChatBubble.stories.d.ts +1 -0
- package/esm/components/ChatBubble/ChatBubble.stories.js +11 -0
- package/esm/components/ChatBubble/ChatBubble.stories.js.map +1 -1
- package/esm/components/ChatBubble/ChatBubble.test.js +9 -0
- package/esm/components/ChatBubble/ChatBubble.test.js.map +1 -1
- package/esm/components/Header/Header.css +1 -0
- package/esm/components/MemoriWidget/MemoriWidget.css +4 -10
- package/esm/components/MemoriWidget/MemoriWidget.d.ts +2 -1
- package/esm/components/MemoriWidget/MemoriWidget.js +157 -187
- package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/esm/components/MemoriWidget/MemoriWidget.stories.js +2 -1
- package/esm/components/MemoriWidget/MemoriWidget.stories.js.map +1 -1
- package/esm/components/StartPanel/StartPanel.js +2 -3
- package/esm/components/StartPanel/StartPanel.js.map +1 -1
- package/esm/components/ui/Modal.css +1 -1
- package/esm/index.d.ts +3 -1
- package/esm/index.js +3 -3
- package/esm/index.js.map +1 -1
- package/package.json +2 -3
- package/src/components/Auth/Auth.stories.tsx +4 -4
- package/src/components/Auth/Auth.test.tsx +4 -0
- package/src/components/Auth/Auth.tsx +9 -22
- package/src/components/ChangeMode/ChangeMode.stories.tsx +1 -0
- package/src/components/ChangeMode/ChangeMode.test.tsx +9 -2
- package/src/components/ChangeMode/ChangeMode.tsx +8 -3
- package/src/components/ChangeMode/__snapshots__/ChangeMode.test.tsx.snap +2 -0
- package/src/components/ChatBubble/ChatBubble.stories.tsx +15 -4
- package/src/components/ChatBubble/ChatBubble.test.tsx +19 -4
- package/src/components/ChatBubble/ChatBubble.tsx +82 -80
- package/src/components/ChatBubble/__snapshots__/ChatBubble.test.tsx.snap +31 -0
- package/src/components/Header/Header.css +1 -0
- package/src/components/MemoriWidget/MemoriWidget.css +4 -10
- package/src/components/MemoriWidget/MemoriWidget.stories.tsx +2 -1
- package/src/components/MemoriWidget/MemoriWidget.tsx +264 -270
- package/src/components/StartPanel/StartPanel.tsx +2 -6
- package/src/components/ui/Modal.css +1 -1
- package/src/index.tsx +9 -3
package/README.md
CHANGED
|
@@ -38,13 +38,39 @@ const App = () => (
|
|
|
38
38
|
apiURL="https://backend.memori.ai"
|
|
39
39
|
uiLang="it"
|
|
40
40
|
showShare
|
|
41
|
+
height="100vh"
|
|
41
42
|
/>
|
|
42
43
|
);
|
|
43
44
|
```
|
|
44
45
|
|
|
45
46
|
### Props
|
|
46
47
|
|
|
47
|
-
|
|
48
|
+
| Prop | Required | Type | Default | Description |
|
|
49
|
+
| ---------------------------------- | -------------- | -------------- | --------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
50
|
+
| `memoriName` | \* (see below) | `string` | | Name of the Memori |
|
|
51
|
+
| `ownerUserName` | \* (see below) | `string` | | Username of the Memori owner |
|
|
52
|
+
| `memoriID` | \* (see below) | `string` | | ID of the Memori |
|
|
53
|
+
| `ownerUserID` | \* (see below) | `string` | | ID of the Memori owner |
|
|
54
|
+
| `tenantID` | ✔️ | `string` | | Tenant ID, example: "app.twincreator.com" or "app.memorytwin.com" |
|
|
55
|
+
| `sessionID` | | `string` | | Initial Session ID, UUID which refers to the session to the Memori and identifies a conversation and its permissions (giver, receiver, anonymous). A session would be started autonomously with the params set, but if you have an existing and valid sessionID you can pass it as already opened one. Use this at your risk, as session recovery might break or start session as anon user. In most cases, you shoudn't use this prop. |
|
|
56
|
+
| `integrationID` | | `string` | | Integration ID, UUID which refers to the public page layout |
|
|
57
|
+
| `secretToken` | | `string` | | Secret token, the password of a private or secret Memori |
|
|
58
|
+
| `height` | | `string` | "100%" | Height of the Memori |
|
|
59
|
+
| `showShare` | | `bool` | `true` | Show the share button |
|
|
60
|
+
| `showSettings` | | `bool` | `false` | Show the settings panel button |
|
|
61
|
+
| `showInstruct` | | `bool` | `false` | Show the switch selecting between test mode or instruct mode, needs an administrative session as a giver |
|
|
62
|
+
| `baseURL` | | `string` | | Base URL of the Memori, example: "https://app.twincreator.com" or "https://app.memorytwin.com" |
|
|
63
|
+
| `apiURL` | | `string` | "https://backend.memori.ai" | URL of the Memori API |
|
|
64
|
+
| `tag` | | `string` | | Tag of the person opening the session to the Memori, could be the giver or a receiver |
|
|
65
|
+
| `pin` | | `string` | | PIN of the person opening the session to the Memori, could be the giver or a receiver |
|
|
66
|
+
| `context` | | `string` | | Initial context of the conversation, dictionary with "key: value" pairs as context variables |
|
|
67
|
+
| `initialQuestion` | | `string` | | Initial question to ask to the Memori, starts the conversation as this would be sent to the Memori |
|
|
68
|
+
| `uiLang` | | `'en' \| 'it'` | "en" | Language of the UI, es: "en" or "it" |
|
|
69
|
+
| `spokenLang` | | `string` | | Language of the spoken text, as defaults to user selection. Example: "en" or "it" |
|
|
70
|
+
| `onStateChange` | | `function` | | Callback function called when the state of the Memori changes |
|
|
71
|
+
| `AZURE_COGNITIVE_SERVICES_TTS_KEY` | | `string` | | Azure Cognitive Services TTS key, used to generate the audio of the Memori and for STT recognition |
|
|
72
|
+
|
|
73
|
+
\*: one of these pairs is required: `memoriName` + `ownerUserName`, `memoriID` + `ownerUserID`
|
|
48
74
|
|
|
49
75
|
### Customization
|
|
50
76
|
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import './Auth.css';
|
|
2
2
|
export interface Props {
|
|
3
3
|
pwdOrTokens: null | 'password' | 'tokens';
|
|
4
|
-
setPwdOrTokens: (state: 'password' | 'tokens') => void;
|
|
4
|
+
setPwdOrTokens: (state: null | 'password' | 'tokens') => void;
|
|
5
5
|
onFinish?: (values: AuthInputs) => Promise<void>;
|
|
6
6
|
minimumNumberOfRecoveryTokens?: number;
|
|
7
7
|
showTokens?: boolean;
|
|
8
8
|
withModal?: boolean;
|
|
9
|
+
openModal?: boolean;
|
|
9
10
|
}
|
|
10
11
|
type AuthInputs = {
|
|
11
12
|
password?: string;
|
|
12
13
|
tokens?: string[];
|
|
13
14
|
};
|
|
14
|
-
export declare const AuthWidget: ({ pwdOrTokens, setPwdOrTokens, onFinish, minimumNumberOfRecoveryTokens, showTokens, withModal, }: Props) => JSX.Element;
|
|
15
|
+
export declare const AuthWidget: ({ pwdOrTokens, setPwdOrTokens, onFinish, minimumNumberOfRecoveryTokens, showTokens, openModal, withModal, }: Props) => JSX.Element;
|
|
15
16
|
export default AuthWidget;
|
|
@@ -12,12 +12,12 @@ require("./Auth.css");
|
|
|
12
12
|
function createArrayWithNumbers(length) {
|
|
13
13
|
return Array.from({ length }, (_, i) => i);
|
|
14
14
|
}
|
|
15
|
-
const AuthWidget = ({ pwdOrTokens, setPwdOrTokens, onFinish, minimumNumberOfRecoveryTokens = 1, showTokens = true, withModal = false, }) => {
|
|
15
|
+
const AuthWidget = ({ pwdOrTokens, setPwdOrTokens, onFinish, minimumNumberOfRecoveryTokens = 1, showTokens = true, openModal = false, withModal = false, }) => {
|
|
16
16
|
var _a;
|
|
17
17
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
18
18
|
const { register, handleSubmit, formState: { errors }, setError, } = (0, react_hook_form_1.useForm)();
|
|
19
19
|
const [numTokens, setNumTokens] = (0, react_1.useState)(1);
|
|
20
|
-
const [showModal, setShowModal] = (0, react_1.useState)(
|
|
20
|
+
const [showModal, setShowModal] = (0, react_1.useState)(!!pwdOrTokens);
|
|
21
21
|
const onSubmit = data => {
|
|
22
22
|
var _a, _b, _c;
|
|
23
23
|
if ((pwdOrTokens === 'password' && !((_a = data.password) === null || _a === void 0 ? void 0 : _a.length)) ||
|
|
@@ -62,8 +62,8 @@ const AuthWidget = ({ pwdOrTokens, setPwdOrTokens, onFinish, minimumNumberOfReco
|
|
|
62
62
|
t('auth.atLeast') || 'At least',
|
|
63
63
|
" ",
|
|
64
64
|
minimumNumberOfRecoveryTokens)),
|
|
65
|
-
|
|
66
|
-
return withModal ? (react_1.default.createElement(Modal_1.default, { open: showModal, title: "Authentication", onClose: () =>
|
|
65
|
+
react_1.default.createElement(Button_1.default, { htmlType: "submit", primary: true, className: "memori-auth-widget--submit" }, t('confirm') || 'Submit')));
|
|
66
|
+
return withModal ? (react_1.default.createElement(Modal_1.default, { open: openModal || showModal, title: "Authentication", onClose: () => setPwdOrTokens(null), closable: false }, form)) : (form);
|
|
67
67
|
};
|
|
68
68
|
exports.AuthWidget = AuthWidget;
|
|
69
69
|
exports.default = exports.AuthWidget;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Auth.js","sourceRoot":"","sources":["../../../src/components/Auth/Auth.tsx"],"names":[],"mappings":";;;;AAAA,uDAAwC;AACxC,iDAA+C;AAC/C,kEAAkC;AAClC,gEAAgC;AAChC,qDAAyD;AACzD,iEAAiC;AAEjC,sBAAoB;
|
|
1
|
+
{"version":3,"file":"Auth.js","sourceRoot":"","sources":["../../../src/components/Auth/Auth.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Auth.stories.js","sourceRoot":"","sources":["../../../src/components/Auth/Auth.stories.tsx"],"names":[],"mappings":";;;;AAAA,uDAAwC;AAExC,0DAA2C;AAE3C,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,cAAU;IACrB,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;aAChC;SACF;QACD,UAAU,EAAE;YACV,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE;IACpC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAC5C,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"Auth.stories.js","sourceRoot":"","sources":["../../../src/components/Auth/Auth.stories.tsx"],"names":[],"mappings":";;;;AAAA,uDAAwC;AAExC,0DAA2C;AAE3C,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,cAAU;IACrB,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;aAChC;SACF;QACD,UAAU,EAAE;YACV,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE;IACpC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAC5C,IAAI,CAAC,WAA2C,CACjD,CAAC;IAEF,OAAO,CACL,8BAAC,cAAU,OACL,IAAI,EACR,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAiB,IAAI,CAAC,EAAE;IAC7C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAC5C,IAAI,CAAC,WAA2C,CACjD,CAAC;IAEF,OAAO,CACL,8BAAC,cAAU,OACL,IAAI,EACR,SAAS,QACT,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,gBAAQ,CAAC,IAAI,GAAG;IACd,WAAW,EAAE,UAAU;IACvB,6BAA6B,EAAE,CAAC;IAChC,UAAU,EAAE,KAAK;CAClB,CAAC;AAEW,QAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,kBAAU,CAAC,IAAI,GAAG;IAChB,WAAW,EAAE,UAAU;IACvB,6BAA6B,EAAE,CAAC;IAChC,UAAU,EAAE,IAAI;CACjB,CAAC;AAEW,QAAA,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,cAAM,CAAC,IAAI,GAAG;IACZ,WAAW,EAAE,QAAQ;IACrB,6BAA6B,EAAE,CAAC;IAChC,UAAU,EAAE,IAAI;CACjB,CAAC;AAEW,QAAA,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,iBAAS,CAAC,IAAI,GAAG;IACf,WAAW,EAAE,UAAU;IACvB,6BAA6B,EAAE,CAAC;IAChC,UAAU,EAAE,IAAI;CACjB,CAAC"}
|
|
@@ -5,19 +5,19 @@ const react_1 = tslib_1.__importDefault(require("react"));
|
|
|
5
5
|
const react_2 = require("@testing-library/react");
|
|
6
6
|
const Auth_1 = tslib_1.__importDefault(require("./Auth"));
|
|
7
7
|
it('renders Auth unchanged', () => {
|
|
8
|
-
const { container } = (0, react_2.render)(react_1.default.createElement(Auth_1.default, { pwdOrTokens: "password", setPwdOrTokens: () => { }, minimumNumberOfRecoveryTokens: 2, showTokens: false, onFinish: () => Promise.resolve(), withModal: false }));
|
|
8
|
+
const { container } = (0, react_2.render)(react_1.default.createElement(Auth_1.default, { pwdOrTokens: "password", setPwdOrTokens: () => { }, minimumNumberOfRecoveryTokens: 2, showTokens: false, onFinish: () => Promise.resolve(), withModal: false, openModal: true }));
|
|
9
9
|
expect(container).toMatchSnapshot();
|
|
10
10
|
});
|
|
11
11
|
it('renders Auth with tokens unchanged', () => {
|
|
12
|
-
const { container } = (0, react_2.render)(react_1.default.createElement(Auth_1.default, { pwdOrTokens: "password", setPwdOrTokens: () => { }, minimumNumberOfRecoveryTokens: 2, showTokens: true, onFinish: () => Promise.resolve(), withModal: false }));
|
|
12
|
+
const { container } = (0, react_2.render)(react_1.default.createElement(Auth_1.default, { pwdOrTokens: "password", setPwdOrTokens: () => { }, minimumNumberOfRecoveryTokens: 2, showTokens: true, onFinish: () => Promise.resolve(), withModal: false, openModal: true }));
|
|
13
13
|
expect(container).toMatchSnapshot();
|
|
14
14
|
});
|
|
15
15
|
it('renders Auth on tokens unchanged', () => {
|
|
16
|
-
const { container } = (0, react_2.render)(react_1.default.createElement(Auth_1.default, { pwdOrTokens: "tokens", setPwdOrTokens: () => { }, minimumNumberOfRecoveryTokens: 2, showTokens: true, onFinish: () => Promise.resolve(), withModal: false }));
|
|
16
|
+
const { container } = (0, react_2.render)(react_1.default.createElement(Auth_1.default, { pwdOrTokens: "tokens", setPwdOrTokens: () => { }, minimumNumberOfRecoveryTokens: 2, showTokens: true, onFinish: () => Promise.resolve(), withModal: false, openModal: true }));
|
|
17
17
|
expect(container).toMatchSnapshot();
|
|
18
18
|
});
|
|
19
19
|
it('renders Auth with modal unchanged', () => {
|
|
20
|
-
const { container } = (0, react_2.render)(react_1.default.createElement(Auth_1.default, { pwdOrTokens: "password", setPwdOrTokens: () => { }, minimumNumberOfRecoveryTokens: 2, showTokens: true, onFinish: () => Promise.resolve(), withModal: true }));
|
|
20
|
+
const { container } = (0, react_2.render)(react_1.default.createElement(Auth_1.default, { pwdOrTokens: "password", setPwdOrTokens: () => { }, minimumNumberOfRecoveryTokens: 2, showTokens: true, onFinish: () => Promise.resolve(), withModal: true, openModal: true }));
|
|
21
21
|
expect(container).toMatchSnapshot();
|
|
22
22
|
});
|
|
23
23
|
//# sourceMappingURL=Auth.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Auth.test.js","sourceRoot":"","sources":["../../../src/components/Auth/Auth.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,kDAAgD;AAChD,0DAA0B;AAE1B,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;IAChC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,cAAI,IACH,WAAW,EAAC,UAAU,EACtB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EACxB,6BAA6B,EAAE,CAAC,EAChC,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EACjC,SAAS,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"Auth.test.js","sourceRoot":"","sources":["../../../src/components/Auth/Auth.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,kDAAgD;AAChD,0DAA0B;AAE1B,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;IAChC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,cAAI,IACH,WAAW,EAAC,UAAU,EACtB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EACxB,6BAA6B,EAAE,CAAC,EAChC,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EACjC,SAAS,EAAE,KAAK,EAChB,SAAS,SACT,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;IAC5C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,cAAI,IACH,WAAW,EAAC,UAAU,EACtB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EACxB,6BAA6B,EAAE,CAAC,EAChC,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EACjC,SAAS,EAAE,KAAK,EAChB,SAAS,SACT,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;IAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,cAAI,IACH,WAAW,EAAC,QAAQ,EACpB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EACxB,6BAA6B,EAAE,CAAC,EAChC,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EACjC,SAAS,EAAE,KAAK,EAChB,SAAS,SACT,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,cAAI,IACH,WAAW,EAAC,UAAU,EACtB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EACxB,6BAA6B,EAAE,CAAC,EAChC,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EACjC,SAAS,EAAE,IAAI,EACf,SAAS,SACT,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}
|
|
@@ -6,12 +6,12 @@ const react_2 = require("@headlessui/react");
|
|
|
6
6
|
const react_i18next_1 = require("react-i18next");
|
|
7
7
|
const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
|
|
8
8
|
require("./ChangeMode.css");
|
|
9
|
-
const ChangeMode = ({ instruct, onChangeMode }) => {
|
|
9
|
+
const ChangeMode = ({ instruct, canInstruct, onChangeMode, }) => {
|
|
10
10
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
11
|
-
return (react_1.default.createElement("div", { className: "memori--changeMode-instruct" },
|
|
11
|
+
return canInstruct ? (react_1.default.createElement("div", { className: "memori--changeMode-instruct" },
|
|
12
12
|
react_1.default.createElement(react_2.RadioGroup, { name: "instruct", value: instruct ? 'instruct' : 'test', defaultValue: instruct ? 'instruct' : 'test', className: "memori--changeMode-instruct-radio", onChange: onChangeMode },
|
|
13
13
|
react_1.default.createElement(react_2.RadioGroup.Option, { value: "instruct", className: "memori--changeMode-instruct-radio-button" }, ({ checked }) => (react_1.default.createElement(Button_1.default, { primary: checked }, t('widget.instruct') || 'Instruct'))),
|
|
14
|
-
react_1.default.createElement(react_2.RadioGroup.Option, { value: "test", className: "memori--changeMode-instruct-radio-button" }, ({ checked }) => (react_1.default.createElement(Button_1.default, { primary: checked }, t('widget.test') || 'Test'))))));
|
|
14
|
+
react_1.default.createElement(react_2.RadioGroup.Option, { value: "test", className: "memori--changeMode-instruct-radio-button" }, ({ checked }) => (react_1.default.createElement(Button_1.default, { primary: checked }, t('widget.test') || 'Test')))))) : null;
|
|
15
15
|
};
|
|
16
16
|
exports.default = ChangeMode;
|
|
17
17
|
//# sourceMappingURL=ChangeMode.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChangeMode.js","sourceRoot":"","sources":["../../../src/components/ChangeMode/ChangeMode.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,6CAA+C;AAC/C,iDAA+C;AAC/C,kEAAkC;AAElC,4BAA0B;
|
|
1
|
+
{"version":3,"file":"ChangeMode.js","sourceRoot":"","sources":["../../../src/components/ChangeMode/ChangeMode.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,6CAA+C;AAC/C,iDAA+C;AAC/C,kEAAkC;AAElC,4BAA0B;AAQ1B,MAAM,UAAU,GAAoB,CAAC,EACnC,QAAQ,EACR,WAAW,EACX,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,WAAW,CAAC,CAAC,CAAC,CACnB,uCAAK,SAAS,EAAC,6BAA6B;QAC1C,8BAAC,kBAAU,IACT,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EACrC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EAC5C,SAAS,EAAC,mCAAmC,EAC7C,QAAQ,EAAE,YAAY;YAEtB,8BAAC,kBAAU,CAAC,MAAM,IAChB,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,0CAA0C,IAEnD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,8BAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,IACrB,CAAC,CAAC,iBAAiB,CAAC,IAAI,UAAU,CAC5B,CACV,CACiB;YACpB,8BAAC,kBAAU,CAAC,MAAM,IAChB,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,0CAA0C,IAEnD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,8BAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,IAAG,CAAC,CAAC,aAAa,CAAC,IAAI,MAAM,CAAU,CAChE,CACiB,CACT,CACT,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -21,7 +21,7 @@ const meta = {
|
|
|
21
21
|
exports.default = meta;
|
|
22
22
|
const Template = args => {
|
|
23
23
|
const [instruct, setInstruct] = react_1.default.useState(args.instruct);
|
|
24
|
-
return (react_1.default.createElement(ChangeMode_1.default, { ...args, instruct: instruct, onChangeMode: mode => setInstruct(mode === 'instruct') }));
|
|
24
|
+
return (react_1.default.createElement(ChangeMode_1.default, { ...args, canInstruct: true, instruct: instruct, onChangeMode: mode => setInstruct(mode === 'instruct') }));
|
|
25
25
|
};
|
|
26
26
|
exports.Default = Template.bind({});
|
|
27
27
|
exports.Default.args = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChangeMode.stories.js","sourceRoot":"","sources":["../../../src/components/ChangeMode/ChangeMode.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,sEAAiD;AAEjD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAU;IACrB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE;IACpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAE9D,OAAO,CACL,8BAAC,oBAAU,OACL,IAAI,EACR,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,UAAU,CAAC,GACtD,CACH,CAAC;AACJ,CAAC,CAAC;AAIW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEW,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,gBAAQ,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,IAAI;CACf,CAAC"}
|
|
1
|
+
{"version":3,"file":"ChangeMode.stories.js","sourceRoot":"","sources":["../../../src/components/ChangeMode/ChangeMode.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,sEAAiD;AAEjD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAU;IACrB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE;IACpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAE9D,OAAO,CACL,8BAAC,oBAAU,OACL,IAAI,EACR,WAAW,QACX,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,UAAU,CAAC,GACtD,CACH,CAAC;AACJ,CAAC,CAAC;AAIW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEW,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,gBAAQ,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,IAAI;CACf,CAAC"}
|
|
@@ -5,11 +5,15 @@ const react_1 = tslib_1.__importDefault(require("react"));
|
|
|
5
5
|
const react_2 = require("@testing-library/react");
|
|
6
6
|
const ChangeMode_1 = tslib_1.__importDefault(require("./ChangeMode"));
|
|
7
7
|
it('renders ChangeMode in test mode unchanged', () => {
|
|
8
|
-
const { container } = (0, react_2.render)(react_1.default.createElement(ChangeMode_1.default, { instruct: false, onChangeMode: jest.fn() }));
|
|
8
|
+
const { container } = (0, react_2.render)(react_1.default.createElement(ChangeMode_1.default, { instruct: false, canInstruct: true, onChangeMode: jest.fn() }));
|
|
9
9
|
expect(container).toMatchSnapshot();
|
|
10
10
|
});
|
|
11
11
|
it('renders ChangeMode in instruct mode unchanged', () => {
|
|
12
|
-
const { container } = (0, react_2.render)(react_1.default.createElement(ChangeMode_1.default, { instruct: true, onChangeMode: jest.fn() }));
|
|
12
|
+
const { container } = (0, react_2.render)(react_1.default.createElement(ChangeMode_1.default, { instruct: true, canInstruct: true, onChangeMode: jest.fn() }));
|
|
13
|
+
expect(container).toMatchSnapshot();
|
|
14
|
+
});
|
|
15
|
+
it('renders ChangeMode null if cannot set instruct unchanged', () => {
|
|
16
|
+
const { container } = (0, react_2.render)(react_1.default.createElement(ChangeMode_1.default, { instruct: false, canInstruct: false, onChangeMode: jest.fn() }));
|
|
13
17
|
expect(container).toMatchSnapshot();
|
|
14
18
|
});
|
|
15
19
|
//# sourceMappingURL=ChangeMode.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChangeMode.test.js","sourceRoot":"","sources":["../../../src/components/ChangeMode/ChangeMode.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,kDAAgD;AAChD,sEAAsC;AAEtC,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;IACnD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IAAC,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,CAAC,EAAE,EAAE,GAAI,
|
|
1
|
+
{"version":3,"file":"ChangeMode.test.js","sourceRoot":"","sources":["../../../src/components/ChangeMode/ChangeMode.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,kDAAgD;AAChD,sEAAsC;AAEtC,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;IACnD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,QAAC,YAAY,EAAE,IAAI,CAAC,EAAE,EAAE,GAAI,CACrE,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,QAAC,YAAY,EAAE,IAAI,CAAC,EAAE,EAAE,GAAI,CACpE,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;IAClE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,CAAC,EAAE,EAAE,GAAI,CAC7E,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}
|
|
@@ -7,35 +7,36 @@ const react_2 = require("@headlessui/react");
|
|
|
7
7
|
const media_1 = require("../../helpers/media");
|
|
8
8
|
const User_1 = tslib_1.__importDefault(require("../icons/User"));
|
|
9
9
|
require("./ChatBubble.css");
|
|
10
|
-
const ChatBubble = ({ message, memori, tenant, baseUrl }) => (react_1.default.createElement(
|
|
11
|
-
'memori-chat--bubble-from-user': !!message.fromUser,
|
|
12
|
-
}) },
|
|
10
|
+
const ChatBubble = ({ message, memori, tenant, baseUrl }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
13
11
|
message.initial && react_1.default.createElement("div", { className: "memori-chat--bubble-initial" }),
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
baseURL: baseUrl,
|
|
20
|
-
}) }),
|
|
21
|
-
react_1.default.createElement("img", { className: "memori-chat--bubble-avatar-img", alt: memori.name, src: memori.avatarURL && memori.avatarURL.length > 0
|
|
22
|
-
? (0, media_1.getResourceUrl)({
|
|
12
|
+
react_1.default.createElement(react_2.Transition, { show: true, appear: true, as: "div", className: (0, classnames_1.default)('memori-chat--bubble-container', {
|
|
13
|
+
'memori-chat--bubble-from-user': !!message.fromUser,
|
|
14
|
+
}) },
|
|
15
|
+
!message.fromUser && (react_1.default.createElement(react_2.Transition.Child, { as: "picture", className: "memori-chat--bubble-avatar", enter: "transition ease-in-out duration-300", enterFrom: `opacity-0 scale-075 ${message.fromUser ? 'translate-x-15' : 'translate-x--15'}`, enterTo: "opacity-1 scale-1 translate-x-0", leave: "transition ease-in-out duration-300", leaveFrom: "opacity-1 scale-1 translate-x-0", leaveTo: `opacity-0 scale-075 ${message.fromUser ? 'translate-x-15' : 'translate-x--15'}` },
|
|
16
|
+
react_1.default.createElement("source", { src: (0, media_1.getResourceUrl)({
|
|
23
17
|
type: 'avatar',
|
|
24
18
|
tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
|
|
25
19
|
resourceURI: memori.avatarURL,
|
|
26
20
|
baseURL: baseUrl,
|
|
27
|
-
})
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
21
|
+
}) }),
|
|
22
|
+
react_1.default.createElement("img", { className: "memori-chat--bubble-avatar-img", alt: memori.name, src: memori.avatarURL && memori.avatarURL.length > 0
|
|
23
|
+
? (0, media_1.getResourceUrl)({
|
|
24
|
+
type: 'avatar',
|
|
25
|
+
tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
|
|
26
|
+
resourceURI: memori.avatarURL,
|
|
27
|
+
baseURL: baseUrl,
|
|
28
|
+
})
|
|
29
|
+
: (0, media_1.getResourceUrl)({
|
|
30
|
+
tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
|
|
31
|
+
type: 'avatar',
|
|
32
|
+
baseURL: baseUrl || 'https://app.twincreator.com',
|
|
33
|
+
}) }))),
|
|
34
|
+
react_1.default.createElement(react_2.Transition.Child, { as: "div", className: (0, classnames_1.default)('memori-chat--bubble', {
|
|
35
|
+
'memori-chat--user-bubble': !!message.fromUser,
|
|
36
|
+
}), enter: "transition ease-in-out duration-300", enterFrom: `opacity-0 scale-09 translate-x-${message.fromUser ? '30' : '-30'}`, enterTo: "opacity-1 scale-1 translate-x-0", leave: "transition ease-in-out duration-300", leaveFrom: "opacity-1 scale-1 translate-x-0", leaveTo: `opacity-0 scale-09 translate-x-${message.fromUser ? '30' : '-30'}` }, (message.translatedText || message.text)
|
|
37
|
+
.split(/\r\n|\r|\n/)
|
|
38
|
+
.map((row, index) => (react_1.default.createElement("p", { key: index }, row)))),
|
|
39
|
+
message.fromUser && (react_1.default.createElement(react_2.Transition.Child, { as: "div", className: "memori-chat--bubble-avatar", enter: "transition ease-in-out duration-300", enterFrom: `opacity-0 scale-075 ${message.fromUser ? 'translate-x-15' : 'translate-x--15'}`, enterTo: "opacity-1 scale-1 translate-x-0", leave: "transition ease-in-out duration-300", leaveFrom: "opacity-1 scale-1 translate-x-0", leaveTo: `opacity-0 scale-075 ${message.fromUser ? 'translate-x-15' : 'translate-x--15'}` },
|
|
40
|
+
react_1.default.createElement(User_1.default, null))))));
|
|
40
41
|
exports.default = ChatBubble;
|
|
41
42
|
//# sourceMappingURL=ChatBubble.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatBubble.js","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,oEAA4B;AAM5B,6CAA+C;AAC/C,+CAAqD;AACrD,iEAAiC;AAEjC,4BAA0B;AAS1B,MAAM,UAAU,GAAoB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC5E,8BAAC,kBAAU,IACT,IAAI,QACJ,MAAM,QACN,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAA+B,EAAE;
|
|
1
|
+
{"version":3,"file":"ChatBubble.js","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.FromUser = exports.Default = void 0;
|
|
3
|
+
exports.Initial = exports.FromUser = exports.Default = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
const data_1 = require("../../mocks/data");
|
|
@@ -53,4 +53,15 @@ exports.FromUser.args = {
|
|
|
53
53
|
translatedText: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
|
|
54
54
|
},
|
|
55
55
|
};
|
|
56
|
+
exports.Initial = Template.bind({});
|
|
57
|
+
exports.Initial.args = {
|
|
58
|
+
memori: data_1.memori,
|
|
59
|
+
tenant: data_1.tenant,
|
|
60
|
+
message: {
|
|
61
|
+
fromUser: false,
|
|
62
|
+
text: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
|
|
63
|
+
initial: true,
|
|
64
|
+
translatedText: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
|
|
65
|
+
},
|
|
66
|
+
};
|
|
56
67
|
//# sourceMappingURL=ChatBubble.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatBubble.stories.js","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,2CAAkD;AAClD,sEAAiD;AAEjD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAU;IACrB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE,CAAC,8BAAC,oBAAU,OAAK,IAAI,GAAI,CAAC;AAInD,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,IAAI,
|
|
1
|
+
{"version":3,"file":"ChatBubble.stories.js","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,2CAAkD;AAClD,sEAAiD;AAEjD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAU;IACrB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE,CAAC,8BAAC,oBAAU,OAAK,IAAI,GAAI,CAAC;AAInD,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,4EAA4E;QAClF,OAAO,EAAE,KAAK;QACd,cAAc,EACZ,4EAA4E;KAC/E;CACF,CAAC;AAEW,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,gBAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,4EAA4E;QAClF,OAAO,EAAE,KAAK;QACd,cAAc,EACZ,4EAA4E;KAC/E;CACF,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,4EAA4E;QAClF,OAAO,EAAE,IAAI;QACb,cAAc,EACZ,4EAA4E;KAC/E;CACF,CAAC"}
|
|
@@ -14,6 +14,15 @@ it('renders ChatBubble unchanged', () => {
|
|
|
14
14
|
} }));
|
|
15
15
|
expect(container).toMatchSnapshot();
|
|
16
16
|
});
|
|
17
|
+
it('renders ChatBubble with initial msg unchanged', () => {
|
|
18
|
+
const { container } = (0, react_2.render)(react_1.default.createElement(ChatBubble_1.default, { memori: data_1.memori, tenant: data_1.tenant, message: {
|
|
19
|
+
fromUser: false,
|
|
20
|
+
text: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
|
|
21
|
+
initial: true,
|
|
22
|
+
translatedText: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
|
|
23
|
+
} }));
|
|
24
|
+
expect(container).toMatchSnapshot();
|
|
25
|
+
});
|
|
17
26
|
it('renders ChatBubble with user msg unchanged', () => {
|
|
18
27
|
const { container } = (0, react_2.render)(react_1.default.createElement(ChatBubble_1.default, { memori: data_1.memori, tenant: data_1.tenant, message: {
|
|
19
28
|
fromUser: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatBubble.test.js","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,kDAAgD;AAChD,sEAAsC;AACtC,2CAAkD;AAElD,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IACT,MAAM,EAAE,aAAM,EACd,MAAM,EAAE,aAAM,EACd,OAAO,EAAE;YACP,QAAQ,EAAE,KAAK;YACf,IAAI,
|
|
1
|
+
{"version":3,"file":"ChatBubble.test.js","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,kDAAgD;AAChD,sEAAsC;AACtC,2CAAkD;AAElD,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IACT,MAAM,EAAE,aAAM,EACd,MAAM,EAAE,aAAM,EACd,OAAO,EAAE;YACP,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,4EAA4E;YAClF,OAAO,EAAE,KAAK;YACd,cAAc,EACZ,4EAA4E;SAC/E,GACD,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IACT,MAAM,EAAE,aAAM,EACd,MAAM,EAAE,aAAM,EACd,OAAO,EAAE;YACP,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,4EAA4E;YAClF,OAAO,EAAE,IAAI;YACb,cAAc,EACZ,4EAA4E;SAC/E,GACD,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;IACpD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IACT,MAAM,EAAE,aAAM,EACd,MAAM,EAAE,aAAM,EACd,OAAO,EAAE;YACP,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,4EAA4E;YAClF,OAAO,EAAE,KAAK;YACd,cAAc,EACZ,4EAA4E;SAC/E,GACD,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
#root,
|
|
3
3
|
.memori-widget {
|
|
4
4
|
--memori-primary: rgb(102, 103, 171);
|
|
5
|
-
--memori-primary-text: #
|
|
5
|
+
--memori-primary-text: #fff;
|
|
6
6
|
--memori-inner-content-pad: 1rem;
|
|
7
7
|
--memori-inner-bg: transparent;
|
|
8
8
|
--memori-chat-bubble-bg: #ffffff60;
|
|
@@ -22,7 +22,9 @@
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
.memori-widget {
|
|
25
|
+
position: relative;
|
|
25
26
|
width: 100%;
|
|
27
|
+
padding: 1em;
|
|
26
28
|
font-family: 'Exo 2', sans-serif;
|
|
27
29
|
}
|
|
28
30
|
|
|
@@ -37,7 +39,7 @@
|
|
|
37
39
|
|
|
38
40
|
.memori--grid {
|
|
39
41
|
display: flex;
|
|
40
|
-
height: calc(100% -
|
|
42
|
+
height: calc(100% - 50px);
|
|
41
43
|
align-items: center;
|
|
42
44
|
justify-content: space-between;
|
|
43
45
|
}
|
|
@@ -52,14 +54,6 @@
|
|
|
52
54
|
}
|
|
53
55
|
}
|
|
54
56
|
|
|
55
|
-
.memori--preview .memori--grid {
|
|
56
|
-
height: calc(100% - 104px + 64px);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.memori--embed .memori--grid {
|
|
60
|
-
height: calc(100% - 56px);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
57
|
.memori--embed .memori--grid .memori--chat-history {
|
|
64
58
|
max-height: 100%;
|
|
65
59
|
overflow-x: visible;
|
|
@@ -21,6 +21,7 @@ export interface Props {
|
|
|
21
21
|
showSettings?: boolean;
|
|
22
22
|
preview?: boolean;
|
|
23
23
|
embed?: boolean;
|
|
24
|
+
height?: number | string;
|
|
24
25
|
secret?: string;
|
|
25
26
|
baseUrl?: string;
|
|
26
27
|
apiUrl?: string;
|
|
@@ -39,5 +40,5 @@ export interface Props {
|
|
|
39
40
|
AZURE_COGNITIVE_SERVICES_TTS_KEY?: string;
|
|
40
41
|
onStateChange?: (state?: DialogState) => void;
|
|
41
42
|
}
|
|
42
|
-
declare const MemoriWidget: ({ memori
|
|
43
|
+
declare const MemoriWidget: ({ memori, memoriConfigs, memoriLang, integration, showInstruct, showShare, preview, embed, showInputs, showDates, showContextPerLine, showSettings, height, secret, baseUrl, apiUrl, initialContextVars, initialQuestion, ogImage, sessionID: initialSessionID, tenant, personification, AZURE_COGNITIVE_SERVICES_TTS_KEY, onStateChange, }: Props) => JSX.Element;
|
|
43
44
|
export default MemoriWidget;
|