ordering-ui-external 2.7.1 → 2.7.2

package/_modules/themes/five/src/components/ProductItemAccordion/index.js

@@ -237,7 +237,9 @@ var ProductItemAccordion = function ProductItemAccordion(props) {
       className: "ingredient",
       key: ingredient.id
     }, /*#__PURE__*/_react.default.createElement("span", null, t('NO', 'No'), " ", ingredient.name));
-  })), productInfo().options.length > 0 && /*#__PURE__*/_react.default.createElement(_styles.ProductOptionsList, null, productInfo().options.map(function (option) {
+  })), productInfo().options.length > 0 && /*#__PURE__*/_react.default.createElement(_styles.ProductOptionsList, null, productInfo().options.sort(function (a, b) {
+    return a.rank - b.rank;
+  }).map(function (option) {
     return /*#__PURE__*/_react.default.createElement("li", {
       key: option.id
     }, /*#__PURE__*/_react.default.createElement("p", null, option.name), /*#__PURE__*/_react.default.createElement(_styles.ProductOptionsList, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-external",
-  "version": "2.7.1",
+  "version": "2.7.2",
   "description": "Ordering UI Components",
   "main": "./_modules/index.js",
   "exports": {

package/src/themes/five/src/components/ProductItemAccordion/index.js

@@ -316,7 +316,7 @@ export const ProductItemAccordion = (props) => {
           )}
           {productInfo().options.length > 0 && (
             <ProductOptionsList>
-              {productInfo().options.map(option => (
+              {productInfo().options.sort((a, b) => a.rank - b.rank).map(option => (
                 <li key={option.id}>
                   <p>{option.name}</p>
                   <ProductOptionsList className='suboption'>