tabexseriescomponents 0.0.724 → 0.0.726

package/dist/index.cjs.js

@@ -10327,7 +10327,7 @@ var Select$3 = /*#__PURE__*/React__default["default"].lazy(function () {
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
 });
 var Checkout = function Checkout(props) {
-  var _css, _fetchcustomercartQue65, _fetchcustomercartQue66, _fetchcustomercartQue67, _fetchcustomercartQue72, _fetchcustomercartQue73, _fetchcustomercartQue74, _fetchcustomercartQue75, _authdetailsContext$i4, _fetchcustomercartQue76, _fetchcustomercartQue78, _fetchcustomercartQue80, _fetchcustomercartQue82, _fetchcustomercartQue84, _authdetailsContext$i5, _fetchcustomercartQue86, _authdetailsContext$i6, _fetchcustomercartQue88, _authdetailsContext$i7, _fetchcustomercartQue90, _authdetailsContext$i8, _fetchcustomercartQue92, _fetchcustomercartQue94;
+  var _css, _fetchcustomercartQue65, _fetchcustomercartQue66, _fetchcustomercartQue67, _fetchcustomercartQue72, _fetchcustomercartQue73, _fetchcustomercartQue74, _fetchcustomercartQue75, _fetchcustomercartQue76, _fetchcustomercartQue78, _fetchcustomercartQue80, _fetchcustomercartQue82, _fetchcustomercartQue84, _authdetailsContext$i4, _fetchcustomercartQue86, _authdetailsContext$i5, _fetchcustomercartQue88, _authdetailsContext$i6, _fetchcustomercartQue90, _authdetailsContext$i7, _fetchcustomercartQue92, _fetchcustomercartQue94;
   var _useState = React.useState(null),
     _useState2 = _slicedToArray__default["default"](_useState, 2);
     _useState2[0];
@@ -10378,7 +10378,10 @@ var Checkout = function Checkout(props) {
     _useState14 = _slicedToArray__default["default"](_useState13, 2),
     shippingmethods = _useState14[0],
     setshippingmethods = _useState14[1];
-  // const [orderextrafeilds, setorderextrafeilds] = useState([]);
+  var _useState15 = React.useState([]),
+    _useState16 = _slicedToArray__default["default"](_useState15, 2),
+    orderextrafeilds = _useState16[0],
+    setorderextrafeilds = _useState16[1];
   React.useEffect(function () {
     var _templatepropcontext$;
     var cartindex = templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
@@ -10443,15 +10446,49 @@ var Checkout = function Checkout(props) {
     Pixel_EventsContext('InitiateCheckout', {});
     GeneralAPIMutationContext.mutate({
       endpointurl: '/InitiateCheckout',
-      mutateSuccesscallback: function mutateSuccesscallback() {}
+      mutateSuccesscallback: function mutateSuccesscallback(data) {
+        var _data$data;
+        setUsedOrderExtraFieldsValues(data === null || data === void 0 || (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.order_extra_fields);
+      }
     });
   }, [authdetailsContext]);
+  var setUsedOrderExtraFieldsValues = function setUsedOrderExtraFieldsValues(order_extra_fields) {
+    var usedOrderExtraFields = [];
+    if (fetchcustomercartQueryContext.isSuccess && fetchcustomercartQueryContext != undefined && fetchcustomercartQueryContext.data != undefined && fetchcustomercartQueryContext.data.data != undefined && fetchcustomercartQueryContext.data.data.customercart != undefined && fetchcustomercartQueryContext.data.data.customercart.orderExtraFields != undefined && fetchcustomercartQueryContext.data.data.customercart.orderExtraFields != null && fetchcustomercartQueryContext.data.data.customercart.orderExtraFields != '') {
+      var extraFieldsJson = fetchcustomercartQueryContext.data.data.customercart.orderExtraFields;
+      try {
+        // Check if extraFieldsJson is a valid JSON string
+
+        usedOrderExtraFields = JSON.parse(extraFieldsJson);
+      } catch (error) {
+        // In case of an error, log it and return an empty string
+        console.error('Failed to parse JSON:', error);
+        usedOrderExtraFields = [];
+      }
+    }
+    var temporderExtraFields = _toConsumableArray__default["default"](order_extra_fields);
+    temporderExtraFields === null || temporderExtraFields === void 0 || temporderExtraFields.forEach(function (item, index) {
+      var _usedOrderExtraFields;
+      var singleusedvalue = '';
+      (_usedOrderExtraFields = usedOrderExtraFields) === null || _usedOrderExtraFields === void 0 || _usedOrderExtraFields.forEach(function (useditem) {
+        if (useditem.id == item.id) {
+          singleusedvalue = useditem.value;
+        }
+      });
+      item.value = singleusedvalue;
+    });
+    setorderextrafeilds(_toConsumableArray__default["default"](temporderExtraFields));
+  };
   React.useEffect(function () {
     if (fetchcustomercartQueryContext != undefined && fetchcustomercartQueryContext.data != undefined && fetchcustomercartQueryContext.data.data != undefined && fetchcustomercartQueryContext.data.data.customercart != undefined && fetchcustomercartQueryContext.data.data.customercart.cityid != undefined && fetchcustomercartQueryContext.data.data.customercart.cityid != null && fetchcustomercartQueryContext.data.data.customercart.cityid != '' && fetchcustomercartQueryContext.data.data.customercart.length != 0) {
       var _fetchcustomercartQue9;
       var cityid = fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.customercart.cityid;
       fetchshippingmethods(cityid);
     }
+    if (fetchcustomercartQueryContext.isSuccess) {
+      setUsedOrderExtraFieldsValues(orderextrafeilds);
+    }
+
     // fetchorderextrafields();
   }, [fetchcustomercartQueryContext.data]);
   var fetchshippingmethods = function fetchshippingmethods(cityid) {
@@ -10478,6 +10515,7 @@ var Checkout = function Checkout(props) {
   // };
   var cartinfoupdater = function cartinfoupdater(key, value) {
     var _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14, _fetchcustomercartQue15, _fetchcustomercartQue16, _fetchcustomercartQue17, _fetchcustomercartQue18, _fetchcustomercartQue19, _fetchcustomercartQue20;
+    var OrderExtraFieldsToBeSentArr = returnOrderExtraFieldsArrayTobeSnetarr();
     var cartarr = queryClient.getQueryData('fetchcustomercart_API');
     cartarr.data.customercart[key] = value;
     queryClient.setQueryData('fetchcustomercart_API', cartarr);
@@ -10492,7 +10530,8 @@ var Checkout = function Checkout(props) {
       mobile: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue17 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue17 === void 0 || (_fetchcustomercartQue17 = _fetchcustomercartQue17.data) === null || _fetchcustomercartQue17 === void 0 ? void 0 : _fetchcustomercartQue17.customercart.mobile,
       notes: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue18 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue18 === void 0 || (_fetchcustomercartQue18 = _fetchcustomercartQue18.data) === null || _fetchcustomercartQue18 === void 0 ? void 0 : _fetchcustomercartQue18.customercart.notes,
       aff_code: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue19 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue19 === void 0 || (_fetchcustomercartQue19 = _fetchcustomercartQue19.data) === null || _fetchcustomercartQue19 === void 0 ? void 0 : _fetchcustomercartQue19.customercart.aff_code,
-      shippingmethod_id: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue20 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue20 === void 0 || (_fetchcustomercartQue20 = _fetchcustomercartQue20.data) === null || _fetchcustomercartQue20 === void 0 ? void 0 : _fetchcustomercartQue20.customercart.shippingmethod_id
+      shippingmethod_id: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue20 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue20 === void 0 || (_fetchcustomercartQue20 = _fetchcustomercartQue20.data) === null || _fetchcustomercartQue20 === void 0 ? void 0 : _fetchcustomercartQue20.customercart.shippingmethod_id,
+      orderextrafeilds: JSON.stringify(OrderExtraFieldsToBeSentArr)
     };
     if (key == 'address' || key == 'name' || key == 'mobile' || key == 'email' || key == 'notes' || key == 'aff_code') ; else {
       var _fetchcustomercartQue21;
@@ -10691,15 +10730,33 @@ var Checkout = function Checkout(props) {
       marginTop: sectionproperties.marginTopResp + 'px'
     }
   }));
+  var returnOrderExtraFieldsArrayTobeSnetarr = function returnOrderExtraFieldsArrayTobeSnetarr() {
+    var OrderExtraFieldsToBeSentArr = [];
+    var temporderextrafeilds = _toConsumableArray__default["default"](orderextrafeilds);
+    temporderextrafeilds === null || temporderextrafeilds === void 0 || temporderextrafeilds.forEach(function (item, index) {
+      if (item.value != undefined && item != null && item.length != 0) {
+        var obj = {
+          id: item.id,
+          title_en: item.title_en,
+          title_ar: item.title_ar,
+          value: item.value
+        };
+        OrderExtraFieldsToBeSentArr.push(obj);
+      }
+    });
+    return OrderExtraFieldsToBeSentArr;
+  };
   var addorderfuncrunner = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
       var _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25, _fetchcustomercartQue26, _fetchcustomercartQue27, _fetchcustomercartQue28, _fetchcustomercartQue29, _fetchcustomercartQue30, _fetchcustomercartQue31, _fetchcustomercartQue32;
+      var OrderExtraFieldsToBeSentArr;
       return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             // var temppayload = fetchcustomercartQueryContext?.data?.data?.customercart;
             // ChooseState_CountryMutationContext.mutate(payloadobj);
             // temppayload.endpointurl = '/ChooseState_Country';
+            OrderExtraFieldsToBeSentArr = returnOrderExtraFieldsArrayTobeSnetarr();
             GeneralAPIMutationContext.mutate({
               endpointurl: '/ChooseState_Country',
               stateid: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue22 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue22 === void 0 || (_fetchcustomercartQue22 = _fetchcustomercartQue22.data) === null || _fetchcustomercartQue22 === void 0 ? void 0 : _fetchcustomercartQue22.customercart.stateid,
@@ -10713,6 +10770,7 @@ var Checkout = function Checkout(props) {
               notes: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue30 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue30 === void 0 || (_fetchcustomercartQue30 = _fetchcustomercartQue30.data) === null || _fetchcustomercartQue30 === void 0 ? void 0 : _fetchcustomercartQue30.customercart.notes,
               aff_code: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue31 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue31 === void 0 || (_fetchcustomercartQue31 = _fetchcustomercartQue31.data) === null || _fetchcustomercartQue31 === void 0 ? void 0 : _fetchcustomercartQue31.customercart.aff_code,
               shippingmethod_id: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue32 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue32 === void 0 || (_fetchcustomercartQue32 = _fetchcustomercartQue32.data) === null || _fetchcustomercartQue32 === void 0 ? void 0 : _fetchcustomercartQue32.customercart.shippingmethod_id,
+              orderextrafeilds: JSON.stringify(OrderExtraFieldsToBeSentArr),
               mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
                 if (data.data.status) {
                   var _fetchcustomercartQue33, _fetchcustomercartQue34;
@@ -10736,7 +10794,7 @@ var Checkout = function Checkout(props) {
                 }
               }
             });
-          case 1:
+          case 2:
           case "end":
             return _context.stop();
         }
@@ -11539,28 +11597,52 @@ var Checkout = function Checkout(props) {
     return /*#__PURE__*/React__default["default"].createElement("option", {
       value: item.id
     }, langdetect == 'en' ? item.name_en : item.name_ar);
-  }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '66b4a0338cb14' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))), (orderextrafeilds === null || orderextrafeilds === void 0 ? void 0 : orderextrafeilds.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 w-100 py-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(checkoutstyles.innersection) + ' w-100 mb-3 '
+    "class": "".concat(checkoutstyles.innersection) + ' w-100 mb-3 py-3 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 mb-3 pl-3 pr-3"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-4 col-md-12 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
-  }, langdetect == 'en' ? 'Event Date' : 'تاريخ الايفنت'), /*#__PURE__*/React__default["default"].createElement("input", {
-    type: 'date',
-    className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control)
-    // value={}
-    ,
-    onChange: function onChange(event) {
-      // cartinfoupdater('email', event.target.value);
-    },
-    style: {
-      boxShadow: 'none'
+  }, orderextrafeilds === null || orderextrafeilds === void 0 ? void 0 : orderextrafeilds.map(function (item, index) {
+    if (item.type == 'date') {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-4 col-md-12 mb-3"
+      }, /*#__PURE__*/React__default["default"].createElement("label", {
+        className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
+      }, langdetect == 'en' ? item.title_en : item.title_ar), /*#__PURE__*/React__default["default"].createElement("input", {
+        type: 'date',
+        className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
+        value: item.value,
+        onChange: function onChange(event) {
+          var temporderextrafeilds = _toConsumableArray__default["default"](orderextrafeilds);
+          temporderextrafeilds[index].value = event.target.value;
+          setorderextrafeilds(_toConsumableArray__default["default"](temporderextrafeilds));
+        },
+        style: {
+          boxShadow: 'none'
+        }
+      }));
+    }
+    if (item.type == 'time') {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-4 col-md-12 mb-3"
+      }, /*#__PURE__*/React__default["default"].createElement("label", {
+        className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
+      }, langdetect == 'en' ? item.title_en : item.title_ar), /*#__PURE__*/React__default["default"].createElement("input", {
+        type: 'time',
+        className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
+        value: item.value,
+        onChange: function onChange(event) {
+          var temporderextrafeilds = _toConsumableArray__default["default"](orderextrafeilds);
+          temporderextrafeilds[index].value = event.target.value;
+          setorderextrafeilds(_toConsumableArray__default["default"](temporderextrafeilds));
+        },
+        style: {
+          boxShadow: 'none'
+        }
+      }));
     }
-  }))))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(checkoutstyles.innersection) + ' w-100 mb-3 '
@@ -11684,7 +11766,7 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-  }, langdetect == 'en' ? sectionproperties.walletnameen : sectionproperties.walletnamear))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.acceptForsaCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.walletnameen : sectionproperties.walletnamear))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.acceptForsaCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-xl-4 col-lg-4 col-md-12 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("label", {
     className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
@@ -11705,7 +11787,7 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-  }, langdetect == 'en' ? 'Forsa' : ' Forsa'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.acceptonlinePaypal) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'Forsa' : ' Forsa'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.acceptonlinePaypal) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-xl-4 col-lg-4 col-md-12 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("label", {
     className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
@@ -11726,7 +11808,7 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(formstyles.checkbox_label, " + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '")
-  }, langdetect == 'en' ? 'Paypal' : ' Paypal'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.acceptBankInstallementsCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'Paypal' : ' Paypal'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.acceptBankInstallementsCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-xl-4 col-lg-4 col-md-12 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("label", {
     className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
@@ -11747,7 +11829,7 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-  }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.acceptAmanCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.acceptAmanCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-xl-4 col-lg-4 col-md-12 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("label", {
     className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
@@ -30984,8 +31066,8 @@ var Simpleheader = function Simpleheader(props) {
   }, /*#__PURE__*/React__default["default"].createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
     style: {
-      width: '40px',
-      height: '40px',
+      width: sectionproperties.wabtnwidth + 'px',
+      height: sectionproperties.wabtnsize + 'px',
       cursor: 'pointer'
     }
   }))), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
@@ -60542,7 +60624,7 @@ var DynamicForm = function DynamicForm(props) {
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex align-items-cemter my-4",
     style: {
-      justifyContent: sectionproperties.generalbtn_position == 'Centered' ? 'center' : 'start'
+      justifyContent: sectionproperties.generalbtn_position != 'Centered' ? 'start' : 'center'
     }
   }, /*#__PURE__*/React__default["default"].createElement("button", {
     onClick: function onClick() {
@@ -63421,7 +63503,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
           window.open(cardinfoitem.btnlink, '_blank');
         }
       }
-    }, sectionproperties.imageposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, sectionproperties.imageposition == 'Top' && sectionproperties.image_width != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 d-flex align-items-center p-0 w-100 h-100",
       style: {
         marginBottom: sectionproperties.image_mb + 'px',
@@ -63496,7 +63578,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         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", {
+    }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && sectionproperties.image_width != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 d-flex align-items-center p-0",
       style: {
         marginTop: sectionproperties.image_mb + 'px',

package/dist/index.esm.js

@@ -10279,7 +10279,7 @@ var Select$3 = /*#__PURE__*/React.lazy(function () {
   return import('react-select');
 });
 var Checkout = function Checkout(props) {
-  var _css, _fetchcustomercartQue65, _fetchcustomercartQue66, _fetchcustomercartQue67, _fetchcustomercartQue72, _fetchcustomercartQue73, _fetchcustomercartQue74, _fetchcustomercartQue75, _authdetailsContext$i4, _fetchcustomercartQue76, _fetchcustomercartQue78, _fetchcustomercartQue80, _fetchcustomercartQue82, _fetchcustomercartQue84, _authdetailsContext$i5, _fetchcustomercartQue86, _authdetailsContext$i6, _fetchcustomercartQue88, _authdetailsContext$i7, _fetchcustomercartQue90, _authdetailsContext$i8, _fetchcustomercartQue92, _fetchcustomercartQue94;
+  var _css, _fetchcustomercartQue65, _fetchcustomercartQue66, _fetchcustomercartQue67, _fetchcustomercartQue72, _fetchcustomercartQue73, _fetchcustomercartQue74, _fetchcustomercartQue75, _fetchcustomercartQue76, _fetchcustomercartQue78, _fetchcustomercartQue80, _fetchcustomercartQue82, _fetchcustomercartQue84, _authdetailsContext$i4, _fetchcustomercartQue86, _authdetailsContext$i5, _fetchcustomercartQue88, _authdetailsContext$i6, _fetchcustomercartQue90, _authdetailsContext$i7, _fetchcustomercartQue92, _fetchcustomercartQue94;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2);
     _useState2[0];
@@ -10330,7 +10330,10 @@ var Checkout = function Checkout(props) {
     _useState14 = _slicedToArray(_useState13, 2),
     shippingmethods = _useState14[0],
     setshippingmethods = _useState14[1];
-  // const [orderextrafeilds, setorderextrafeilds] = useState([]);
+  var _useState15 = useState([]),
+    _useState16 = _slicedToArray(_useState15, 2),
+    orderextrafeilds = _useState16[0],
+    setorderextrafeilds = _useState16[1];
   useEffect(function () {
     var _templatepropcontext$;
     var cartindex = templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
@@ -10395,15 +10398,49 @@ var Checkout = function Checkout(props) {
     Pixel_EventsContext('InitiateCheckout', {});
     GeneralAPIMutationContext.mutate({
       endpointurl: '/InitiateCheckout',
-      mutateSuccesscallback: function mutateSuccesscallback() {}
+      mutateSuccesscallback: function mutateSuccesscallback(data) {
+        var _data$data;
+        setUsedOrderExtraFieldsValues(data === null || data === void 0 || (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.order_extra_fields);
+      }
     });
   }, [authdetailsContext]);
+  var setUsedOrderExtraFieldsValues = function setUsedOrderExtraFieldsValues(order_extra_fields) {
+    var usedOrderExtraFields = [];
+    if (fetchcustomercartQueryContext.isSuccess && fetchcustomercartQueryContext != undefined && fetchcustomercartQueryContext.data != undefined && fetchcustomercartQueryContext.data.data != undefined && fetchcustomercartQueryContext.data.data.customercart != undefined && fetchcustomercartQueryContext.data.data.customercart.orderExtraFields != undefined && fetchcustomercartQueryContext.data.data.customercart.orderExtraFields != null && fetchcustomercartQueryContext.data.data.customercart.orderExtraFields != '') {
+      var extraFieldsJson = fetchcustomercartQueryContext.data.data.customercart.orderExtraFields;
+      try {
+        // Check if extraFieldsJson is a valid JSON string
+
+        usedOrderExtraFields = JSON.parse(extraFieldsJson);
+      } catch (error) {
+        // In case of an error, log it and return an empty string
+        console.error('Failed to parse JSON:', error);
+        usedOrderExtraFields = [];
+      }
+    }
+    var temporderExtraFields = _toConsumableArray(order_extra_fields);
+    temporderExtraFields === null || temporderExtraFields === void 0 || temporderExtraFields.forEach(function (item, index) {
+      var _usedOrderExtraFields;
+      var singleusedvalue = '';
+      (_usedOrderExtraFields = usedOrderExtraFields) === null || _usedOrderExtraFields === void 0 || _usedOrderExtraFields.forEach(function (useditem) {
+        if (useditem.id == item.id) {
+          singleusedvalue = useditem.value;
+        }
+      });
+      item.value = singleusedvalue;
+    });
+    setorderextrafeilds(_toConsumableArray(temporderExtraFields));
+  };
   useEffect(function () {
     if (fetchcustomercartQueryContext != undefined && fetchcustomercartQueryContext.data != undefined && fetchcustomercartQueryContext.data.data != undefined && fetchcustomercartQueryContext.data.data.customercart != undefined && fetchcustomercartQueryContext.data.data.customercart.cityid != undefined && fetchcustomercartQueryContext.data.data.customercart.cityid != null && fetchcustomercartQueryContext.data.data.customercart.cityid != '' && fetchcustomercartQueryContext.data.data.customercart.length != 0) {
       var _fetchcustomercartQue9;
       var cityid = fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.customercart.cityid;
       fetchshippingmethods(cityid);
     }
+    if (fetchcustomercartQueryContext.isSuccess) {
+      setUsedOrderExtraFieldsValues(orderextrafeilds);
+    }
+
     // fetchorderextrafields();
   }, [fetchcustomercartQueryContext.data]);
   var fetchshippingmethods = function fetchshippingmethods(cityid) {
@@ -10430,6 +10467,7 @@ var Checkout = function Checkout(props) {
   // };
   var cartinfoupdater = function cartinfoupdater(key, value) {
     var _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14, _fetchcustomercartQue15, _fetchcustomercartQue16, _fetchcustomercartQue17, _fetchcustomercartQue18, _fetchcustomercartQue19, _fetchcustomercartQue20;
+    var OrderExtraFieldsToBeSentArr = returnOrderExtraFieldsArrayTobeSnetarr();
     var cartarr = queryClient.getQueryData('fetchcustomercart_API');
     cartarr.data.customercart[key] = value;
     queryClient.setQueryData('fetchcustomercart_API', cartarr);
@@ -10444,7 +10482,8 @@ var Checkout = function Checkout(props) {
       mobile: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue17 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue17 === void 0 || (_fetchcustomercartQue17 = _fetchcustomercartQue17.data) === null || _fetchcustomercartQue17 === void 0 ? void 0 : _fetchcustomercartQue17.customercart.mobile,
       notes: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue18 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue18 === void 0 || (_fetchcustomercartQue18 = _fetchcustomercartQue18.data) === null || _fetchcustomercartQue18 === void 0 ? void 0 : _fetchcustomercartQue18.customercart.notes,
       aff_code: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue19 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue19 === void 0 || (_fetchcustomercartQue19 = _fetchcustomercartQue19.data) === null || _fetchcustomercartQue19 === void 0 ? void 0 : _fetchcustomercartQue19.customercart.aff_code,
-      shippingmethod_id: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue20 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue20 === void 0 || (_fetchcustomercartQue20 = _fetchcustomercartQue20.data) === null || _fetchcustomercartQue20 === void 0 ? void 0 : _fetchcustomercartQue20.customercart.shippingmethod_id
+      shippingmethod_id: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue20 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue20 === void 0 || (_fetchcustomercartQue20 = _fetchcustomercartQue20.data) === null || _fetchcustomercartQue20 === void 0 ? void 0 : _fetchcustomercartQue20.customercart.shippingmethod_id,
+      orderextrafeilds: JSON.stringify(OrderExtraFieldsToBeSentArr)
     };
     if (key == 'address' || key == 'name' || key == 'mobile' || key == 'email' || key == 'notes' || key == 'aff_code') ; else {
       var _fetchcustomercartQue21;
@@ -10643,15 +10682,33 @@ var Checkout = function Checkout(props) {
       marginTop: sectionproperties.marginTopResp + 'px'
     }
   }));
+  var returnOrderExtraFieldsArrayTobeSnetarr = function returnOrderExtraFieldsArrayTobeSnetarr() {
+    var OrderExtraFieldsToBeSentArr = [];
+    var temporderextrafeilds = _toConsumableArray(orderextrafeilds);
+    temporderextrafeilds === null || temporderextrafeilds === void 0 || temporderextrafeilds.forEach(function (item, index) {
+      if (item.value != undefined && item != null && item.length != 0) {
+        var obj = {
+          id: item.id,
+          title_en: item.title_en,
+          title_ar: item.title_ar,
+          value: item.value
+        };
+        OrderExtraFieldsToBeSentArr.push(obj);
+      }
+    });
+    return OrderExtraFieldsToBeSentArr;
+  };
   var addorderfuncrunner = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25, _fetchcustomercartQue26, _fetchcustomercartQue27, _fetchcustomercartQue28, _fetchcustomercartQue29, _fetchcustomercartQue30, _fetchcustomercartQue31, _fetchcustomercartQue32;
+      var OrderExtraFieldsToBeSentArr;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             // var temppayload = fetchcustomercartQueryContext?.data?.data?.customercart;
             // ChooseState_CountryMutationContext.mutate(payloadobj);
             // temppayload.endpointurl = '/ChooseState_Country';
+            OrderExtraFieldsToBeSentArr = returnOrderExtraFieldsArrayTobeSnetarr();
             GeneralAPIMutationContext.mutate({
               endpointurl: '/ChooseState_Country',
               stateid: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue22 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue22 === void 0 || (_fetchcustomercartQue22 = _fetchcustomercartQue22.data) === null || _fetchcustomercartQue22 === void 0 ? void 0 : _fetchcustomercartQue22.customercart.stateid,
@@ -10665,6 +10722,7 @@ var Checkout = function Checkout(props) {
               notes: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue30 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue30 === void 0 || (_fetchcustomercartQue30 = _fetchcustomercartQue30.data) === null || _fetchcustomercartQue30 === void 0 ? void 0 : _fetchcustomercartQue30.customercart.notes,
               aff_code: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue31 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue31 === void 0 || (_fetchcustomercartQue31 = _fetchcustomercartQue31.data) === null || _fetchcustomercartQue31 === void 0 ? void 0 : _fetchcustomercartQue31.customercart.aff_code,
               shippingmethod_id: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue32 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue32 === void 0 || (_fetchcustomercartQue32 = _fetchcustomercartQue32.data) === null || _fetchcustomercartQue32 === void 0 ? void 0 : _fetchcustomercartQue32.customercart.shippingmethod_id,
+              orderextrafeilds: JSON.stringify(OrderExtraFieldsToBeSentArr),
               mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
                 if (data.data.status) {
                   var _fetchcustomercartQue33, _fetchcustomercartQue34;
@@ -10688,7 +10746,7 @@ var Checkout = function Checkout(props) {
                 }
               }
             });
-          case 1:
+          case 2:
           case "end":
             return _context.stop();
         }
@@ -11491,28 +11549,52 @@ var Checkout = function Checkout(props) {
     return /*#__PURE__*/React.createElement("option", {
       value: item.id
     }, langdetect == 'en' ? item.name_en : item.name_ar);
-  }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '66b4a0338cb14' && /*#__PURE__*/React.createElement("div", {
+  }))))), (orderextrafeilds === null || orderextrafeilds === void 0 ? void 0 : orderextrafeilds.length) != 0 && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 w-100 py-3"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(checkoutstyles.innersection) + ' w-100 mb-3 '
+    "class": "".concat(checkoutstyles.innersection) + ' w-100 mb-3 py-3 '
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 mb-3 pl-3 pr-3"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-4 col-md-12 mb-3"
-  }, /*#__PURE__*/React.createElement("label", {
-    className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
-  }, langdetect == 'en' ? 'Event Date' : 'تاريخ الايفنت'), /*#__PURE__*/React.createElement("input", {
-    type: 'date',
-    className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control)
-    // value={}
-    ,
-    onChange: function onChange(event) {
-      // cartinfoupdater('email', event.target.value);
-    },
-    style: {
-      boxShadow: 'none'
+  }, orderextrafeilds === null || orderextrafeilds === void 0 ? void 0 : orderextrafeilds.map(function (item, index) {
+    if (item.type == 'date') {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-4 col-md-12 mb-3"
+      }, /*#__PURE__*/React.createElement("label", {
+        className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
+      }, langdetect == 'en' ? item.title_en : item.title_ar), /*#__PURE__*/React.createElement("input", {
+        type: 'date',
+        className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
+        value: item.value,
+        onChange: function onChange(event) {
+          var temporderextrafeilds = _toConsumableArray(orderextrafeilds);
+          temporderextrafeilds[index].value = event.target.value;
+          setorderextrafeilds(_toConsumableArray(temporderextrafeilds));
+        },
+        style: {
+          boxShadow: 'none'
+        }
+      }));
+    }
+    if (item.type == 'time') {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-4 col-md-12 mb-3"
+      }, /*#__PURE__*/React.createElement("label", {
+        className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
+      }, langdetect == 'en' ? item.title_en : item.title_ar), /*#__PURE__*/React.createElement("input", {
+        type: 'time',
+        className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
+        value: item.value,
+        onChange: function onChange(event) {
+          var temporderextrafeilds = _toConsumableArray(orderextrafeilds);
+          temporderextrafeilds[index].value = event.target.value;
+          setorderextrafeilds(_toConsumableArray(temporderextrafeilds));
+        },
+        style: {
+          boxShadow: 'none'
+        }
+      }));
     }
-  }))))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React.createElement("div", {
+  })))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(checkoutstyles.innersection) + ' w-100 mb-3 '
@@ -11636,7 +11718,7 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React.createElement("p", {
     className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-  }, langdetect == 'en' ? sectionproperties.walletnameen : sectionproperties.walletnamear))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.acceptForsaCard) == 1 && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.walletnameen : sectionproperties.walletnamear))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.acceptForsaCard) == 1 && /*#__PURE__*/React.createElement("div", {
     className: "col-xl-4 col-lg-4 col-md-12 mb-3"
   }, /*#__PURE__*/React.createElement("label", {
     className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
@@ -11657,7 +11739,7 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React.createElement("p", {
     className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-  }, langdetect == 'en' ? 'Forsa' : ' Forsa'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.acceptonlinePaypal) == 1 && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Forsa' : ' Forsa'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.acceptonlinePaypal) == 1 && /*#__PURE__*/React.createElement("div", {
     className: "col-xl-4 col-lg-4 col-md-12 mb-3"
   }, /*#__PURE__*/React.createElement("label", {
     className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
@@ -11678,7 +11760,7 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React.createElement("p", {
     className: "".concat(formstyles.checkbox_label, " + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '")
-  }, langdetect == 'en' ? 'Paypal' : ' Paypal'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.acceptBankInstallementsCard) == 1 && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Paypal' : ' Paypal'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.acceptBankInstallementsCard) == 1 && /*#__PURE__*/React.createElement("div", {
     className: "col-xl-4 col-lg-4 col-md-12 mb-3"
   }, /*#__PURE__*/React.createElement("label", {
     className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
@@ -11699,7 +11781,7 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React.createElement("p", {
     className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-  }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.acceptAmanCard) == 1 && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.acceptAmanCard) == 1 && /*#__PURE__*/React.createElement("div", {
     className: "col-xl-4 col-lg-4 col-md-12 mb-3"
   }, /*#__PURE__*/React.createElement("label", {
     className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
@@ -30936,8 +31018,8 @@ var Simpleheader = function Simpleheader(props) {
   }, /*#__PURE__*/React.createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
     style: {
-      width: '40px',
-      height: '40px',
+      width: sectionproperties.wabtnwidth + 'px',
+      height: sectionproperties.wabtnsize + 'px',
       cursor: 'pointer'
     }
   }))), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("a", {
@@ -60494,7 +60576,7 @@ var DynamicForm = function DynamicForm(props) {
   }))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex align-items-cemter my-4",
     style: {
-      justifyContent: sectionproperties.generalbtn_position == 'Centered' ? 'center' : 'start'
+      justifyContent: sectionproperties.generalbtn_position != 'Centered' ? 'start' : 'center'
     }
   }, /*#__PURE__*/React.createElement("button", {
     onClick: function onClick() {
@@ -63373,7 +63455,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
           window.open(cardinfoitem.btnlink, '_blank');
         }
       }
-    }, sectionproperties.imageposition == 'Top' && /*#__PURE__*/React.createElement("div", {
+    }, sectionproperties.imageposition == 'Top' && sectionproperties.image_width != 0 && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 d-flex align-items-center p-0 w-100 h-100",
       style: {
         marginBottom: sectionproperties.image_mb + 'px',
@@ -63448,7 +63530,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
         color: cardinfoitem.text2colorfromarray
       }
-    }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && sectionproperties.image_width != 0 && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 d-flex align-items-center p-0",
       style: {
         marginTop: sectionproperties.image_mb + 'px',

package/dist/index.umd.js

@@ -10152,7 +10152,7 @@
       return import('react-select');
     });
     var Checkout = function Checkout(props) {
-      var _css, _fetchcustomercartQue65, _fetchcustomercartQue66, _fetchcustomercartQue67, _fetchcustomercartQue72, _fetchcustomercartQue73, _fetchcustomercartQue74, _fetchcustomercartQue75, _authdetailsContext$i4, _fetchcustomercartQue76, _fetchcustomercartQue78, _fetchcustomercartQue80, _fetchcustomercartQue82, _fetchcustomercartQue84, _authdetailsContext$i5, _fetchcustomercartQue86, _authdetailsContext$i6, _fetchcustomercartQue88, _authdetailsContext$i7, _fetchcustomercartQue90, _authdetailsContext$i8, _fetchcustomercartQue92, _fetchcustomercartQue94;
+      var _css, _fetchcustomercartQue65, _fetchcustomercartQue66, _fetchcustomercartQue67, _fetchcustomercartQue72, _fetchcustomercartQue73, _fetchcustomercartQue74, _fetchcustomercartQue75, _fetchcustomercartQue76, _fetchcustomercartQue78, _fetchcustomercartQue80, _fetchcustomercartQue82, _fetchcustomercartQue84, _authdetailsContext$i4, _fetchcustomercartQue86, _authdetailsContext$i5, _fetchcustomercartQue88, _authdetailsContext$i6, _fetchcustomercartQue90, _authdetailsContext$i7, _fetchcustomercartQue92, _fetchcustomercartQue94;
       var _useState = React.useState(null),
         _useState2 = _slicedToArray__default["default"](_useState, 2);
         _useState2[0];
@@ -10203,7 +10203,10 @@
         _useState14 = _slicedToArray__default["default"](_useState13, 2),
         shippingmethods = _useState14[0],
         setshippingmethods = _useState14[1];
-      // const [orderextrafeilds, setorderextrafeilds] = useState([]);
+      var _useState15 = React.useState([]),
+        _useState16 = _slicedToArray__default["default"](_useState15, 2),
+        orderextrafeilds = _useState16[0],
+        setorderextrafeilds = _useState16[1];
       React.useEffect(function () {
         var _templatepropcontext$;
         var cartindex = templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
@@ -10268,15 +10271,49 @@
         Pixel_EventsContext('InitiateCheckout', {});
         GeneralAPIMutationContext.mutate({
           endpointurl: '/InitiateCheckout',
-          mutateSuccesscallback: function mutateSuccesscallback() {}
+          mutateSuccesscallback: function mutateSuccesscallback(data) {
+            var _data$data;
+            setUsedOrderExtraFieldsValues(data === null || data === void 0 || (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.order_extra_fields);
+          }
         });
       }, [authdetailsContext]);
+      var setUsedOrderExtraFieldsValues = function setUsedOrderExtraFieldsValues(order_extra_fields) {
+        var usedOrderExtraFields = [];
+        if (fetchcustomercartQueryContext.isSuccess && fetchcustomercartQueryContext != undefined && fetchcustomercartQueryContext.data != undefined && fetchcustomercartQueryContext.data.data != undefined && fetchcustomercartQueryContext.data.data.customercart != undefined && fetchcustomercartQueryContext.data.data.customercart.orderExtraFields != undefined && fetchcustomercartQueryContext.data.data.customercart.orderExtraFields != null && fetchcustomercartQueryContext.data.data.customercart.orderExtraFields != '') {
+          var extraFieldsJson = fetchcustomercartQueryContext.data.data.customercart.orderExtraFields;
+          try {
+            // Check if extraFieldsJson is a valid JSON string
+
+            usedOrderExtraFields = JSON.parse(extraFieldsJson);
+          } catch (error) {
+            // In case of an error, log it and return an empty string
+            console.error('Failed to parse JSON:', error);
+            usedOrderExtraFields = [];
+          }
+        }
+        var temporderExtraFields = _toConsumableArray__default["default"](order_extra_fields);
+        temporderExtraFields === null || temporderExtraFields === void 0 || temporderExtraFields.forEach(function (item, index) {
+          var _usedOrderExtraFields;
+          var singleusedvalue = '';
+          (_usedOrderExtraFields = usedOrderExtraFields) === null || _usedOrderExtraFields === void 0 || _usedOrderExtraFields.forEach(function (useditem) {
+            if (useditem.id == item.id) {
+              singleusedvalue = useditem.value;
+            }
+          });
+          item.value = singleusedvalue;
+        });
+        setorderextrafeilds(_toConsumableArray__default["default"](temporderExtraFields));
+      };
       React.useEffect(function () {
         if (fetchcustomercartQueryContext != undefined && fetchcustomercartQueryContext.data != undefined && fetchcustomercartQueryContext.data.data != undefined && fetchcustomercartQueryContext.data.data.customercart != undefined && fetchcustomercartQueryContext.data.data.customercart.cityid != undefined && fetchcustomercartQueryContext.data.data.customercart.cityid != null && fetchcustomercartQueryContext.data.data.customercart.cityid != '' && fetchcustomercartQueryContext.data.data.customercart.length != 0) {
           var _fetchcustomercartQue9;
           var cityid = fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.customercart.cityid;
           fetchshippingmethods(cityid);
         }
+        if (fetchcustomercartQueryContext.isSuccess) {
+          setUsedOrderExtraFieldsValues(orderextrafeilds);
+        }
+
         // fetchorderextrafields();
       }, [fetchcustomercartQueryContext.data]);
       var fetchshippingmethods = function fetchshippingmethods(cityid) {
@@ -10303,6 +10340,7 @@
       // };
       var cartinfoupdater = function cartinfoupdater(key, value) {
         var _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14, _fetchcustomercartQue15, _fetchcustomercartQue16, _fetchcustomercartQue17, _fetchcustomercartQue18, _fetchcustomercartQue19, _fetchcustomercartQue20;
+        var OrderExtraFieldsToBeSentArr = returnOrderExtraFieldsArrayTobeSnetarr();
         var cartarr = queryClient.getQueryData('fetchcustomercart_API');
         cartarr.data.customercart[key] = value;
         queryClient.setQueryData('fetchcustomercart_API', cartarr);
@@ -10317,7 +10355,8 @@
           mobile: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue17 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue17 === void 0 || (_fetchcustomercartQue17 = _fetchcustomercartQue17.data) === null || _fetchcustomercartQue17 === void 0 ? void 0 : _fetchcustomercartQue17.customercart.mobile,
           notes: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue18 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue18 === void 0 || (_fetchcustomercartQue18 = _fetchcustomercartQue18.data) === null || _fetchcustomercartQue18 === void 0 ? void 0 : _fetchcustomercartQue18.customercart.notes,
           aff_code: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue19 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue19 === void 0 || (_fetchcustomercartQue19 = _fetchcustomercartQue19.data) === null || _fetchcustomercartQue19 === void 0 ? void 0 : _fetchcustomercartQue19.customercart.aff_code,
-          shippingmethod_id: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue20 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue20 === void 0 || (_fetchcustomercartQue20 = _fetchcustomercartQue20.data) === null || _fetchcustomercartQue20 === void 0 ? void 0 : _fetchcustomercartQue20.customercart.shippingmethod_id
+          shippingmethod_id: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue20 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue20 === void 0 || (_fetchcustomercartQue20 = _fetchcustomercartQue20.data) === null || _fetchcustomercartQue20 === void 0 ? void 0 : _fetchcustomercartQue20.customercart.shippingmethod_id,
+          orderextrafeilds: JSON.stringify(OrderExtraFieldsToBeSentArr)
         };
         if (key == 'address' || key == 'name' || key == 'mobile' || key == 'email' || key == 'notes' || key == 'aff_code') ; else {
           var _fetchcustomercartQue21;
@@ -10516,15 +10555,33 @@
           marginTop: sectionproperties.marginTopResp + 'px'
         }
       }));
+      var returnOrderExtraFieldsArrayTobeSnetarr = function returnOrderExtraFieldsArrayTobeSnetarr() {
+        var OrderExtraFieldsToBeSentArr = [];
+        var temporderextrafeilds = _toConsumableArray__default["default"](orderextrafeilds);
+        temporderextrafeilds === null || temporderextrafeilds === void 0 || temporderextrafeilds.forEach(function (item, index) {
+          if (item.value != undefined && item != null && item.length != 0) {
+            var obj = {
+              id: item.id,
+              title_en: item.title_en,
+              title_ar: item.title_ar,
+              value: item.value
+            };
+            OrderExtraFieldsToBeSentArr.push(obj);
+          }
+        });
+        return OrderExtraFieldsToBeSentArr;
+      };
       var addorderfuncrunner = /*#__PURE__*/function () {
         var _ref = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
           var _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25, _fetchcustomercartQue26, _fetchcustomercartQue27, _fetchcustomercartQue28, _fetchcustomercartQue29, _fetchcustomercartQue30, _fetchcustomercartQue31, _fetchcustomercartQue32;
+          var OrderExtraFieldsToBeSentArr;
           return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 // var temppayload = fetchcustomercartQueryContext?.data?.data?.customercart;
                 // ChooseState_CountryMutationContext.mutate(payloadobj);
                 // temppayload.endpointurl = '/ChooseState_Country';
+                OrderExtraFieldsToBeSentArr = returnOrderExtraFieldsArrayTobeSnetarr();
                 GeneralAPIMutationContext.mutate({
                   endpointurl: '/ChooseState_Country',
                   stateid: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue22 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue22 === void 0 || (_fetchcustomercartQue22 = _fetchcustomercartQue22.data) === null || _fetchcustomercartQue22 === void 0 ? void 0 : _fetchcustomercartQue22.customercart.stateid,
@@ -10538,6 +10595,7 @@
                   notes: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue30 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue30 === void 0 || (_fetchcustomercartQue30 = _fetchcustomercartQue30.data) === null || _fetchcustomercartQue30 === void 0 ? void 0 : _fetchcustomercartQue30.customercart.notes,
                   aff_code: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue31 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue31 === void 0 || (_fetchcustomercartQue31 = _fetchcustomercartQue31.data) === null || _fetchcustomercartQue31 === void 0 ? void 0 : _fetchcustomercartQue31.customercart.aff_code,
                   shippingmethod_id: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue32 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue32 === void 0 || (_fetchcustomercartQue32 = _fetchcustomercartQue32.data) === null || _fetchcustomercartQue32 === void 0 ? void 0 : _fetchcustomercartQue32.customercart.shippingmethod_id,
+                  orderextrafeilds: JSON.stringify(OrderExtraFieldsToBeSentArr),
                   mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
                     if (data.data.status) {
                       var _fetchcustomercartQue33, _fetchcustomercartQue34;
@@ -10561,7 +10619,7 @@
                     }
                   }
                 });
-              case 1:
+              case 2:
               case "end":
                 return _context.stop();
             }
@@ -11364,28 +11422,52 @@
         return /*#__PURE__*/React__default["default"].createElement("option", {
           value: item.id
         }, langdetect == 'en' ? item.name_en : item.name_ar);
-      }))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '66b4a0338cb14' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }))))), (orderextrafeilds === null || orderextrafeilds === void 0 ? void 0 : orderextrafeilds.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 w-100 py-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(checkoutstyles.innersection) + ' w-100 mb-3 '
+        "class": "".concat(checkoutstyles.innersection) + ' w-100 mb-3 py-3 '
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100 mb-3 pl-3 pr-3"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-4 col-md-12 mb-3"
-      }, /*#__PURE__*/React__default["default"].createElement("label", {
-        className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
-      }, langdetect == 'en' ? 'Event Date' : 'تاريخ الايفنت'), /*#__PURE__*/React__default["default"].createElement("input", {
-        type: 'date',
-        className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control)
-        // value={}
-        ,
-        onChange: function onChange(event) {
-          // cartinfoupdater('email', event.target.value);
-        },
-        style: {
-          boxShadow: 'none'
+      }, orderextrafeilds === null || orderextrafeilds === void 0 ? void 0 : orderextrafeilds.map(function (item, index) {
+        if (item.type == 'date') {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "col-lg-4 col-md-12 mb-3"
+          }, /*#__PURE__*/React__default["default"].createElement("label", {
+            className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
+          }, langdetect == 'en' ? item.title_en : item.title_ar), /*#__PURE__*/React__default["default"].createElement("input", {
+            type: 'date',
+            className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
+            value: item.value,
+            onChange: function onChange(event) {
+              var temporderextrafeilds = _toConsumableArray__default["default"](orderextrafeilds);
+              temporderextrafeilds[index].value = event.target.value;
+              setorderextrafeilds(_toConsumableArray__default["default"](temporderextrafeilds));
+            },
+            style: {
+              boxShadow: 'none'
+            }
+          }));
+        }
+        if (item.type == 'time') {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "col-lg-4 col-md-12 mb-3"
+          }, /*#__PURE__*/React__default["default"].createElement("label", {
+            className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
+          }, langdetect == 'en' ? item.title_en : item.title_ar), /*#__PURE__*/React__default["default"].createElement("input", {
+            type: 'time',
+            className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
+            value: item.value,
+            onChange: function onChange(event) {
+              var temporderextrafeilds = _toConsumableArray__default["default"](orderextrafeilds);
+              temporderextrafeilds[index].value = event.target.value;
+              setorderextrafeilds(_toConsumableArray__default["default"](temporderextrafeilds));
+            },
+            style: {
+              boxShadow: 'none'
+            }
+          }));
         }
-      }))))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      })))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 w-100"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(checkoutstyles.innersection) + ' w-100 mb-3 '
@@ -11509,7 +11591,7 @@
         d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
       })), /*#__PURE__*/React__default["default"].createElement("p", {
         className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-      }, langdetect == 'en' ? sectionproperties.walletnameen : sectionproperties.walletnamear))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.acceptForsaCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? sectionproperties.walletnameen : sectionproperties.walletnamear))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.acceptForsaCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-xl-4 col-lg-4 col-md-12 mb-3"
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
@@ -11530,7 +11612,7 @@
         d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
       })), /*#__PURE__*/React__default["default"].createElement("p", {
         className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-      }, langdetect == 'en' ? 'Forsa' : ' Forsa'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.acceptonlinePaypal) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? 'Forsa' : ' Forsa'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.acceptonlinePaypal) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-xl-4 col-lg-4 col-md-12 mb-3"
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
@@ -11551,7 +11633,7 @@
         d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
       })), /*#__PURE__*/React__default["default"].createElement("p", {
         className: "".concat(formstyles.checkbox_label, " + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '")
-      }, langdetect == 'en' ? 'Paypal' : ' Paypal'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.acceptBankInstallementsCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? 'Paypal' : ' Paypal'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.acceptBankInstallementsCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-xl-4 col-lg-4 col-md-12 mb-3"
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
@@ -11572,7 +11654,7 @@
         d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
       })), /*#__PURE__*/React__default["default"].createElement("p", {
         className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-      }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.acceptAmanCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? 'Bank Installments' : ' التقسيط عن طريق البنك'))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.acceptAmanCard) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-xl-4 col-lg-4 col-md-12 mb-3"
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
@@ -30809,8 +30891,8 @@
       }, /*#__PURE__*/React__default["default"].createElement("img", {
         src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
         style: {
-          width: '40px',
-          height: '40px',
+          width: sectionproperties.wabtnwidth + 'px',
+          height: sectionproperties.wabtnsize + 'px',
           cursor: 'pointer'
         }
       }))), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
@@ -60367,7 +60449,7 @@
       }))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 d-flex align-items-cemter my-4",
         style: {
-          justifyContent: sectionproperties.generalbtn_position == 'Centered' ? 'center' : 'start'
+          justifyContent: sectionproperties.generalbtn_position != 'Centered' ? 'start' : 'center'
         }
       }, /*#__PURE__*/React__default["default"].createElement("button", {
         onClick: function onClick() {
@@ -63246,7 +63328,7 @@
               window.open(cardinfoitem.btnlink, '_blank');
             }
           }
-        }, sectionproperties.imageposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
+        }, sectionproperties.imageposition == 'Top' && sectionproperties.image_width != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 d-flex align-items-center p-0 w-100 h-100",
           style: {
             marginBottom: sectionproperties.image_mb + 'px',
@@ -63321,7 +63403,7 @@
             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", {
+        }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar)), sectionproperties.imageposition == 'Bottom' && sectionproperties.image_width != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 d-flex align-items-center p-0",
           style: {
             marginTop: sectionproperties.image_mb + 'px',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.724",
+    "version": "0.0.726",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {