tabexseriescomponents 0.0.409 → 0.0.411

package/dist/index.esm.js

@@ -14504,7 +14504,7 @@ var Filter$1 = function Filter(props) {
         setCollectionFilterFunc(item.collectionid);
       },
       style: {
-        color: item.isfilterselected == true ? 'red' : ''
+        color: item.isfilterselected == true ? sectionproperties.activecat_color : ''
       }
     }, /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 allcentered mb-2"
@@ -14516,7 +14516,7 @@ var Filter$1 = function Filter(props) {
     }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.collectionlogo,
+      path: '/tr:w-' + sectionproperties.filterimage_tr + ',h-' + sectionproperties.filterimage_h + '/' + item.collectionlogo,
       style: {
         width: '100%',
         height: '100%',
@@ -15439,6 +15439,11 @@ var CardsSection = function CardsSection(props) {
         } else {
           cardobj.description = arrayItem.productinfo.description_ar;
         }
+        if (langdetect == 'en') {
+          cardobj.shortdescription = arrayItem.short_description_en;
+        } else {
+          cardobj.shortdescription = arrayItem.short_description_ar;
+        }
         if (arrayItem.productinfo.hasvariants == 0) {
           fetchcustomercartQueryContext.data.data.customercart.cartitems.forEach(function (cartitem, cartindex) {
             if (cartitem.productid == arrayItem.productinfo.productid) {
@@ -15934,7 +15939,7 @@ var CardsSection = function CardsSection(props) {
       size: sectionproperties.viewmoreiconfontsizeresp,
       color: sectionproperties.viewmorebtn_Textcolor
     })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && /*#__PURE__*/React.createElement("button", {
-      "class": ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
+      "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none  justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
       onClick: function onClick() {
         setopenFilterSlider(true);
         // var element = document.getElementById('filterslider');
@@ -17977,7 +17982,7 @@ var Subheader = function Subheader(props) {
 function ownKeys$1Y(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$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Headerresponsive = function Headerresponsive(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery, _authdetailsContext$i9;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery2, _authdetailsContext$i9;
   var actions = props.actions;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
   var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -18004,23 +18009,27 @@ var Headerresponsive = function Headerresponsive(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     Choosenindex = _useState4[0],
     setChoosenindex = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    pcollarray = _useState6[0],
+    setpcollarray = _useState6[1];
   useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
       setsectionproperties(_objectSpread$1Y({}, props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    logoarrayofobjects = _useState6[0],
-    setlogoarrayofobjects = _useState6[1];
-  var _useState7 = useState(false),
+  var _useState7 = useState([]),
     _useState8 = _slicedToArray(_useState7, 2),
-    openCnvas = _useState8[0],
-    setopenCnvas = _useState8[1];
-  var _useState9 = useState(''),
+    logoarrayofobjects = _useState8[0],
+    setlogoarrayofobjects = _useState8[1];
+  var _useState9 = useState(false),
     _useState10 = _slicedToArray(_useState9, 2),
-    activeTab = _useState10[0],
-    setactiveTab = _useState10[1];
+    openCnvas = _useState10[0],
+    setopenCnvas = _useState10[1];
+  var _useState11 = useState(''),
+    _useState12 = _slicedToArray(_useState11, 2),
+    activeTab = _useState12[0],
+    setactiveTab = _useState12[1];
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -18029,6 +18038,20 @@ var Headerresponsive = function Headerresponsive(props) {
       }
     }
   }, [templateproperties_context]);
+  useEffect(function () {
+    if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
+      var _fetchCategoriesQuery;
+      var temppcollarray = _toConsumableArray(pcollarray);
+      fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 || _fetchCategoriesQuery.categories.forEach(function (arrayItem) {
+        arrayItem === null || arrayItem === void 0 || arrayItem.parentcolletions.forEach(function (item) {
+          if (arrayItem.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
+            temppcollarray.push(item);
+          }
+        });
+      });
+      setpcollarray(_toConsumableArray(temppcollarray));
+    }
+  }, [fetchCategoriesQueryContext.isSuccess]);
   var header_cssstyles = {
     header_logo: css({
       width: sectionproperties.logo_width + 'px',
@@ -19001,9 +19024,9 @@ var Headerresponsive = function Headerresponsive(props) {
   }, sectionproperties.subheaderParentType == 'Categories' && /*#__PURE__*/React.createElement(Accordion, {
     allowMultipleExpanded: true,
     allowZeroExpanded: true
-  }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories.map(function (item, index) {
+  }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories.map(function (item, index) {
     if (item.isshowntocustomers == 1) {
-      var _fetchCategoriesQuery2, _fetchCategoriesQuery3;
+      var _fetchCategoriesQuery3, _fetchCategoriesQuery4;
       return /*#__PURE__*/React.createElement(AccordionItem, {
         uuid: index
       }, /*#__PURE__*/React.createElement(AccordionItemHeading, {
@@ -19057,7 +19080,7 @@ var Headerresponsive = function Headerresponsive(props) {
       }, /*#__PURE__*/React.createElement(Accordion, {
         allowMultipleExpanded: true,
         allowZeroExpanded: true
-      }, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.categories[Choosenindex]) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.parentcolletions) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.length) != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.categories[Choosenindex]) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.parentcolletions.map(function (pitem, pindex) {
+      }, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.categories[Choosenindex]) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.parentcolletions) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.length) != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery4 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.categories[Choosenindex]) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.parentcolletions.map(function (pitem, pindex) {
         if (pitem.isshowntocustomers == 1) {
           return /*#__PURE__*/React.createElement(AccordionItem, {
             uuid: pindex
@@ -19151,6 +19174,81 @@ var Headerresponsive = function Headerresponsive(props) {
         }
       })));
     }
+  })), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React.createElement(Accordion, {
+    allowMultipleExpanded: true,
+    allowZeroExpanded: true
+  }, pcollarray.map(function (item, index) {
+    if (item.isshowntocustomers == 1) {
+      var _item$collections;
+      return /*#__PURE__*/React.createElement(AccordionItem, {
+        uuid: index
+      }, /*#__PURE__*/React.createElement(AccordionItemHeading, {
+        onClick: function onClick() {
+          setChoosenindex(index);
+        }
+      }, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
+        className: ' row m-0 p-0 mb-2 '
+      }, /*#__PURE__*/React.createElement("div", {
+        className: ' row m-0 w-100 px-3 '
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "col-10  p-0 text-start"
+      }, /*#__PURE__*/React.createElement("p", {
+        className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+      }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
+      }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
+        if (state.expanded == true) {
+          return /*#__PURE__*/React.createElement("i", {
+            className: ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+          }, /*#__PURE__*/React.createElement(FiChevronDown, {
+            style: {
+              color: '#000',
+              fontSize: 15
+            }
+          }));
+        } else {
+          return /*#__PURE__*/React.createElement("i", {
+            className: ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+          }, /*#__PURE__*/React.createElement(FiChevronUp, {
+            style: {
+              color: '#000',
+              fontSize: 15
+            }
+          }));
+        }
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-12 p-0"
+      }, /*#__PURE__*/React.createElement("hr", {
+        className: "mt-4 mb-4",
+        style: {
+          borderColor: sectionproperties.resp_header_separatorbg
+        }
+      }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
+        className: "p-0"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
+      }, (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
+        if (collitem.isshowntocustomers == 1) {
+          return /*#__PURE__*/React.createElement("div", {
+            className: ' row m-0 p-0 mb-2  w-100 '
+          }, /*#__PURE__*/React.createElement("div", {
+            className: "col-12 text-start px-4",
+            onClick: function onClick() {
+              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
+            }
+          }, /*#__PURE__*/React.createElement("p", {
+            className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+          }, langdetect == 'en' ? collitem.title_en : collitem.title_ar)), /*#__PURE__*/React.createElement("div", {
+            className: "col-lg-12 p-0"
+          }, /*#__PURE__*/React.createElement("hr", {
+            className: "mt-4 mb-4",
+            style: {
+              borderColor: sectionproperties.resp_header_separatorbg
+            }
+          })));
+        }
+      }))));
+    }
   })))))));
 };
 
@@ -26280,7 +26378,13 @@ var Simpleheader = function Simpleheader(props) {
       marginTop: sectionproperties.header_marginTop + 'px',
       marginBottom: sectionproperties.header_marginBottom + 'px'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement(MarqueeHeader, {
+    sectionpropertiesprops: sectionproperties,
+    templateproperties_contextprops: templateproperties_context,
+    actions: actions
+  })), /*#__PURE__*/React.createElement("div", {
     "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 "
@@ -26354,8 +26458,8 @@ var Simpleheader = function Simpleheader(props) {
     actions: actions,
     subheaderpropertiesprops: {
       subheaderpositionprops: 'in nav',
-      paddingLeftprops: '25px',
-      paddingRightprops: '25px',
+      paddingLeftprops: '10px',
+      paddingRightprops: '10px',
       subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
     }
   })), /*#__PURE__*/React.createElement("div", {
@@ -26636,6 +26740,9 @@ var Simpleheader = function Simpleheader(props) {
   })))))), sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React.createElement(Headerresponsive, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React.createElement(Headerresponsive, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
   }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
@@ -28785,9 +28892,9 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(headerstyles$8.header_innercontainer, " ").concat(header_cssstyles.header_innercontainer) + ' row m-0 w-100 d-flex d-md-none align-items-center '
+    "class": "".concat(headerstyles$8.header_innercontainer, " ").concat(header_cssstyles.header_innercontainer) + ' row m-0 w-100 d-flex d-md-none align-items-center px-1025-1 '
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-3 p-0 d-flex align-items-center"
+    "class": "col-lg-2 p-0 d-flex align-items-center"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center ',
     style: {
@@ -28805,7 +28912,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
       maxHeight: '100%'
     }
   }))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-6 p-0 d-flex align-items-center justify-content-center"
+    "class": sectionproperties.favBtnShow == 'Hide' && sectionproperties.cartBtnShow == 'Hide' && sectionproperties.icontextfontsize == 0 ? 'col-lg-9 p-0 d-flex align-items-center justify-content-center' : 'col-lg-7 p-0 d-flex align-items-center justify-content-center'
   }, /*#__PURE__*/React.createElement("div", {
     "class": "scrollhorizontal w-100 align-items-center justify-content-center",
     style: {
@@ -28837,12 +28944,12 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
     actions: actions,
     subheaderpropertiesprops: {
       subheaderpositionprops: 'in nav',
-      paddingLeftprops: '35px',
-      paddingRightprops: '35px',
+      paddingLeftprops: '15px',
+      paddingRightprops: '15px',
       subheadercontentpositionprops: 'center'
     }
   })), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-3 p-0 d-flex align-items-center justify-content-end"
+    "class": sectionproperties.favBtnShow == 'Hide' && sectionproperties.cartBtnShow == 'Hide' && sectionproperties.icontextfontsize == 0 ? 'col-lg-1 p-0 d-flex align-items-center justify-content-end' : 'col-lg-3 p-0 d-flex align-items-center justify-content-end'
   }, /*#__PURE__*/React.createElement(Dropdown, {
     style: {
       marginRight: langdetect == 'en' ? '30px' : 0,
@@ -28975,7 +29082,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
     }
   })), /*#__PURE__*/React.createElement("div", {
     "class": "".concat(headerstyles$8.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.wishlistbadge) + ' d-flex justify-content-center text-center '
-  }, /*#__PURE__*/React.createElement("span", null, " ", favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", null, " ", favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": !authdetailsContext.loggedin ? langdetect == 'en' ? "".concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered ml-3 mr-4 ' : "".concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered ml-4 mr-3 ' : "".concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered  ',
     onClick: function onClick() {
       setsidecartnavshowcontext(true);
@@ -29015,7 +29122,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
       top: sectionproperties.cartbadgetop + 'px',
       right: sectionproperties.cartbadgeright + 'px'
     }
-  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0))), /*#__PURE__*/React.createElement("div", {
+  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != null ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length) >= 10 ? '+9' : fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0))), sectionproperties.icontextfontsize != 0 && /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'informationdropdown informationdropdown_en' : 'informationdropdown informationdropdown_ar'
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("i", {
     "class": header_cssstyles.infoiconcontainer + ' allcentered '
@@ -29076,15 +29183,13 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
     size: sectionproperties.youtubebtniconfontsize
   })))))))), /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
