@fonixtree/magic-design 1.0.64 → 1.0.66

package/lib/core/Designer/ToolBarModal/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.fontWeightList = exports.fontSizeList = exports.fontFamilyList = exports["default"] = exports.OpenSansFontWeightList = void 0;
+exports.fontWeightList = exports.fontSizeList = exports.fontFamilyList = exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -13,6 +13,8 @@ var _ToolBtn = _interopRequireDefault(require("./ToolBtn"));
 
 var _coreUtil = require("../../../utils/coreUtil");
 
+var _UnderlineSelect = _interopRequireDefault(require("../../../meta-comp/config-panels/TextConfig/UnderlineSelect"));
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -67,17 +69,6 @@ var fontWeightList = [{
   value: '700'
 }];
 exports.fontWeightList = fontWeightList;
-var OpenSansFontWeightList = [{
-  name: 'Regular',
-  value: '400'
-}, {
-  name: 'Semibold',
-  value: '600'
-}, {
-  name: 'Bold',
-  value: '700'
-}];
-exports.OpenSansFontWeightList = OpenSansFontWeightList;
 
 var ToolBarModal =
 /** @class */
@@ -91,7 +82,6 @@ function (_super) {
       quillFormat: {}
     };
     _this.toolBarRef = /*#__PURE__*/_react["default"].createRef();
