@memori.ai/memori-react 9.0.2 → 9.0.4

package/dist/components/MemoriWidget/MemoriWidget.js

@@ -199,8 +199,8 @@ function getChatStyles(config) {
         '--memori-icon-recording-bg': 'color-mix(in oklch, var(--memori-error) 12%, transparent)',
     };
 }
-const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenantID, memoriLang, uiLang, spokenLang, multilingual, integration, layout, customLayout, showShare, preview = false, embed = false, showCopyButton, showTranslationOriginal, showInputs = true, showDates = false, showContextPerLine = false, showMessageConsumption, showSettings, showTypingText, showClear, showLogin, showUpload, showOnlyLastMessages, showChatHistory, showReasoning, show3dAvatar, avatar3dHidden, height: heightProp, secret, baseUrl = 'https://aisuru-staging.aclambda.online', apiURL = 'https://backend-staging.memori.ai', engineURL = 'https://engine-staging.memori.ai', initialContextVars, initialQuestion, ttsProvider, ogImage, sessionID: initialSessionID, tenant, personification, authToken, enableAudio, defaultSpeakerActive = true, disableTextEnteredEvents = false, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, __WEBCOMPONENT__ = false, useMathFormatting = false, autoStart = false, applyVarsToRoot = false, showFunctionCache = false, maxTotalMessagePayload, maxTextareaCharacters, }) => {
-    var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17;
+const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, tenantID, memoriLang, uiLang, spokenLang, multilingual, integration, layout, customLayout, showShare, preview = false, embed = false, showCopyButton, showTranslationOriginal, showInputs = true, showDates = false, showContextPerLine = false, showMessageConsumption, showSettings, showTypingText, showClear, showExperts, showLogin, showUpload, showOnlyLastMessages, showChatHistory, showReasoning, show3dAvatar, avatar3dHidden, height: heightProp, secret, baseUrl = 'https://aisuru-staging.aclambda.online', apiURL = 'https://backend-staging.memori.ai', engineURL = 'https://engine-staging.memori.ai', initialContextVars, initialQuestion, ttsProvider, ogImage, sessionID: initialSessionID, tenant, personification, authToken, enableAudio, defaultSpeakerActive = true, disableTextEnteredEvents = false, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, __WEBCOMPONENT__ = false, useMathFormatting = false, autoStart = false, applyVarsToRoot = false, showFunctionCache = false, maxTotalMessagePayload, maxTextareaCharacters, }) => {
+    var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18;
     const { t, i18n } = (0, react_i18next_1.useTranslation)();
     const { add, close } = (0, ui_1.useAlertManager)();
     const [isClient, setIsClient] = (0, react_1.useState)(false);
@@ -282,6 +282,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
     const sessionStartingRef = (0, react_1.useRef)(false);
     const needsCredits = tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation;
     const [hasEnoughCredits, setHasEnoughCredits] = (0, react_1.useState)(true);
+    const [creditsCheckFailed, setCreditsCheckFailed] = (0, react_1.useState)(false);
+    const creditsBlocked = !!needsCredits && (!hasEnoughCredits || creditsCheckFailed);
     const language = ((_h = (_g = (_f = memori.culture) === null || _f === void 0 ? void 0 : _f.split('-')) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.toUpperCase()) ||
         ((_m = (_l = (_k = (_j = memoriConfigs === null || memoriConfigs === void 0 ? void 0 : memoriConfigs.find(c => c.memoriConfigID === memori.memoriConfigurationID)) === null || _j === void 0 ? void 0 : _j.culture) === null || _k === void 0 ? void 0 : _k.split('-')) === null || _l === void 0 ? void 0 : _l[0]) === null || _m === void 0 ? void 0 : _m.toUpperCase());
     const isMultilanguageEnabled = multilingual !== undefined
@@ -2163,7 +2165,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             !sessionId &&
             autoStart &&
             (!isCollapsibleLayout || layoutOpen) &&
-            (!needsCredits || hasEnoughCredits) &&
+            !creditsBlocked &&
             !(0, positionPopover_1.shouldHoldAutoStartForPosition)(!!memori.needsPosition, hasPosition) &&
             !(0, autoStart_1.shouldHoldAutoStartForLogin)(!!memori.requireLoginToken, isUserLoggedIn)) {
             autoStartAttemptedRef.current = true;
@@ -2175,8 +2177,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         isCollapsibleLayout,
         layoutOpen,
         sessionId,
-        needsCredits,
-        hasEnoughCredits,
+        creditsBlocked,
         position,
         memori.needsPosition,
         memori.requireLoginToken,
@@ -2249,28 +2250,29 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
             severity: 'error',
         }));
     }, [add, t]);
+    const handleCreditsCheckFailed = (0, react_1.useCallback)(() => {
+        setAuthModalState(null);
+        add((0, ui_1.createAlertOptions)({
+            description: t('creditsCheckFailed'),
+            severity: 'error',
+        }));
+    }, [add, t]);
+    const creditsOwnerUserID = ownerUserID !== null && ownerUserID !== void 0 ? ownerUserID : memori.ownerUserID;
+    const creditsEngineMemoriID = memori.engineMemoriID;
     const checkCredits = (0, react_1.useCallback)(async (options) => {
         if (!(tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation))
             return true;
-        if (!ownerUserID && !ownerUserName) {
-            if (options === null || options === void 0 ? void 0 : options.notify) {
-                handleNotEnoughCredits();
-            }
-            else {
-                setHasEnoughCredits(false);
-            }
-            return false;
-        }
         try {
             const resp = await (0, credits_1.getCredits)({
                 operation: deepThoughtEnabled
                     ? 'dt_session_creation'
                     : 'session_creation',
                 baseUrl: baseUrl,
-                userID: ownerUserID,
-                userName: ownerUserName,
+                userID: creditsOwnerUserID,
+                engineMemoriID: creditsEngineMemoriID,
                 tenant: tenantID,
             });
+            setCreditsCheckFailed(false);
             if (resp.enough) {
                 setHasEnoughCredits(true);
                 return true;
@@ -2287,14 +2289,22 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         }
         catch (err) {
             logWidgetError('checkCredits failed', err);
-            return true;
+            const isRejected = err instanceof credits_1.CreditsCheckError &&
+                (err.status === undefined || (err.status >= 400 && err.status < 500));
+            if (!isRejected)
+                return true;
+            setCreditsCheckFailed(true);
+            if (options === null || options === void 0 ? void 0 : options.notify)
+                handleCreditsCheckFailed();
+            return false;
         }
     }, [
         baseUrl,
         deepThoughtEnabled,
         handleNotEnoughCredits,
-        ownerUserID,
-        ownerUserName,
+        handleCreditsCheckFailed,
+        creditsOwnerUserID,
+        creditsEngineMemoriID,
         tenant === null || tenant === void 0 ? void 0 : tenant.billingDelegation,
         tenantID,
     ]);
@@ -2352,6 +2362,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         hasUserActivatedSpeak,
         showReload: selectedLayout === 'TOTEM',
         showClear: (_5 = showClear !== null && showClear !== void 0 ? showClear : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showClear) !== null && _5 !== void 0 ? _5 : false,
+        showExperts: (_6 = showExperts !== null && showExperts !== void 0 ? showExperts : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showExperts) !== null && _6 !== void 0 ? _6 : false,
         clearHistory: () => setHistory(h => h.slice(-1)),
         showLogin: canShowLoginButton,
         setShowLoginDrawer,
@@ -2382,7 +2393,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         hasUserActivatedSpeak,
         isPlayingAudio: isPlayingAudio &&
             !speakerMuted &&
-            ((_6 = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _6 !== void 0 ? _6 : true),
+            ((_7 = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _7 !== void 0 ? _7 : true),
         loading: !!memoriTyping,
         baseUrl,
         apiUrl: client.constants.BACKEND_URL,
@@ -2412,11 +2423,12 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         isUserLoggedIn,
         hasInitialSession: !!initialSessionID,
         notEnoughCredits: needsCredits && !hasEnoughCredits,
+        creditsCheckFailed: needsCredits && creditsCheckFailed,
         showLogin: canShowLoginButton,
         setShowLoginDrawer,
         showChatHistory: selectedLayout === 'WEBSITE_ASSISTANT'
             ? false
-            : (_7 = showChatHistory !== null && showChatHistory !== void 0 ? showChatHistory : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showChatHistory) !== null && _7 !== void 0 ? _7 : true,
+            : (_8 = showChatHistory !== null && showChatHistory !== void 0 ? showChatHistory : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showChatHistory) !== null && _8 !== void 0 ? _8 : true,
         setShowChatHistoryDrawer,
         user,
     };
@@ -2426,7 +2438,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         tenant,
         translateTo: isMultilanguageEnabled &&
             userLang.toUpperCase() !==
-                ((_12 = ((_11 = (_10 = (_9 = (_8 = memori.culture) === null || _8 === void 0 ? void 0 : _8.split('-')) === null || _9 === void 0 ? void 0 : _9[0]) !== null && _10 !== void 0 ? _10 : i18n.language) !== null && _11 !== void 0 ? _11 : 'IT')) === null || _12 === void 0 ? void 0 : _12.toUpperCase())
+                ((_13 = ((_12 = (_11 = (_10 = (_9 = memori.culture) === null || _9 === void 0 ? void 0 : _9.split('-')) === null || _10 === void 0 ? void 0 : _10[0]) !== null && _11 !== void 0 ? _11 : i18n.language) !== null && _12 !== void 0 ? _12 : 'IT')) === null || _13 === void 0 ? void 0 : _13.toUpperCase())
             ? userLang
             : undefined,
         baseUrl,
@@ -2434,7 +2446,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         layout,
         memoriTyping,
         typingText,
-        showTypingText: (_13 = showTypingText !== null && showTypingText !== void 0 ? showTypingText : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showTypingText) !== null && _13 !== void 0 ? _13 : false,
+        showTypingText: (_14 = showTypingText !== null && showTypingText !== void 0 ? showTypingText : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showTypingText) !== null && _14 !== void 0 ? _14 : false,
         history: showFullHistory ? history : history.slice(-2),
         authToken: resolveLoginToken(),
         dialogState: currentDialogState,
@@ -2447,8 +2459,8 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         showUpload: enableUpload,
         showReasoning: enableReasoning,
         showWhyThisAnswer,
-        showCopyButton: (_14 = showCopyButton !== null && showCopyButton !== void 0 ? showCopyButton : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showCopyButton) !== null && _14 !== void 0 ? _14 : true,
-        showTranslationOriginal: (_15 = showTranslationOriginal !== null && showTranslationOriginal !== void 0 ? showTranslationOriginal : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showTranslationOriginal) !== null && _15 !== void 0 ? _15 : false,
+        showCopyButton: (_15 = showCopyButton !== null && showCopyButton !== void 0 ? showCopyButton : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showCopyButton) !== null && _15 !== void 0 ? _15 : true,
+        showTranslationOriginal: (_16 = showTranslationOriginal !== null && showTranslationOriginal !== void 0 ? showTranslationOriginal : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.showTranslationOriginal) !== null && _16 !== void 0 ? _16 : false,
         client,
         instruct,
         preview,
@@ -2459,7 +2471,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         setAttachmentsMenuOpen,
         showInputs: showInputs &&
             !(0, autoStart_1.shouldHoldAutoStartForLogin)(!!memori.requireLoginToken, isUserLoggedIn),
-        showMicrophone: !!ttsProvider && ((_16 = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _16 !== void 0 ? _16 : true),
+        showMicrophone: !!ttsProvider && ((_17 = enableAudio !== null && enableAudio !== void 0 ? enableAudio : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.enableAudio) !== null && _17 !== void 0 ? _17 : true),
         showFunctionCache,
         userMessage,
         onChangeUserMessage,
@@ -2524,6 +2536,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
         : 'light';
     return ((0, jsx_runtime_1.jsx)("div", { ref: setWidgetRootEl, className: (0, classnames_1.default)('memori', 'memori-widget', `memori-layout-${String(selectedLayout).toLowerCase()}`, `memori-controls-${String(controlsPosition).toLowerCase()}`, `memori--avatar-${(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) || 'default'}`, {
             'memori--auto-start': autoStart &&
+                !creditsBlocked &&
                 !(0, positionPopover_1.shouldHoldAutoStartForPosition)(!!memori.needsPosition, !!position) &&
                 !(0, autoStart_1.shouldHoldAutoStartForLogin)(!!memori.requireLoginToken, isUserLoggedIn),
             'memori--preview': preview,
@@ -2584,7 +2597,7 @@ const MemoriWidget = ({ memori, memoriConfigs, ownerUserID, ownerUserName, tenan
                                     }
                                     throw error;
                                 });
-                            }, minimumNumberOfRecoveryTokens: (_17 = memori === null || memori === void 0 ? void 0 : memori.minimumNumberOfRecoveryTokens) !== null && _17 !== void 0 ? _17 : 1 })), isClient && ((0, jsx_runtime_1.jsx)(AgeVerificationModal_1.default, { visible: showAgeVerification, minAge: minAge, onClose: birthDate => {
+                            }, minimumNumberOfRecoveryTokens: (_18 = memori === null || memori === void 0 ? void 0 : memori.minimumNumberOfRecoveryTokens) !== null && _18 !== void 0 ? _18 : 1 })), isClient && ((0, jsx_runtime_1.jsx)(AgeVerificationModal_1.default, { visible: showAgeVerification, minAge: minAge, onClose: birthDate => {
                                 var _a, _b, _c, _d;
                                 if (birthDate) {
                                     setBirthDate(birthDate);