@bigbinary/neeto-themes-frontend 3.1.23 → 3.1.25

package/dist/cjs/NeetoThemesBuilder.js

@@ -32,6 +32,7 @@ var formik = require('formik');
 var jsxRuntime = require('react/jsx-runtime');
 var Right = require('@bigbinary/neeto-icons/Right');
 var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
+var Radio = require('@bigbinary/neetoui/formik/Radio');
 var i18next = require('i18next');
 var CenterAlign = require('@bigbinary/neeto-icons/CenterAlign');
 var LeftAlign = require('@bigbinary/neeto-icons/LeftAlign');
@@ -417,6 +418,62 @@ var CustomCSS = function CustomCSS(_ref) {
   });
 };
 
+var LogoPosition = function LogoPosition() {
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values;
+  var index = neetoCist.findIndexBy({
+    key: "logo_position"
+  }, values.properties);
+  // Do not show this field if the logo_position property is not present.
+  if (index === -1) return null;
+  return /*#__PURE__*/jsxRuntime.jsxs(Radio, {
+    stacked: true,
+    name: "properties[".concat(index, "].value"),
+    label: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+      className: "my-3",
+      component: "span",
+      style: "body2",
+      weight: "semibold",
+      children: t("neetoThemes.build.leftSideBar.themes.logoPosition.title")
+    }),
+    children: [/*#__PURE__*/jsxRuntime.jsx(Radio.Item, {
+      value: "over_left",
+      label: /*#__PURE__*/jsxRuntime.jsxs("span", {
+        className: "flex flex-col gap-1",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+          component: "span",
+          style: "body2",
+          weight: "semibold",
+          children: t("neetoThemes.build.leftSideBar.themes.logoPosition.overLeft")
+        }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          component: "span",
+          style: "body3",
+          weight: "normal",
+          children: t("neetoThemes.build.leftSideBar.themes.logoPosition.overLeftDescription")
+        })]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Radio.Item, {
+      value: "below_left",
+      label: /*#__PURE__*/jsxRuntime.jsxs("span", {
+        className: "flex flex-col gap-1",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+          component: "span",
+          style: "body2",
+          weight: "semibold",
+          children: t("neetoThemes.build.leftSideBar.themes.logoPosition.belowLeft")
+        }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          component: "span",
+          style: "body3",
+          weight: "normal",
+          children: t("neetoThemes.build.leftSideBar.themes.logoPosition.belowLeftDescription")
+        })]
+      })
+    })]
+  });
+};
+
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var buildInitialValues = function buildInitialValues(theme, themePropertiesSchema) {
@@ -512,6 +569,15 @@ var buildInitialValues = function buildInitialValues(theme, themePropertiesSchem
           }, order !== null && {
             order: order
           });
+        case "logo_position":
+          return _objectSpread$3({
+            value: defaultValue,
+            kind: "logo_position",
+            key: key,
+            dependsOn: dependsOn
+          }, order !== null && {
+            order: order
+          });
         default:
           return null;
       }
@@ -1089,6 +1155,7 @@ var ImageBlock = function ImageBlock(_ref) {
 };
 
 var Images = function Images(_ref) {
+  var _values$coverImage;
   var attribute = _ref.attribute,
     className = _ref.className,
     onPropertiesChange = _ref.onPropertiesChange,
@@ -1121,7 +1188,7 @@ var Images = function Images(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx(Properties, {
       onPropertiesChange: onPropertiesChange,
       condition: attribute
-    })]
+    }), key === "logo" && ((_values$coverImage = values.coverImage) === null || _values$coverImage === void 0 ? void 0 : _values$coverImage.url) && /*#__PURE__*/jsxRuntime.jsx(LogoPosition, {})]
   });
 };