@memori.ai/memori-react 4.1.0 → 4.2.0
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/CHANGELOG.md +28 -0
- package/dist/components/AgeVerificationModal/AgeVerificationModal.js +5 -1
- package/dist/components/AgeVerificationModal/AgeVerificationModal.js.map +1 -1
- package/dist/components/Header/Header.css +1 -1
- package/dist/components/Header/Header.d.ts +3 -0
- package/dist/components/Header/Header.js +3 -2
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/KnownFacts/KnownFacts.css +19 -0
- package/dist/components/KnownFacts/KnownFacts.d.ts +11 -0
- package/dist/components/KnownFacts/KnownFacts.js +157 -0
- package/dist/components/KnownFacts/KnownFacts.js.map +1 -0
- package/dist/components/MemoriWidget/MemoriWidget.js +8 -3
- package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/dist/components/SettingsDrawer/SettingsDrawer.js +1 -1
- package/dist/components/SettingsDrawer/SettingsDrawer.js.map +1 -1
- package/dist/components/StartPanel/StartPanel.css +2 -2
- package/dist/components/icons/ChevronLeft.d.ts +5 -0
- package/dist/components/icons/ChevronLeft.js +6 -0
- package/dist/components/icons/ChevronLeft.js.map +1 -0
- package/dist/components/icons/ChevronRight.d.ts +5 -0
- package/dist/components/icons/ChevronRight.js +6 -0
- package/dist/components/icons/ChevronRight.js.map +1 -0
- package/dist/components/ui/Button.css +29 -1
- package/dist/components/ui/Checkbox.css +17 -4
- package/dist/components/ui/Checkbox.d.ts +2 -1
- package/dist/components/ui/Checkbox.js +13 -3
- package/dist/components/ui/Checkbox.js.map +1 -1
- package/dist/components/ui/Drawer.css +22 -4
- package/dist/components/ui/Modal.d.ts +1 -1
- package/dist/components/ui/Select.js +1 -1
- package/dist/components/ui/Select.js.map +1 -1
- package/dist/components/ui/Table.css +113 -0
- package/dist/locales/en.json +20 -0
- package/dist/locales/it.json +20 -0
- package/dist/styles.css +8 -0
- package/esm/components/AgeVerificationModal/AgeVerificationModal.js +5 -1
- package/esm/components/AgeVerificationModal/AgeVerificationModal.js.map +1 -1
- package/esm/components/Header/Header.css +1 -1
- package/esm/components/Header/Header.d.ts +3 -0
- package/esm/components/Header/Header.js +3 -2
- package/esm/components/Header/Header.js.map +1 -1
- package/esm/components/KnownFacts/KnownFacts.css +19 -0
- package/esm/components/KnownFacts/KnownFacts.d.ts +11 -0
- package/esm/components/KnownFacts/KnownFacts.js +154 -0
- package/esm/components/KnownFacts/KnownFacts.js.map +1 -0
- package/esm/components/MemoriWidget/MemoriWidget.js +8 -3
- package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/esm/components/SettingsDrawer/SettingsDrawer.js +1 -1
- package/esm/components/SettingsDrawer/SettingsDrawer.js.map +1 -1
- package/esm/components/StartPanel/StartPanel.css +2 -2
- package/esm/components/icons/ChevronLeft.d.ts +5 -0
- package/esm/components/icons/ChevronLeft.js +4 -0
- package/esm/components/icons/ChevronLeft.js.map +1 -0
- package/esm/components/icons/ChevronRight.d.ts +5 -0
- package/esm/components/icons/ChevronRight.js +4 -0
- package/esm/components/icons/ChevronRight.js.map +1 -0
- package/esm/components/ui/Button.css +29 -1
- package/esm/components/ui/Checkbox.css +17 -4
- package/esm/components/ui/Checkbox.d.ts +2 -1
- package/esm/components/ui/Checkbox.js +13 -3
- package/esm/components/ui/Checkbox.js.map +1 -1
- package/esm/components/ui/Drawer.css +22 -4
- package/esm/components/ui/Modal.d.ts +1 -1
- package/esm/components/ui/Select.js +1 -1
- package/esm/components/ui/Select.js.map +1 -1
- package/esm/components/ui/Table.css +113 -0
- package/esm/locales/en.json +20 -0
- package/esm/locales/it.json +20 -0
- package/esm/styles.css +8 -0
- package/package.json +2 -2
- package/src/components/AgeVerificationModal/AgeVerificationModal.tsx +6 -0
- package/src/components/Header/Header.css +1 -1
- package/src/components/Header/Header.stories.tsx +37 -0
- package/src/components/Header/Header.test.tsx +54 -0
- package/src/components/Header/Header.tsx +18 -0
- package/src/components/Header/__snapshots__/Header.test.tsx.snap +203 -0
- package/src/components/KnownFacts/KnownFacts.css +19 -0
- package/src/components/KnownFacts/KnownFacts.stories.tsx +79 -0
- package/src/components/KnownFacts/KnownFacts.test.tsx +54 -0
- package/src/components/KnownFacts/KnownFacts.tsx +449 -0
- package/src/components/KnownFacts/__snapshots__/KnownFacts.test.tsx.snap +19 -0
- package/src/components/MemoriWidget/MemoriWidget.tsx +17 -2
- package/src/components/SettingsDrawer/SettingsDrawer.tsx +3 -1
- package/src/components/StartPanel/StartPanel.css +2 -2
- package/src/components/icons/ChevronLeft.tsx +28 -0
- package/src/components/icons/ChevronRight.tsx +28 -0
- package/src/components/ui/Button.css +29 -1
- package/src/components/ui/Checkbox.css +17 -4
- package/src/components/ui/Checkbox.stories.tsx +15 -0
- package/src/components/ui/Checkbox.test.tsx +5 -0
- package/src/components/ui/Checkbox.tsx +38 -23
- package/src/components/ui/Drawer.css +22 -4
- package/src/components/ui/Modal.tsx +1 -1
- package/src/components/ui/Select.tsx +5 -1
- package/src/components/ui/Table.css +113 -0
- package/src/components/ui/__snapshots__/Checkbox.test.tsx.snap +26 -0
- package/src/locales/en.json +20 -0
- package/src/locales/it.json +20 -0
- package/src/mocks/data.ts +11 -0
- package/src/styles.css +8 -0
|
@@ -9,7 +9,7 @@ const SelectIcon_1 = tslib_1.__importDefault(require("../icons/SelectIcon"));
|
|
|
9
9
|
const Select = ({ className, value, displayValue, options, onChange, disabled = false, label, placeholder, }) => {
|
|
10
10
|
return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('memori-select', className), children: (0, jsx_runtime_1.jsxs)(react_2.Listbox, { value: value, onChange: value => {
|
|
11
11
|
onChange(value);
|
|
12
|
-
}, disabled: disabled, name: "day", children: [(0, jsx_runtime_1.jsxs)(react_2.Listbox.Label, { className: "memori-select--label", children: [label, ":"] }), (0, jsx_runtime_1.jsxs)(react_2.Listbox.Button, { "aria-label": label, className: "memori-select--button", children: [(0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)('memori-select--value', {
|
|
12
|
+
}, disabled: disabled, name: "day", children: [label && ((0, jsx_runtime_1.jsxs)(react_2.Listbox.Label, { className: "memori-select--label", children: [label, ":"] })), (0, jsx_runtime_1.jsxs)(react_2.Listbox.Button, { "aria-label": label, className: "memori-select--button", children: [(0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)('memori-select--value', {
|
|
13
13
|
'memori-select--value-placeholder': !value,
|
|
14
14
|
}), children: value ? displayValue || value : placeholder }), (0, jsx_runtime_1.jsx)("span", { className: "memori-select--icon", children: (0, jsx_runtime_1.jsx)(SelectIcon_1.default, {}) })] }), (0, jsx_runtime_1.jsx)(react_2.Transition, { as: react_1.Fragment, leave: "transition ease-in duration-100", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: (0, jsx_runtime_1.jsx)(react_2.Listbox.Options, { className: "memori-select--options", children: options.map(opt => ((0, jsx_runtime_1.jsx)(react_2.Listbox.Option, { value: opt.value, className: "memori-select--option", children: opt.label }, opt.value))) }) })] }) }));
|
|
15
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/ui/Select.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwC;AACxC,oEAA4B;AAC5B,6CAAwD;AACxD,6EAA6C;AAa7C,MAAM,MAAM,GAAG,CAAC,EACd,SAAS,EACT,KAAK,EACL,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,WAAW,GACL,EAAE,EAAE;IACV,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,eAAe,EAAE,SAAS,CAAC,YAC5C,wBAAC,eAAO,IACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/ui/Select.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwC;AACxC,oEAA4B;AAC5B,6CAAwD;AACxD,6EAA6C;AAa7C,MAAM,MAAM,GAAG,CAAC,EACd,SAAS,EACT,KAAK,EACL,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,WAAW,GACL,EAAE,EAAE;IACV,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,eAAe,EAAE,SAAS,CAAC,YAC5C,wBAAC,eAAO,IACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,aAET,KAAK,IAAI,CACR,wBAAC,eAAO,CAAC,KAAK,IAAC,SAAS,EAAC,sBAAsB,aAC5C,KAAK,SACQ,CACjB,EACD,wBAAC,eAAO,CAAC,MAAM,kBAAa,KAAK,EAAE,SAAS,EAAC,uBAAuB,aAClE,iCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE;gCACpC,kCAAkC,EAAE,CAAC,KAAK;6BAC3C,CAAC,YAED,KAAK,CAAC,CAAC,CAAC,YAAY,IAAI,KAAK,CAAC,CAAC,CAAC,WAAW,GACvC,EACP,iCAAM,SAAS,EAAC,qBAAqB,YACnC,uBAAC,oBAAU,KAAG,GACT,IACQ,EACjB,uBAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,iCAAiC,EACvC,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAEnB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,wBAAwB,YAChD,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAClB,uBAAC,eAAO,CAAC,MAAM,IAEb,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,SAAS,EAAC,uBAAuB,YAEhC,GAAG,CAAC,KAAK,IAJL,GAAG,CAAC,KAAK,CAKC,CAClB,CAAC,GACc,GACP,IACL,GACN,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
table.memori--table {
|
|
2
|
+
--memori-table-spacing: 1rem;
|
|
3
|
+
--memori-table-border-color: hsl(205, 20%, 94%);
|
|
4
|
+
--memori-table-bg-color: rgb(246, 248, 249);
|
|
5
|
+
|
|
6
|
+
margin: 1rem 0;
|
|
7
|
+
font-size: 1rem;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
@media (max-width: 767px) {
|
|
11
|
+
table.memori--table {
|
|
12
|
+
--memori-table-spacing: 0.5rem;
|
|
13
|
+
|
|
14
|
+
font-size: 0.875rem;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
:where(table) {
|
|
19
|
+
width: 100%;
|
|
20
|
+
border-collapse: collapse;
|
|
21
|
+
border-spacing: 0;
|
|
22
|
+
text-indent: 0;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
table.memori--table th,
|
|
26
|
+
table.memori--table td {
|
|
27
|
+
padding: calc(var(--memori-table-spacing) / 2) var(--memori-table-spacing);
|
|
28
|
+
border-bottom: 1px solid var(--memori-table-border-color);
|
|
29
|
+
text-align: left;
|
|
30
|
+
text-align: start;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
table.memori--table thead th {
|
|
34
|
+
padding: var(--memori-table-spacing) var(--memori-table-spacing);
|
|
35
|
+
background-color: var(--memori-table-bg-color);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
table.memori--table tfoot th,
|
|
39
|
+
table.memori--table tfoot td {
|
|
40
|
+
border-top: 1px solid var(--memori-table-border-color);
|
|
41
|
+
border-bottom: 0;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
table.memori--table[role="grid"] tbody tr:nth-child(odd) {
|
|
45
|
+
background-color: var(--memori-table-bg-color);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.memori--table--pagination {
|
|
49
|
+
display: flex;
|
|
50
|
+
align-items: center;
|
|
51
|
+
justify-content: flex-end;
|
|
52
|
+
margin-bottom: 1rem;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.memori--table--pagination--pages {
|
|
56
|
+
display: flex;
|
|
57
|
+
align-items: center;
|
|
58
|
+
margin-right: 1rem;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.memori--table--pagination--pages--current {
|
|
62
|
+
padding: 0 0.5rem;
|
|
63
|
+
font-variant-numeric: tabular-nums;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.memori--table--pagination--pages button.memori-button.memori-button--circle {
|
|
67
|
+
padding: 0.25rem;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.memori--table--pagination--pages button.memori-button[disabled] {
|
|
71
|
+
opacity: 0.3;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.memori--table--pagination ul.memori-select--options {
|
|
75
|
+
right: 0;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
@media (max-width: 600px) {
|
|
79
|
+
.memori--table--pagination--pages {
|
|
80
|
+
margin-right: auto;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.memori--table--pagination--pages--current {
|
|
84
|
+
padding: 0 0.25rem;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.memori--table--pagination .memori-select button.memori-select--button {
|
|
88
|
+
padding-top: 0.25rem;
|
|
89
|
+
padding-right: 2rem;
|
|
90
|
+
padding-bottom: 0.25rem;
|
|
91
|
+
padding-left: 0.5rem;
|
|
92
|
+
font-size: 0.875rem;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.memori--table--pagination .memori-select ul.memori-select--options {
|
|
96
|
+
min-width: fit-content;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
table.memori--table th.memori--table--column-centered,
|
|
101
|
+
table.memori--table td.memori--table--column-centered {
|
|
102
|
+
text-align: center;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
table.memori--table th.memori--table--column-right,
|
|
106
|
+
table.memori--table td.memori--table--column-right {
|
|
107
|
+
text-align: right;
|
|
108
|
+
text-align: end;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.memori--table--date {
|
|
112
|
+
white-space: nowrap;
|
|
113
|
+
}
|
package/dist/locales/en.json
CHANGED
|
@@ -21,6 +21,12 @@
|
|
|
21
21
|
"day": "Day",
|
|
22
22
|
"month": "Month",
|
|
23
23
|
"year": "Year",
|
|
24
|
+
"createdAt": "Creation date",
|
|
25
|
+
"selected": "Selected",
|
|
26
|
+
"page": "page",
|
|
27
|
+
"actions": "Actions",
|
|
28
|
+
"next": "Next",
|
|
29
|
+
"previous": "Previous",
|
|
24
30
|
"copy": "Copy",
|
|
25
31
|
"copyToClipboard": "Copy to clipboard",
|
|
26
32
|
"showOriginalText": "Show original",
|
|
@@ -47,6 +53,20 @@
|
|
|
47
53
|
"deepThoughtHelper": "Allows to establish a unique relationship between the AI and the person who interrogates it, allowing the AI to remember this relationship and therefore supporting people with questions targeted to their experiences. Once people start their relationships, the creator of the AI will see their community grow with Followers and will be able to observe the known facts collected during the conversations.",
|
|
48
54
|
"deepThoughtDisclaimerTitle": "Deep Thought enabled",
|
|
49
55
|
"deepThoughtDisclaimer": "By continuing the conversation I authorize the processing of my personal data as specified in the information notice which I declare to have read.",
|
|
56
|
+
"knownFacts": {
|
|
57
|
+
"title": "Known facts",
|
|
58
|
+
"description": "Details of the information shared between you and {{memoriName}}",
|
|
59
|
+
"type": "Type",
|
|
60
|
+
"typeShortTerm": "Short term",
|
|
61
|
+
"typeLongTerm": "Long term",
|
|
62
|
+
"typeHelper": "Types:\n- Short Term: this Known Fact is always used during conversations\n- Long Term: this Known Fact is used during conversations only if relevant to the current question",
|
|
63
|
+
"text": "Text",
|
|
64
|
+
"deleteSuccess": "Known fact deleted",
|
|
65
|
+
"deleteConfirmTitle": "Delete known fact",
|
|
66
|
+
"deleteConfirmMessage": "Are you sure you want to delete this known fact?",
|
|
67
|
+
"deleteSelectedConfirmTitle": "Delete selected known facts",
|
|
68
|
+
"deleteSelectedConfirmMessage": "Are you sure you want to delete the selected known facts?"
|
|
69
|
+
},
|
|
50
70
|
"auth": {
|
|
51
71
|
"title": "Authentication",
|
|
52
72
|
"useRecoveryTokens": "Use recovery tokens",
|
package/dist/locales/it.json
CHANGED
|
@@ -21,6 +21,12 @@
|
|
|
21
21
|
"day": "Giorno",
|
|
22
22
|
"month": "Mese",
|
|
23
23
|
"year": "Anno",
|
|
24
|
+
"createdAt": "Data creazione",
|
|
25
|
+
"selected": "Selezionati",
|
|
26
|
+
"page": "pagina",
|
|
27
|
+
"actions": "Azioni",
|
|
28
|
+
"next": "Successivo",
|
|
29
|
+
"previous": "Precedente",
|
|
24
30
|
"copy": "Copia",
|
|
25
31
|
"copyToClipboard": "Copia negli appunti",
|
|
26
32
|
"showOriginalText": "Mostra originale",
|
|
@@ -47,6 +53,20 @@
|
|
|
47
53
|
"deepThoughtHelper": "Permette di stabilire una relazione univoca tra l'IA e la persona che la interroga, permettendo all'IA memoria di questa relazione supportando quindi le persone con domande mirate alle loro esperienze. Una volta che le persone avvieranno le loro relazioni, il creatore delle AI vedrà la propria community crescere di Follower e potrà osservare i fatti noti raccolti durante le conversazioni.",
|
|
48
54
|
"deepThoughtDisclaimerTitle": "Pensiero profondo abilitato",
|
|
49
55
|
"deepThoughtDisclaimer": "Proseguendo nella conversazione autorizzo il trattamento dei miei dati personali così come specificato nell'informativa di cui dichiaro di aver preso visione.",
|
|
56
|
+
"knownFacts": {
|
|
57
|
+
"title": "Fatti noti",
|
|
58
|
+
"description": "Dettagli delle informazioni condivise tra te e {{memoriName}}",
|
|
59
|
+
"type": "Tipo",
|
|
60
|
+
"typeShortTerm": "Breve termine",
|
|
61
|
+
"typeLongTerm": "Lungo termine",
|
|
62
|
+
"typeHelper": "Tipi:\n- Breve termine: questo fatto noto è sempre utilizzato durante le conversazioni\n- Lungo termine: questo fatto noto è utilizzato durante le conversazioni solo se rilevante per la domanda corrente",
|
|
63
|
+
"text": "Testo",
|
|
64
|
+
"deleteSuccess": "Fatto noto eliminato",
|
|
65
|
+
"deleteConfirmTitle": "Elimina il fatto noto",
|
|
66
|
+
"deleteConfirmMessage": "Confermi di voler eliminare questo fatto noto?",
|
|
67
|
+
"deleteSelectedConfirmTitle": "Elimina i fatti noti selezionati",
|
|
68
|
+
"deleteSelectedConfirmMessage": "Confermi di voler eliminare i fatti noti selezionati?"
|
|
69
|
+
},
|
|
50
70
|
"auth": {
|
|
51
71
|
"title": "Autenticazione",
|
|
52
72
|
"useRecoveryTokens": "Utilizza i token di recupero",
|
package/dist/styles.css
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
@import url('./components/ui/Spin.css');
|
|
7
7
|
@import url('./components/ui/Tooltip.css');
|
|
8
8
|
@import url('./components/ui/Select.css');
|
|
9
|
+
@import url('./components/ui/Table.css');
|
|
9
10
|
|
|
10
11
|
@import url('./components/CompletionProviderStatus/CompletionProviderStatus.css');
|
|
11
12
|
@import url('./components/PoweredBy/PoweredBy.css');
|
|
@@ -36,6 +37,7 @@
|
|
|
36
37
|
@import url('./components/UploadMenu/UploadMenu.css');
|
|
37
38
|
@import url('./components/DateSelector/DateSelector.css');
|
|
38
39
|
@import url('./components/AgeVerificationModal/AgeVerificationModal.css');
|
|
40
|
+
@import url('./components/KnownFacts/KnownFacts.css');
|
|
39
41
|
@import url('./components/MemoriWidget/MemoriWidget.css');
|
|
40
42
|
|
|
41
43
|
@import url('https://fonts.bunny.net/css?family=exo-2:200,400,700');
|
|
@@ -87,4 +89,10 @@ body.sb-show-main #root,
|
|
|
87
89
|
--memori-modal--width--md: 80%;
|
|
88
90
|
--memori-error-color: #ff4d4f;
|
|
89
91
|
--memori-warning-color: #faad14;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
@media (max-width: 768px) {
|
|
95
|
+
.mobile-hidden {
|
|
96
|
+
display: none;
|
|
97
|
+
}
|
|
90
98
|
}
|
|
@@ -10,10 +10,13 @@ const AgeVerificationModal = ({ visible = false, onClose, minAge }) => {
|
|
|
10
10
|
const { t } = useTranslation();
|
|
11
11
|
const [birthDate, setBirthDate] = useState();
|
|
12
12
|
const [error, setError] = useState();
|
|
13
|
+
const [submitting, setSubmitting] = useState(false);
|
|
13
14
|
const onSubmit = useCallback(() => {
|
|
15
|
+
setSubmitting(true);
|
|
14
16
|
if (!birthDate) {
|
|
15
17
|
toast.error(t('requiredField'));
|
|
16
18
|
setError(t('requiredField') || 'Required field');
|
|
19
|
+
setSubmitting(false);
|
|
17
20
|
return;
|
|
18
21
|
}
|
|
19
22
|
let age = DateTime.now().diff(birthDate, 'years').years;
|
|
@@ -21,6 +24,7 @@ const AgeVerificationModal = ({ visible = false, onClose, minAge }) => {
|
|
|
21
24
|
toast.error(t('underageTwinSession', { age: minAge }));
|
|
22
25
|
setError(t('underageTwinSession', { age: minAge }) ||
|
|
23
26
|
`You must be at least ${minAge} years old to interact with this Twin`);
|
|
27
|
+
setSubmitting(false);
|
|
24
28
|
return;
|
|
25
29
|
}
|
|
26
30
|
onClose(birthDate.toJSDate().toISOString());
|
|
@@ -30,7 +34,7 @@ const AgeVerificationModal = ({ visible = false, onClose, minAge }) => {
|
|
|
30
34
|
onSubmit();
|
|
31
35
|
}, children: [_jsx("div", { className: "form-item", children: _jsxs("fieldset", { name: "birthDate", children: [_jsx("legend", { className: "sr-only", children: t('birthDate') }), _jsx(DateSelector, { defaultDate: new Date(Date.now()), onChange: date => {
|
|
32
36
|
setBirthDate(date);
|
|
33
|
-
} }), _jsx("p", { className: "form-item-help", children: t('birthDateHelper') }), error && _jsx("p", { className: "form-item-error", children: error })] }) }), _jsx("div", { className: "form-item form-submit", children: _jsx(Button, { primary: true, htmlType: "submit", className: "age-verification-submit", disabled: !birthDate, children: t('confirm') }) })] })] }));
|
|
37
|
+
} }), _jsx("p", { className: "form-item-help", children: t('birthDateHelper') }), error && _jsx("p", { className: "form-item-error", children: error })] }) }), _jsx("div", { className: "form-item form-submit", children: _jsx(Button, { primary: true, htmlType: "submit", className: "age-verification-submit", loading: submitting, disabled: !birthDate, children: t('confirm') }) })] })] }));
|
|
34
38
|
};
|
|
35
39
|
export default AgeVerificationModal;
|
|
36
40
|
//# sourceMappingURL=AgeVerificationModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgeVerificationModal.js","sourceRoot":"","sources":["../../../src/components/AgeVerificationModal/AgeVerificationModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ9C,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAE,MAAM,EAAS,EAAE,EAAE;IAC3E,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAY,CAAC;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"AgeVerificationModal.js","sourceRoot":"","sources":["../../../src/components/AgeVerificationModal/AgeVerificationModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ export interface Props {
|
|
|
8
8
|
position?: Venue;
|
|
9
9
|
setShowPositionDrawer: (show: boolean) => void;
|
|
10
10
|
setShowSettingsDrawer: (show: boolean) => void;
|
|
11
|
+
setShowKnownFactsDrawer: (show: boolean) => void;
|
|
11
12
|
speakerMuted: boolean;
|
|
12
13
|
setSpeakerMuted: (mute: boolean) => void;
|
|
13
14
|
hasUserActivatedSpeak?: boolean;
|
|
@@ -17,6 +18,8 @@ export interface Props {
|
|
|
17
18
|
showReload?: boolean;
|
|
18
19
|
showClear?: boolean;
|
|
19
20
|
clearHistory: () => void;
|
|
21
|
+
loginToken?: string;
|
|
22
|
+
sessionID?: string;
|
|
20
23
|
}
|
|
21
24
|
declare const Header: React.FC<Props>;
|
|
22
25
|
export default Header;
|
|
@@ -13,7 +13,8 @@ import FullscreenExit from '../icons/FullscreenExit';
|
|
|
13
13
|
import Fullscreen from '../icons/Fullscreen';
|
|
14
14
|
import Refresh from '../icons/Refresh';
|
|
15
15
|
import Clear from '../icons/Clear';
|
|
16
|
-
|
|
16
|
+
import DeepThought from '../icons/DeepThought';
|
|
17
|
+
const Header = ({ className, memori, tenant, history, position, setShowPositionDrawer, setShowSettingsDrawer, setShowKnownFactsDrawer, speakerMuted, setSpeakerMuted, hasUserActivatedSpeak = false, showShare = true, showSettings = true, showSpeaker = true, showReload = false, showClear = false, clearHistory, loginToken, sessionID, }) => {
|
|
17
18
|
const { t } = useTranslation();
|
|
18
19
|
const [fullScreenAvailable, setFullScreenAvailable] = useState(false);
|
|
19
20
|
const [fullScreen, setFullScreen] = useState(false);
|
|
@@ -35,7 +36,7 @@ const Header = ({ className, memori, tenant, history, position, setShowPositionD
|
|
|
35
36
|
document.exitFullscreen();
|
|
36
37
|
setFullScreen(false);
|
|
37
38
|
}
|
|
38
|
-
} })), showSpeaker && (_jsx(Button, { primary: true, shape: "circle", className: "memori-header--button memori-header--button--speaker", icon: speakerMuted ? _jsx(SoundDeactivated, {}) : _jsx(Sound, {}), onClick: () => setSpeakerMuted(!speakerMuted), title: t('widget.sound') || 'Sound' })), _jsx(ExportHistoryButton, { history: history, memori: memori, className: "memori-header--button memori-header--button--export", disabled: !hasUserActivatedSpeak || history.length === 0 }), showSettings && (_jsx(Button, { primary: true, shape: "circle", className: "memori-header--button memori-header--button-settings", icon: _jsx(Setting, {}), onClick: () => setShowSettingsDrawer(true), title: t('widget.settings') || 'Settings' })), showShare && (_jsx(ShareButton, { className: "memori-header--button memori-header--button-share", title: memori.name, tenant: tenant, showQrCode: true, align: "left" }))] }));
|
|
39
|
+
} })), memori.enableDeepThought && !!loginToken && (_jsx(Button, { primary: !!sessionID && !!hasUserActivatedSpeak, shape: "circle", icon: _jsx(DeepThought, {}), className: "memori-header--button memori-header--button--knownfacts", disabled: !hasUserActivatedSpeak || !sessionID, onClick: () => setShowKnownFactsDrawer(true), title: t('knownFacts.title') || 'Known facts' })), showSpeaker && (_jsx(Button, { primary: true, shape: "circle", className: "memori-header--button memori-header--button--speaker", icon: speakerMuted ? _jsx(SoundDeactivated, {}) : _jsx(Sound, {}), onClick: () => setSpeakerMuted(!speakerMuted), title: t('widget.sound') || 'Sound' })), _jsx(ExportHistoryButton, { history: history, memori: memori, className: "memori-header--button memori-header--button--export", disabled: !hasUserActivatedSpeak || history.length === 0 }), showSettings && (_jsx(Button, { primary: true, shape: "circle", className: "memori-header--button memori-header--button-settings", icon: _jsx(Setting, {}), onClick: () => setShowSettingsDrawer(true), title: t('widget.settings') || 'Settings' })), showShare && (_jsx(ShareButton, { className: "memori-header--button memori-header--button-share", title: memori.name, tenant: tenant, showQrCode: true, align: "left" }))] }));
|
|
39
40
|
};
|
|
40
41
|
export default Header;
|
|
41
42
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,MAAM,YAAY,CAAC;AAO5B,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AACzD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,mBAAmB,MAAM,4CAA4C,CAAC;AAC7E,OAAO,OAAO,MAAM,kBAAkB,CAAC;AACvC,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,cAAc,MAAM,yBAAyB,CAAC;AACrD,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,OAAO,MAAM,kBAAkB,CAAC;AACvC,OAAO,KAAK,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
.memori-known-facts-modal {
|
|
2
|
+
z-index: 10000;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.memori-known-facts-actions {
|
|
6
|
+
display: flex;
|
|
7
|
+
flex-wrap: wrap;
|
|
8
|
+
align-items: center;
|
|
9
|
+
justify-content: flex-end;
|
|
10
|
+
margin: 1rem 0;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.memori-known-facts-actions .memori-button[disabled] {
|
|
14
|
+
opacity: 0.4;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.memori-known-facts-delete-selected {
|
|
18
|
+
margin-left: auto;
|
|
19
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { KnownFact, Memori } from '@memori.ai/memori-api-client/dist/types';
|
|
2
|
+
export interface Props {
|
|
3
|
+
apiURL: string;
|
|
4
|
+
sessionID: string;
|
|
5
|
+
memori: Memori;
|
|
6
|
+
initialKnownFacts?: KnownFact[];
|
|
7
|
+
visible?: boolean;
|
|
8
|
+
closeDrawer: () => void;
|
|
9
|
+
}
|
|
10
|
+
declare const KnownFacts: ({ apiURL, sessionID, memori, visible, initialKnownFacts, closeDrawer, }: Props) => JSX.Element;
|
|
11
|
+
export default KnownFacts;
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
import memoriApiClient from '@memori.ai/memori-api-client';
|
|
4
|
+
import Button from '../ui/Button';
|
|
5
|
+
import Drawer from '../ui/Drawer';
|
|
6
|
+
import Spin from '../ui/Spin';
|
|
7
|
+
import Modal from '../ui/Modal';
|
|
8
|
+
import toast from 'react-hot-toast';
|
|
9
|
+
import { getErrori18nKey } from '../../helpers/error';
|
|
10
|
+
import { useTranslation } from 'react-i18next';
|
|
11
|
+
import Delete from '../icons/Delete';
|
|
12
|
+
import Checkbox from '../ui/Checkbox';
|
|
13
|
+
import Select from '../ui/Select';
|
|
14
|
+
import ChevronLeft from '../icons/ChevronLeft';
|
|
15
|
+
import ChevronRight from '../icons/ChevronRight';
|
|
16
|
+
const KnownFacts = ({ apiURL, sessionID, memori, visible = true, initialKnownFacts = [], closeDrawer, }) => {
|
|
17
|
+
var _a;
|
|
18
|
+
const { t } = useTranslation();
|
|
19
|
+
const client = memoriApiClient(apiURL);
|
|
20
|
+
const { getKnownFactsPaginated, deleteKnownFact } = client.knownFacts;
|
|
21
|
+
const [knownFacts, setKnownFacts] = useState(initialKnownFacts);
|
|
22
|
+
const [numberOfResults, setNumberOfResults] = useState(25);
|
|
23
|
+
const [pageIndex, setPageIndex] = useState(0);
|
|
24
|
+
const [knownFactsCount, setKnownFactsCount] = useState((_a = initialKnownFacts === null || initialKnownFacts === void 0 ? void 0 : initialKnownFacts.length) !== null && _a !== void 0 ? _a : 0);
|
|
25
|
+
const [loading, setLoading] = useState(false);
|
|
26
|
+
const fetchKnownFacts = async (sessionId, from, howMany) => {
|
|
27
|
+
if (!sessionID && !sessionId)
|
|
28
|
+
return;
|
|
29
|
+
setLoading(true);
|
|
30
|
+
try {
|
|
31
|
+
const { knownFacts, count, ...response } = await getKnownFactsPaginated(sessionId !== null && sessionId !== void 0 ? sessionId : sessionID, from !== null && from !== void 0 ? from : pageIndex, howMany !== null && howMany !== void 0 ? howMany : numberOfResults);
|
|
32
|
+
setKnownFacts(knownFacts !== null && knownFacts !== void 0 ? knownFacts : []);
|
|
33
|
+
setKnownFactsCount(count !== null && count !== void 0 ? count : 0);
|
|
34
|
+
if (response.resultCode !== 0) {
|
|
35
|
+
console.error(response);
|
|
36
|
+
toast.error(t(getErrori18nKey(response.resultCode)));
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
catch (err) {
|
|
40
|
+
console.error('KNOWN_FACTS/FETCH', err);
|
|
41
|
+
setKnownFacts(initialKnownFacts !== null && initialKnownFacts !== void 0 ? initialKnownFacts : []);
|
|
42
|
+
}
|
|
43
|
+
setLoading(false);
|
|
44
|
+
};
|
|
45
|
+
useEffect(() => {
|
|
46
|
+
fetchKnownFacts();
|
|
47
|
+
}, []);
|
|
48
|
+
const [bulkDeleteModalVisible, setBulkDeleteModalVisible] = useState(false);
|
|
49
|
+
const [deleteModalVisibleFor, setDeleteModalVisibleFor] = useState();
|
|
50
|
+
const [selectedRowKeys, setSelectedRowKeys] = useState([]);
|
|
51
|
+
return (_jsxs(Drawer, { open: visible, width: "80%", className: "memori-known-facts-drawer", onClose: () => closeDrawer(), title: t('knownFacts.title'), children: [_jsx("p", { children: t('knownFacts.description', {
|
|
52
|
+
memoriName: memori.name,
|
|
53
|
+
}) }), _jsxs(Spin, { spinning: loading, children: [_jsxs("div", { className: "memori-known-facts-actions", children: [_jsxs(Button, { primary: true, danger: true, onClick: () => {
|
|
54
|
+
setBulkDeleteModalVisible(true);
|
|
55
|
+
}, className: "memori-known-facts-delete-selected", disabled: (selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length) === 0, icon: _jsx(Delete, {}), loading: loading, children: [t('selected'), " (", selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length, ")"] }), _jsx(Modal, { className: "memori-known-facts-modal", open: bulkDeleteModalVisible, closable: true, title: selectedRowKeys.length > 1
|
|
56
|
+
? t('knownFacts.deleteSelectedConfirmTitle')
|
|
57
|
+
: t('knownFacts.deleteConfirmTitle'), description: selectedRowKeys.length > 1
|
|
58
|
+
? t('knownFacts.deleteSelectedConfirmMessage', {
|
|
59
|
+
number: selectedRowKeys.length,
|
|
60
|
+
})
|
|
61
|
+
: t('knownFacts.deleteConfirmMessage'), onClose: () => {
|
|
62
|
+
setBulkDeleteModalVisible(false);
|
|
63
|
+
}, footer: _jsxs(_Fragment, { children: [_jsx(Button, { ghost: true, onClick: () => {
|
|
64
|
+
setBulkDeleteModalVisible(false);
|
|
65
|
+
}, children: t('cancel') }), _jsx(Button, { primary: true, danger: true, onClick: async () => {
|
|
66
|
+
try {
|
|
67
|
+
const mutations = selectedRowKeys.map(key => {
|
|
68
|
+
let knownFactID = key;
|
|
69
|
+
return deleteKnownFact(sessionID, knownFactID);
|
|
70
|
+
});
|
|
71
|
+
Promise.all(mutations).then(responses => {
|
|
72
|
+
if (responses.every(r => r.resultCode === 0)) {
|
|
73
|
+
toast.success(t('knownFacts.deleteSuccess'));
|
|
74
|
+
setSelectedRowKeys([]);
|
|
75
|
+
fetchKnownFacts();
|
|
76
|
+
setBulkDeleteModalVisible(false);
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
let errored = responses.find(r => r.resultCode !== 0);
|
|
80
|
+
console.error(errored);
|
|
81
|
+
if ((errored === null || errored === void 0 ? void 0 : errored.resultCode) !== undefined)
|
|
82
|
+
toast.error(t(getErrori18nKey(errored === null || errored === void 0 ? void 0 : errored.resultCode)));
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
catch (_e) {
|
|
87
|
+
let error = _e;
|
|
88
|
+
toast.error(t('Error') + error.message);
|
|
89
|
+
}
|
|
90
|
+
}, children: t('confirm') })] }) })] }), knownFactsCount > 25 && (_jsxs("nav", { className: "memori--table--pagination", children: [knownFactsCount > numberOfResults && (_jsxs("div", { className: "memori--table--pagination--pages", children: [_jsx(Button, { shape: "circle", disabled: pageIndex === 0, padded: false, title: t('previous') || 'Previous', icon: _jsx(ChevronLeft, {}), onClick: () => {
|
|
91
|
+
setPageIndex(pageIndex - 1);
|
|
92
|
+
fetchKnownFacts(undefined, pageIndex - 1, numberOfResults);
|
|
93
|
+
} }), _jsxs("span", { className: "memori--table--pagination--pages--current", children: [pageIndex + 1, " /", ' ', Math.ceil(knownFactsCount / numberOfResults)] }), _jsx(Button, { shape: "circle", padded: false, title: t('next') || 'Next', icon: _jsx(ChevronRight, {}), disabled: (pageIndex + 1) * numberOfResults >= knownFactsCount, onClick: () => {
|
|
94
|
+
setPageIndex(pageIndex + 1);
|
|
95
|
+
fetchKnownFacts(undefined, 1, numberOfResults);
|
|
96
|
+
} })] })), _jsx(Select, { options: [
|
|
97
|
+
{ label: `25 / ${t('page') || 'page'}`, value: 25 },
|
|
98
|
+
{ label: `50 / ${t('page') || 'page'}`, value: 50 },
|
|
99
|
+
{ label: `100 / ${t('page') || 'page'}`, value: 100 },
|
|
100
|
+
], value: numberOfResults, displayValue: `${numberOfResults} / ${t('page') || 'page'}`, onChange: value => {
|
|
101
|
+
setNumberOfResults(value);
|
|
102
|
+
fetchKnownFacts(undefined, undefined, value);
|
|
103
|
+
} })] })), _jsxs("table", { className: "memori--table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "memori--table--column-centered", children: _jsx(Checkbox, { checked: !!(knownFacts === null || knownFacts === void 0 ? void 0 : knownFacts.length) &&
|
|
104
|
+
(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length) === knownFacts.length, indeterminate: !!(knownFacts === null || knownFacts === void 0 ? void 0 : knownFacts.length) &&
|
|
105
|
+
!!(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length) &&
|
|
106
|
+
(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length) !== (knownFacts === null || knownFacts === void 0 ? void 0 : knownFacts.length), onChange: e => {
|
|
107
|
+
if (e.target.checked) {
|
|
108
|
+
setSelectedRowKeys(knownFacts.map(kf => kf.knownFactID));
|
|
109
|
+
}
|
|
110
|
+
else {
|
|
111
|
+
setSelectedRowKeys([]);
|
|
112
|
+
}
|
|
113
|
+
} }) }), _jsx("th", { children: t('knownFacts.text') }), _jsx("th", { className: "mobile-hidden", children: t('createdAt') }), _jsx("th", { className: "memori--table--column-right", children: t('actions') })] }) }), _jsx("tbody", { children: knownFacts.map(kf => (_jsxs("tr", { children: [_jsx("th", { className: "memori--table--column-centered", children: _jsx(Checkbox, { checked: selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.includes(kf.knownFactID), onChange: e => {
|
|
114
|
+
if (e.target.checked) {
|
|
115
|
+
setSelectedRowKeys(srk => [
|
|
116
|
+
...new Set([...srk, kf.knownFactID]),
|
|
117
|
+
]);
|
|
118
|
+
}
|
|
119
|
+
else {
|
|
120
|
+
setSelectedRowKeys(srk => srk.filter(key => key !== kf.knownFactID));
|
|
121
|
+
}
|
|
122
|
+
} }) }), _jsx("td", { children: kf.text }), _jsx("td", { className: "mobile-hidden", children: _jsx("span", { className: "memori--table--date", children: kf.creationTimestamp
|
|
123
|
+
? new Intl.DateTimeFormat('it', {
|
|
124
|
+
dateStyle: 'short',
|
|
125
|
+
timeStyle: 'short',
|
|
126
|
+
}).format(new Date(kf.creationTimestamp))
|
|
127
|
+
: '-' }) }), _jsx("td", { className: "memori--table--column-right", children: _jsxs("div", { className: "memori--table--action-column", children: [_jsx(Button, { danger: true, ghost: true, shape: "circle", icon: _jsx(Delete, {}), disabled: (selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length) > 0, title: t('delete') || 'Delete', onClick: () => setDeleteModalVisibleFor(kf.knownFactID) }), _jsx(Modal, { className: "memori-known-facts-modal", open: deleteModalVisibleFor === kf.knownFactID, closable: true, title: t('knownFacts.deleteConfirmTitle'), description: t('knownFacts.deleteConfirmMessage'), onClose: () => {
|
|
128
|
+
setDeleteModalVisibleFor(undefined);
|
|
129
|
+
}, footer: _jsxs(_Fragment, { children: [_jsx(Button, { ghost: true, onClick: () => {
|
|
130
|
+
setDeleteModalVisibleFor(undefined);
|
|
131
|
+
}, children: t('cancel') }), _jsx(Button, { primary: true, danger: true, onClick: async () => {
|
|
132
|
+
try {
|
|
133
|
+
const response = await deleteKnownFact(sessionID, kf.knownFactID);
|
|
134
|
+
if (response.resultCode === 0) {
|
|
135
|
+
toast.success(t('knownFacts.deleteSuccess'));
|
|
136
|
+
setSelectedRowKeys([]);
|
|
137
|
+
fetchKnownFacts();
|
|
138
|
+
setDeleteModalVisibleFor(undefined);
|
|
139
|
+
}
|
|
140
|
+
else {
|
|
141
|
+
console.error(response);
|
|
142
|
+
toast.error(t(getErrori18nKey(response.resultCode), {
|
|
143
|
+
ns: 'common',
|
|
144
|
+
}));
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
catch (_e) {
|
|
148
|
+
let error = _e;
|
|
149
|
+
toast.error(t('Error') + error.message);
|
|
150
|
+
}
|
|
151
|
+
}, children: t('confirm') })] }) })] }) })] }, kf.knownFactID))) })] })] })] }));
|
|
152
|
+
};
|
|
153
|
+
export default KnownFacts;
|
|
154
|
+
//# sourceMappingURL=KnownFacts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KnownFacts.js","sourceRoot":"","sources":["../../../src/components/KnownFacts/KnownFacts.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,6 +13,9 @@ import Avatar from '../Avatar/Avatar';
|
|
|
13
13
|
import ChangeMode from '../ChangeMode/ChangeMode';
|
|
14
14
|
import Header from '../Header/Header';
|
|
15
15
|
import PoweredBy from '../PoweredBy/PoweredBy';
|
|
16
|
+
import AgeVerificationModal from '../AgeVerificationModal/AgeVerificationModal';
|
|
17
|
+
import SettingsDrawer from '../SettingsDrawer/SettingsDrawer';
|
|
18
|
+
import KnownFacts from '../KnownFacts/KnownFacts';
|
|
16
19
|
import FullPageLayout from '../layouts/FullPage';
|
|
17
20
|
import TotemLayout from '../layouts/Totem';
|
|
18
21
|
import ChatLayout from '../layouts/Chat';
|
|
@@ -23,8 +26,6 @@ import { hasTouchscreen, stripDuplicates, stripEmojis, } from '../../helpers/uti
|
|
|
23
26
|
import { anonTag } from '../../helpers/constants';
|
|
24
27
|
import { getErrori18nKey } from '../../helpers/error';
|
|
25
28
|
import { getGamificationLevel } from '../../helpers/statistics';
|
|
26
|
-
import AgeVerificationModal from '../AgeVerificationModal/AgeVerificationModal';
|
|
27
|
-
import SettingsDrawer from '../SettingsDrawer/SettingsDrawer';
|
|
28
29
|
const getMemoriState = (integrationId) => {
|
|
29
30
|
var _a, _b, _c, _d, _f;
|
|
30
31
|
let widget = integrationId
|
|
@@ -175,6 +176,7 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
|
|
|
175
176
|
const [hasUserActivatedListening, setHasUserActivatedListening] = useState(false);
|
|
176
177
|
const [showPositionDrawer, setShowPositionDrawer] = useState(false);
|
|
177
178
|
const [showSettingsDrawer, setShowSettingsDrawer] = useState(false);
|
|
179
|
+
const [showKnownFactsDrawer, setShowKnownFactsDrawer] = useState(false);
|
|
178
180
|
const [muteSpeaker, setMuteSpeaker] = useState(false);
|
|
179
181
|
const [continuousSpeech, setContinuousSpeech] = useState(false);
|
|
180
182
|
const [continuousSpeechTimeout, setContinuousSpeechTimeout] = useState(2);
|
|
@@ -1802,6 +1804,7 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
|
|
|
1802
1804
|
position,
|
|
1803
1805
|
setShowPositionDrawer,
|
|
1804
1806
|
setShowSettingsDrawer,
|
|
1807
|
+
setShowKnownFactsDrawer,
|
|
1805
1808
|
showSpeaker: !!AZURE_COGNITIVE_SERVICES_TTS_KEY,
|
|
1806
1809
|
speakerMuted: muteSpeaker || speakerMuted,
|
|
1807
1810
|
setSpeakerMuted: mute => {
|
|
@@ -1824,6 +1827,8 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
|
|
|
1824
1827
|
showReload: selectedLayout === 'TOTEM',
|
|
1825
1828
|
showClear,
|
|
1826
1829
|
clearHistory: () => setHistory(h => h.slice(-1)),
|
|
1830
|
+
loginToken,
|
|
1831
|
+
sessionID: sessionId,
|
|
1827
1832
|
};
|
|
1828
1833
|
const avatarProps = {
|
|
1829
1834
|
memori,
|
|
@@ -1993,7 +1998,7 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
|
|
|
1993
1998
|
setShowAgeVerification(false);
|
|
1994
1999
|
setClickedStart(false);
|
|
1995
2000
|
}
|
|
1996
|
-
} })), showSettingsDrawer && (_jsx(SettingsDrawer, { layout: selectedLayout, open: !!showSettingsDrawer, onClose: () => setShowSettingsDrawer(false), microphoneMode: continuousSpeech ? 'CONTINUOUS' : 'HOLD_TO_TALK', continuousSpeechTimeout: continuousSpeechTimeout, setMicrophoneMode: mode => setContinuousSpeech(mode === 'CONTINUOUS'), setContinuousSpeechTimeout: setContinuousSpeechTimeout, controlsPosition: controlsPosition, setControlsPosition: setControlsPosition, hideEmissions: hideEmissions, setHideEmissions: setHideEmissions, additionalSettings: additionalSettings }))] }));
|
|
2001
|
+
} })), showSettingsDrawer && (_jsx(SettingsDrawer, { layout: selectedLayout, open: !!showSettingsDrawer, onClose: () => setShowSettingsDrawer(false), microphoneMode: continuousSpeech ? 'CONTINUOUS' : 'HOLD_TO_TALK', continuousSpeechTimeout: continuousSpeechTimeout, setMicrophoneMode: mode => setContinuousSpeech(mode === 'CONTINUOUS'), setContinuousSpeechTimeout: setContinuousSpeechTimeout, controlsPosition: controlsPosition, setControlsPosition: setControlsPosition, hideEmissions: hideEmissions, setHideEmissions: setHideEmissions, additionalSettings: additionalSettings })), showKnownFactsDrawer && sessionId && (_jsx(KnownFacts, { apiURL: apiUrl, memori: memori, sessionID: sessionId, visible: showKnownFactsDrawer, closeDrawer: () => setShowKnownFactsDrawer(false) }))] }));
|
|
1997
2002
|
};
|
|
1998
2003
|
export default MemoriWidget;
|
|
1999
2004
|
//# sourceMappingURL=MemoriWidget.js.map
|