@seamly/web-ui 20.3.0 → 20.3.1

package/build/dist/lib/style-guide.js

@@ -2986,7 +2986,7 @@ function createAction(type, identityReducer = payload => ({
 
   action.toString = () => String(type);
 
-  action.match = obj => (obj === null || obj === void 0 ? void 0 : obj.type) === String(type);
+  action.match = obj => obj?.type === String(type);
 
   return action;
 }
@@ -3076,7 +3076,7 @@ function createThunk(type, payloadCreator) {
 }
 function createReducer(domain, handlers = {}, defaultState) {
   const reducer = (state = defaultState, action) => {
-    const typeReducer = handlers === null || handlers === void 0 ? void 0 : handlers[action === null || action === void 0 ? void 0 : action.type];
+    const typeReducer = handlers?.[action?.type];
     return typeReducer ? typeReducer(state, action) : state;
   };
 
@@ -3507,7 +3507,7 @@ function selectors_defineProperty(obj, key, value) { if (key in obj) { Object.de
 
 const selectConfig = createSelector(selectState, config => {
   let newConfig = selectors_objectSpread({
-    visible: (config === null || config === void 0 ? void 0 : config.layoutMode) === 'inline' ? constants_visibilityStates.open : constants_visibilityStates.minimized,
+    visible: config?.layoutMode === 'inline' ? constants_visibilityStates.open : constants_visibilityStates.minimized,
     appContainerClassNames: config.appContainerClassNames || []
   }, config);
 
@@ -3599,8 +3599,6 @@ function hooks_useSelector(selector, deps = []) {
   useLayoutEffect(() => {
     // we subscribe to the store changes
     return store.subscribe(() => {
-      var _selectorRef$current;
-
       const newState = store.getState(); // prevent recalculating if the state hasn't changed
       // if the selector changed, it was already handled synchronously
 
@@ -3609,7 +3607,7 @@ function hooks_useSelector(selector, deps = []) {
       } // calculate the new value based on selector+state
 
 
-      const newValue = (_selectorRef$current = selectorRef.current) === null || _selectorRef$current === void 0 ? void 0 : _selectorRef$current.call(selectorRef, store.getState()); // only if the value changed we update. this saves heaps of re-rendering
+      const newValue = selectorRef.current?.(store.getState()); // only if the value changed we update. this saves heaps of re-rendering
 
       if (newValue !== valueRef.current) {
         valueRef.current = newValue;
@@ -3672,9 +3670,7 @@ const selectEventsWithSuggestion = createSelector(seamly_state_hooks_selectState
   events,
   serviceData
 }, config, userHasResponded) => {
-  var _serviceData$suggesti;
-
-  if (userHasResponded || config.layoutMode === 'inline' || !serviceData.suggestion || !((_serviceData$suggesti = serviceData.suggestion) !== null && _serviceData$suggesti !== void 0 && _serviceData$suggesti.body.length)) {
+  if (userHasResponded || config.layoutMode === 'inline' || !serviceData.suggestion || !serviceData.suggestion?.body.length) {
     return events;
   }
 
@@ -3685,12 +3681,10 @@ const selectEventsWithSuggestion = createSelector(seamly_state_hooks_selectState
   return [...events, suggestionsEvent];
 });
 const selectEvents = createSelector(selectEventsWithSuggestion, selectConfig, (events, config) => {
-  var _config$messages;
-
   const {
     enabled,
     threshold
-  } = (config === null || config === void 0 ? void 0 : (_config$messages = config.messages) === null || _config$messages === void 0 ? void 0 : _config$messages.timeIndicator) ?? {};
+  } = config?.messages?.timeIndicator ?? {};
 
   if (!enabled) {
     return events;
@@ -3723,10 +3717,8 @@ const seamly_state_hooks_useSkiplink = () => seamly_state_hooks_useSeamlyStateCo
 const useSeamlyParticipant = participantId => seamly_state_hooks_useSeamlyStateContext().participantInfo.participants[participantId];
 const useSeamlyServiceInfo = () => seamly_state_hooks_useSeamlyStateContext().serviceInfo;
 const selectLastMessageEventId = createSelector(selectEvents, events => {
-  var _filteredEvents;
-
   const filteredEvents = events.filter(event => event.type === 'message');
-  return (_filteredEvents = filteredEvents[filteredEvents.length - 1]) === null || _filteredEvents === void 0 ? void 0 : _filteredEvents.payload.id;
+  return filteredEvents[filteredEvents.length - 1]?.payload.id;
 });
 const useLastMessageEventId = () => useSelector(selectLastMessageEventId);
 const useSeamlyIsHistoryLoaded = () => seamly_state_hooks_useSeamlyStateContext().historyLoaded;
@@ -3883,13 +3875,11 @@ const actions_initialize = visibility_utils_createThunk('initialize', async (loc
     api
   }
 }) => {
-  var _api$store$get;
-
   // initialize stored visibility
   const {
     layoutMode
   } = selectConfig(getState());
-  const storedVisibility = (_api$store$get = api.store.get(StoreKey)) === null || _api$store$get === void 0 ? void 0 : _api$store$get[layoutMode];
+  const storedVisibility = api.store.get(StoreKey)?.[layoutMode];
 
   if (storedVisibility) {
     dispatch(setFromStorage(storedVisibility));
@@ -3927,13 +3917,13 @@ class SeamlyBaseError extends Error {
 
     this.originalError = originalError;
 
-    if (originalError !== null && originalError !== void 0 && originalError.payload) {
+    if (originalError?.payload) {
       this.originalEvent = originalError;
       this.originalError = originalError.payload.error;
       this.message = `Event of type ${originalError.payload.type} encountered`;
     }
 
-    if (originalError !== null && originalError !== void 0 && originalError.error) {
+    if (originalError?.error) {
       this.originalError = originalError.error;
     }
   }
@@ -3982,10 +3972,8 @@ const app_actions_initialize = app_utils_createThunk('initialize', async (_, {
     config
   }
 }) => {
-  var _config$context;
-
   dispatch(initialize(config));
-  let locale = config === null || config === void 0 ? void 0 : (_config$context = config.context) === null || _config$context === void 0 ? void 0 : _config$context.locale;
+  let locale = config?.context?.locale;
 
   try {
     const {
@@ -4012,7 +4000,7 @@ const app_actions_initialize = app_utils_createThunk('initialize', async (_, {
       startChatIcon
     }));
 
-    if (agentParticipant !== null && agentParticipant !== void 0 && agentParticipant.name) {
+    if (agentParticipant?.name) {
       dispatch({
         type: seamly_utils_seamlyActions.SET_HEADER_SUB_TITLE,
         title: agentParticipant.name
@@ -4024,22 +4012,18 @@ const app_actions_initialize = app_utils_createThunk('initialize', async (_, {
 
   try {
     if (api.hasConversation()) {
-      var _initialState$transla;
-
       const initialState = await api.getConversationIntitialState();
       dispatch({
         type: seamly_utils_seamlyActions.SET_INITIAL_STATE,
         initialState
       });
-      locale = ((_initialState$transla = initialState.translation) === null || _initialState$transla === void 0 ? void 0 : _initialState$transla.locale) || locale;
+      locale = initialState.translation?.locale || locale;
 
       if ('userResponded' in initialState) {
         dispatch(setHasResponded(initialState.userResponded));
       }
     } else {
-      var _config$context2, _config$context3;
-
-      if (config !== null && config !== void 0 && (_config$context2 = config.context) !== null && _config$context2 !== void 0 && _config$context2.topic) {
+      if (config?.context?.topic) {
         api.send('action', {
           type: seamly_utils_actionTypes.setTopic,
           body: {
@@ -4051,7 +4035,7 @@ const app_actions_initialize = app_utils_createThunk('initialize', async (_, {
         });
       }
 
-      if (config !== null && config !== void 0 && (_config$context3 = config.context) !== null && _config$context3 !== void 0 && _config$context3.translationLocale) {
+      if (config?.context?.translationLocale) {
         locale = config.context.translationLocale;
         api.send('action', {
           type: seamly_utils_actionTypes.setTranslation,
@@ -4158,9 +4142,7 @@ function utils_validate(values, schema = {}) {
       validations = [validations];
     }
 
-    for (let i = 0; i < ((_validations = validations) === null || _validations === void 0 ? void 0 : _validations.length) ?? 0; i++) {
-      var _validations;
-
+    for (let i = 0; i < validations?.length ?? 0; i++) {
       if (!validations[i].fn(values[key], validations[i].compareValue)) {
         errors[key] = validations[i].errorText;
         break;
@@ -4220,7 +4202,7 @@ const getPropSelector = (propName, orDefault) => (_, props) => props[propName] |
 
 const getState = forms_utils_selectState;
 const selectors_getFormById = createSelector(getState, getPropSelector('formId'), (forms, formId) => forms[formId]);
-const getFormControlsByFormId = createSelector(selectors_getFormById, form => (form === null || form === void 0 ? void 0 : form.controls) || {});
+const getFormControlsByFormId = createSelector(selectors_getFormById, form => form?.controls || {});
 const selectors_getFormValuesByFormId = createSelector(getFormControlsByFormId, controls => {
   const valuesObj = {};
   Object.entries(controls).forEach(([key, {
@@ -4230,16 +4212,8 @@ const selectors_getFormValuesByFormId = createSelector(getFormControlsByFormId,
   });
   return valuesObj;
 });
-const selectors_getControlValueByName = createSelector(getFormControlsByFormId, getPropSelector('name'), (controls, name) => {
-  var _controls$name;
-
-  return (_controls$name = controls[name]) === null || _controls$name === void 0 ? void 0 : _controls$name.value;
-});
-const selectors_getControlTouchedByName = createSelector(getFormControlsByFormId, getPropSelector('name'), (controls, name) => {
-  var _controls$name2;
-
-  return (_controls$name2 = controls[name]) === null || _controls$name2 === void 0 ? void 0 : _controls$name2.touched;
-});
+const selectors_getControlValueByName = createSelector(getFormControlsByFormId, getPropSelector('name'), (controls, name) => controls[name]?.value);
+const selectors_getControlTouchedByName = createSelector(getFormControlsByFormId, getPropSelector('name'), (controls, name) => controls[name]?.touched);
 ;// CONCATENATED MODULE: ./src/javascripts/domains/forms/context.js
 
 const context_FormContext = (0,external_preact_namespaceObject.createContext)({});
@@ -4299,7 +4273,7 @@ function hooks_useFormControl(name) {
     formId,
     name
   }, [formId, name]);
-  const error = errors === null || errors === void 0 ? void 0 : errors[name];
+  const error = errors?.[name];
   const isValid = !error;
   useEffect(() => {
     // Make sure the form is registered
@@ -4400,11 +4374,9 @@ function provider_FormProvider(_ref) {
     });
   }, [setExternalErrors]);
   const handleSubmit = useCallback(e => {
-    var _e$submitter;
-
     e.preventDefault(); // If the submitter is set to being aria-disabled, block the submit action
 
-    const ariaDisabled = ((_e$submitter = e.submitter) === null || _e$submitter === void 0 ? void 0 : _e$submitter.ariaDisabled) === 'true';
+    const ariaDisabled = e.submitter?.ariaDisabled === 'true';
     setIsSubmitted(!ariaDisabled);
 
     if (!ariaDisabled && validationIsValid) {
@@ -4471,9 +4443,7 @@ const initialControlState = {
 };
 
 function updateFormControl(state, formId, name, controlState) {
-  var _state$formId;
-
-  const currentControlState = ((_state$formId = state[formId]) === null || _state$formId === void 0 ? void 0 : _state$formId.controls[name]) || initialControlState;
+  const currentControlState = state[formId]?.controls[name] || initialControlState;
   return reducer_objectSpread(reducer_objectSpread({}, state), {}, {
     [formId]: reducer_objectSpread(reducer_objectSpread({}, state[formId]), {}, {
       controls: reducer_objectSpread(reducer_objectSpread({}, state[formId].controls), {}, {
@@ -4501,11 +4471,9 @@ function updateFormControl(state, formId, name, controlState) {
   [deregisterForm]: (state, {
     formId
   }) => {
-    var _newState$formId;
-
     const newState = reducer_objectSpread({}, state);
 
-    if (!((_newState$formId = newState[formId]) !== null && _newState$formId !== void 0 && _newState$formId.persistData)) {
+    if (!newState[formId]?.persistData) {
       delete newState[formId];
     }
 
@@ -6825,21 +6793,19 @@ function hooks_useTranslations() {
 function useTranslatedEventData({
   payload
 } = {}) {
-  var _translatedBody, _translatedBody2, _translatedBody3;
-
-  const payloadId = payload === null || payload === void 0 ? void 0 : payload.id;
+  const payloadId = payload?.id;
   let body;
   let translatedBody;
 
-  switch (payload === null || payload === void 0 ? void 0 : payload.type) {
+  switch (payload?.type) {
     case 'participant':
       body = payload.participant.introduction;
       translatedBody = payload.participant.translatedIntroduction;
       break;
 
     default:
-      body = payload === null || payload === void 0 ? void 0 : payload.body;
-      translatedBody = payload === null || payload === void 0 ? void 0 : payload.translatedBody;
+      body = payload?.body;
+      translatedBody = payload?.translatedBody;
   }
 
   const hasTranslation = !!translatedBody;
@@ -6854,12 +6820,12 @@ function useTranslatedEventData({
       dispatch(Actions.enableEvent(payloadId));
     }
   }, [isTranslated, payloadId, dispatch]);
-  return [hasTranslation && isTranslated ? (_translatedBody = translatedBody) === null || _translatedBody === void 0 ? void 0 : _translatedBody.data : body, {
+  return [hasTranslation && isTranslated ? translatedBody?.data : body, {
     hasTranslation,
     isTranslated: isTranslated && hasTranslation,
     toggleTranslation,
-    translatedBy: (_translatedBody2 = translatedBody) === null || _translatedBody2 === void 0 ? void 0 : _translatedBody2.translatedBy,
-    locale: (_translatedBody3 = translatedBody) === null || _translatedBody3 === void 0 ? void 0 : _translatedBody3.locale
+    translatedBy: translatedBody?.translatedBy,
+    locale: translatedBody?.locale
   }];
 }
 function hooks_useTranslationsContainer() {
@@ -6874,11 +6840,7 @@ function hooks_useLocaleNativeName(locale) {
   const {
     languages
   } = hooks_useTranslations();
-  return useMemo(() => {
-    var _languages$find;
-
-    return languages === null || languages === void 0 ? void 0 : (_languages$find = languages.find(lang => lang.locale === locale)) === null || _languages$find === void 0 ? void 0 : _languages$find.nativeName;
-  }, [locale, languages]);
+  return useMemo(() => languages?.find(lang => lang.locale === locale)?.nativeName, [locale, languages]);
 }
 ;// CONCATENATED MODULE: ./src/javascripts/domains/translations/middleware.js
 
@@ -6889,20 +6851,18 @@ function middleware_createMiddleware() {
     dispatch,
     getState
   }) => next => action => {
-    var _action$history, _action$history$trans, _action$initialState, _action$initialState$, _action$event, _action$event$payload, _action$event$payload2;
-
     const result = next(action);
 
     switch (action.type) {
       case String(seamlyActions.SET_HISTORY):
-        if ((_action$history = action.history) !== null && _action$history !== void 0 && (_action$history$trans = _action$history.translation) !== null && _action$history$trans !== void 0 && _action$history$trans.enabled) {
+        if (action.history?.translation?.enabled) {
           dispatch(Actions.enable(action.history.translation.locale));
         }
 
         break;
 
       case String(seamlyActions.SET_INITIAL_STATE):
-        if ((_action$initialState = action.initialState) !== null && _action$initialState !== void 0 && (_action$initialState$ = _action$initialState.translation) !== null && _action$initialState$ !== void 0 && _action$initialState$.enabled) {
+        if (action.initialState?.translation?.enabled) {
           dispatch(Actions.enable(action.initialState.translation.locale));
           dispatch(I18nActions.setLocale(action.locale));
         }
@@ -6910,7 +6870,7 @@ function middleware_createMiddleware() {
         break;
 
       case String(seamlyActions.ADD_EVENT):
-        if (action.event.type === 'info' && ((_action$event = action.event) === null || _action$event === void 0 ? void 0 : (_action$event$payload = _action$event.payload) === null || _action$event$payload === void 0 ? void 0 : (_action$event$payload2 = _action$event$payload.body) === null || _action$event$payload2 === void 0 ? void 0 : _action$event$payload2.subtype) === 'new_translation' && action.event.payload.body.translationEnabled) {
+        if (action.event.type === 'info' && action.event?.payload?.body?.subtype === 'new_translation' && action.event.payload.body.translationEnabled) {
           dispatch(I18nActions.setLocale(action.event.payload.body.translationLocale));
         }
 
@@ -6947,9 +6907,7 @@ const translations_reducer_initialState = {
 };
 /* harmony default export */ const translations_reducer = (translations_utils_createReducer({
   [seamly_utils_seamlyActions.SET_FEATURES]: (state, action) => {
-    var _action$features;
-
-    const feature = action === null || action === void 0 ? void 0 : (_action$features = action.features) === null || _action$features === void 0 ? void 0 : _action$features.translation;
+    const feature = action?.features?.translation;
 
     if (!feature) {
       return state;
@@ -8347,7 +8305,7 @@ const StyleGuideApp = ({
         showFaq
       }),
       headerTitles: app_objectSpread(app_objectSpread({}, bareState.headerTitles), {}, {
-        subTitle: (agent === null || agent === void 0 ? void 0 : agent.name) || bareState.headerTitles.subTitle
+        subTitle: agent?.name || bareState.headerTitles.subTitle
       })
     });