tabexseriescomponents 0.0.409 → 0.0.410

package/dist/index.cjs.js

@@ -28834,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: {
@@ -28854,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: {
@@ -28886,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,
@@ -29024,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);
@@ -29064,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 '
@@ -29125,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: {
@@ -29150,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: {
@@ -29166,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,
@@ -52652,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;
@@ -52681,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) {
@@ -52697,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 = '';
@@ -52705,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);
         }
       });
     }
@@ -52747,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);
@@ -52839,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'
@@ -52857,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',
@@ -52868,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: {
@@ -52887,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') {
@@ -52916,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; }