tabexseriescomponents 0.0.408 → 0.0.410

package/dist/index.cjs.js

@@ -15220,6 +15220,7 @@ var CardsSection = function CardsSection(props) {
     _useState14 = _slicedToArray__default["default"](_useState13, 2),
     perpageItems = _useState14[0],
     setperpageItems = _useState14[1];
+  var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
   React.useEffect(function () {
     var productfilerobjtemp = ProductFilterObjContext;
     if (props.filterparamsprops != undefined) {
@@ -15515,6 +15516,7 @@ var CardsSection = function CardsSection(props) {
         cardobj.productcashbackvalue = arrayItem.productinfo.productcashbackvalue;
         cardobj.product_phonenumber = arrayItem.productinfo.product_phonenumber;
         cardobj.productcanrate = arrayItem.productinfo.productcanrate;
+        cardobj.sku = arrayItem.productinfo.sku;
         if (langdetect == 'en') {
           cardobj.currencyname = fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.data.data.currencyname_en;
         } else {
@@ -16077,7 +16079,8 @@ var CardsSection = function CardsSection(props) {
                 sectionindexprops: index,
                 sectionidprops: item.sectionid,
                 actions: actions,
-                fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
+                fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
+                AddtoCartMutationContext: AddtoCartMutationContext
               }));
             } else if (sectionproperties.overallnumberofcards != 0) {
               if (cardinfoindex < sectionproperties.overallnumberofcards) {
@@ -16091,7 +16094,8 @@ var CardsSection = function CardsSection(props) {
                   sectionindexprops: index,
                   sectionidprops: item.sectionid,
                   actions: actions,
-                  fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
+                  fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
+                  AddtoCartMutationContext: AddtoCartMutationContext
                 }));
               }
             }
@@ -16279,7 +16283,8 @@ var CardsSection = function CardsSection(props) {
                 sectionidprops: item.sectionid,
                 actions: actions,
                 fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
-                numberOfColsvertical: sectionproperties.numberOfColsvertical
+                numberOfColsvertical: sectionproperties.numberOfColsvertical,
+                AddtoCartMutationContext: AddtoCartMutationContext
               }));
             } else if (sectionproperties.overallnumberofcards != 0) {
               if (cardinfoindex < sectionproperties.overallnumberofcards) {
@@ -16295,7 +16300,8 @@ var CardsSection = function CardsSection(props) {
                   sectionidprops: item.sectionid,
                   actions: actions,
                   fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
-                  numberOfColsvertical: sectionproperties.numberOfColsvertical
+                  numberOfColsvertical: sectionproperties.numberOfColsvertical,
+                  AddtoCartMutationContext: AddtoCartMutationContext
                 }));
               }
             }
@@ -28828,9 +28834,9 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center ',
     style: {
@@ -28848,7 +28854,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
       maxHeight: '100%'
     }
   }))), /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
     "class": "scrollhorizontal w-100 align-items-center justify-content-center",
     style: {
@@ -28880,12 +28886,12 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
     actions: actions,
     subheaderpropertiesprops: {
       subheaderpositionprops: 'in nav',
-      paddingLeftprops: '35px',
-      paddingRightprops: '35px',
+      paddingLeftprops: '15px',
+      paddingRightprops: '15px',
       subheadercontentpositionprops: 'center'
     }
   })), /*#__PURE__*/React__default["default"].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__default["default"].createElement(Dropdown__default["default"], {
     style: {
       marginRight: langdetect == 'en' ? '30px' : 0,
@@ -29018,7 +29024,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
     }
   })), /*#__PURE__*/React__default["default"].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__default["default"].createElement("span", null, " ", favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, " ", favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].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);
@@ -29058,7 +29064,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__default["default"].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__default["default"].createElement("div", {
     "class": langdetect == 'en' ? 'informationdropdown informationdropdown_en' : 'informationdropdown informationdropdown_ar'
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": header_cssstyles.infoiconcontainer + ' allcentered '
@@ -29119,15 +29125,13 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
     size: sectionproperties.youtubebtniconfontsize
   })))))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
-  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
-    style: {
-      marginLeft: langdetect == 'en' ? '25px' : 0,
-      marginRight: langdetect == 'ar' ? '25px' : 0
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
+  }, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": ' d-flex align-items-center justify-content-center '
   }, langdetect == 'en' && /*#__PURE__*/React__default["default"].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__default["default"].createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
     style: {
@@ -29144,7 +29148,10 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
   }), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
   }, "\u0639")), langdetect == 'ar' && /*#__PURE__*/React__default["default"].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__default["default"].createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
     style: {
@@ -29160,39 +29167,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
     "class": "ml-2 mr-2"
   }), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
-  }, "En")))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
-    onClick: function onClick() {
-      setlang('ar');
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React__default["default"].createElement("img", {
-    src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
-    style: {
-      maxWidth: '2.5vh',
-      maxHeight: '2.5vh'
-    }
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": "ml-2 mr-2"
-  }, lang.arabic)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
-    onClick: function onClick() {
-      setlang('en');
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React__default["default"].createElement("img", {
-    src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
-    style: {
-      maxWidth: '2.5vh',
-      maxHeight: '2.5vh'
-    }
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
-    "class": "ml-2 mr-2"
-  }, lang.english)))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, "En"))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement(Subheader, {
     sectionpropertiesprops: sectionproperties,
@@ -43816,7 +43791,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
       onClick: function onClick() {
         routingcountext(StaticPagesLinksContext.Wishlist);
       }
-    }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.previousorders_titlear)), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.wishlisttitle_ar)), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "".concat(footerStyles.subPages) + ' wordbreak m-0 p-0 ',
@@ -52646,8 +52621,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__default["default"](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;
@@ -52675,6 +52651,30 @@ var DynamicForm = function DynamicForm(props) {
     _useState10 = _slicedToArray__default["default"](_useState9, 2),
     confirmationtext = _useState10[0],
     setconfirmationtext = _useState10[1];
+  var _useState11 = React.useState(25),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2),
+    percentage = _useState12[0],
+    setpercentage = _useState12[1];
+  var _useState13 = React.useState(''),
+    _useState14 = _slicedToArray__default["default"](_useState13, 2);
+    _useState14[0];
+    var setnumberoffields = _useState14[1];
+  var _useState15 = React.useState(0),
+    _useState16 = _slicedToArray__default["default"](_useState15, 2);
+    _useState16[0];
+    var setnumberofslides = _useState16[1];
+  var _useState17 = React.useState(0),
+    _useState18 = _slicedToArray__default["default"](_useState17, 2);
+    _useState18[0];
+    _useState18[1];
+  var _useState19 = React.useState(0),
+    _useState20 = _slicedToArray__default["default"](_useState19, 2),
+    currentindex = _useState20[0],
+    setcurrentindex = _useState20[1];
+  var _useState21 = React.useState(0),
+    _useState22 = _slicedToArray__default["default"](_useState21, 2);
+    _useState22[0];
+    var setnumberoffiledinslide = _useState22[1];
   React.useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -52691,7 +52691,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 = '';
@@ -52699,8 +52699,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);
         }
       });
     }
@@ -52741,9 +52748,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);
@@ -52833,7 +52840,7 @@ var DynamicForm = function DynamicForm(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, "fontSize", sectionproperties.inputfieldfontsize + 'px'), _defineProperty__default["default"](_css, ':focus', {
+    }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty__default["default"](_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty__default["default"](_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_css, "fontSize", sectionproperties.inputfieldfontsize + 'px'), _defineProperty__default["default"](_css, "marginBottom", sectionproperties.inputfieldbordertype == 'All' ? 20 : 0), _defineProperty__default["default"](_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus,
       boxShadow: 'none',
       transition: '.3s'
@@ -52851,10 +52858,41 @@ var DynamicForm = function DynamicForm(props) {
         color: sectionproperties.generalbtn_textColoronhover,
         backgroundColor: sectionproperties.generalbtn_bgColoronhover
       }
+    }),
+    btnLeft: glamor.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: glamor.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__default["default"].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',
@@ -52862,6 +52900,165 @@ var DynamicForm = function DynamicForm(props) {
       paddingTop: sectionproperties.cardpaddingvertical + 'px',
       paddingBottom: sectionproperties.cardpaddingvertical + 'px'
     }
+  }, dynamicformid == '49' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-10 m-0 w-100 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100",
+    style: {
+      border: '1px solid #ccc',
+      borderRadius: 20,
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: '100%',
+      height: '5.5px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'ratingbar',
+    style: {
+      backgroundColor: 'rgb(226, 226, 226)'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'ratingbar',
+    style: {
+      backgroundColor: '#044da6',
+      width: percentage + '%'
+    }
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 text-start mt-5 px-4",
+    style: {
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
+    "class": 'row m-0 w-100 p-3 mt-3'
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 text-start"
+  }, currentindex == 0 && /*#__PURE__*/React__default["default"].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__default["default"].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__default["default"].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__default["default"].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__default["default"].createElement("div", {
+    "class": "col-lg-12 text-end flex-row px-4 mt-4"
+  }, /*#__PURE__*/React__default["default"].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__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+    color: '#fff',
+    size: 18
+  }), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
+    color: '#fff',
+    size: 18
+  })), /*#__PURE__*/React__default["default"].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__default["default"].createElement(BsChevronRight.BsChevronRight, {
+    color: '#fff',
+    size: 18
+  }), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+    color: '#fff',
+    size: 18
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered my-4",
+    style: {
+      visibility: currentindex == 3 ? 'visible' : 'hidden'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    onClick: function onClick() {
+      submitform();
+    },
+    disabled: GeneralAPIMutationContext.isLoading,
+    "class": form_cssstyles.generalbtn + ' allcentered '
+  }, GeneralAPIMutationContext.isLoading ? /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
+    color: sectionproperties.generalbtn_textColor,
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  }) : langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered my-4"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: 20,
+      color: '#000'
+    }
+  }, confirmationtext))))), dynamicformid != '49' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 text-start",
     style: {
@@ -52881,7 +53078,7 @@ var DynamicForm = function DynamicForm(props) {
     "class": "col-lg-12 text-start"
   }, /*#__PURE__*/React__default["default"].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') {
@@ -52910,7 +53107,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; }
@@ -61112,6 +61309,7 @@ var Card23 = function Card23(props) {
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     item = _useState4[0],
     setitem = _useState4[1];
+  var AddtoCartMutationContext = props.AddtoCartMutationContext;
   var _useState5 = React.useState(''),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     secondimage = _useState6[0],
@@ -61233,7 +61431,7 @@ var Card23 = function Card23(props) {
       }
     }),
     cart_btn: glamor.css({
-      width: sectionproperties.cartBtnWidth + 'px',
+      width: sectionproperties.cartBtnWidth + '%',
       height: sectionproperties.cartBtnHeight + 'px',
       background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
@@ -61248,6 +61446,23 @@ var Card23 = function Card23(props) {
         borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
+    buynow: glamor.css({
+      width: sectionproperties.cartBtnWidth + '%',
+      height: sectionproperties.cartBtnHeight + 'px',
+      background: sectionproperties.cartBtnTextcolor,
+      borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
+      color: 'white',
+      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
+      fontWeight: sectionproperties.cartBtnTextfontweight,
+      // border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.cartBtnTextcoloronhover,
+        color: 'white'
+        // borderColor: sectionproperties.cartBtnTextcoloronhover,
+      }
+    }),
+
     iconsContainer: glamor.css({
       display: 'flex',
       flexDirection: 'column',
@@ -61418,6 +61633,33 @@ var Card23 = function Card23(props) {
       "class": "m-0 p-0"
     }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar)));
   };