-    _this.selectedTextLength = 0;
 
     _this.setToolBarPosition = function () {
       var _a = _this.props.quillRef.container.getBoundingClientRect(),
@@ -111,8 +101,6 @@ function (_super) {
       var range = _this.props.quillRef.getSelection();
 
       if (range) {
-        _this.selectedTextLength = range.length;
-
         var quillFormat = _this.props.quillRef.getFormat();
 
         console.log('quillFormat: ', quillFormat);
@@ -120,8 +108,6 @@ function (_super) {
         _this.setState({
           quillFormat: quillFormat
         });
-      } else {
-        if (_this.selectedTextLength === 0) _this.props.quillRef.setSelection(0, _this.props.quillRef.getLength());
       }
     };
 
@@ -153,15 +139,17 @@ function (_super) {
 
         _this.props.quillRef.format('list', currentListType == 'bullet' ? '' : 'bullet');
       } else if (type == 'link') {
-        _this.props.quillRef.format('link', JSON.stringify(value));
+        if (window.magicDesign.outputType === 'html') {
+          _this.props.quillRef.format('link', value.name);
+        } else {
+          _this.props.quillRef.format('link', JSON.stringify(value));
+        }
       } else if (type == 'size') {
         _this.props.quillRef.format('size', value + 'px');
       } else if (type == 'font') {
         _this.props.quillRef.format('font', value);
       } else if (type == 'font-weight') {
         _this.props.quillRef.format('font-weight', value);
-      } else if (type == 'text-align') {
-        _this.props.quillRef.format('text-align', value);
       } else if (type == 'font-style') {
         _this.props.quillRef.format('font-style', 'italic' === quillFormat['font-style'] ? '' : 'italic');
       } else if (type == 'font-family') {
@@ -171,32 +159,22 @@ function (_super) {
 
         _this.props.quillRef.format('text-decoration-style', value);
       } else if (type == 'bullet') {
-        _this.props.quillRef.setSelection(0, _this.props.quillRef.getLength());
-
-        if (!value || value === quillFormat['list-style-type']) {
-          _this.props.quillRef.format('list-style-type', '');
+        _this.props.quillRef.format('list-style-type', value);
 
+        if (value === quillFormat['list-style-type']) {
           _this.props.quillRef.format('list', '');
         } else {
-          _this.props.quillRef.format('list-style-type', value);
-
           _this.props.quillRef.format('list', 'bullet');
         }
       } else if (type == 'ordered') {
-        _this.props.quillRef.setSelection(0, _this.props.quillRef.getLength());
-
-        if (!value || value === quillFormat['list-style-type']) {
-          _this.props.quillRef.format('list-style-type', '');
+        _this.props.quillRef.format('list-style-type', value);
 
+        if (value === quillFormat['list-style-type']) {
           _this.props.quillRef.format('list', '');
         } else {
-          _this.props.quillRef.format('list-style-type', value);
-
           _this.props.quillRef.format('list', 'ordered');
         }
       } else if (type == 'text-decoration-color') {
-        _this.props.quillRef.setSelection(0, _this.props.quillRef.getLength());
-
         if (value) {
           _this.props.quillRef.format('underline', true);
         } else {
@@ -233,9 +211,6 @@ function (_super) {
     var _this = this;
 
     var quillFormat = this.state.quillFormat;
-
-    var _fontWeightList = quillFormat['font-family'] === 'OpenSans' ? OpenSansFontWeightList : fontWeightList;
-
     return /*#__PURE__*/_react["default"].createElement("div", {
       ref: this.toolBarRef,
       className: "toolbar-wrap"
@@ -270,7 +245,7 @@ function (_super) {
         width: '150px'
       },
       value: quillFormat['font-weight']
-    }, _fontWeightList.map(function (v) {
+    }, fontWeightList.map(function (v) {
       return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         label: v.name,
         value: v.value
@@ -292,7 +267,20 @@ function (_super) {
         label: v.name,
         value: v
       }, v, "px");
-    })))), /*#__PURE__*/_react["default"].createElement("div", {
+    }))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tool-item"
+    }, /*#__PURE__*/_react["default"].createElement(_UnderlineSelect["default"], {
+      onChange: function onChange(v) {
+        _this.onToolBtnClick('text-decoration-style', v);
+      },
+      placeholder: "Underline Style",
+      repeatCount: 28,
+      size: "small",
+      style: {
+        width: '140px'
+      },
+      value: quillFormat['text-decoration-style']
+    }))), /*#__PURE__*/_react["default"].createElement("div", {
       className: "toolbar-row"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "tool-item"
@@ -317,10 +305,6 @@ function (_super) {
         _this.onToolBtnClick('text-decoration-color', value);
       },
       type: "text-decoration-color",
-      underlineOnChange: function underlineOnChange(value) {
-        return _this.onToolBtnClick('text-decoration-style', value);
-      },
-      underlineValue: quillFormat['text-decoration-style'],
       value: {
         color: quillFormat['text-decoration-color']
       }
@@ -370,32 +354,6 @@ function (_super) {
       className: "tooll-line"
     }), /*#__PURE__*/_react["default"].createElement("div", {
       className: "tool-item"
-    }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
-      active: quillFormat['text-align'] === 'left',
-      onChange: function onChange() {
-        _this.onToolBtnClick('text-align', 'left');
-      },
-      type: "alignLeft"
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "tool-item"
-    }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
-      active: quillFormat['text-align'] === 'center',
-      onChange: function onChange() {
-        _this.onToolBtnClick('text-align', 'center');
-      },
-      type: "alignCenter"
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "tool-item"
-    }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
-      active: quillFormat['text-align'] === 'right',
-      onChange: function onChange() {
-        _this.onToolBtnClick('text-align', 'right');
-      },
-      type: "alignRight"
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "tooll-line"
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "tool-item"
     }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
       onChange: function onChange(value) {
         _this.onToolBtnClick('link', value);

package/lib/core/Designer/ToolBarModal/index.less

@@ -14,14 +14,13 @@
 
   .tool-item {
     margin: 0 5px;
-    display: flex;
   }
 
   .tooll-line {
     display: inline-flex;
     width: 1px;
-    height: 16px;
-    background-color: #C1C9D7;
+    height: 24px;
+    background-color: rgba(0, 0, 0, .04);
     margin: 0 5px;
   }
 

package/lib/core/Designer/index.js

@@ -263,7 +263,6 @@ window.magicDesign = {
 
 var setDesignConfig = function setDesignConfig(data) {
   window.magicDesign = __assign(__assign(__assign({}, window.magicDesign), data), {
-    designMode: true,
     compWidth: Number(data.compWidth),
     compSpacing: Number(data.compSpacing),
     MBaseUrl: data.MBaseUrl || 'operation/v1',
@@ -272,13 +271,6 @@ var setDesignConfig = function setDesignConfig(data) {
 };
 
 var debug = require('debug')('worker:Designer');
-
-_antd.message.config({
-  getContainer: function getContainer() {
-    return document.querySelector('[magic_design]');
-  },
-  prefixCls: 'cylon-message'
-});
 /**
  * @class Designer
  * 主入口。
@@ -467,9 +459,7 @@ function (_super) {
       var _a = _this.props,
           onPublish = _a.onPublish,
           onSave = _a.onSave,
-          onPreviews = _a.onPreviews,
-          onPush = _a.onPush,
-          onSetAsTemp = _a.onSetAsTemp;
+          onPreviews = _a.onPreviews;
       var _b = _this.state,
           device = _b.device,
           MPageData = _b.MPageData;
@@ -504,14 +494,6 @@ function (_super) {
 
           break;
 
-        case _constants.quickMenuCode.PUSH:
-          onPush(handleParams);
-          break;
-
-        case _constants.quickMenuCode.SET_AS_TEMPLATE:
-          onSetAsTemp(handleParams);
-          break;
-
         case _constants.quickMenuCode.PUBLISH:
           onPublish(handleParams);
           break;
@@ -528,9 +510,6 @@ function (_super) {
           break;
 
         case _constants.quickMenuCode.SAVE:
-          /** 如果保存则重置为mobile，同一移动端截图 #10504010 */
-          _this.onSwitchDevice(_constants.deviceTypeMap.PHONE);
-
           onSave(handleParams);
           break;
 
@@ -604,7 +583,6 @@ function (_super) {
         onHtmlBack: _this.onHtmlBack,
         onHtmlSave: _this.onHtmlSave,
         outputType: _this.props.outputType,
-        pageType: _this.props.pageType,
         redoDisable: !_this.history.redoAble(),
         undoDisable: !_this.history.undoAble()
       });
@@ -763,8 +741,7 @@ function (_super) {
         pageName = _b.pageName,
         onCancelPublish = _b.onCancelPublish,
         leftTitle = _b.leftTitle,
-        outputType = _b.outputType,
-        pageType = _b.pageType;
+        outputType = _b.outputType;
     var renderPagesManage = pagesManager;
 
     if (outputType == 'html') {
@@ -788,7 +765,6 @@ function (_super) {
       onAdd: this.onAdd,
       pageData: MPageData,
       pageName: pageName,
-      pageType: pageType,
       renderPagesManage: renderPagesManage,
       setPageData: this.setPageData
     }), /*#__PURE__*/_react["default"].createElement(_CompListPanel["default"], {

package/lib/core/Renderer/index.js

@@ -15,16 +15,10 @@ var _componentTypes = require("../../constants/component-types");
 
 var _coreUtil = require("../../utils/coreUtil");
 
-var _mobx = require("../../mobx");
-
-var _common = require("../../common");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -43,13 +37,11 @@ var __assign = void 0 && (void 0).__assign || function () {
 
 var setDesignConfig = function setDesignConfig(props) {
   var config = props.config,
-      device = props.device,
-      isPreview = props.isPreview;
+      device = props.device;
   window.magicDesign = __assign(__assign({
     pageBackground: '#f2f2f2',
     mode: 'renderer',
     device: device,
-    designMode: isPreview,
     navigatePreUrl: ''
   }, config), {
     compSpacing: Number(config.compSpacing),
@@ -64,43 +56,40 @@ var setDesignConfig = function setDesignConfig(props) {
 var Renderer = function Renderer(props) {
   var pageData = props.pageData,
       outputType = props.outputType,
-      noSetWindow = props.noSetWindow,
-      isPreview = props.isPreview;
-
-  var _a = (0, _react.useState)([]),
-      floors = _a[0],
-      setFloors = _a[1];
-
-  var _b = (0, _react.useState)(_mobx.frameStore.modalState),
-      modalState = _b[0],
-      setModalState = _b[1];
+      noSetWindow = props.noSetWindow;
 
   if (!noSetWindow) {
     setDesignConfig(props);
   }
 
   window.magicDesignPageData = pageData;
-  var pageBackground = window.magicDesign.pageBackground;
-  (0, _react.useEffect)(function () {
-    console.log('----pageData change', pageData);
-    var filterData = [];
+  var pageBackground = window.magicDesign.pageBackground; // 根据楼层展示设备进行过滤
+
+  var filterCompFloor = function filterCompFloor() {
+    var source = [];
 
     if (pageData && pageData.childNodes && pageData.childNodes.length) {
-      filterData = pageData.childNodes.filter(function (node) {
+      source = pageData.childNodes.filter(function (node) {
         return (0, _coreUtil.isActiveFloor)(node.activeTerminal);
       });
-    } // 首页组建分批渲染按5个一组
+    }
 
+    return source;
+  };
 
-    setFloors(filterData.slice(0, 5));
-    setTimeout(function () {
-      setFloors(filterData.slice(0, 10));
-      setTimeout(function () {
-        setFloors(filterData);
-      }, 200);
-    }, 200);
-  }, [pageData]);
   (0, _react.useEffect)(function () {
+    // const data = await fishFetch('/h5/ga/mediaid', {}, 'GET');
+    (0, _commonUtil.importAsync)('https://www.googletagmanager.com/gtag/js?id=G-7B9GSSLVX3', 'js').then(function () {
+      window.dataLayer = window.dataLayer || [];
+
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+
+      gtag('js', new Date());
+      gtag('config', 'G-7B9GSSLVX3');
+      window.gtag = gtag;
+    });
     setTimeout(function () {
       var _a;
 
@@ -110,44 +99,15 @@ var Renderer = function Renderer(props) {
       });
     }, 300);
   });
-  (0, _react.useEffect)(function () {
-    var disposer = (0, _mobx.autorun)(function () {
-      setModalState(_mobx.frameStore.modalState);
-    });
-    return function () {
-      disposer();
-    };
-  }, []); // 传入空数组表示仅在组件挂载和卸载时执行
-
-  /** 弹窗关闭 */
-
-  var onCloseModal = function onCloseModal() {
-    _mobx.frameStore.setState({
-      modalState: {
-        visible: false
-      }
-    });
-  };
-
-  var getRestStyle = function getRestStyle() {
-    if (modalState.visible) {
-      return {
-        position: 'relative',
-        overflow: 'hidden'
-      };
-    }
-
-    return {};
-  };
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "render_wrap",
     magic_design: "",
-    style: __assign({
+    style: {
       height: '100%',
-      background: pageBackground
-    }, getRestStyle())
-  }, floors.length > 0 && floors.map(function (nodeData, moduleIndex) {
+      background: pageBackground,
+      overflow: 'auto'
+    }
+  }, filterCompFloor().map(function (nodeData, moduleIndex) {
     var Clazz = _componentTypes.componentMap[nodeData.type];
 
     if (!Clazz) {
@@ -169,18 +129,13 @@ var Renderer = function Renderer(props) {
       key: nodeData.id,
       id: 'node-' + nodeData.id
     }, /*#__PURE__*/_react["default"].createElement(Clazz, __assign({}, newInstanceProps), null));
-  }), modalState.visible && /*#__PURE__*/_react["default"].createElement(_common.MyModal, _extends({
-    isPreview: isPreview
-  }, modalState, {
-    onClose: onCloseModal
-  })));
+  }));
 };
 
 Renderer.defaultProps = {
   pageData: {},
   device: 'pc',
-  config: {},
-  isPreview: false
+  config: {}
 };
 var _default = Renderer;
 exports["default"] = _default;

package/lib/decorator/compositeDecorator.js

@@ -87,11 +87,7 @@ function compositeDecorator(WrappedComponent) {
       }; // 复合组件点击事件
 
       _this.onCompositeCompClick = function (event) {
-        if (window.magicDesign.mode === 'renderer') {
-          return;
-        } // 触发左侧楼层的滚动
-
-
+        // 触发左侧楼层的滚动
         if (document.getElementById("card" + _this.props.nodeData.id)) {
           document.getElementById("card" + _this.props.nodeData.id).scrollIntoView({
             behavior: 'smooth'
@@ -119,20 +115,19 @@ function compositeDecorator(WrappedComponent) {
             device = _b.device,
             compWidth = _b.compWidth;
         var zIndex = '0';
-        var position = 'relative';
 
-        if (nodeData.type === 'CAROUSEL' || nodeData.type === 'IMAGE_GALLERY' || nodeData.type === 'ORDERS') {
+        if (nodeData.type === 'CAROUSEL' || nodeData.type === 'IMAGE_GALLERY') {
           zIndex = '1';
         } // 解决pc导航hover上去，类目被下面组件遮罩的问题
 
 
-        if (nodeData.type === 'PC_NAVIGATION' || nodeData.type === 'PERSONAL_INFOMATION') {
+        if (nodeData.type === 'PC_NAVIGATION') {
           zIndex = '2';
         }
 
         var wrapStyle = {
           border: 'none',
-          position: position,
+          position: 'relative',
           zIndex: zIndex,
           margin: '0 auto'
         }; // 复合组件内边距
@@ -158,19 +153,6 @@ function compositeDecorator(WrappedComponent) {
 
         if (device === _constants.deviceTypeMap.PC && compWidth && !((_a = spacing === null || spacing === void 0 ? void 0 : spacing.pc) === null || _a === void 0 ? void 0 : _a.fillUp)) {
           wrapStyle.width = compWidth;
-        } // 如果是菜单 则需要设为fixed
-
-
-        if (nodeData.type === 'HEAD_NAVIGATION' || nodeData.type === 'MENU_NAVIGATION') {
-          wrapStyle.position = 'absolute';
-          wrapStyle.left = 0;
-          wrapStyle.width = '100%';
-
-          if (nodeData.type === 'HEAD_NAVIGATION') {
-            wrapStyle.top = 0;
-          } else {
-            wrapStyle.bottom = 0;
-          }
         }
 
         return wrapStyle;
@@ -210,7 +192,8 @@ function compositeDecorator(WrappedComponent) {
       };
 
       _this.getWrapStyle = function () {
-        var mode = window.magicDesign.mode;
+        var mode = window.magicDesign.mode; // const { nodeData } = this.props;
+
         var style = {
           position: 'relative',
           zIndex: '1'
@@ -245,15 +228,6 @@ function compositeDecorator(WrappedComponent) {
         });
       };
 
-      _this.getOuterWrapStyle = function () {
-        var nodeData = _this.props.nodeData;
-
-        if (window.magicDesign.designMode && (nodeData.type === 'HEAD_NAVIGATION' || nodeData.type === 'MENU_NAVIGATION')) {
-          var element = document.querySelector('.phone_view_area .device_border') || document.querySelector('#root .render_wrap');
-          element.style.position = 'relative';
-        }
-      };
-
       return _this;
     }
 
@@ -266,7 +240,6 @@ function compositeDecorator(WrappedComponent) {
           hoveredFloor: _mobx.store.hoveredFloor
         });
       });
-      this.getOuterWrapStyle();
     };
 
     Wrapper.prototype.componentWillUnmount = function () {

package/lib/decorator/metaDecorator.js

@@ -95,7 +95,7 @@ function metaDecorator(WrappedComponent) {
               GAData = _c.GAData;
           (0, _commonUtil.pushGA)(__assign(__assign({}, GAData), {
             elementId: data.id,
-            elementName: data.text || (GAData === null || GAData === void 0 ? void 0 : GAData.groupName)
+            elementName: data.text || GAData.groupName
           }));
           return;
         } // 组织冒泡

package/lib/locale/en/en.json

@@ -1,20 +1,4 @@
 {
-  "SUBMIT": "Submit",
-  "CANCELLED": "Cancelled",
-  "DONE": "Done",
-  "TO_RECEIVE": "To Receive",
-  "TO_SHIP": "To ship",
-  "TO_PAY": "To Pay",
-  "VIEW_ALL_ORDERS": "View All Orders",
-  "ORDERS": "Orders",
-  "RECENTLY_VIEWED": "Recently Viewed",
-  "VOUCHERS": "Vouchers",
-  "STORES": "Stores",
-  "WISHLIST": "Wishlist",
-  "IMAGE_NAME_IS_TOO_LONG": "Image name is too long",
-  "ADD": "Add",
-  "LOGIN_OR_REGISTER": "Login or Register",
-  "ANCHOR": "Anchor",
   "PUSH": "Push",
   "SET_AS_TEMPLATE": "Set as Template",
   "DISPLAY_PAGE": "Display page",
@@ -33,6 +17,7 @@
   "DARK": "Dark",
   "LIGHT": "Light",
   "URL_IMAGE": "url image",
+  "AI_IMAGE": "AI Image",
   "IMAGE_URL": "Image URL",
   "UPLOAD": "Upload",
   "HOW_LONG_BETWEEN_SLIDES_(SECS)": "How long between slides (secs)",
@@ -77,7 +62,7 @@
   "ADD_CLICKABLE_AREA": "Add Clickable Area",
   "ADD_AREA": "Add Area",
   "CLICKABLE_AREA": "Clickable Area",
-  "VOUCHER_SUCCESS": "Coupon received successfully!",
+  "VOUCHER_SUCCESS": "Voucher received successfully!",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
   "SAVE": "Save",
@@ -129,6 +114,7 @@
   "MOVE_DOWN": "Move Down",
   "COPY": "Copy",
   "DELETE": "Delete",
+  "DONE": "Done",
   "ADD_COMPONENT": "Add Component",
   "ALL": "ALL",
   "HOT": "Hot",

package/lib/locale/es/es.json

@@ -1,20 +1,4 @@
 {
-  "SUBMIT": "Submit",
-  "CANCELLED": "Cancelled",
-  "DONE": "Hecho",
-  "TO_RECEIVE": "To Receive",
-  "TO_SHIP": "To ship",
-  "TO_PAY": "To Pay",
-  "VIEW_ALL_ORDERS": "View All Orders",
-  "ORDERS": "Orders",
-  "RECENTLY_VIEWED": "Recently Viewed",
-  "VOUCHERS": "Vouchers",
-  "STORES": "Stores",
-  "WISHLIST": "Wishlist",
-  "IMAGE_NAME_IS_TOO_LONG": "Image name is too long",
-  "ADD": "Add",
-  "LOGIN_OR_REGISTER": "Login or Register",
-  "ANCHOR": "Anchor",
   "PUSH": "Push",
   "SET_AS_TEMPLATE": "Set as Template",
   "DISPLAY_PAGE": "Display page",
@@ -33,6 +17,7 @@
   "DARK": "Dark",
   "LIGHT": "Light",
   "URL_IMAGE": "url image",
+  "AI_IMAGE": "AI Image",
   "IMAGE_URL": "Image URL",
   "UPLOAD": "Upload",
   "HOW_LONG_BETWEEN_SLIDES_(SECS)": "How long between slides (secs)",
@@ -77,7 +62,7 @@
   "ADD_CLICKABLE_AREA": "Add Clickable Area",
   "ADD_AREA": "Add Area",
   "CLICKABLE_AREA": "Clickable Area",
-  "VOUCHER_SUCCESS": "Coupon received successfully!",
+  "VOUCHER_SUCCESS": "Voucher received successfully!",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
   "SAVE": "Guardar",
@@ -129,6 +114,7 @@
   "MOVE_DOWN": "Mover hacia abajo",
   "COPY": "Copiar",
   "DELETE": "Eliminar",
+  "DONE": "Hecho",
   "ADD_COMPONENT": "Agregar Componente",
   "ALL": "TODO",
   "HOT": "Caliente",