@bigbinary/neeto-themes-frontend 3.1.25 → 3.1.27

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "موضع الشعار",
             "belowLeft": "أسفل اليسار",
-            "overLeft": "أعلى اليسار"
+            "overLeft": "أعلى اليسار",
+            "belowLeftDescription": "يظهر الشعار مت aligned إلى اليسار أسفل صورة الغلاف",
+            "overLeftDescription": "يتم وضع الشعار فوق الجانب الأيسر من صورة الغلاف"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Позиция на логото",
             "belowLeft": "Под ляво",
-            "overLeft": "Над ляво"
+            "overLeft": "Над ляво",
+            "belowLeftDescription": "Логото се появява под изображението на корицата, подравнено вляво",
+            "overLeftDescription": "Логото покрива лявата страна на изображението на корицата"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Posició del logo",
             "belowLeft": "A sota a l'esquerra",
-            "overLeft": "Sobre l'esquerra"
+            "overLeft": "Sobre l'esquerra",
+            "belowLeftDescription": "El logotip apareix alineat a l'esquerra sota la imatge de portada",
+            "overLeftDescription": "El logotip es superposa al costat esquerre de la imatge de portada"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Pozice loga",
             "belowLeft": "Podleva vlevo",
-            "overLeft": "Nadleva"
+            "overLeft": "Nadleva",
+            "belowLeftDescription": "Logo se zobrazuje vlevo pod obrázkem na pozadí",
+            "overLeftDescription": "Logo se překrývá na levé straně obrázku na pozadí"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Logo position",
             "belowLeft": "Under venstre",
-            "overLeft": "Over venstre"
+            "overLeft": "Over venstre",
+            "belowLeftDescription": "Logo vises venstre justeret under omslagsbilledet",
+            "overLeftDescription": "Logo overlapper venstre side af omslagsbilledet"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Logo-Position",
             "belowLeft": "Unten links",
-            "overLeft": "Über links"
+            "overLeft": "Über links",
+            "belowLeftDescription": "Logo erscheint links unter dem Titelbild",
+            "overLeftDescription": "Logo überlagert die linke Seite des Titelbilds"
           }
         }
       }

package/app/javascript/src/translations/es-MX.json

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Posición del logo",
             "belowLeft": "Debajo a la izquierda",
-            "overLeft": "Sobre a la izquierda"
+            "overLeft": "Sobre a la izquierda",
+            "belowLeftDescription": "El logotipo aparece alineado a la izquierda debajo de la imagen de portada",
+            "overLeftDescription": "El logotipo se superpone al lado izquierdo de la imagen de portada"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Posición del logotipo",
             "belowLeft": "Debajo a la izquierda",
-            "overLeft": "Sobre la izquierda"
+            "overLeft": "Sobre la izquierda",
+            "belowLeftDescription": "El logo aparece alineado a la izquierda debajo de la imagen de portada",
+            "overLeftDescription": "El logo se superpone al lado izquierdo de la imagen de portada"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Logode asend",
             "belowLeft": "All vasakul",
-            "overLeft": "Vasakul üle"
+            "overLeft": "Vasakul üle",
+            "belowLeftDescription": "Logo kuvatakse kattepildi all vasakul",
+            "overLeftDescription": "Logo kattub kattepildi vasaku külje peal"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Logon sijainti",
             "belowLeft": "Alla vasemmalla",
-            "overLeft": "Yllä vasemmalla"
+            "overLeft": "Yllä vasemmalla",
+            "belowLeftDescription": "Logo näkyy vasemmalle tasaamaan kansikuvan alapuolella",
+            "overLeftDescription": "Logo peittää kansikuvan vasenta puolta"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Posisyon ng logo",
             "belowLeft": "Sa ibaba sa kaliwa",
-            "overLeft": "Sa ibabaw sa kaliwa"
+            "overLeft": "Sa ibabaw sa kaliwa",
+            "belowLeftDescription": "Ang logo ay nasa kaliwang bahagi sa ilalim ng larawan ng takip",
+            "overLeftDescription": "Ang logo ay nasa ibabaw ng kaliwang bahagi ng larawan ng takip"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Position du logo",
             "belowLeft": "En dessous à gauche",
-            "overLeft": "Au-dessus à gauche"
+            "overLeft": "Au-dessus à gauche",
+            "belowLeftDescription": "Le logo apparaît aligné à gauche sous l'image de couverture",
+            "overLeftDescription": "Le logo se superpose à la gauche de l'image de couverture"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "लोगो स्थान",
             "belowLeft": "बाईं ओर नीचे",
-            "overLeft": "बाईं ओर ऊपर"
+            "overLeft": "बाईं ओर ऊपर",
+            "belowLeftDescription": "लोगो कवर इमेज के नीचे बाईं ओर संरेखित है",
+            "overLeftDescription": "लोगो कवर इमेज के बाईं ओर स्थित है"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Pozicija logotipa",
             "belowLeft": "Ispod lijevo",
-            "overLeft": "Iznad lijevo"
+            "overLeft": "Iznad lijevo",
+            "belowLeftDescription": "Logo se pojavljuje lijevo poravnat ispod naslovne slike",
+            "overLeftDescription": "Logo prekriva lijevu stranu naslovne slike"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Posisi logo",
             "belowLeft": "Di bawah kiri",
-            "overLeft": "Di atas kiri"
+            "overLeft": "Di atas kiri",
+            "belowLeftDescription": "Logo muncul di sebelah kiri di bawah gambar sampul",
+            "overLeftDescription": "Logo menutupi sisi kiri gambar sampul"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Posizione del logo",
             "belowLeft": "Sotto a sinistra",
-            "overLeft": "Sopra a sinistra"
+            "overLeft": "Sopra a sinistra",
+            "belowLeftDescription": "Il logo appare allineato a sinistra sotto l'immagine di copertura",
+            "overLeftDescription": "Il logo si sovrappone al lato sinistro dell'immagine di copertura"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "ロゴの位置",
             "belowLeft": "左下",
-            "overLeft": "左上"
+            "overLeft": "左上",
+            "belowLeftDescription": "ロゴはカバー画像の下に左寄せで表示されます",
+            "overLeftDescription": "ロゴはカバー画像の左側に重ねて表示されます"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "로고 위치",
             "belowLeft": "왼쪽 아래",
-            "overLeft": "왼쪽 위"
+            "overLeft": "왼쪽 위",
+            "belowLeftDescription": "로고가 커버 이미지 아래의 왼쪽 정렬로 표시됩니다.",
+            "overLeftDescription": "로고가 커버 이미지의 왼쪽에 겹쳐서 표시됩니다."
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Logo positie",
             "belowLeft": "Onder links",
-            "overLeft": "Boven links"
+            "overLeft": "Boven links",
+            "belowLeftDescription": "Logo verschijnt links uitgelijnd onder de omslagafbeelding",
+            "overLeftDescription": "Logo ligt bovenop de linkerkant van de omslagafbeelding"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Pozycja logo",
             "belowLeft": "Pod lewym",
-            "overLeft": "Nad lewym"
+            "overLeft": "Nad lewym",
+            "belowLeftDescription": "Logo pojawia się wyrównany do lewej pod obrazem tła",
+            "overLeftDescription": "Logo nakłada się na lewą stronę obrazu tła"
           }
         }
       }

package/app/javascript/src/translations/pt-BR.json

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Posição do logo",
             "belowLeft": "Abaixo à esquerda",
-            "overLeft": "Sobre à esquerda"
+            "overLeft": "Sobre à esquerda",
+            "belowLeftDescription": "O logotipo aparece alinhado à esquerda abaixo da imagem de capa",
+            "overLeftDescription": "O logotipo sobrepõe o lado esquerdo da imagem de capa"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Posição do logo",
             "belowLeft": "Abaixo à esquerda",
-            "overLeft": "Acima à esquerda"
+            "overLeft": "Acima à esquerda",
+            "belowLeftDescription": "O logotipo aparece alinhado à esquerda abaixo da imagem de capa",
+            "overLeftDescription": "O logotipo sobrepõe o lado esquerdo da imagem de capa"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Poziția logo-ului",
             "belowLeft": "Sub stânga",
-            "overLeft": "Deasupra stânga"
+            "overLeft": "Deasupra stânga",
+            "belowLeftDescription": "Logo apare aliniat la stânga sub imaginea de copertă",
+            "overLeftDescription": "Logo se suprapune pe partea stângă a imaginii de copertă"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Положение логотипа",
             "belowLeft": "Снизу слева",
-            "overLeft": "Над слева"
+            "overLeft": "Над слева",
+            "belowLeftDescription": "Логотип отображается выровненным по левому краю под изображением обложки",
+            "overLeftDescription": "Логотип накладывается на левую сторону изображения обложки"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Pozícia loga",
             "belowLeft": "Podľa možnosti vľavo",
-            "overLeft": "Nad možnosťou vľavo"
+            "overLeft": "Nad možnosťou vľavo",
+            "belowLeftDescription": "Logo sa zobrazuje zarovnane vľavo pod obrázkom na pozadí",
+            "overLeftDescription": "Logo sa prekrýva s ľavou stranou obrázka na pozadí"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Položaj logotipa",
             "belowLeft": "Spodaj levo",
-            "overLeft": "Nad levo"
+            "overLeft": "Nad levo",
+            "belowLeftDescription": "Logo se prikaže levo poravnano pod sliko naslovnice",
+            "overLeftDescription": "Logo se prekriva z levo stranjo slike naslovnice"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Logotypens position",
             "belowLeft": "Nedanför vänster",
-            "overLeft": "Över vänster"
+            "overLeft": "Över vänster",
+            "belowLeftDescription": "Logotypen visas vänsterjusterad under omslagsbilden",
+            "overLeftDescription": "Logotypen överlagras på vänster sida av omslagsbilden"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "ตำแหน่งโลโก้",
             "belowLeft": "ด้านล่างซ้าย",
-            "overLeft": "เหนือซ้าย"
+            "overLeft": "เหนือซ้าย",
+            "belowLeftDescription": "โลโก้จะปรากฏที่ด้านซ้ายใต้รูปภาพปก",
+            "overLeftDescription": "โลโก้จะทับซ้อนอยู่ที่ด้านซ้ายของรูปภาพปก"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Logo konumu",
             "belowLeft": "Sol aşağıda",
-            "overLeft": "Sol üstte"
+            "overLeft": "Sol üstte",
+            "belowLeftDescription": "Logo, kapak resminin altında sola hizalanmış olarak görünür",
+            "overLeftDescription": "Logo, kapak resminin sol tarafına üst üste gelir"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Позиція логотипу",
             "belowLeft": "Знизу зліва",
-            "overLeft": "Зверху зліва"
+            "overLeft": "Зверху зліва",
+            "belowLeftDescription": "Логотип розташований зліва під зображенням обкладинки",
+            "overLeftDescription": "Логотип накладається на ліву сторону зображення обкладинки"
           }
         }
       }

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

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "Vị trí logo",
             "belowLeft": "Bên dưới bên trái",
-            "overLeft": "Bên trên bên trái"
+            "overLeft": "Bên trên bên trái",
+            "belowLeftDescription": "Logo xuất hiện căn trái bên dưới hình bìa",
+            "overLeftDescription": "Logo phủ lên bên trái của hình bìa"
           }
         }
       }

package/app/javascript/src/translations/zh-CN.json

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "徽标位置",
             "belowLeft": "左下方",
-            "overLeft": "左上方"
+            "overLeft": "左上方",
+            "belowLeftDescription": "徽标在封面图片下方左对齐",
+            "overLeftDescription": "徽标覆盖在封面图片的左侧"
           }
         }
       }

package/app/javascript/src/translations/zh-TW.json

@@ -92,7 +92,9 @@
           "logoPosition": {
             "title": "標誌位置",
             "belowLeft": "左下方",
-            "overLeft": "左上方"
+            "overLeft": "左上方",
+            "belowLeftDescription": "標誌出現在封面圖片下方並左對齊",
+            "overLeftDescription": "標誌覆蓋在封面圖片的左側"
           }
         }
       }

package/dist/NeetoThemesBuilder.js