-  }, /*#__PURE__*/React.createElement(Dropdown, {
-    style: {
-      marginLeft: langdetect == 'en' ? '25px' : 0,
-      marginRight: langdetect == 'ar' ? '25px' : 0
-    }
-  }, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
+  }, /*#__PURE__*/React.createElement("li", {
     "class": ' d-flex align-items-center justify-content-center '
   }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.language_container) + ' row m-0 allcentered '
+    "class": "".concat(header_cssstyles.language_container) + ' row m-0 allcentered ',
+    onClick: function onClick() {
+      setlang('en');
+    }
   }, /*#__PURE__*/React.createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
     style: {
@@ -29101,7 +29206,10 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
   }), /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
   }, "\u0639")), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.language_container) + ' row m-0 allcentered '
+    "class": "".concat(header_cssstyles.language_container) + ' row m-0 allcentered ',
+    onClick: function onClick() {
+      setlang('ar');
+    }
   }, /*#__PURE__*/React.createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
     style: {
@@ -29117,39 +29225,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
     "class": "ml-2 mr-2"
   }), /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
-  }, "En")))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
-    onClick: function onClick() {
-      setlang('ar');
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React.createElement("img", {
-    src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
-    style: {
-      maxWidth: '2.5vh',
-      maxHeight: '2.5vh'
-    }
-  }), /*#__PURE__*/React.createElement("span", {
-    "class": "ml-2 mr-2"
-  }, lang.arabic)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
-    onClick: function onClick() {
-      setlang('en');
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React.createElement("img", {
-    src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
-    style: {
-      maxWidth: '2.5vh',
-      maxHeight: '2.5vh'
-    }
-  }), /*#__PURE__*/React.createElement("span", {
-    "class": "ml-2 mr-2"
-  }, lang.english)))))))), /*#__PURE__*/React.createElement("div", {
+  }, "En"))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React.createElement(Subheader, {
     sectionpropertiesprops: sectionproperties,
@@ -52603,8 +52679,9 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
 
 function ownKeys$_(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$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// 49
 var DynamicForm = function DynamicForm(props) {
-  var _css, _dynamicform$fields;
+  var _css, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -52632,6 +52709,30 @@ var DynamicForm = function DynamicForm(props) {
     _useState10 = _slicedToArray(_useState9, 2),
     confirmationtext = _useState10[0],
     setconfirmationtext = _useState10[1];
+  var _useState11 = useState(25),
+    _useState12 = _slicedToArray(_useState11, 2),
+    percentage = _useState12[0],
+    setpercentage = _useState12[1];
+  var _useState13 = useState(''),
+    _useState14 = _slicedToArray(_useState13, 2);
+    _useState14[0];
+    var setnumberoffields = _useState14[1];
+  var _useState15 = useState(0),
+    _useState16 = _slicedToArray(_useState15, 2);
+    _useState16[0];
+    var setnumberofslides = _useState16[1];
+  var _useState17 = useState(0),
+    _useState18 = _slicedToArray(_useState17, 2);
+    _useState18[0];
+    _useState18[1];
+  var _useState19 = useState(0),
+    _useState20 = _slicedToArray(_useState19, 2),
+    currentindex = _useState20[0],
+    setcurrentindex = _useState20[1];
+  var _useState21 = useState(0),
+    _useState22 = _slicedToArray(_useState21, 2);
+    _useState22[0];
+    var setnumberoffiledinslide = _useState22[1];
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -52648,7 +52749,7 @@ var DynamicForm = function DynamicForm(props) {
       var _fetchdynamicformfeil;
       fetchdynamicformfeildsQueryContext === null || fetchdynamicformfeildsQueryContext === void 0 || (_fetchdynamicformfeil = fetchdynamicformfeildsQueryContext.data) === null || _fetchdynamicformfeil === void 0 || (_fetchdynamicformfeil = _fetchdynamicformfeil.data) === null || _fetchdynamicformfeil === void 0 || (_fetchdynamicformfeil = _fetchdynamicformfeil.dynamicforms) === null || _fetchdynamicformfeil === void 0 || _fetchdynamicformfeil.forEach(function (item, index) {
         if (item.id == dynamicformid) {
-          var _tempitem$fields;
+          var _tempitem$fields, _tempitem$fields2;
           var tempitem = item;
           tempitem === null || tempitem === void 0 || (_tempitem$fields = tempitem.fields) === null || _tempitem$fields === void 0 || _tempitem$fields.forEach(function (fielditem) {
             fielditem.value = '';
@@ -52656,8 +52757,15 @@ var DynamicForm = function DynamicForm(props) {
           setdynamicform(tempitem);
           var temptitleen = tempitem.title_en;
           var temptitlear = tempitem.title_ar;
+          var tempnumberoffields = tempitem === null || tempitem === void 0 || (_tempitem$fields2 = tempitem.fields) === null || _tempitem$fields2 === void 0 ? void 0 : _tempitem$fields2.length; //12
+          var tempnumberoffiledinslide = sectionproperties.numberofslides; //4
+          var tempnumberofslides = Math.ceil(tempnumberoffields / tempnumberoffiledinslide); //3
+
           setformtitleen(temptitleen);
           setformtitlear(temptitlear);
+          setnumberoffields(tempnumberoffields);
+          setnumberoffiledinslide(tempnumberoffiledinslide);
+          setnumberofslides(tempnumberofslides);
         }
       });
     }
@@ -52698,9 +52806,9 @@ var DynamicForm = function DynamicForm(props) {
     }
   };
   var clearform = function clearform() {
-    var _tempitem$fields2;
+    var _tempitem$fields3;
     var tempitem = _objectSpread$_({}, dynamicform);
-    tempitem === null || tempitem === void 0 || (_tempitem$fields2 = tempitem.fields) === null || _tempitem$fields2 === void 0 || _tempitem$fields2.forEach(function (fielditem) {
+    tempitem === null || tempitem === void 0 || (_tempitem$fields3 = tempitem.fields) === null || _tempitem$fields3 === void 0 || _tempitem$fields3.forEach(function (fielditem) {
       fielditem.value = '';
     });
     setdynamicform(tempitem);
@@ -52790,7 +52898,7 @@ var DynamicForm = function DynamicForm(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 30px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", 'transparent'), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, "fontSize", sectionproperties.inputfieldfontsize + 'px'), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 30px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", 'transparent'), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, "fontSize", sectionproperties.inputfieldfontsize + 'px'), _defineProperty(_css, "marginBottom", sectionproperties.inputfieldbordertype == 'All' ? 20 : 0), _defineProperty(_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus,
       boxShadow: 'none',
       transition: '.3s'
@@ -52808,10 +52916,41 @@ var DynamicForm = function DynamicForm(props) {
         color: sectionproperties.generalbtn_textColoronhover,
         backgroundColor: sectionproperties.generalbtn_bgColoronhover
       }
+    }),
+    btnLeft: css({
+      width: 40,
+      height: 40,
+      // borderRadius: 20,
+      borderRight: langdetect == 'en' ? '1px solid #ccc' : 0,
+      backgroundColor: '#000',
+      cursor: 'pointer',
+      borderTopLeftRadius: langdetect == 'en' ? 5 : 0,
+      borderBottomLeftRadius: langdetect == 'en' ? 5 : 0,
+      borderTopRightRadius: langdetect == 'ar' ? 5 : 0,
+      borderBottomRightRadius: langdetect == 'ar' ? 5 : 0,
+      ':hover': {
+        transition: '.3s',
+        backgroundColor: '#044da6'
+      }
+    }),
+    btnRight: css({
+      width: 40,
+      height: 40,
+      borderLeft: langdetect == 'en' ? '1px solid #ccc' : 0,
+      backgroundColor: '#000',
+      cursor: 'pointer',
+      borderTopRightRadius: langdetect == 'en' ? 5 : 0,
+      borderBottomRightRadius: langdetect == 'en' ? 5 : 0,
+      borderTopLeftRadius: langdetect == 'ar' ? 5 : 0,
+      borderBottomLeftRadius: langdetect == 'ar' ? 5 : 0,
+      ':hover': {
+        transition: '.3s',
+        backgroundColor: '#044da6'
+      }
     })
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": 'row m-0 w-100 h-100 px-md-2',
+    "class": 'row m-0 w-100 h-100 px-md-2 allcentered',
     style: {
       background: sectionproperties.backgroundColor,
       paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
@@ -52819,6 +52958,165 @@ var DynamicForm = function DynamicForm(props) {
       paddingTop: sectionproperties.cardpaddingvertical + 'px',
       paddingBottom: sectionproperties.cardpaddingvertical + 'px'
     }
+  }, dynamicformid == '49' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-10 m-0 w-100 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100",
+    style: {
+      border: '1px solid #ccc',
+      borderRadius: 20,
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: '5.5px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": 'ratingbar',
+    style: {
+      backgroundColor: 'rgb(226, 226, 226)'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": 'ratingbar',
+    style: {
+      backgroundColor: '#044da6',
+      width: percentage + '%'
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 text-start mt-5 px-4",
+    style: {
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      color: sectionproperties.sectionTitleColor,
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, langdetect == 'en' ? formtitleen : formtitlear)), (dynamicform === null || dynamicform === void 0 ? void 0 : dynamicform.id) != undefined && /*#__PURE__*/React.createElement("div", {
+    "class": 'row m-0 w-100 p-3 mt-3'
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 text-start"
+  }, currentindex == 0 && /*#__PURE__*/React.createElement("div", {
+    "class": 'row m-0 w-100 '
+  }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields = dynamicform.fields) === null || _dynamicform$fields === void 0 ? void 0 : _dynamicform$fields.map(function (item, index) {
+    if (index <= 2) {
+      if (item.type == 'text' || item.type == 'date' || item.type == 'number') {
+        return inputitem(item, index);
+      } else if (item.type == 'textarea') {
+        return textareaitem(item, index);
+      } else if (item.type == 'selectbox') {
+        return selectboxitem(item, index);
+      }
+    }
+  })), currentindex == 1 && /*#__PURE__*/React.createElement("div", {
+    "class": 'row m-0 w-100 '
+  }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields2 = dynamicform.fields) === null || _dynamicform$fields2 === void 0 ? void 0 : _dynamicform$fields2.map(function (item, index) {
+    if (index > 2 && index <= 5) {
+      if (item.type == 'text' || item.type == 'date' || item.type == 'number') {
+        return inputitem(item, index);
+      } else if (item.type == 'textarea') {
+        return textareaitem(item, index);
+      } else if (item.type == 'selectbox') {
+        return selectboxitem(item, index);
+      }
+    }
+  })), currentindex == 2 && /*#__PURE__*/React.createElement("div", {
+    "class": 'row m-0 w-100 '
+  }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields3 = dynamicform.fields) === null || _dynamicform$fields3 === void 0 ? void 0 : _dynamicform$fields3.map(function (item, index) {
+    if (index > 5 && index <= 8) {
+      if (item.type == 'text' || item.type == 'date' || item.type == 'number') {
+        return inputitem(item, index);
+      } else if (item.type == 'textarea') {
+        return textareaitem(item, index);
+      } else if (item.type == 'selectbox') {
+        return selectboxitem(item, index);
+      }
+    }
+  })), currentindex == 3 && /*#__PURE__*/React.createElement("div", {
+    "class": 'row m-0 w-100 '
+  }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields4 = dynamicform.fields) === null || _dynamicform$fields4 === void 0 ? void 0 : _dynamicform$fields4.map(function (item, index) {
+    if (index > 8 && index <= 11) {
+      if (item.type == 'text' || item.type == 'date' || item.type == 'number') {
+        return inputitem(item, index);
+      } else if (item.type == 'textarea') {
+        return textareaitem(item, index);
+      } else if (item.type == 'selectbox') {
+        return selectboxitem(item, index);
+      }
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 text-end flex-row px-4 mt-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": form_cssstyles.btnLeft + ' allcentered ',
+    style: {},
+    onClick: function onClick() {
+      if (currentindex == 1) {
+        setcurrentindex(0);
+        setpercentage(25);
+      } else if (currentindex == 2) {
+        setcurrentindex(1);
+        setpercentage(50);
+      } else if (currentindex == 3) {
+        setcurrentindex(2);
+        setpercentage(75);
+      } else ;
+    }
+  }, langdetect == 'en' && /*#__PURE__*/React.createElement(BsChevronLeft, {
+    color: '#fff',
+    size: 18
+  }), langdetect == 'ar' && /*#__PURE__*/React.createElement(BsChevronRight, {
+    color: '#fff',
+    size: 18
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": form_cssstyles.btnRight + ' allcentered ',
+    onClick: function onClick() {
+      if (currentindex == 0) {
+        setcurrentindex(1);
+        setpercentage(50);
+      } else if (currentindex == 1) {
+        setcurrentindex(2);
+        setpercentage(75);
+      } else if (currentindex == 2) {
+        setcurrentindex(3);
+        setpercentage(100);
+      } else ;
+    }
+  }, langdetect == 'en' && /*#__PURE__*/React.createElement(BsChevronRight, {
+    color: '#fff',
+    size: 18
+  }), langdetect == 'ar' && /*#__PURE__*/React.createElement(BsChevronLeft, {
+    color: '#fff',
+    size: 18
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 allcentered my-4",
+    style: {
+      visibility: currentindex == 3 ? 'visible' : 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: function onClick() {
+      submitform();
+    },
+    disabled: GeneralAPIMutationContext.isLoading,
+    "class": form_cssstyles.generalbtn + ' allcentered '
+  }, GeneralAPIMutationContext.isLoading ? /*#__PURE__*/React.createElement(CircularProgress, {
+    color: sectionproperties.generalbtn_textColor,
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  }) : langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 allcentered my-4"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: 20,
+      color: '#000'
+    }
+  }, confirmationtext))))), dynamicformid != '49' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 text-start",
     style: {
@@ -52838,7 +53136,7 @@ var DynamicForm = function DynamicForm(props) {
     "class": "col-lg-12 text-start"
   }, /*#__PURE__*/React.createElement("div", {
     "class": 'row m-0 w-100 '
-  }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields = dynamicform.fields) === null || _dynamicform$fields === void 0 ? void 0 : _dynamicform$fields.map(function (item, index) {
+  }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields5 = dynamicform.fields) === null || _dynamicform$fields5 === void 0 ? void 0 : _dynamicform$fields5.map(function (item, index) {
     if (item.type == 'text' || item.type == 'date' || item.type == 'number') {
       return inputitem(item, index);
     } else if (item.type == 'textarea') {
@@ -52867,7 +53165,7 @@ var DynamicForm = function DynamicForm(props) {
       fontSize: 20,
       color: '#000'
     }
-  }, confirmationtext))));
+  }, confirmationtext)))));
 };
 
 function ownKeys$Z(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; }
