@seamly/web-ui 20.2.0-alpha.1 → 20.2.0-alpha.2

package/build/dist/lib/index.js

@@ -9288,6 +9288,12 @@ const calculateVisibility = ({
 
   if (layoutMode === 'window' && hideOnNoUserResponse && requestedVisibility !== visibilityStates.open) {
     return hasResponded ? requestedVisibility || previousVisibility || visibilityStates.open : visibilityStates.hidden;
+  } // Allow users to continue a conversation (if they have responded and no visibility is requested)
+  // when switching from the window layout to the inline layout
+
+
+  if (layoutMode === 'inline' && hasResponded && !requestedVisibility) {
+    return previousVisibility || visibilityStates.open;
   }
 
   const baseVisibility = visibilityStates.minimized;
@@ -9574,6 +9580,7 @@ const clear = interrupt_utils_createAction('clear');
 
 
 
+
 const setHasResponded = app_utils_createAction('setHasResponded', hasResponded => ({
   hasResponded
 }));
@@ -9642,6 +9649,13 @@ const app_actions_initialize = app_utils_createThunk('initialize', async (_, {
       }
     } else if (config !== null && config !== void 0 && (_config$context2 = config.context) !== null && _config$context2 !== void 0 && _config$context2.translationLocale) {
       locale = config.context.translationLocale;
+      api.send('action', {
+        type: actionTypes.setTranslation,
+        body: {
+          enabled: true,
+          locale
+        }
+      });
       dispatch(enable(locale));
     }
   } catch (e) {
@@ -25276,7 +25290,6 @@ class API {
   sendContext(context = {}) {
     const {
       locale,
-      translationLocale,
       variables
     } = context;
     const payload = {};
@@ -25289,14 +25302,6 @@ class API {
       payload.locale = locale;
     }
 
-    if (translationLocale) {
-      if (typeof translationLocale !== 'string') {
-        throw new Error('Translation locale must be a string');
-      }
-
-      payload.translationLocale = translationLocale;
-    }
-
     if (variables) {
       if (typeof variables !== 'object') {
         throw new Error('Variables must be an object');
@@ -25321,7 +25326,7 @@ class API {
     return {
       clientName: "@seamly/web-ui",
       clientVariant: this.layoutMode,
-      clientVersion: "20.2.0-alpha.1",
+      clientVersion: "20.1.0",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: getTimeZone(),
@@ -25638,6 +25643,7 @@ class ExternalApi {
     this._waitingActions = [];
     this._instances = {};
     this.appConfig = appConfig;
+    this.context = {};
   }
 
   push(...actionObjects) {
@@ -25665,7 +25671,8 @@ class ExternalApi {
           break;
 
         default:
-          if (!this.handleAction(actionObj)) {
+          if (!this.handleAction(actionObj) && // Store context properties for the next instance that will be created
+          !this.setContext(actionObj.action, ...actionObj.args)) {
             this._waitingActions.push(actionObj);
           }
 
@@ -25674,6 +25681,25 @@ class ExternalApi {
     });
   }
 
+  setContext(action, args) {
+    switch (action) {
+      case 'setTranslation':
+        const {
+          enabled,
+          locale
+        } = args;
+
+        if (!!enabled && locale) {
+          this.context.translationLocale = locale;
+        }
+
+        return true;
+
+      default:
+        return false;
+    }
+  }
+
   handleInit(actionObj) {
     const userConfig = this.getUserConfig(...actionObj.args);
     const config = this.getCombinedConfig(userConfig); // if this.appConfig is a function, it might return an invalid configuration (false, null, undefined)
@@ -25695,7 +25721,9 @@ class ExternalApi {
 
     if (config) {
       const instance = this.createInstance(config);
-      this._instances[config.namespace] = instance;
+      this._instances[config.namespace] = instance; // Clear the context after creating the instance, so we do not reuse it for the next
+
+      this.context = {};
       instance.render();
     }
   }
@@ -25759,10 +25787,13 @@ class ExternalApi {
       return this.appConfig(userConfig);
     }
 
+    const context = external_api_objectSpread(external_api_objectSpread({}, userConfig.context || this.appConfig.context), this.context);
+
     const defaults = external_api_objectSpread(external_api_objectSpread({}, this.appConfig.defaults), userConfig.defaults);
 
     return external_api_objectSpread(external_api_objectSpread(external_api_objectSpread({}, this.appConfig), userConfig), {}, {
       api: external_api_objectSpread(external_api_objectSpread({}, this.appConfig.api), userConfig.api),
+      context: Object.keys(context).length ? context : undefined,
       defaults: Object.keys(defaults).length ? defaults : undefined
     });
   }