+  var _useState9 = React.useState(''),
+    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    addtocardpayloadobj = _useState10[0];
+    _useState10[1];
+  var AddtoCartContext = props.actions.AddtoCartContext;
+  var addtocartfunc = function addtocartfunc(forcetocheckout) {
+    var forcetocheckoutvalue = forcetocheckout;
+    var tempaddtocardpayloadobj = _objectSpread$x({}, addtocardpayloadobj);
+    tempaddtocardpayloadobj.productid = item.productid;
+    tempaddtocardpayloadobj.functype = 'add';
+    tempaddtocardpayloadobj.item_type = 'product';
+    tempaddtocardpayloadobj.quantity = 1;
+    if (forcetocheckoutvalue != undefined) {
+      tempaddtocardpayloadobj.forcetocheckoutvalue = forcetocheckoutvalue;
+    }
+
+    // Pixel_EventsContext('AddToCart', {
+    //     content_ids: [item.productid],
+    //     content_name: item.name_en + ' - ' + item.name_ar,
+    //     content_sku: item.sku,
+    //     content_type: 'product',
+    //     currency: item.currencyname_en,
+    //     value: item.defaultprice,
+    //     quantity: 1,
+    // });
+    AddtoCartContext(tempaddtocardpayloadobj);
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : 'row m-0 w-100' : langdetect == 'en' ? sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : 'row m-0 w-100' : 'row m-0 w-100',
     style: {
@@ -61595,9 +61837,9 @@ var Card23 = function Card23(props) {
   }, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].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 '
   }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "d-flex align-items-center m-0"
+    "class": "d-flex align-items-center m-0 flex-column w-100"
   }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": "".concat(cardsstyles2.cart_btn) + ' allcentered ',
+    "class": "".concat(cardsstyles2.cart_btn) + ' allcentered mt-3 ',
     onClick: function onClick() {
       setShowProductInfoModalContext(true);
       setProductIdProdutInfoModalContext(item.productid);
@@ -61628,7 +61870,17 @@ var Card23 = function Card23(props) {
     size: sectionproperties.cartBtn_iconFontSize
   })), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
-  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))))))));
+  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))), sectionproperties.showbuynowbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
+    "class": "".concat(cardsstyles2.buynow) + ' allcentered mt-3 ',
+    onClick: function onClick() {
+      addtocartfunc('forcetocheckout');
+    },
+    disabled: AddtoCartMutationContext.isLoading == true ? true : false
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "d-flex align-items-center justify-content-center"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0"
+  }, langdetect == 'en' ? 'Buy Now' : 'اشترى الان'))))))));
 };
 
 function ownKeys$w(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; }