@@ -61513,15 +61811,17 @@ var Card23 = function Card23(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex d-md-none ',
     style: {
-      height: sectionproperties.image_height + 'px'
+      height: sectionproperties.image_height + 'px',
+      marginBottom: sectionproperties.image_mb + 'px'
     }
   }, Image('normal')), /*#__PURE__*/React.createElement("div", {
     "class": cardsstyles2.imageContainer + ' d-none d-md-flex ',
     style: {
-      height: sectionproperties.height_responsive + 'px'
+      height: sectionproperties.height_responsive + 'px',
+      marginBottom: sectionproperties.image_mb + 'px'
     }
   }, Image('responsive')), /*#__PURE__*/React.createElement("div", {
-    "class": 'row m-0 w-100 pl-sm-2 pr-sm-2',
+    "class": sectionproperties.innersectionpaddinghorizontal == 0 ? 'row m-0 w-100' : 'row m-0 w-100 pl-sm-2 pr-sm-2',
     style: {
       paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
       paddingRight: sectionproperties.innersectionpaddinghorizontal + 'px',
@@ -61571,11 +61871,13 @@ var Card23 = function Card23(props) {
   })), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 m-0 ',
+    "class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 ',
     style: {
-      textAlign: langdetect == 'en' ? 'left' : 'right'
+      // textAlign: langdetect == 'en' ? 'left' : 'right',
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
+      marginBottom: sectionproperties.descriptionMarginBottom + 'px'
     }
-  }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, plainString(item.shortdescription)), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 ",
     style: {
       minHeight: '6vh'
@@ -61584,15 +61886,21 @@ var Card23 = function Card23(props) {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
-    "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak2 m-0 ' : "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak2 m-0 ',
+    "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ' : "".concat(cardsstyles2.productNameStyles) + '  wordbreak wordbreak2 font-md-13 wordbreak-md-4 m-0 ',
     style: {
-      textAlign: langdetect == 'en' ? 'left' : 'right'
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
   }, item.name))), /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 align-items-center mt-1 mb-1"
+    "class": "row m-0 w-100 align-items-center mt-1 mb-1",
+    style: {
+      flexDirection: sectionproperties.productnamecentered == 'Centered' ? 'column' : 'row'
+    }
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
-    "class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
-  }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("span", {
+    "class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right ',
+    style: {
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : ''
+    }
+  }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.productnamecentered != 'Centered' && sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("span", {
     "class": "".concat(cardsstyles2.productSalePricestyles)
   }, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
     "class": langdetect == 'en' ? "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ' : "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '