@bigbinary/neeto-themes-frontend 3.0.3 → 3.0.4

package/app/javascript/src/translations/en.json

@@ -55,6 +55,10 @@
         "headerTabs": {
           "themes": "Themes"
         },
+        "helpPopover": {
+          "title": "Themes",
+          "description": "Personalize your {{entityType}} to match your brand."
+        },
         "themes": {
           "systemThemes": "System themes",
           "customThemes": "Custom themes",

package/dist/NeetoThemesBuilder.js

@@ -1807,18 +1807,37 @@ var TitleBar = function TitleBar(_ref) {
     themeToEdit = _ref.themeToEdit;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var _useConfigStore = useConfigStore(function (store) {
+      return {
+        entityType: store["entityType"],
+        helpDocUrl: store["helpDocUrl"]
+      };
+    }, shallow),
+    entityType = _useConfigStore.entityType,
+    helpDocUrl = _useConfigStore.helpDocUrl;
   var isCustomCssScreen = isScreenCustomCSS(currentScreen);
   if (currentScreen === DESIGN_SCREENS.THEMES) {
     return /*#__PURE__*/jsx("div", {
       className: "neeto-themes-sidebar__header px-6 lg:px-5 xl:px-6",
       children: /*#__PURE__*/jsxs("div", {
         className: "flex items-center justify-between space-x-2",
-        children: [/*#__PURE__*/jsx(Typography, {
-          "data-cy": "themes-header",
-          lineHeight: "normal",
-          style: "h3",
-          weight: "semibold",
-          children: t("neetoThemes.build.leftSideBar.headerTabs.themes")
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "flex space-x-2",
+          children: [/*#__PURE__*/jsx(Typography, {
+            "data-cy": "themes-header",
+            lineHeight: "normal",
+            style: "h3",
+            weight: "semibold",
+            children: t("neetoThemes.build.leftSideBar.headerTabs.themes")
+          }), /*#__PURE__*/jsx(HelpPopover, {
+            helpLinkProps: helpDocUrl && {
+              href: helpDocUrl
+            },
+            title: t("neetoThemes.build.leftSideBar.helpPopover.title"),
+            description: t("neetoThemes.build.leftSideBar.helpPopover.description", {
+              entityType: entityType
+            })
+          })]
         }), /*#__PURE__*/jsx("div", {
           className: "self-end",
           children: /*#__PURE__*/jsx(Button, {
@@ -2092,6 +2111,8 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
     entityId = _ref.entityId,
     thumbnail = _ref.thumbnail,
     onPropertiesChange = _ref.onPropertiesChange,
+    _ref$helpDocUrl = _ref.helpDocUrl,
+    helpDocUrl = _ref$helpDocUrl === void 0 ? null : _ref$helpDocUrl,
     _ref$isTemplateThemes = _ref.isTemplateThemesEnabled,
     isTemplateThemesEnabled = _ref$isTemplateThemes === void 0 ? false : _ref$isTemplateThemes,
     _ref$onApplyThemeSucc = _ref.onApplyThemeSuccess,
@@ -2126,7 +2147,8 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
     setConfigState({
       entityType: entityType,
       entityId: entityId,
-      isTemplateThemesEnabled: isTemplateThemesEnabled
+      isTemplateThemesEnabled: isTemplateThemesEnabled,
+      helpDocUrl: helpDocUrl
     });
   }, []);
   useEffect(function () {