@@ -4,10 +4,10 @@ import { hyphenate, isPresent, findBy, findIndexBy, isNot, filterBy, snakeToCame
 import { useMutationWithInvalidation, useBreakpoints, PageTitle } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { useTranslation, Trans } from 'react-i18next';
-import { B as BASE_URL, b as scrollElementIntoView, c as setCustomCSS, g as getDominantColorFromUrl, i as isEditThemeRoute, d as isFunction, e as isNewThemeRoute } from './index-CFGmwZqT.js';
+import { B as BASE_URL, b as scrollElementIntoView, c as setCustomCSS, g as getDominantColorFromUrl, i as isEditThemeRoute, d as isFunction, e as isNewThemeRoute } from './index-BTTf3ejM.js';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 import axios from 'axios';
-import { Q as QUERY_KEYS, a as useConfigStore, b as useThemeStore, u as useThemeUtils, P as POSITION_OPTIONS, O as OVERLAY_OPACITY_SLIDER_MARKS, H as HUNDRED, F as FONT_OPTIONS, T as THEME_VALIDATION_SCHEMA } from './useThemeUtils-BKRToQhH.js';
+import { Q as QUERY_KEYS, a as useConfigStore, b as useThemeStore, u as useThemeUtils, P as POSITION_OPTIONS, O as OVERLAY_OPACITY_SLIDER_MARKS, H as HUNDRED, F as FONT_OPTIONS, T as THEME_VALIDATION_SCHEMA } from './useThemeUtils-B0Tbg01J.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classnames from 'classnames';
 import { joinHyphenCase, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
@@ -267,7 +267,8 @@ var Card$2 = function Card(_ref) {
     children = _ref.children,
     name = _ref.name,
     className = _ref.className,
-    helpPopoverProps = _ref.helpPopoverProps;
+    helpPopoverProps = _ref.helpPopoverProps,
+    required = _ref.required;
   var _useConfigStore = useConfigStore(function (store) {
       return {
         accordionOpenState: store["accordionOpenState"],
@@ -295,7 +296,11 @@ var Card$2 = function Card(_ref) {
         lineHeight: "normal",
         style: "h4",
         weight: "semibold",
-        children: [title, isPresent(helpPopoverProps) && /*#__PURE__*/jsx(HelpPopover, _objectSpread$4({}, helpPopoverProps))]
+        children: [title, required && /*#__PURE__*/jsx("span", {
+          "aria-hidden": true,
+          className: "-ml-1",
+          children: "*"
+        }), isPresent(helpPopoverProps) && /*#__PURE__*/jsx(HelpPopover, _objectSpread$4({}, helpPopoverProps))]
       }), /*#__PURE__*/jsx(Right, {
         size: 20,
         className: classnames("transition-all duration-300", {
@@ -1204,6 +1209,7 @@ var ThemeMeta = function ThemeMeta(_ref) {
     nameHelpPopoverProps = _helpPopoverProps$nam === void 0 ? {} : _helpPopoverProps$nam;
   return /*#__PURE__*/jsx(Card$2, {
     className: className,
+    required: true,
     helpPopoverProps: nameHelpPopoverProps,
     name: "name",
     title: t("neetoThemes.common.name"),
@@ -1657,7 +1663,7 @@ var Card = function Card(_ref) {
         children: [/*#__PURE__*/jsxs("div", {
           className: "flex items-center space-x-2",
           children: [/*#__PURE__*/jsx(Typography, {
-            className: "line-clamp-2 min-w-0 flex-grow break-words pt-1",
+            className: "line-clamp-2 min-w-0 flex-grow wrap-anywhere pt-1",
             "data-cy": "theme-name",
             lineHeight: "snug",
             style: "body2",
@@ -2329,10 +2335,10 @@ var NeetoThemesBuilder = function NeetoThemesBuilder(_ref) {
     window.addEventListener("orientationchange", setViewportHeight);
     window.addEventListener("scroll", setViewportHeight);
     return function () {
-      window.addEventListener("load", setViewportHeight);
+      window.removeEventListener("load", setViewportHeight);
       window.removeEventListener("resize", setViewportHeight);
       window.removeEventListener("orientationchange", setViewportHeight);
-      window.addEventListener("scroll", setViewportHeight);
+      window.removeEventListener("scroll", setViewportHeight);
     };
   }, []);
   return /*#__PURE__*/jsxs("div", {