tycho-components 0.43.0 → 0.43.1

package/dist/configs/localization/HelpTexts.js

@@ -5,7 +5,7 @@ export const HelpTexts = {
         'title.tour': 'Live Tour',
         'title.autoOpen': 'Enable Auto-Open',
         'button.tour': 'Start Live Tour',
-        'button.updateLiveTourPreference': 'Update your live tour preference',
+        'button.updateLiveTourPreference': 'Update preference',
         'description.tutorials': 'Access our comprehensive tutorials and documentation',
         'description.tour': 'Start an interactive tour of the platform or enable it to open automatically',
         'checkbox.autoOpen': 'Enable Auto-Open',
@@ -17,7 +17,7 @@ export const HelpTexts = {
         'title.tour': 'Tour ao Vivo',
         'title.autoOpen': 'Ativar Abertura Automática',
         'button.tour': 'Iniciar Tour ao Vivo',
-        'button.updateLiveTourPreference': 'Atualizar sua preferência de tour ao vivo',
+        'button.updateLiveTourPreference': 'Atualizar preferência',
         'description.tutorials': 'Acesse nossos tutoriais abrangentes e documentação',
         'description.tour': 'Inicie um tour interativo da plataforma ou ative para abrir automaticamente',
         'checkbox.autoOpen': 'Ativar Abertura Automática',
@@ -27,7 +27,7 @@ export const HelpTexts = {
         'modal.title': 'Centro Assistenza',
         'title.tutorials': 'Tutorial',
         'button.tour': 'Avvia Tour Interattivo',
-        'button.updateLiveTourPreference': 'Aggiorna la preferenza del tour interattivo',
+        'button.updateLiveTourPreference': 'Aggiorna la preferenza',
         'title.tour': 'Tour Interattivo',
         'title.autoOpen': 'Abilita Apertura Automatica',
         'description.tutorials': 'Accedi ai nostri tutorial completi e alla documentazione',

package/dist/shell/Header/HelpButton/HelpModal.js

@@ -2,14 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Button } from 'tycho-storybook';
-import { AppPicture } from '../../../common';
 import AppModal from '../../../common/AppModal/AppModal';
 import CookieStorage from '../../../configs/CookieStorage';
 import ProfileService from '../../../configs/services/ProfileService';
 import { useLoggedUtils } from '../../../configs/useLoggedUtils';
 import { useTourUtils } from '../../../configs/useTourUtils';
 import SecurityUtils from '../../../functions/SecurityUtils';
-import liveTour from './live-tour.png';
 import './style.scss';
 export default function HelpModal({ onClose, helpActions = [] }) {
     const { t } = useTranslation('help');
@@ -65,14 +63,14 @@ export default function HelpModal({ onClose, helpActions = [] }) {
         setAutoOpenEnabled(event.target.checked);
     };
     const actionItems = [
-        {
-            title: t('title.tutorials'),
-            desc: t('description.tutorials'),
-            action: handleTutorials,
-        },
+        // {
+        //   title: t('title.tutorials'),
+        //   desc: t('description.tutorials'),
+        //   action: handleTutorials,
+        // },
         ...helpActions,
     ];
-    return (_jsxs(AppModal, { title: t('modal.title'), close: onClose, hideFooter: true, className: "help-modal", children: [_jsxs("div", { className: "live-tour", children: [_jsx(AppPicture, { src: liveTour }), _jsxs("div", { className: "tour-content", children: [_jsx("div", { className: "title", children: t('title.tour') }), _jsx("div", { className: "desc", children: t('description.tour') }), _jsxs("label", { className: "help-checkbox-label", children: [_jsx("input", { type: "checkbox", checked: autoOpenEnabled, onChange: handleAutoOpenChange, disabled: updatingLiveTour, className: "help-checkbox" }), _jsx("span", { children: t('checkbox.autoOpen') })] }), _jsx(Button, { text: isDisablingAutoOpen
-                                    ? t('button.updateLiveTourPreference')
-                                    : t('button.tour'), size: "small", icon: "keyboard_arrow_right", onClick: handleTourToggle, disabled: updatingLiveTour, "data-tour": "guided-tour-start" })] })] }), _jsx("div", { className: "other-actions", children: actionItems.map((item, idx) => (_jsxs("div", { className: "item", children: [_jsx("div", { className: "title", children: item.title }), _jsx("div", { className: "desc", children: item.desc }), _jsx(Button, { text: t('button.open'), size: "x-small", mode: "outlined", icon: "keyboard_arrow_right", onClick: () => handleCustomAction(item) })] }, idx))) })] }));
+    return (_jsxs(AppModal, { title: t('modal.title'), close: onClose, hideFooter: true, className: "help-modal", children: [_jsxs("div", { className: "item item-tour", children: [_jsx("div", { className: "title", children: t('title.tour') }), _jsx("div", { className: "desc", children: t('description.tour') }), _jsxs("label", { className: "help-checkbox-label", children: [_jsx("input", { type: "checkbox", checked: autoOpenEnabled, onChange: handleAutoOpenChange, disabled: updatingLiveTour, className: "help-checkbox" }), _jsx("span", { children: t('checkbox.autoOpen') })] }), _jsx(Button, { text: isDisablingAutoOpen
+                            ? t('button.updateLiveTourPreference')
+                            : t('button.tour'), size: "small", icon: isDisablingAutoOpen ? 'save' : 'keyboard_arrow_right', onClick: handleTourToggle, disabled: updatingLiveTour, "data-tour": "guided-tour-start" })] }), actionItems.map((item, idx) => (_jsxs("div", { className: "item", children: [_jsx("div", { className: "title", children: item.title }), _jsx("div", { className: "desc", children: item.desc }), _jsx(Button, { text: t('button.open'), size: "small", mode: "outlined", icon: "keyboard_arrow_right", onClick: () => handleCustomAction(item) })] }, idx)))] }));
 }

package/dist/shell/Header/HelpButton/style.scss

@@ -3,84 +3,49 @@
   width: 60vw !important;
 
   .body {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: var(--spacing-200);
 
-    .live-tour {
+    .item {
       display: flex;
+      flex-direction: column;
+      min-width: 0;
       padding: 24px 24px 16px;
       border: 1px solid var(--border-subtle-2);
       border-radius: var(--radius-100);
-      background-color: #ebeff8;
-      gap: 48px;
-
-      .tour-content {
-        display: flex;
-        flex-direction: column;
-        gap: 8px;
-        max-width: 50%;
 
-        > .title {
-          @include subtitle-medium-2;
-        }
+      > .title {
+        @include subtitle-small-2;
+        color: var(--text-primary);
+        margin-bottom: 4px;
+      }
 
-        > .desc {
-          @include body-medium-1;
-          color: var(--text-secondary);
-        }
+      > .desc {
+        @include body-medium-1;
+        color: var(--text-secondary);
       }
 
-      .app-picture-container > img {
-        width: 240px;
-        height: 180px;
+      > .ds-button {
+        margin-top: auto;
       }
+    }
+
+    .item-tour {
+      background-color: #ebeff8;
 
       .help-checkbox-label {
         display: flex;
         align-items: center;
         gap: var(--spacing-100);
         cursor: pointer;
-        user-select: none;
-        font-size: 0.875rem;
-        margin-bottom: 16px;
+        margin: 8px 0;
 
         .help-checkbox {
           cursor: pointer;
         }
       }
     }
-
-    .other-actions {
-      display: grid;
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-      gap: var(--spacing-200);
-
-      .item {
-        display: flex;
-        flex-direction: column;
-        min-width: 0;
-        padding: 24px 24px 16px;
-        border: 1px solid var(--border-subtle-2);
-        border-radius: var(--radius-100);
-
-        > .title {
-          @include subtitle-small-2;
-          color: var(--text-primary);
-          margin-bottom: 4px;
-        }
-
-        > .desc {
-          @include body-medium-1;
-          color: var(--text-secondary);
-          margin-bottom: 24px;
-        }
-
-        > .ds-button {
-          margin-top: auto;
-        }
-      }
-    }
   }
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.43.0",
+  "version": "0.43.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {