tabexseriescomponents 0.0.722 → 0.0.724

package/dist/index.cjs.js

@@ -30883,7 +30883,7 @@ var Simpleheader = function Simpleheader(props) {
     paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
     paddingTop: sectionproperties.header_paddingTop + 'px',
     paddingBottom: sectionproperties.header_paddingBottom + 'px',
-    backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.header_backgroundColor,
+    backgroundColor: sectionproperties.keepheadertransparent == 'Yes' ? 'transparent' : sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.header_backgroundColor,
     ':hover': {
       backgroundColor: sectionproperties.header_backgroundColor,
       transition: '.3s ease-in-out'
@@ -30925,8 +30925,8 @@ var Simpleheader = function Simpleheader(props) {
   }), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       position: 'fixed',
-      bottom: 15,
-      right: 15,
+      bottom: sectionproperties.floatingbtnfrombottom + 'px',
+      right: sectionproperties.floatingbtnfromright + 'px',
       zIndex: 2000,
       transition: 'all 0.3s ease-out',
       width: '100%',
@@ -30976,8 +30976,8 @@ var Simpleheader = function Simpleheader(props) {
     target: '_blank',
     style: {
       position: 'fixed',
-      bottom: sectionproperties.whatsappbtnfrombottom + 'px',
-      right: 10,
+      bottom: sectionproperties.whatsapppositionfrombottom + 'px',
+      right: sectionproperties.whatsapppositionfromright + 'px',
       zIndex: 2000,
       transition: 'all 0.3s ease-out'
     }
@@ -30993,8 +30993,8 @@ var Simpleheader = function Simpleheader(props) {
     target: '_self',
     style: {
       position: 'fixed',
-      bottom: 60,
-      right: 10,
+      bottom: sectionproperties.callppositionfrombottom + 'px',
+      right: sectionproperties.callppositionfromright + 'px',
       zIndex: 2000,
       transition: 'all 0.3s ease-out'
     }
@@ -32032,8 +32032,8 @@ var Header8 = function Header8(props) {
   })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       position: 'fixed',
-      bottom: 15,
-      right: 15,
+      bottom: sectionproperties.floatingbtnfrombottom + 'px',
+      right: sectionproperties.floatingbtnfromright + 'px',
       zIndex: 2000,
       transition: 'all 0.3s ease-out',
       width: '100%',
@@ -32053,8 +32053,8 @@ var Header8 = function Header8(props) {
     target: '_self',
     style: {
       position: 'fixed',
-      bottom: 60,
-      right: 10,
+      bottom: sectionproperties.callppositionfrombottom + 'px',
+      right: sectionproperties.callppositionfromright + 'px',
       zIndex: 999999,
       transition: 'all 0.3s ease-out'
     }
@@ -32066,13 +32066,13 @@ var Header8 = function Header8(props) {
     style: {
       transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
     }
-  }))), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
+  }))), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
     href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.whatsappnumber),
     target: '_blank',
     style: {
       position: 'fixed',
-      bottom: 10,
-      right: 10,
+      bottom: sectionproperties.whatsapppositionfrombottom + 'px',
+      right: sectionproperties.whatsapppositionfromright + 'px',
       zIndex: 999999,
       transition: 'all 0.3s ease-out'
     }
@@ -60109,7 +60109,7 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
 function ownKeys$10(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$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DynamicForm = function DynamicForm(props) {
-  var _css, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
+  var _css, _dynamicform$fields, _imagesarray$, _imagesarray$2;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -60117,6 +60117,7 @@ var DynamicForm = function DynamicForm(props) {
   var dynamicformid = props.actions.dynamicformid;
   var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
   var fetchdynamicformfeildsQueryContext = props.actions.fetchdynamicformfeildsQueryContext;
+  var ikimagecredcontext = props.actions.ikimagecredcontext;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -60142,33 +60143,22 @@ var DynamicForm = function DynamicForm(props) {
     _useState12[0];
     _useState12[1];
   var _useState13 = React.useState(25),
-    _useState14 = _slicedToArray__default["default"](_useState13, 2),
-    percentage = _useState14[0],
-    setpercentage = _useState14[1];
-  var _useState15 = React.useState(''),
-    _useState16 = _slicedToArray__default["default"](_useState15, 2);
-    _useState16[0];
-    var setnumberoffields = _useState16[1];
-  var _useState17 = React.useState(0),
-    _useState18 = _slicedToArray__default["default"](_useState17, 2);
-    _useState18[0];
-    var setnumberofslides = _useState18[1];
-  var _useState19 = React.useState(0),
-    _useState20 = _slicedToArray__default["default"](_useState19, 2);
-    _useState20[0];
-    _useState20[1];
-  var _useState21 = React.useState(0),
-    _useState22 = _slicedToArray__default["default"](_useState21, 2),
-    currentindex = _useState22[0],
-    setcurrentindex = _useState22[1];
-  var _useState23 = React.useState(0),
-    _useState24 = _slicedToArray__default["default"](_useState23, 2);
-    _useState24[0];
-    var setnumberoffiledinslide = _useState24[1];
-  var _useState25 = React.useState(false),
-    _useState26 = _slicedToArray__default["default"](_useState25, 2),
-    showpopup = _useState26[0],
-    setshowpopup = _useState26[1];
+    _useState14 = _slicedToArray__default["default"](_useState13, 2);
+    _useState14[0];
+    _useState14[1];
+  // const [numberoffields, setnumberoffields] = useState('');
+  // const [numberofslides, setnumberofslides] = useState(0);
+  // const [numberoffieldsinslides, setnumberoffieldsinslides] = useState(0);
+  // const [currentindex, setcurrentindex] = useState(0);
+  // const [numberoffiledinslide, setnumberoffiledinslide] = useState(0);
+  var _useState15 = React.useState(false),
+    _useState16 = _slicedToArray__default["default"](_useState15, 2),
+    showpopup = _useState16[0],
+    setshowpopup = _useState16[1];
+  var _useState17 = React.useState([]),
+    _useState18 = _slicedToArray__default["default"](_useState17, 2),
+    imagesarray = _useState18[0],
+    setimagesarray = _useState18[1];
   React.useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -60185,7 +60175,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, _tempitem$fields2;
+          var _tempitem$fields;
           var tempitem = item;
           tempitem === null || tempitem === void 0 || (_tempitem$fields = tempitem.fields) === null || _tempitem$fields === void 0 || _tempitem$fields.forEach(function (fielditem) {
             fielditem.value = '';
@@ -60193,15 +60183,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
+          // var tempnumberoffields = tempitem?.fields?.length; //12
+          // var tempnumberoffiledinslide = sectionproperties.numberofslides; //4
+          // var tempnumberofslides = Math.ceil(tempnumberoffields / tempnumberoffiledinslide); //3
 
           setformtitleen(temptitleen);
           setformtitlear(temptitlear);
-          setnumberoffields(tempnumberoffields);
-          setnumberoffiledinslide(tempnumberoffiledinslide);
-          setnumberofslides(tempnumberofslides);
+          // setnumberoffields(tempnumberoffields);
+          // setnumberoffiledinslide(tempnumberoffiledinslide);
+          // setnumberofslides(tempnumberofslides);
         }
       });
     }
@@ -60243,9 +60233,9 @@ var DynamicForm = function DynamicForm(props) {
     }
   };
   var clearform = function clearform() {
-    var _tempitem$fields3;
+    var _tempitem$fields2;
     var tempitem = _objectSpread$10({}, dynamicform);
-    tempitem === null || tempitem === void 0 || (_tempitem$fields3 = tempitem.fields) === null || _tempitem$fields3 === void 0 || _tempitem$fields3.forEach(function (fielditem) {
+    tempitem === null || tempitem === void 0 || (_tempitem$fields2 = tempitem.fields) === null || _tempitem$fields2 === void 0 || _tempitem$fields2.forEach(function (fielditem) {
       fielditem.value = '';
     });
     setdynamicform(tempitem);
@@ -60269,9 +60259,9 @@ var DynamicForm = function DynamicForm(props) {
     }
     if (item.type == 'date') {
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+        "class": 'p-0 col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 mb-3"
+        "class": sectionproperties.form_labelfontsize == 0 ? 'row m-0 w-100 mb-5' : 'row m-0 w-100 mb-3'
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 text-start mb-2"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -60280,7 +60270,7 @@ var DynamicForm = function DynamicForm(props) {
       }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React__default["default"].createElement("sup", {
         "class": "text-danger"
       }, item.isrequired == 1 ? '*' : ''))), sectionproperties.datestartdate == 'Today' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 text-start"
+        "class": "col-lg-12 text-start p-0"
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         type: type,
         value: item.value,
@@ -60301,9 +60291,9 @@ var DynamicForm = function DynamicForm(props) {
       }))));
     } else {
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+        "class": 'p-0 col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 mb-3"
+        "class": sectionproperties.form_labelfontsize == 0 ? 'row m-0 w-100 mb-5' : 'row m-0 w-100 mb-3'
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 text-start mb-2"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -60312,13 +60302,14 @@ var DynamicForm = function DynamicForm(props) {
       }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React__default["default"].createElement("sup", {
         "class": "text-danger"
       }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 text-start"
+        "class": "col-lg-12 text-start p-0"
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         type: type,
         value: item.value,
         onChange: function onChange(event) {
           updateformfield(event.target.value, index);
         },
+        placeholder: langdetect == 'en' ? item.title_en : item.title_ar,
         className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
       }))));
     }
@@ -60327,7 +60318,7 @@ var DynamicForm = function DynamicForm(props) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100 mb-3"
+      "class": sectionproperties.form_labelfontsize == 0 ? 'row m-0 w-100 mb-5' : 'row m-0 w-100 mb-3'
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 text-start mb-2 p-0"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -60359,23 +60350,24 @@ var DynamicForm = function DynamicForm(props) {
   };
   var textareaitem = function textareaitem(item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": 'col-md-12 col-lg-12'
+      "class": 'col-md-12 col-lg-12 p-0'
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100 mb-3"
+      "class": sectionproperties.form_labelfontsize == 0 ? 'row m-0 w-100 mb-5' : 'row m-0 w-100 mb-3'
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 text-start mb-2"
+      "class": 'row m-0 w-100 mb-3'
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": form_cssstyles.formlabel + ' m-0 p-0 ',
       style: {}
     }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React__default["default"].createElement("sup", {
       "class": "text-danger"
     }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 text-start"
+      "class": "col-lg-12 text-start p-0"
     }, /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
       value: item.value,
       onChange: function onChange(event) {
         updateformfield(event.target.value, index);
       },
+      placeholder: langdetect == 'en' ? item.title_en : item.title_ar,
       className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
     }))));
   };
@@ -60385,9 +60377,9 @@ var DynamicForm = function DynamicForm(props) {
       var decoditems = JSON.parse(itemsarr);
       if (decoditems != undefined && Array.isArray(decoditems)) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+          "class": 'p-0 col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "row m-0 w-100 mb-3"
+          "class": sectionproperties.form_labelfontsize == 0 ? 'row m-0 w-100 mb-5' : 'row m-0 w-100 mb-3'
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 text-start mb-2"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -60396,7 +60388,7 @@ var DynamicForm = function DynamicForm(props) {
         }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React__default["default"].createElement("sup", {
           "class": "text-danger"
         }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 text-start"
+          "class": "col-lg-12 text-start p-0"
         }, /*#__PURE__*/React__default["default"].createElement("select", {
           value: item.value,
           onChange: function onChange(event) {
@@ -60413,6 +60405,16 @@ var DynamicForm = function DynamicForm(props) {
       }
     }
   };
+  React.useEffect(function () {
+    if (sectionproperties.length != 0) {
+      if (sectionproperties.arrayofobjectimagesonly != null) {
+        var arrayofobjectimagesonlyparsed = JSON.parse(sectionproperties.arrayofobjectimagesonly);
+        if (Array.isArray(arrayofobjectimagesonlyparsed)) {
+          setimagesarray(_toConsumableArray__default["default"](arrayofobjectimagesonlyparsed));
+        }
+      }
+    }
+  }, [sectionproperties]);
   var form_cssstyles = {
     formlabel: glamor.css({
       color: sectionproperties.form_labelcolor,
@@ -60423,20 +60425,20 @@ var DynamicForm = function DynamicForm(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 30px'), "transition", '.3s'), "fontWeight", 500), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", 'transparent'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), "fontSize", sectionproperties.inputfieldfontsize + 'px'), "marginBottom", sectionproperties.inputfieldbordertype == 'All' ? 20 : 0), ':focus', {
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", sectionproperties.form_labelfontsize == 0 ? 0 : '0 30px'), "transition", '.3s'), "fontWeight", 500), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", 'transparent'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "color", sectionproperties.inputfieldcolor), "fontSize", sectionproperties.inputfieldfontsize + 'px'), "marginBottom", sectionproperties.inputfieldbordertype == 'All' ? 20 : 0), ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus,
       boxShadow: 'none',
       transition: '.3s'
     }))),
-    generalbtn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"]({
-      width: sectionproperties.generalbtn_width + '%',
+    generalbtn: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
+      width: sectionproperties.generalbtn_width == 0 ? 'auto' : sectionproperties.generalbtn_width + '%',
       height: sectionproperties.generalbtn_height + 'px',
       backgroundColor: sectionproperties.generalbtn_bgColor,
       borderRadius: sectionproperties.generalbtn_bgColor,
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize,
       fontWeight: sectionproperties.generalbtn_fontweight
-    }, "borderRadius", sectionproperties.generalbtnborderradius + 'px'), ':hover', {
+    }, "borderRadius", sectionproperties.generalbtnborderradius + 'px'), "textDecoration", sectionproperties.textdecoration == 'Underline' ? 'underline' : 'none'), ':hover', {
       transition: '.3s',
       color: sectionproperties.generalbtn_textColoronhover,
       backgroundColor: sectionproperties.generalbtn_bgColoronhover
@@ -60471,44 +60473,37 @@ var DynamicForm = function DynamicForm(props) {
         transition: '.3s',
         backgroundColor: '#044da6'
       }
+    }),
+    descriptioncontent: glamor.css({
+      color: sectionproperties.prodCatColor,
+      fontSize: sectionproperties.prodCatFontSize + 'px',
+      fontWeight: sectionproperties.prodCatFontWeight,
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.prodCatFontSizeResp + 'px'
+      }
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": 'row m-0 w-100 h-100 px-md-2 allcentered',
     style: {
       background: sectionproperties.backgroundColor,
-      paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
-      paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
       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'
-    }
+    "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    style: {
-      width: '100%',
-      height: '5.5px'
-    }
+    "class": sectionproperties.image_show == 'show' ? 'col-lg-6 p-0' : 'col-lg-12 p-0'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": 'ratingbar',
+    "class": "row m-0 w-100 d-flex align-items-center",
     style: {
-      backgroundColor: 'rgb(226, 226, 226)'
+      paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px'
     }
   }, /*#__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",
+    "class": "col-lg-12 text-start",
     style: {
       marginTop: sectionproperties.sectionTitleMarginTop + 'px',
       marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
@@ -60520,139 +60515,21 @@ var DynamicForm = function DynamicForm(props) {
       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))))), dynamicformid != '49' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? formtitleen : formtitlear)), sectionproperties.prodCatFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 text-start",
     style: {
-      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
-      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
+      marginBottom: sectionproperties.descriptionMarginBottom + '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": form_cssstyles.descriptioncontent + ' m-0 p-0 ',
+    style: {}
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), (dynamicform === null || dynamicform === void 0 ? void 0 : dynamicform.id) != undefined && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": 'row m-0 w-100 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 text-start"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": 'row m-0 w-100 '
-  }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields5 = dynamicform.fields) === null || _dynamicform$fields5 === void 0 ? void 0 : _dynamicform$fields5.map(function (item, index) {
+  }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields = dynamicform.fields) === null || _dynamicform$fields === void 0 ? void 0 : _dynamicform$fields.map(function (item, index) {
     if (item.type == 'text' || item.type == 'date' || item.type == 'number') {
       return inputitem(item, index);
     } else if (item.type == 'phone number') {
@@ -60663,7 +60540,10 @@ var DynamicForm = function DynamicForm(props) {
       return selectboxitem(item, index);
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered my-4"
+    "class": "col-lg-12 d-flex align-items-cemter my-4",
+    style: {
+      justifyContent: sectionproperties.generalbtn_position == 'Centered' ? 'center' : 'start'
+    }
   }, /*#__PURE__*/React__default["default"].createElement("button", {
     onClick: function onClick() {
       submitform();
@@ -60675,7 +60555,37 @@ var DynamicForm = function DynamicForm(props) {
     width: "20px",
     height: "20px",
     duration: "1s"
-  }) : langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
+  }) : langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), sectionproperties.generaltext_fontSize != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 d-flex align-items-cemter my-4",
+    style: {
+      justifyContent: sectionproperties.general_text_content == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": 'p-md-0 wordbreak ',
+    style: {
+      position: 'relative',
+      fontSize: sectionproperties.generaltext_fontSize + 'px',
+      color: sectionproperties.generaltext_fontColor,
+      fontWeight: sectionproperties.generaltext_fontWeight,
+      marginBottom: sectionproperties.text_styles_marginBottom + 'px',
+      textAlign: sectionproperties.general_text_content == 'Centered' ? 'center' : 'start'
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? sectionproperties.textstylesen_editor : sectionproperties.textstylesar_editor
+    }
+  }))))), sectionproperties.image_show == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'col-lg-6 p-0'
+  }, imagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp
+  // class={imagesarray.imageimage}
+  , {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$2 = imagesarray[0]) === null || _imagesarray$2 === void 0 ? void 0 : _imagesarray$2.bgsection_image_ar),
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
     show: showpopup,
     onHide: function onHide() {
       setshowpopup(false);
@@ -63329,7 +63239,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       background: sectionproperties.linebgcolor
     }),
     text1Styles: glamor.css({
-      color: sectionproperties.slideshowText1ContentColor,
+      // color: sectionproperties.slideshowText1ContentColor,
       fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
       fontWeight: sectionproperties.slideshowText1ContentFontWeight,
       textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
@@ -63352,8 +63262,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         backgroundColor: sectionproperties.activedotcolor
       },
       '@media (max-width: 800px)': {
-        width: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.innerwidthheightresp + '%' : sectionproperties.innerwidthheightresp + 'px',
-        height: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.innerwidthheightresp + '%' : sectionproperties.innerwidthheightresp + 'px'
+        width: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.image_width_resp + '%' : sectionproperties.image_width_resp + 'px',
+        height: sectionproperties.percentagepixel == 'Percentage' ? sectionproperties.height_responsive + '%' : sectionproperties.height_responsive + 'px'
       }
     }),
     cardContainer: glamor.css({
@@ -63480,7 +63390,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       "class": sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto ',
       style: {
         cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
-        background: sectionproperties.reservation_bgcolor,
+        // background: sectionproperties.reservation_bgcolor,
+        background: cardinfoitem.cardbgcolorfromarray,
         paddingTop: sectionproperties.reservation_padding_top + 'px',
         paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
         paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
@@ -63511,14 +63422,16 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         }
       }
     }, sectionproperties.imageposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 d-flex align-items-center p-0",
+      "class": "col-lg-12 d-flex align-items-center p-0 w-100 h-100",
       style: {
         marginBottom: sectionproperties.image_mb + 'px',
         justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
-      style: {}
+      style: {
+        justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+      }
     }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
@@ -63566,7 +63479,8 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
       style: {
-        cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default'
+        cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
+        color: cardinfoitem.text1colorfromarray
       }
     }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 d-flex p-0",
@@ -63576,10 +63490,11 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
     }, sectionproperties.slideshowtext2_show && /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "m-0 wordbreak",
       style: {
-        color: sectionproperties.slideshowText2ContentColor,
+        // color: sectionproperties.slideshowText2ContentColor,
         fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
         fontWeight: sectionproperties.slideshowText2ContentFontWeight,
-        textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+        textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+        color: cardinfoitem.text2colorfromarray
       }
     }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 d-flex align-items-center p-0",