@bigbinary/neeto-themes-frontend 1.1.17 → 1.1.19

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

@@ -28,12 +28,12 @@
     },
     "alerts": {
       "title": {
-        "deleteTheme": "Confirm delete theme"
+        "deleteTheme": "Confirm theme deletion"
       },
       "message": {
-        "deleteTheme_zero": "You are permanently deleting the \"{{name, anyCase}}\" theme. Are you sure you want to proceed?",
-        "deleteTheme_one": "You are permanently deleting the \"{{name, anyCase}}\" theme. This theme is being used in one {{entityType, anyCase}}. {{entityType, anyCase}} using this theme would fall back to using the default \"Plain blue\" theme. Are you sure you want to proceed?",
-        "deleteTheme_other": "You are permanently deleting the \"{{name, anyCase}}\" theme. This theme is being used in {{count}} {{entityType, anyCase}}. {{entityType, anyCase}}s using this theme would fall back to using the default \"Plain blue\" theme. Are you sure you want to proceed?"
+        "deleteTheme_zero": "You are permanently deleting the theme \"{{name, anyCase}}\". Are you sure you want to proceed?",
+        "deleteTheme_one": "You are permanently deleting the theme \"{{name, anyCase}}\". This theme is being used in one {{entityType, anyCase}}. {{entityType, anyCase}} using this theme would fall back to using the default theme \"Plain blue\". Are you sure you want to proceed?",
+        "deleteTheme_other": "You are permanently deleting the theme \"{{name, anyCase}}\". This theme is being used in {{count}} {{entityType, anyCase}}. {{entityType, anyCase}}s using this theme would fall back to using the default theme \"Plain blue\". Are you sure you want to proceed?"
       }
     },
     "build": {

package/dist/index.cjs.js

@@ -811,6 +811,84 @@ var OVERLAY_OPACITY_SLIDER_MARKS = {
 };
 var HUNDRED = 100;
 
+var buildInitialValues = function buildInitialValues(theme, themeConfig) {
+  if (neetoCist.isPresent(theme)) return theme;
+  return {
+    name: i18next.t("neetoThemes.build.leftSideBar.themes.createTheme.newThemeName"),
+    properties: themeConfig.map(function (_ref) {
+      var key = _ref.key,
+        kind = _ref.kind,
+        defaultValue = _ref.defaultValue;
+      switch (kind) {
+        case "color":
+          return {
+            value: defaultValue,
+            kind: "color",
+            key: key
+          };
+        case "font_family":
+          return {
+            value: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
+            kind: "font_family",
+            key: key
+          };
+        case "overlay_opacity":
+          return {
+            value: 0,
+            kind: "overlay_opacity",
+            key: key
+          };
+        case "slider":
+          return {
+            value: 0,
+            kind: "slider",
+            key: key
+          };
+        case "boolean":
+          return {
+            value: false,
+            kind: "boolean",
+            key: key
+          };
+        default:
+          return null;
+      }
+    }).filter(neetoCist.isNot(null))
+  };
+};
+var buildImageData = function buildImageData(values, themeConfig) {
+  return neetoCist.filterBy({
+    kind: "image"
+  }, themeConfig).reduce(function (acc, item) {
+    var _values$snakeToCamelC;
+    var signedId = (_values$snakeToCamelC = values[neetoCist.snakeToCamelCase(item.key)]) === null || _values$snakeToCamelC === void 0 ? void 0 : _values$snakeToCamelC.signedId;
+    acc[item.key] = signedId;
+    return acc;
+  }, {});
+};
+var isPropertyVisible = function isPropertyVisible(key, formikValues, themeConfig) {
+  var _findBy;
+  var property = neetoCist.findBy({
+    key: key
+  }, themeConfig);
+  if (neetoCist.isNotPresent(property)) return false;
+  var conditionalKey = property === null || property === void 0 ? void 0 : property.dependsOn;
+  if (neetoCist.isNotPresent(conditionalKey)) return true;
+  var dependentProperty = neetoCist.findBy({
+    key: conditionalKey
+  }, themeConfig);
+  if (dependentProperty.kind === "image") {
+    var _formikValues$snakeTo;
+    return neetoCist.isPresent((_formikValues$snakeTo = formikValues[neetoCist.snakeToCamelCase(conditionalKey)]) === null || _formikValues$snakeTo === void 0 ? void 0 : _formikValues$snakeTo.url);
+  }
+  return neetoCist.isPresent((_findBy = neetoCist.findBy({
+    key: conditionalKey
+  }, formikValues.properties)) === null || _findBy === void 0 ? void 0 : _findBy.value);
+};
+var buildLabel = function buildLabel(key, kind) {
+  return i18next.t("neetoThemes.properties.".concat(neetoCist.snakeToCamelCase(kind), ".").concat(neetoCist.snakeToCamelCase(key)));
+};
+
 var Card$2 = function Card(_ref) {
   var _ref$title = _ref.title,
     title = _ref$title === void 0 ? "" : _ref$title,
@@ -6997,7 +7075,7 @@ var Images = function Images(_ref) {
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values;
   var key = neetoCist.snakeToCamelCase(attribute);
-  var title = neetoCist.humanize(key);
+  var title = buildLabel(key, "image");
   var imageData = values[key];
   return /*#__PURE__*/jsxRuntime.jsx(Card$2, {
     title: title,
@@ -7011,84 +7089,6 @@ var Images = function Images(_ref) {
   });
 };
 
-var buildInitialValues = function buildInitialValues(theme, themeConfig) {
-  if (neetoCist.isPresent(theme)) return theme;
-  return {
-    name: i18next.t("neetoThemes.build.leftSideBar.themes.createTheme.newThemeName"),
-    properties: themeConfig.map(function (_ref) {
-      var key = _ref.key,
-        kind = _ref.kind,
-        defaultValue = _ref.defaultValue;
-      switch (kind) {
-        case "color":
-          return {
-            value: defaultValue,
-            kind: "color",
-            key: key
-          };
-        case "font_family":
-          return {
-            value: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
-            kind: "font_family",
-            key: key
-          };
-        case "overlay_opacity":
-          return {
-            value: 0,
-            kind: "overlay_opacity",
-            key: key
-          };
-        case "slider":
-          return {
-            value: 0,
-            kind: "slider",
-            key: key
-          };
-        case "boolean":
-          return {
-            value: false,
-            kind: "boolean",
-            key: key
-          };
-        default:
-          return null;
-      }
-    }).filter(neetoCist.isNot(null))
-  };
-};
-var buildImageData = function buildImageData(values, themeConfig) {
-  return neetoCist.filterBy({
-    kind: "image"
-  }, themeConfig).reduce(function (acc, item) {
-    var _values$snakeToCamelC;
-    var signedId = (_values$snakeToCamelC = values[neetoCist.snakeToCamelCase(item.key)]) === null || _values$snakeToCamelC === void 0 ? void 0 : _values$snakeToCamelC.signedId;
-    acc[item.key] = signedId;
-    return acc;
-  }, {});
-};
-var isPropertyVisible = function isPropertyVisible(key, formikValues, themeConfig) {
-  var _findBy;
-  var property = neetoCist.findBy({
-    key: key
-  }, themeConfig);
-  if (neetoCist.isNotPresent(property)) return false;
-  var conditionalKey = property === null || property === void 0 ? void 0 : property.dependsOn;
-  if (neetoCist.isNotPresent(conditionalKey)) return true;
-  var dependentProperty = neetoCist.findBy({
-    key: conditionalKey
-  }, themeConfig);
-  if (dependentProperty.kind === "image") {
-    var _formikValues$snakeTo;
-    return neetoCist.isPresent((_formikValues$snakeTo = formikValues[neetoCist.snakeToCamelCase(conditionalKey)]) === null || _formikValues$snakeTo === void 0 ? void 0 : _formikValues$snakeTo.url);
-  }
-  return neetoCist.isPresent((_findBy = neetoCist.findBy({
-    key: conditionalKey
-  }, formikValues.properties)) === null || _findBy === void 0 ? void 0 : _findBy.value);
-};
-var buildLabel = function buildLabel(key, kind) {
-  return i18next.t("neetoThemes.properties.".concat(neetoCist.snakeToCamelCase(kind), ".").concat(neetoCist.snakeToCamelCase(key)));
-};
-
 var ColorBlock = function ColorBlock(_ref) {
   var label = _ref.label,
     _ref$color = _ref.color,