ordering-ui-admin-external 1.14.3 → 1.15.1

package/_modules/components/Marketing/CampaignSMS/styles.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SmsPreviewWrapper = exports.SmsPreviewContentWrapper = exports.SmsPreviewContent = exports.SmsContentLayout = exports.InputWrapper = exports.Description = exports.Container = exports.ButtonWrapper = void 0;
+exports.SmsPreviewWrapper = exports.SmsPreviewContentWrapper = exports.SmsPreviewContent = exports.SmsContentLayout = exports.InputWrapper = exports.Description = exports.Container = exports.ButtonWrapper = exports.BottomSpace = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _react = _interopRequireDefault(require("react"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
@@ -42,4 +42,6 @@ exports.SmsPreviewContent = SmsPreviewContent;
 var Description = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  margin: 10px 0px;\n  span {\n    color: ", ";\n    cursor: pointer;\n    transition: all 0.3s linear;\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n"])), function (props) {
   return props.theme.colors.primary;
 });
-exports.Description = Description;
+exports.Description = Description;
+var BottomSpace = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  height: 1px;\n"])));
+exports.BottomSpace = BottomSpace;

package/_modules/components/Marketing/EnterprisePromotionGeneralDetails/index.js

@@ -181,7 +181,8 @@ var EnterprisePromotionGeneralDetails = function EnterprisePromotionGeneralDetai
     };
   }, [isShowCalendar]);
   (0, _react.useEffect)(function () {
-    if (Object.keys(promotionState === null || promotionState === void 0 ? void 0 : promotionState.promotion).length) {
+    if (promotionState.loading) return;
+    if (promotionState !== null && promotionState !== void 0 && promotionState.promotion && Object.keys(promotionState === null || promotionState === void 0 ? void 0 : promotionState.promotion).length) {
       var _promotionState$promo, _promotionState$promo2;
       setDateRange([{
         startDate: new Date(promotionState === null || promotionState === void 0 ? void 0 : (_promotionState$promo = promotionState.promotion) === null || _promotionState$promo === void 0 ? void 0 : _promotionState$promo.start),

package/_modules/components/Marketing/EnterprisePromotionListing/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EnterprisePromotionListing = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _reactBootstrapIcons = require("react-bootstrap-icons");
 var _InfoShareContext = require("../../../contexts/InfoShareContext");
@@ -39,6 +40,8 @@ var EnterprisePromotionListingUI = function EnterprisePromotionListingUI(props)
     paymethodsState = props.paymethodsState,
     businessesList = props.businessesList,
     handleSuccessDeletePromotion = props.handleSuccessDeletePromotion;
+  var history = (0, _reactRouterDom.useHistory)();
+  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -76,18 +79,27 @@ var EnterprisePromotionListingUI = function EnterprisePromotionListingUI(props)
     _useState10 = _slicedToArray(_useState9, 2),
     selectedPromotion = _useState10[0],
     setSelectedPromotion = _useState10[1];
-  var _useState11 = (0, _react.useState)(0),
+  var _useState11 = (0, _react.useState)(null),
     _useState12 = _slicedToArray(_useState11, 2),
-    moveDistance = _useState12[0],
-    setMoveDistance = _useState12[1];
+    curPromotionId = _useState12[0],
+    setCurPromotionId = _useState12[1];
+  var _useState13 = (0, _react.useState)(0),
+    _useState14 = _slicedToArray(_useState13, 2),
+    moveDistance = _useState14[0],
+    setMoveDistance = _useState14[1];
   var handleOpenDetails = function handleOpenDetails(promotion) {
     setMoveDistance(0);
     setSelectedPromotion(promotion);
+    setCurPromotionId(promotion === null || promotion === void 0 ? void 0 : promotion.id);
     setOpenDetails(true);
+    if (promotion) {
+      history.replace("".concat(location.pathname, "?id=").concat(promotion === null || promotion === void 0 ? void 0 : promotion.id));
+    }
   };
   var handleCloseDetails = function handleCloseDetails() {
     setOpenDetails(false);
     setSelectedPromotion(null);
+    history.replace("".concat(location.pathname));
   };
   (0, _react.useEffect)(function () {
     if (!(promotionListState !== null && promotionListState !== void 0 && promotionListState.error)) return;
@@ -104,6 +116,13 @@ var EnterprisePromotionListingUI = function EnterprisePromotionListingUI(props)
       }
     }
   }, [configs]);
+  (0, _react.useEffect)(function () {
+    var id = query.get('id');
+    if (id) {
+      setCurPromotionId(Number(id));
+      setOpenDetails(true);
+    }
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.PromotionsListingContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderTitleContainer, null, isCollapse && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
     onClick: function onClick() {
@@ -115,7 +134,7 @@ var EnterprisePromotionListingUI = function EnterprisePromotionListingUI(props)
     color: "lightPrimary",
     borderRadius: "8px",
     onClick: function onClick() {
-      return handleOpenDetails({});
+      return handleOpenDetails(null);
     }
   }, t('ADD_PROMOTION_ENTERPRISE', 'Add promotion enterprise')), /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
     lazyLoad: true,
@@ -138,6 +157,7 @@ var EnterprisePromotionListingUI = function EnterprisePromotionListingUI(props)
     businessesList: businessesList,
     paymethodsState: paymethodsState,
     promotion: selectedPromotion,
+    promotionId: curPromotionId,
     promotionsList: promotionListState.promotions,
     handleSuccessUpdatePromotions: handleSuccessUpdatePromotions,
     handleSuccessAddPromotion: handleSuccessAddPromotion,

package/_modules/components/Marketing/PageBanner/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PageBanners = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 var _Shared = require("../../Shared");
@@ -46,6 +47,8 @@ var PageBannersUI = function PageBannersUI(props) {
     handleSuccessDelete = props.handleSuccessDelete,
     aspectRatio = props.aspectRatio,
     isSearhShow = props.isSearhShow;
+  var history = (0, _reactRouterDom.useHistory)();
+  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -79,17 +82,24 @@ var PageBannersUI = function PageBannersUI(props) {
     _useState12 = _slicedToArray(_useState11, 2),
     isExpand = _useState12[0],
     setIsExpand = _useState12[1];
-  var handleOpenBannerItemsDetail = function handleOpenBannerItemsDetail(e, banner) {
-    var isInvalid = e.target.closest('.banner-enabled');
+  var handleOpenBannerItemsDetail = function handleOpenBannerItemsDetail(e, banner, isInitialRender) {
+    var _e$target;
+    var isInvalid = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.closest('.banner-enabled');
     if (isInvalid) return;
     setSelectedBanner(banner);
     setOpenItemsDetail(true);
     setMoveDistance(500);
+    if (banner && !isInitialRender) {
+      var position = query.get('position');
+      history.replace("".concat(location.pathname, "?position=").concat(position, "&banner=").concat(banner === null || banner === void 0 ? void 0 : banner.id));
+    }
   };
   var handleCloseDetail = function handleCloseDetail() {
     setMoveDistance(0);
     setOpenItemsDetail(false);
     setSelectedBanner(null);
+    var position = query.get('position');
+    history.replace("".concat(location.pathname, "?position=").concat(position));
   };
   var expandSidebar = function expandSidebar() {
     var element = document.getElementById('sideSlider');
@@ -107,11 +117,25 @@ var PageBannersUI = function PageBannersUI(props) {
   }, [actionState]);
   (0, _react.useEffect)(function () {
     setSearchValue('');
-    handleCloseDetail();
+    setMoveDistance(0);
+    setOpenItemsDetail(false);
+    setSelectedBanner(null);
   }, [defaultPosition]);
   (0, _react.useEffect)(function () {
     if (openItemsDetail) setIsExpand(false);
   }, [openItemsDetail]);
+  (0, _react.useEffect)(function () {
+    if (bannersListState.loading) return;
+    var bannerId = query.get('banner');
+    if (bannerId) {
+      var initBanner = bannersListState.banners.find(function (banner) {
+        return banner.id === Number(bannerId);
+      });
+      if (initBanner) {
+        handleOpenBannerItemsDetail(null, initBanner, true);
+      }
+    }
+  }, [bannersListState.loading]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.Container, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderContainer, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, title), /*#__PURE__*/_react.default.createElement(_styles2.InfoWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "primary"
   }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.InfoCircle, null)), /*#__PURE__*/_react.default.createElement(_styles2.InfoContent, null, bannerInfo))), /*#__PURE__*/_react.default.createElement(_styles2.RightHeader, null, width > 576 && !openItemsDetail && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {

package/_modules/components/Messages/MessagesListing/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MessagesListing = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _Orders = require("../../Orders");
 var _Buttons = require("../../../styles/Buttons");
@@ -39,6 +40,8 @@ var MessagesListingUI = function MessagesListingUI(props) {
     selectedSubOrderStatus = props.selectedSubOrderStatus,
     handleChangeSearch = props.handleChangeSearch,
     handleChangeFilterValues = props.handleChangeFilterValues;
+  var history = (0, _reactRouterDom.useHistory)();
+  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -76,10 +79,15 @@ var MessagesListingUI = function MessagesListingUI(props) {
     _useState16 = _slicedToArray(_useState15, 2),
     orderIdForUnreadCountUpdate = _useState16[0],
     setOrderIdForUnreadCountUpdate = _useState16[1];
+  var _useState17 = (0, _react.useState)(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    filterModalOpen = _useState18[0],
+    setFilterModalOpen = _useState18[1];
   var handleOpenOrderDetail = function handleOpenOrderDetail(order) {
     setDetailsOrder(order);
     setOrderDetailId(order.id);
     setIsOpenOrderDetail(true);
+    history.replace("".concat(location.pathname, "?id=").concat(order.id));
   };
   var handleOrderCardClick = function handleOrderCardClick(order) {
     setSelectedOrder(_objectSpread({}, order));
@@ -88,6 +96,13 @@ var MessagesListingUI = function MessagesListingUI(props) {
     if (width >= 768) return;
     document.body.style.overflow = isOpenOrderDetail ? 'hidden' : 'auto';
   }, [width, isOpenOrderDetail]);
+  (0, _react.useEffect)(function () {
+    var id = query.get('id');
+    if (id) {
+      setOrderDetailId(id);
+      setIsOpenOrderDetail(true);
+    }
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.MessagesListingContainer, {
     id: "deliveryDashboard"
   }, /*#__PURE__*/_react.default.createElement(_Orders.OrdersContentHeader, {
@@ -100,7 +115,9 @@ var MessagesListingUI = function MessagesListingUI(props) {
     businessesList: businessesList,
     filterValues: filterValues,
     handleChangeSearch: handleChangeSearch,
-    handleChangeFilterValues: handleChangeFilterValues
+    handleChangeFilterValues: handleChangeFilterValues,
+    filterModalOpen: filterModalOpen,
+    setFilterModalOpen: setFilterModalOpen
   }), /*#__PURE__*/_react.default.createElement(_styles.MessagesContent, null, /*#__PURE__*/_react.default.createElement(_styles.OrdersContainer, null, /*#__PURE__*/_react.default.createElement(_styles.FilterContainer, null, /*#__PURE__*/_react.default.createElement(_styles.MessagesOptionTabs, null, /*#__PURE__*/_react.default.createElement(_styles.Tab, {
     active: selectedOption === 'orders',
     onClick: function onClick() {

package/_modules/components/MyProducts/AdvancedSettings/FontStyleGroup.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FontStyleGroup = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
+var _reactBootstrapIcons = require("react-bootstrap-icons");
+var _FirstSelect = require("../../../styles/Select/FirstSelect");
+var _styles = require("./styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var FontStyleGroup = function FontStyleGroup(props) {
+  var isBody = props.isBody,
+    fonts = props.fonts,
+    path = props.path,
+    handleUpdateThemeValue = props.handleUpdateThemeValue;
+  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
+  var fontFamilyList = [{
+    value: 'Poppins',
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, t('POPPINS', 'Poppins'))
+  }, {
+    value: 'Lobster',
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, t('LOBSTER', 'Lobster'))
+  }, {
+    value: 'Raleway',
+    content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, t('RALEWAY', 'Raleway'))
+  }];
+  var fontWeightList = [{
+    value: 100,
+    name: '100 - Thin'
+  }, {
+    value: 200,
+    name: '200 - Extra Light (Ultra Light)'
+  }, {
+    value: 300,
+    name: '300 - Light'
+  }, {
+    value: 400,
+    name: '400 - Normal'
+  }, {
+    value: 500,
+    name: '500 - Medium'
+  }, {
+    value: 600,
+    name: '600 - Semi Bold (Demi Bold)'
+  }, {
+    value: 700,
+    name: '700 - Bold'
+  }, {
+    value: 800,
+    name: '800 - Extra Bold (Ultra Bold)'
+  }, {
+    value: 900,
+    name: '900 - Black (Heavy)'
+  }];
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, t('FONT', 'Font')), /*#__PURE__*/_react.default.createElement(_styles.SelectWrapper, null, /*#__PURE__*/_react.default.createElement(_FirstSelect.Select, {
+    options: fontFamilyList,
+    className: "select",
+    defaultValue: fonts === null || fonts === void 0 ? void 0 : fonts.name,
+    placeholder: t('SELECT_OPTION', 'Select an option'),
+    onChange: function onChange(value) {
+      return handleUpdateThemeValue(value, [path, 'name'].join('.'));
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_styles.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, isBody ? t('FONT_SPECIAL_WEIGHTS', 'Font special weights') : t('FONT_PRIMARY_WEIGHTS', 'Font primary weights')), /*#__PURE__*/_react.default.createElement(_styles.FontWeightListWrapper, null, fontWeightList.map(function (weight) {
+    var _fonts$weights;
+    return /*#__PURE__*/_react.default.createElement(_styles.FontWeightItem, {
+      key: weight.value,
+      onClick: function onClick() {
+        return handleUpdateThemeValue([weight === null || weight === void 0 ? void 0 : weight.value], [path, 'weights'].join('.'));
+      }
+    }, fonts !== null && fonts !== void 0 && (_fonts$weights = fonts.weights) !== null && _fonts$weights !== void 0 && _fonts$weights.includes(weight.value) ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
+      className: "active"
+    }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, weight.name));
+  }))));
+};
+exports.FontStyleGroup = FontStyleGroup;

package/_modules/components/MyProducts/AdvancedSettings/OrderType.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OrderType = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
+var _styles = require("../../../styles");
+var _styles2 = require("./styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var OrderType = function OrderType(props) {
+  var path = props.path,
+    typeValues = props.typeValues,
+    handleUpdateThemeValue = props.handleUpdateThemeValue;
+  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, t('TITLE', 'Title')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    placeholder: t('TITLE', 'Title'),
+    defaultValue: (typeValues === null || typeValues === void 0 ? void 0 : typeValues.title) || '',
+    onChange: function onChange(e) {
+      return handleUpdateThemeValue(e.target.value, [path, 'title'].join('.'));
+    }
+  })), /*#__PURE__*/_react.default.createElement(_styles2.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, t('DESCRIPTION', 'Description')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    placeholder: t('DESCRIPTION', 'Description'),
+    defaultValue: (typeValues === null || typeValues === void 0 ? void 0 : typeValues.description) || '',
+    onChange: function onChange(e) {
+      return handleUpdateThemeValue(e.target.value, [path, 'description'].join('.'));
+    }
+  })), /*#__PURE__*/_react.default.createElement(_styles2.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, t('CALL_TO_ACTION', 'Call to action')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    placeholder: t('CALL_TO_ACTION', 'Call to action'),
+    defaultValue: (typeValues === null || typeValues === void 0 ? void 0 : typeValues.call_to_action) || '',
+    onChange: function onChange(e) {
+      return handleUpdateThemeValue(e.target.value, [path, 'call_to_action'].join('.'));
+    }
+  })));
+};
+exports.OrderType = OrderType;

package/_modules/components/MyProducts/AdvancedSettings/SettingComponent.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SettingComponent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
+var _FirstSelect = require("../../../styles/Select/FirstSelect");
+var _ImageBox = require("./ImageBox");
+var _reactBootstrapIcons = require("react-bootstrap-icons");
+var _styles = require("./styles");
+var _Shared = require("../../Shared");
+var _styles2 = require("../../../styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var SettingComponent = function SettingComponent(props) {
+  var settingList = props.settingList,
+    handleUpdateThemeValue = props.handleUpdateThemeValue,
+    advancedValues = props.advancedValues,
+    themeStructure = props.themeStructure;
+  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
+  var deepFind = function deepFind(obj, path) {
+    var paths = path.split('.');
+    var current = JSON.parse(JSON.stringify(obj));
+    var i;
+    for (i = 0; i < paths.length; ++i) {
+      if (current[paths[i]] === undefined) {
+        return undefined;
+      } else {
+        current = current[paths[i]];
+      }
+    }
+    return current;
+  };
+  var getOptions = function getOptions(path) {
+    var options = deepFind(themeStructure, [path, 'options'].join('.'));
+    if (!options) return [];
+    var updatedOptions = options.map(function (option) {
+      return {
+        value: option,
+        content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, t(option.toString().toUpperCase(), option))
+      };
+    });
+    return updatedOptions;
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, settingList.map(function (setting, i) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: i
+    }, setting.type === 'hidden' && /*#__PURE__*/_react.default.createElement(_styles.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, setting.name), /*#__PURE__*/_react.default.createElement(_styles.HideCheckWrapper, {
+      onClick: function onClick() {
+        return handleUpdateThemeValue(!deepFind(advancedValues, setting === null || setting === void 0 ? void 0 : setting.path), setting === null || setting === void 0 ? void 0 : setting.path);
+      }
+    }, deepFind(advancedValues, setting === null || setting === void 0 ? void 0 : setting.path) ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.CheckSquareFill, {
+      className: "active"
+    }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Square, null), /*#__PURE__*/_react.default.createElement("span", null, t('HIDDEN', 'Hidden')))), setting.type === 'position' && /*#__PURE__*/_react.default.createElement(_styles.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, setting.name), /*#__PURE__*/_react.default.createElement(_styles.SelectWrapper, null, /*#__PURE__*/_react.default.createElement(_FirstSelect.Select, {
+      options: getOptions(setting === null || setting === void 0 ? void 0 : setting.path),
+      className: "select",
+      defaultValue: deepFind(advancedValues, setting === null || setting === void 0 ? void 0 : setting.path),
+      placeholder: t('SELECT_OPTION', 'Select an option'),
+      onChange: function onChange(value) {
+        return handleUpdateThemeValue(value, setting === null || setting === void 0 ? void 0 : setting.path);
+      }
+    }))), setting.type === 'image' && /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
+      title: setting.name,
+      ratio: "900 x 200 px",
+      photo: deepFind(advancedValues, setting === null || setting === void 0 ? void 0 : setting.path),
+      path: setting === null || setting === void 0 ? void 0 : setting.path,
+      handleChangePhoto: handleUpdateThemeValue
+    }), setting.type === 'color' && /*#__PURE__*/_react.default.createElement(_styles.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, setting.name), /*#__PURE__*/_react.default.createElement(_Shared.ColorPicker, {
+      defaultColor: deepFind(advancedValues, setting === null || setting === void 0 ? void 0 : setting.path) || '#2C7BE5',
+      onChangeColor: function onChangeColor(color) {
+        return handleUpdateThemeValue(color, setting === null || setting === void 0 ? void 0 : setting.path);
+      }
+    })), setting.type === 'input' && /*#__PURE__*/_react.default.createElement(_styles.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, setting.name), /*#__PURE__*/_react.default.createElement(_styles2.Input, {
+      defaultValue: deepFind(advancedValues, setting === null || setting === void 0 ? void 0 : setting.path),
+      onChange: function onChange(e) {
+        return handleUpdateThemeValue(e.target.value, setting === null || setting === void 0 ? void 0 : setting.path);
+      },
+      placeholder: setting.name
+    })));
+  }));
+};
+exports.SettingComponent = SettingComponent;