ordering-components-external 13.2.32 → 13.2.34

package/_modules/components/ProductForm/index.js

@@ -74,14 +74,14 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     _useApi2 = _slicedToArray(_useApi, 1),
     ordering = _useApi2[0];
   var socket = (0, _WebsocketContext.useWebsocket)();
-  /**
-   * Events context
+  /**
+   * Events context
   */
   var _useEvent = (0, _EventContext.useEvent)(),
     _useEvent2 = _slicedToArray(_useEvent, 1),
     events = _useEvent2[0];
-  /**
-   * Original product state
+  /**
+   * Original product state
    */
   var availableLazyLoad = ((_props$product = props.product) === null || _props$product === void 0 ? void 0 : _props$product.load_type) === 'lazy' && props.businessId && props.categoryId && props.productId;
   var _useState = (0, _react.useState)({
@@ -93,8 +93,8 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     product = _useState2[0],
     setProduct = _useState2[1];
 
-  /**
-   * Product cart state
+  /**
+   * Product cart state
    */
   var _useState3 = (0, _react.useState)({
       ingredients: {},
@@ -104,40 +104,40 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     productCart = _useState4[0],
     setProductCart = _useState4[1];
 
-  /**
-   * Errors state
+  /**
+   * Errors state
    */
   var _useState5 = (0, _react.useState)({}),
     _useState6 = _slicedToArray(_useState5, 2),
     errors = _useState6[0],
     setErrors = _useState6[1];
 
-  /**
-   * Suboption by default when there is only one
+  /**
+   * Suboption by default when there is only one
    */
   var _useState7 = (0, _react.useState)([]),
     _useState8 = _slicedToArray(_useState7, 2),
     defaultSubOptions = _useState8[0],
     setDefaultSubOptions = _useState8[1];
 
-  /**
-   * Custom Suboption by default
+  /**
+   * Custom Suboption by default
    */
   var _useState9 = (0, _react.useState)([]),
     _useState0 = _slicedToArray(_useState9, 2),
     customDefaultSubOptions = _useState0[0],
     setCustomDefaultSubOptions = _useState0[1];
 
-  /**
-   * preselected and selected suboptions
+  /**
+   * preselected and selected suboptions
    */
   var _useState1 = (0, _react.useState)([]),
     _useState10 = _slicedToArray(_useState1, 2),
     selectedSuboptions = _useState10[0],
     setSelectedSuboptions = _useState10[1];
 
-  /**
-   * dictionary of respect_to suboptions
+  /**
+   * dictionary of respect_to suboptions
    */
   var _useState11 = (0, _react.useState)([]),
     _useState12 = _slicedToArray(_useState11, 2),
@@ -152,8 +152,8 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     professionalListState = _useState14[0],
     setProfessionalListState = _useState14[1];
 
-  /**
-   * Action status
+  /**
+   * Action status
    */
   var _useState15 = (0, _react.useState)({
       loading: false,
@@ -163,21 +163,21 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     actionStatus = _useState16[0],
     setActionStatus = _useState16[1];
 
-  /**
-   * pizza type and position
+  /**
+   * pizza type and position
    */
   var _useState17 = (0, _react.useState)({}),
     _useState18 = _slicedToArray(_useState17, 2),
     pizzaState = _useState18[0],
     setPizzaState = _useState18[1];
 
-  /**
-   * Edit mode
+  /**
+   * Edit mode
    */
   var editMode = typeof ((_props$productCart = props.productCart) === null || _props$productCart === void 0 ? void 0 : _props$productCart.code) !== 'undefined';
 
-  /**
-   * Order context manager
+  /**
+   * Order context manager
    */
   var _useOrder = (0, _OrderContext.useOrder)(),
     _useOrder2 = _slicedToArray(_useOrder, 2),
@@ -187,83 +187,83 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     updateProduct = _useOrder2$.updateProduct,
     addMultiProduct = _useOrder2$.addMultiProduct;
 
-  /**
-   * Remove to balances in edit mode
+  /**
+   * Remove to balances in edit mode
    */
   var removeToBalance = editMode ? props.productCart.quantity : 0;
 
-  /**
-   * Current cart
+  /**
+   * Current cart
    */
   var cart = (_orderState$carts = orderState.carts) === null || _orderState$carts === void 0 ? void 0 : _orderState$carts["businessId:".concat(props.businessId)];
 
-  /**
-   * Total products in cart
+  /**
+   * Total products in cart
    */
   var cartProducts = Object.values(orderState.carts).reduce(function (products, _cart) {
     return [].concat(_toConsumableArray(products), _toConsumableArray(_cart === null || _cart === void 0 ? void 0 : _cart.products));
   }, []);
 
-  /**
-   * Total the current product in cart
+  /**
+   * Total the current product in cart
    */
   var productBalance = cartProducts.reduce(function (sum, _product) {
     return sum + (product.product && _product.id === product.product.id ? _product.quantity : 0);
   }, 0);
 
-  /**
-   * Total product in cart
+  /**
+   * Total product in cart
    */
   var totalBalance = (productBalance || 0) - removeToBalance;
 
-  /**
-   * Config context manager
+  /**
+   * Config context manager
    */
   var _useConfig = (0, _ConfigContext.useConfig)(),
     _useConfig2 = _slicedToArray(_useConfig, 1),
     stateConfig = _useConfig2[0];
 
-  /**
-   * Max total product in cart by config
+  /**
+   * Max total product in cart by config
    */
   var maxCartProductConfig = (stateConfig.configs.max_product_amount ? parseInt(stateConfig.configs.max_product_amount) : 100) - totalBalance;
 
-  /**
-   * Max total product in cart by config
+  /**
+   * Max total product in cart by config
    */
   var maxCartProductInventory = ((_product$product = product.product) !== null && _product$product !== void 0 && _product$product.inventoried ? (_product$product2 = product.product) === null || _product$product2 === void 0 ? void 0 : _product$product2.quantity : undefined) - totalBalance;
 
-  /**
-   * True if product is sold out
+  /**
+   * True if product is sold out
    */
   var isSoldOut = ((_product$product3 = product.product) === null || _product$product3 === void 0 ? void 0 : _product$product3.inventoried) && ((_product$product4 = product.product) === null || _product$product4 === void 0 ? void 0 : _product$product4.quantity) === 0;
 
-  /**
-   * Fix if maxCartProductInventory is not valid
+  /**
+   * Fix if maxCartProductInventory is not valid
    */
   maxCartProductInventory = !isNaN(maxCartProductInventory) ? maxCartProductInventory : maxCartProductConfig;
 
-  /**
-   * Max product quantity
+  /**
+   * Max product quantity
    */
   var maxProductQuantity = Math.min(maxCartProductConfig, maxCartProductInventory);
 
-  /**
-   * alsea validation
+  /**
+   * alsea validation
    */
   var isAlsea = ['alsea', 'alsea-staging'].includes(ordering.project);
 
-  /**
-   * alsea custom options
+  /**
+   * alsea custom options
    */
   var quesoYSalsaOptions = ['queso y salsa', 'queso mozzarella y salsa'];
 
-  /**
-   * Init product cart status
-   * @param {object} product Product to init product cart status
+  /**
+   * Init product cart status
+   * @param {object} product Product to init product cart status
    */
   var initProductCart = function initProductCart(product) {
-    var _props$productCart2, _props$productCart3, _props$productCart4, _props$productCart5;
+    var _props$productCart2, _props$productCart4, _props$productCart5, _props$productCart6;
     var ingredients = {};
     for (var key in product.ingredients) {
       var ingredient = product.ingredients[key];
@@ -271,7 +271,31 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
         selected: true
       };
     }
-    var quantity = productAddedToCartLength && product !== null && product !== void 0 && product.maximum_per_order ? (product === null || product === void 0 ? void 0 : product.maximum_per_order) - productAddedToCartLength : (_props$productCart2 = props.productCart) === null || _props$productCart2 === void 0 ? void 0 : _props$productCart2.quantity;
+    var isEdit = (_props$productCart2 = props.productCart) === null || _props$productCart2 === void 0 ? void 0 : _props$productCart2.code;
+    var maximumPerOrder = (product === null || product === void 0 ? void 0 : product.maximum_per_order) || 0;
+    var minimumPerOrder = (product === null || product === void 0 ? void 0 : product.minimum_per_order) || 0;
+    var productAddedToCartLengthUpdated = productAddedToCartLength || 0;
+    var calculateStock = function calculateStock() {
+      if (isEdit) {
+        return maximumPerOrder;
+      }
+      return maximumPerOrder - productAddedToCartLengthUpdated;
+    };
+    var stock = calculateStock();
+    var initialStock = Math.max(stock, 1);
+    var calculateInitialQuantity = function calculateInitialQuantity() {
+      if (isEdit) {
+        var _props$productCart3;
+        return (_props$productCart3 = props.productCart) === null || _props$productCart3 === void 0 ? void 0 : _props$productCart3.quantity;
+      }
+      var isOverMaximum = productAddedToCartLengthUpdated + minimumPerOrder > maximumPerOrder;
+      var hasOrderLimits = minimumPerOrder > 0 && maximumPerOrder > 0;
+      if (isOverMaximum && hasOrderLimits) {
+        return maximumPerOrder - productAddedToCartLengthUpdated;
+      }
+      return minimumPerOrder || initialStock;
+    };
+    var initialQuantity = calculateInitialQuantity();
     var newProductCart = _objectSpread(_objectSpread({}, props.productCart), {}, {
       id: product.id,
       price: product.price,
@@ -279,11 +303,11 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
       businessId: props.businessId,
       categoryId: product.category_id,
       inventoried: product.inventoried,
-      stock: product.quantity,
-      ingredients: ((_props$productCart3 = props.productCart) === null || _props$productCart3 === void 0 ? void 0 : _props$productCart3.ingredients) || ingredients,
-      options: ((_props$productCart4 = props.productCart) === null || _props$productCart4 === void 0 ? void 0 : _props$productCart4.options) || {},
-      comment: ((_props$productCart5 = props.productCart) === null || _props$productCart5 === void 0 ? void 0 : _props$productCart5.comment) || null,
-      quantity: quantity || 1,
+      stock: initialStock,
+      ingredients: ((_props$productCart4 = props.productCart) === null || _props$productCart4 === void 0 ? void 0 : _props$productCart4.ingredients) || ingredients,
+      options: ((_props$productCart5 = props.productCart) === null || _props$productCart5 === void 0 ? void 0 : _props$productCart5.options) || {},
+      comment: ((_props$productCart6 = props.productCart) === null || _props$productCart6 === void 0 ? void 0 : _props$productCart6.comment) || null,
+      quantity: initialQuantity,
       favorite: product === null || product === void 0 ? void 0 : product.favorite
     });
     newProductCart.unitTotal = getUnitTotal(newProductCart);
@@ -291,9 +315,9 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     setProductCart(newProductCart);
   };
 
-  /**
-   * Get unit total for product cart
-   * @param {object} productCart Current product status
+  /**
+   * Get unit total for product cart
+   * @param {object} productCart Current product status
    */
   var getUnitTotal = function getUnitTotal(productCart) {
     var _product$product7;
@@ -318,8 +342,8 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     }
     return ((_product$product7 = product.product) === null || _product$product7 === void 0 ? void 0 : _product$product7.price) + subtotal;
   };
-  /**
-   * Method to add, remove favorite info for user from API
+  /**
+   * Method to add, remove favorite info for user from API
    */
   var handleFavoriteProduct = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(productFav) {
@@ -407,8 +431,8 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
   var isValidMoment = function isValidMoment(date, format) {
     return _dayjs.default.utc(date, format).format(format) === date;
   };
-  /**
-   * Load product from API
+  /**
+   * Load product from API
    */
   var loadProductWithOptions = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
@@ -472,10 +496,10 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     };
   }();
 
-  /**
-   * Remove related option by respect_to
-   * @param {object} cart Current cart
-   * @param {number} suboptionId Suboption id
+  /**
+   * Remove related option by respect_to
+   * @param {object} cart Current cart
+   * @param {number} suboptionId Suboption id
    */
   var _removeRelatedOptions = function removeRelatedOptions(productCart, suboptionId) {
     product.product.extras.forEach(function (_extra) {
@@ -497,10 +521,10 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     });
   };
 
-  /**
-   * Get changes for ingredients state
-   * @param {object} state Current ingrediente state
-   * @param {object} ingredient Current ingredient
+  /**
+   * Get changes for ingredients state
+   * @param {object} state Current ingrediente state
+   * @param {object} ingredient Current ingredient
    */
   var handleChangeIngredientState = function handleChangeIngredientState(state, ingredient) {
     productCart.ingredients["id:".concat(ingredient.id)] = state;
@@ -509,12 +533,12 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     }));
   };
 
-  /**
-   * Change product state with new suboption state
-   * @param {object} state New state with changes
-   * @param {object} suboption Suboption object
-   * @param {objecrt} option Option object
-   * @param {object} product Product object
+  /**
+   * Change product state with new suboption state
+   * @param {object} state New state with changes
+   * @param {object} suboption Suboption object
+   * @param {objecrt} option Option object
+   * @param {object} product Product object
    */
   var handleChangeSuboptionState = function handleChangeSuboptionState(state, suboption, option) {
     var _newPizzaState;
@@ -757,9 +781,9 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     setProductCart(newProductCart);
   };
 
-  /**
-   * Change product state with new comment state
-   * @param {object} e Product comment
+  /**
+   * Change product state with new comment state
+   * @param {object} e Product comment
    */
   var handleChangeCommentState = function handleChangeCommentState(e) {
     var _e$target$value;
@@ -770,8 +794,8 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     }));
   };
 
-  /**
-   * Check options to get errors
+  /**
+   * Check options to get errors
    */
   var checkErrors = function checkErrors() {
     var _product$product8;
@@ -813,12 +837,12 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     return errors;
   };
 
-  /**
-   * Handle when click on save product
+  /**
+   * Handle when click on save product
    */
   var handleSave = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(values) {
-      var _JSON$parse, _product$product9, _cart$metafields, _cart$metafields$find, _errors, isMultiProduct, hasAlreadyCoupon, successful, _values$professional, _values$serviceTime, _orderState$options5, _props$productCart6, _props$productCart7, changes, currentProduct, _product$product0, updatedProfessional, duration, _props$productCart8, _props$productCart9, _t3, _t4;
+      var _JSON$parse, _product$product9, _cart$metafields, _cart$metafields$find, _errors, isMultiProduct, hasAlreadyCoupon, successful, _values$professional, _values$serviceTime, _orderState$options5, _props$productCart7, _props$productCart8, changes, currentProduct, _product$product0, updatedProfessional, duration, _props$productCart9, _props$productCart0, _t3, _t4;
       return _regenerator().w(function (_context3) {
         while (1) switch (_context3.p = _context3.n) {
           case 0:
@@ -849,8 +873,8 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
               professional_id: values === null || values === void 0 || (_values$professional = values.professional) === null || _values$professional === void 0 ? void 0 : _values$professional.id,
               service_start: (_values$serviceTime = values === null || values === void 0 ? void 0 : values.serviceTime) !== null && _values$serviceTime !== void 0 ? _values$serviceTime : (_orderState$options5 = orderState.options) === null || _orderState$options5 === void 0 ? void 0 : _orderState$options5.moment
             });
-            onSave(productCart, !((_props$productCart6 = props.productCart) !== null && _props$productCart6 !== void 0 && _props$productCart6.code));
-            if ((_props$productCart7 = props.productCart) !== null && _props$productCart7 !== void 0 && _props$productCart7.code) {
+            onSave(productCart, !((_props$productCart7 = props.productCart) !== null && _props$productCart7 !== void 0 && _props$productCart7.code));
+            if ((_props$productCart8 = props.productCart) !== null && _props$productCart8 !== void 0 && _props$productCart8.code) {
               _context3.n = 5;
               break;
             }
@@ -895,7 +919,7 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
                 handleChangeProfessional && handleChangeProfessional(updatedProfessional);
               }
             } else {
-              showToast(_ToastContext.ToastType.Error, !((_props$productCart8 = props.productCart) !== null && _props$productCart8 !== void 0 && _props$productCart8.code) ? t('FAILED_TO_ADD_PRODUCT', 'Failed to add product') : t('FAILED_TO_UPDATE_PRODUCT', 'Failed to update product'), 5000);
+              showToast(_ToastContext.ToastType.Error, !((_props$productCart9 = props.productCart) !== null && _props$productCart9 !== void 0 && _props$productCart9.code) ? t('FAILED_TO_ADD_PRODUCT', 'Failed to add product') : t('FAILED_TO_UPDATE_PRODUCT', 'Failed to update product'), 5000);
             }
           case 8:
             if (hasAlreadyCoupon) {
@@ -907,7 +931,7 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
           case 9:
             _context3.p = 9;
             _t4 = _context3.v;
-            showToast(_ToastContext.ToastType.Error, !((_props$productCart9 = props.productCart) !== null && _props$productCart9 !== void 0 && _props$productCart9.code) ? t('FAILED_TO_ADD_PRODUCT', 'Failed to add product') : t('FAILED_TO_UPDATE_PRODUCT', 'Failed to update product'));
+            showToast(_ToastContext.ToastType.Error, !((_props$productCart0 = props.productCart) !== null && _props$productCart0 !== void 0 && _props$productCart0.code) ? t('FAILED_TO_ADD_PRODUCT', 'Failed to add product') : t('FAILED_TO_UPDATE_PRODUCT', 'Failed to update product'));
             setProductLoading && setProductLoading(false);
           case 10:
             return _context3.a(2);
@@ -995,9 +1019,9 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     setProductCart(_objectSpread({}, productCart));
   };
 
-  /**
-   * Check if option must show
-   * @param {object} option Option to check
+  /**
+   * Check if option must show
+   * @param {object} option Option to check
    */
   var showOption = function showOption(option) {
     var _option$suboptions5;
@@ -1020,8 +1044,8 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     return showOption;
   };
 
-  /**
-   * Load professionals from API
+  /**
+   * Load professionals from API
    */
   var getProfessionalList = /*#__PURE__*/function () {
     var _ref6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5() {
@@ -1072,9 +1096,9 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
       return _ref6.apply(this, arguments);
     };
   }();
-  /**
-   * function to verify position of pizza ingredients
-   * @param {object} newProductCart cart updated with suboptions
+  /**
+   * function to verify position of pizza ingredients
+   * @param {object} newProductCart cart updated with suboptions
    */
   var handleVerifyPizzaState = function handleVerifyPizzaState(state, suboption, option, preselectedOptions, preselectedSuboptions, states) {
     var newPizzaState = {};
@@ -1102,8 +1126,8 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     setPizzaState(newPizzaState);
     return newPizzaState;
   };
-  /**
-   * Init product cart when product changed
+  /**
+   * Init product cart when product changed
    */
   (0, _react.useEffect)(function () {
     if (product.product) {
@@ -1111,15 +1135,15 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     }
   }, [product.product]);
 
-  /**
-   * Check error when product state changed
+  /**
+   * Check error when product state changed
    */
   (0, _react.useEffect)(function () {
     checkErrors();
   }, [productCart]);
 
-  /**
-   * Listening product changes
+  /**
+   * Listening product changes
    */
   (0, _react.useEffect)(function () {
     var _props$product2;
@@ -1129,8 +1153,8 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     }));
   }, [props.product]);
 
-  /**
-   * Check if there is an option required with one suboption
+  /**
+   * Check if there is an option required with one suboption
   */
 
   var _checkSuboptionsSelected = function checkSuboptionsSelected(suboptionId, _selectedSuboptions, _dependsSuboptions) {
@@ -1171,9 +1195,9 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
                   _step10;
                 try {
                   for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
-                    var _option$suboptions6, _props$productCart10;
+                    var _option$suboptions6, _props$productCart11;
                     var suboption = _step10.value;
-                    _selectedSuboptions["suboption:".concat(suboption.id)] = (suboption.preselected || (option === null || option === void 0 ? void 0 : option.max) === 1 && (option === null || option === void 0 ? void 0 : option.min) === 1 && (option === null || option === void 0 || (_option$suboptions6 = option.suboptions) === null || _option$suboptions6 === void 0 ? void 0 : _option$suboptions6.length) === 1) && (!editMode || !!((_props$productCart10 = props.productCart) !== null && _props$productCart10 !== void 0 && (_props$productCart10 = _props$productCart10.options["id:".concat(option === null || option === void 0 ? void 0 : option.id)]) !== null && _props$productCart10 !== void 0 && _props$productCart10.suboptions["id:".concat(suboption === null || suboption === void 0 ? void 0 : suboption.id)]));
+                    _selectedSuboptions["suboption:".concat(suboption.id)] = (suboption.preselected || (option === null || option === void 0 ? void 0 : option.max) === 1 && (option === null || option === void 0 ? void 0 : option.min) === 1 && (option === null || option === void 0 || (_option$suboptions6 = option.suboptions) === null || _option$suboptions6 === void 0 ? void 0 : _option$suboptions6.length) === 1) && (!editMode || !!((_props$productCart11 = props.productCart) !== null && _props$productCart11 !== void 0 && (_props$productCart11 = _props$productCart11.options["id:".concat(option === null || option === void 0 ? void 0 : option.id)]) !== null && _props$productCart11 !== void 0 && _props$productCart11.suboptions["id:".concat(suboption === null || suboption === void 0 ? void 0 : suboption.id)]));
                     _dependsSuboptions["suboption:".concat(suboption.id)] = option !== null && option !== void 0 && option.conditioned && (option === null || option === void 0 ? void 0 : option.respect_to) !== null ? option === null || option === void 0 ? void 0 : option.respect_to : null;
                   }
                 } catch (err) {
@@ -1195,8 +1219,8 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
         _iterator9.f();
       }
       if (editMode && props !== null && props !== void 0 && props.productCart) {
-        var _Object$values2, _props$productCart0;
-        (_Object$values2 = Object.values(props === null || props === void 0 || (_props$productCart0 = props.productCart) === null || _props$productCart0 === void 0 ? void 0 : _props$productCart0.options)) === null || _Object$values2 === void 0 || _Object$values2.map(function (option) {
+        var _Object$values2, _props$productCart1;
+        (_Object$values2 = Object.values(props === null || props === void 0 || (_props$productCart1 = props.productCart) === null || _props$productCart1 === void 0 ? void 0 : _props$productCart1.options)) === null || _Object$values2 === void 0 || _Object$values2.map(function (option) {
           var _Object$values3;
           return (_Object$values3 = Object.values(option === null || option === void 0 ? void 0 : option.suboptions)) === null || _Object$values3 === void 0 ? void 0 : _Object$values3.map(function (suboption) {
             _selectedSuboptions["suboption:".concat(suboption.id)] = true;
@@ -1249,8 +1273,8 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
       }
       var states = {};
       if (editMode && props !== null && props !== void 0 && props.productCart) {
-        var _Object$values4, _props$productCart1;
-        var cartSuboptions = (_Object$values4 = Object.values(props === null || props === void 0 || (_props$productCart1 = props.productCart) === null || _props$productCart1 === void 0 ? void 0 : _props$productCart1.options)) === null || _Object$values4 === void 0 || (_Object$values4 = _Object$values4.map(function (option) {
+        var _Object$values4, _props$productCart10;
+        var cartSuboptions = (_Object$values4 = Object.values(props === null || props === void 0 || (_props$productCart10 = props.productCart) === null || _props$productCart10 === void 0 ? void 0 : _props$productCart10.options)) === null || _Object$values4 === void 0 || (_Object$values4 = _Object$values4.map(function (option) {
           return Object.values(option === null || option === void 0 ? void 0 : option.suboptions);
         })) === null || _Object$values4 === void 0 ? void 0 : _Object$values4.flat();
         states = cartSuboptions.map(function (suboption, i) {
@@ -1350,8 +1374,8 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
       }
     }, [customDefaultSubOptions]);
   }
-  /**
-   * Check if defaultSubOption has content to set product Cart
+  /**
+   * Check if defaultSubOption has content to set product Cart
    */
   (0, _react.useEffect)(function () {
     if (defaultSubOptions !== null && defaultSubOptions !== void 0 && defaultSubOptions.length) {
@@ -1359,8 +1383,8 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
     }
   }, [JSON.stringify(defaultSubOptions)]);
 
-  /**
-   * Load product on component mounted
+  /**
+   * Load product on component mounted
    */
   (0, _react.useEffect)(function () {
     var _props$product3;
@@ -1413,36 +1437,36 @@ var ProductForm = exports.ProductForm = function ProductForm(props) {
   })));
 };
 ProductForm.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
    */
   UIComponent: _propTypes.default.elementType,
-  /**
-   * `businessId`
+  /**
+   * `businessId`
    */
   businessId: _propTypes.default.number.isRequired,
-  /**
-   * `categoryId` is required if `product` prop is not present
+  /**
+   * `categoryId` is required if `product` prop is not present
    */
   categoryId: _propTypes.default.number,
-  /**
-   * `productId` is required if `product` prop is not present
+  /**
+   * `productId` is required if `product` prop is not present
    */
   productId: _propTypes.default.number,
-  /**
-   * `product` is required if `businessId`, `categoryId` or `productId` is not present
+  /**
+   * `product` is required if `businessId`, `categoryId` or `productId` is not present
    */
   product: _propTypes.default.object,
-  /**
-   * Product from cart
+  /**
+   * Product from cart
    */
   productCart: _propTypes.default.object,
-  /**
-   * useOrderContext
+  /**
+   * useOrderContext
    */
   useOrderContext: _propTypes.default.bool,
-  /**
-   * Function to save event
+  /**
+   * Function to save event
    */
   onSave: _propTypes.default.func
 };

package/_modules/components/ProductImages/index.js

@@ -18,36 +18,36 @@ var ProductImages = exports.ProductImages = function ProductImages(props) {
   })));
 };
 ProductImages.propTypes = {
-  /**
-   * UI Component, this must be containt all graphic elements and use parent props
+  /**
+   * UI Component, this must be containt all graphic elements and use parent props
    */
   UIComponent: _propTypes.default.elementType,
-  /**
-   * hero, this must be contain the main product image
+  /**
+   * hero, this must be contain the main product image
    */
   hero: _propTypes.default.string,
-  /**
-   * gallery, this must be contain the array of product images
+  /**
+   * gallery, this must be contain the array of product images
    */
   gallery: _propTypes.default.arrayOf(_propTypes.default.string),
-  /**
-   * Components types before product images
-   * Array of type components, the parent props will pass to these components
+  /**
+   * Components types before product images
+   * Array of type components, the parent props will pass to these components
    */
   beforeComponents: _propTypes.default.arrayOf(_propTypes.default.elementType),
-  /**
-   * Components types after product images
-   * Array of type components, the parent props will pass to these components
+  /**
+   * Components types after product images
+   * Array of type components, the parent props will pass to these components
    */
   afterComponents: _propTypes.default.arrayOf(_propTypes.default.elementType),
-  /**
-   * Elements before product images
-   * Array of HTML/Components elements, these components will not get the parent props
+  /**
+   * Elements before product images
+   * Array of HTML/Components elements, these components will not get the parent props
    */
   beforeElements: _propTypes.default.arrayOf(_propTypes.default.element),
-  /**
-   * Elements after product images
-   * Array of HTML/Components elements, these components will not get the parent props
+  /**
+   * Elements after product images
+   * Array of HTML/Components elements, these components will not get the parent props
    */
   afterElements: _propTypes.default.arrayOf(_propTypes.default.element)
 };